/* \3c style id=jj-noflash> auf / */ .jj-a11y-fab,.jjds-dock{position:fixed;opacity:0;animation:jjnoflash .01s linear forwards}@keyframes jjnoflash{from{opacity:0}to{opacity:1}} /* \3c style id=jj-oz-antiflacker> auf / */ html.jj-oz-js .jjds-oz:not(.open):not(.closed){visibility:hidden}html[lang^="en"] .jj-ds .jjds-hours .row.today .day::after{content:"Today"} /* \3c style id=jj-font-fallback> auf / */ @font-face{font-family:"SS3 Fallback";src:local("Arial"),local("Helvetica Neue"),local("Liberation Sans");size-adjust:97%;ascent-override:95%;descent-override:26%;line-gap-override:0%;}h1,h2,h3,h4,h5,h6{font-family:"Source Sans 3","SS3 Fallback",sans-serif !important;}.jj-chip,.jj-anfcard,.jj-anfrow,.jj-anfcta,.jjds-cta{font-family:"Source Sans 3","SS3 Fallback",-apple-system,"system-ui","Segoe UI",sans-serif !important;} /* \3c style> auf / */.kfo-gloss{display:inline!important;color:inherit!important;text-decoration:underline dotted #779c94!important;text-decoration-thickness:1px;text-underline-offset:2px;text-decoration-skip-ink:none;cursor:help}.kfo-tip{position:fixed;z-index:99999;max-width:300px;width:max-content;box-sizing:border-box;background:#fff;color:#343637;font-size:13.5px;font-weight:400;line-height:1.55;padding:11px 14px;border-radius:10px;border:1px solid #d2e0db;box-shadow:0 10px 28px rgba(52,54,55,.16);opacity:0;visibility:hidden;transition:opacity .12s ease;pointer-events:none;left:0;top:0}.kfo-tip.show{opacity:1;visibility:visible}@media(max-width:600px){.kfo-tip{max-width:calc(100vw - 16px);font-size:14px}}.kfo-tip-arr{position:absolute;width:0;height:0;border:7px solid transparent}.kfo-tip-arr.up{top:100%;border-top-color:#d2e0db}.kfo-tip-arr.down{bottom:100%;border-bottom-color:#d2e0db}.jjcite{font-size:.72em;vertical-align:super;line-height:0;color:#779c94;text-decoration:none;font-weight:700;cursor:help;padding:0 1px}.jjcite:hover{text-decoration:underline}.jjcite+.jjcite::before{content:",";padding-right:1px}[id^="fnq-"]:target{background:#faf5ec;border-radius:4px;transition:background .3s} /* \3c style id=jjam-menu-hero-fix> auf / */ /* \3c style id=jjam-praxisfoto-mobil> auf / */ /* \3c style id=jjam-kontaktform-kompakt> auf / */ /* \3c style id=jjam-header-resize-fix> auf / */@media (min-width:1025px) and (max-width:1440px){ /* Footer-Zeile: DE | EN + CTA */ /* falls JS (noch) nicht lief: originale weglot-items als Fallback *//* Header-CTA bleibt sichtbar; Farbe wechselt auf dunkel, solange das Menue offen ist */} /* \3c style id=jjam-img-crop-fix> auf / */ /* \3c style id=jjam-reviews-fullwidth> auf / */ .jj-rev{max-width:none !important}@media(min-width:1025px){.jj-rev .jj-rev-card{flex:0 0 calc((100% - 54px)/4) !important}} /* \3c style id=jjam-toc-numbers> auf / */ /* \3c style id=jjam-home-kacheln> auf / */ /* \3c style id=jjam-mobile-img-ux> auf / */@media(max-width:767px){body.page-id-6512{padding-bottom:62px!important}} /* \3c style id=jjam-mob-proto> auf / */ @media(max-width:767px){body.page-id-653,body.page-id-6760{padding-bottom:62px!important}} /* /wp-content/uploads/jj-assets/elementor-static/uploads-css/custom-frontend.min.css */ :root{--direction-multiplier:1}body.rtl,html[dir=rtl]{--direction-multiplier:-1}.elementor-element{--flex-direction:initial;--flex-wrap:initial;--justify-content:initial;--align-items:initial;--align-content:initial;--gap:initial;--flex-basis:initial;--flex-grow:initial;--flex-shrink:initial;--order:initial;--align-self:initial;align-self:var(--align-self);flex-basis:var(--flex-basis);flex-grow:var(--flex-grow);flex-shrink:var(--flex-shrink);order:var(--order)}.elementor-element:where(.elementor-widget){align-content:var(--align-content);align-items:var(--align-items);flex-direction:var(--flex-direction);flex-wrap:var(--flex-wrap);gap:var(--row-gap) var(--column-gap);justify-content:var(--justify-content)}:root{--page-title-display:block}.elementor-page-title,h1.entry-title{display:var(--page-title-display)}.elementor-widget{position:relative}.elementor-widget:not(:last-child){margin-block-end:var(--kit-widget-spacing,20px)}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}.elementor-button{background-color:#69727d;border-radius:3px;color:#fff;display:inline-block;fill:#fff;font-size:15px;line-height:1;padding:12px 24px;text-align:center;transition:all .3s}.elementor-button:focus,.elementor-button:hover,.elementor-button:visited{color:#fff}.elementor-button span{text-decoration:inherit}@media (prefers-reduced-motion:reduce){html *{transition-delay:0s!important;transition-duration:0s!important}} /* /wp-content/uploads/jj-assets/jj-global-inline.css */ /* JUST KFO - global gleiches Inline-CSS, ausgelagert am 08.08.2026 * Quelle: die fuenf wp_add_inline_style-Beitraege am Handle elementor-frontend * (Kit-Farben, Vorlage 6225, Fusszeile 300, Kopfzeile 40 + Medienabfrage). * Auf acht geprueften Seiten byte-identisch. Wird von Snippet #1706 eingebunden; * aendert sich einer der Beitraege, faellt das Snippet auf Inline zurueck und * diese Datei muss neu erzeugt werden (~/en-motor/jj-css-datei.php). * Hashes: 85cd7a1c ec2205cc 6196ecc2 ed2100e1 0528038a */ .elementor-kit-6{--e-global-color-primary:#404041;--e-global-color-secondary:#E3DDD0;--e-global-color-text:#404041;--e-global-color-accent:#779C94;--e-global-color-ff95740:#40404124;--e-global-color-6126355:#FFFFFF;--e-global-color-febd78b:#000000;--e-global-color-37e3cfd:#A0B6AE;--e-global-typography-primary-font-family:"Source Sans 3";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Source Sans 3";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Source Sans 3";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:29px;--e-global-typography-text-letter-spacing:0.5px;--e-global-typography-accent-font-family:"Source Sans 3";--e-global-typography-accent-font-weight:500;--e-global-typography-3f609ba-font-family:"Source Sans 3";--e-global-typography-3f609ba-font-size:90px;--e-global-typography-3f609ba-font-weight:400;--e-global-typography-3f609ba-line-height:1em;--e-global-typography-3f609ba-letter-spacing:-5px;--e-global-typography-9306a4f-font-size:26px;--e-global-typography-9306a4f-font-weight:400;--e-global-typography-9a77027-font-family:"Source Sans 3";--e-global-typography-9a77027-font-size:17px;--e-global-typography-9a77027-font-weight:500;--e-global-typography-9a77027-text-transform:uppercase;--e-global-typography-23a78cb-font-family:"Source Sans 3";--e-global-typography-23a78cb-font-size:26px;--e-global-typography-23a78cb-font-weight:400;--e-global-typography-42c2b7d-font-family:"Source Sans 3";--e-global-typography-42c2b7d-font-size:85px;--e-global-typography-42c2b7d-font-weight:400;--e-global-typography-42c2b7d-line-height:1em;--e-global-typography-42c2b7d-letter-spacing:-2px;--e-global-typography-5f82ad9-font-size:65px;--e-global-typography-5f82ad9-font-weight:400;--e-global-typography-5f82ad9-line-height:1em;--e-global-typography-5f82ad9-letter-spacing:-2px;--e-global-typography-dcc9b01-font-family:"Source Sans 3";--e-global-typography-dcc9b01-font-size:30px;--e-global-typography-dcc9b01-font-weight:400;--e-global-typography-dcc9b01-line-height:1em;--e-global-typography-7b3e021-font-family:"Source Sans 3";--e-global-typography-7b3e021-font-size:18px;--e-global-typography-7b3e021-font-weight:400;--e-global-typography-7b3e021-line-height:29px;--e-global-typography-7b3e021-letter-spacing:0.4px;--e-global-typography-1add6e1-font-family:"Source Sans 3";--e-global-typography-1add6e1-font-size:18px;--e-global-typography-1add6e1-font-weight:500;--e-global-typography-06ee298-font-family:"Source Sans 3";--e-global-typography-06ee298-font-size:55px;--e-global-typography-06ee298-font-weight:400;--e-global-typography-06ee298-line-height:1em;--e-global-typography-06ee298-letter-spacing:-2px;--e-global-typography-e567b05-font-size:40px;--e-global-typography-e567b05-font-weight:400;--e-global-typography-e567b05-line-height:1em;--e-global-typography-1914da9-font-family:"Source Sans 3";--e-global-typography-1914da9-font-size:16px;--e-global-typography-1914da9-font-weight:400;--e-global-typography-1914da9-line-height:1.5em;--e-global-typography-3146045-font-family:"Source Sans 3";--e-global-typography-3146045-font-size:24px;--e-global-typography-3146045-font-weight:500;--e-global-typography-fcfe29b-font-family:"Source Sans 3";--e-global-typography-fcfe29b-font-size:24px;--e-global-typography-fcfe29b-font-weight:400;--e-global-typography-fcfe29b-line-height:1.3em;}.elementor-kit-6 a{color:#779C94;}.elementor-kit-6 a:hover{color:#5F8077;}.elementor-kit-6 h3{font-size:22px;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{color:#FFFFFF;}.elementor-kit-6 button:hover,.elementor-kit-6 button:focus,.elementor-kit-6 input[type="button"]:hover,.elementor-kit-6 input[type="button"]:focus,.elementor-kit-6 input[type="submit"]:hover,.elementor-kit-6 input[type="submit"]:focus,.elementor-kit-6 .elementor-button:hover,.elementor-kit-6 .elementor-button:focus{color:#FFFFFF;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}h1.entry-title{display:var(--page-title-display);}@media(max-width:1640px){.elementor-kit-6{--e-global-typography-text-font-size:15px;--e-global-typography-3f609ba-font-size:80px;--e-global-typography-9306a4f-font-size:22px;--e-global-typography-9a77027-font-size:16px;--e-global-typography-23a78cb-font-size:22px;--e-global-typography-42c2b7d-font-size:70px;--e-global-typography-5f82ad9-font-size:52px;--e-global-typography-dcc9b01-font-size:24px;--e-global-typography-7b3e021-font-size:16px;--e-global-typography-1add6e1-font-size:16px;--e-global-typography-06ee298-font-size:45px;--e-global-typography-e567b05-font-size:34px;--e-global-typography-1914da9-font-size:15px;--e-global-typography-3146045-font-size:20px;}}@media(max-width:1380px){.elementor-kit-6{--e-global-typography-3f609ba-font-size:70px;--e-global-typography-42c2b7d-font-size:60px;--e-global-typography-5f82ad9-font-size:50px;--e-global-typography-06ee298-font-size:40px;}}@media(max-width:1024px){.elementor-kit-6{--e-global-typography-text-font-size:15px;--e-global-typography-text-line-height:1.7em;--e-global-typography-3f609ba-font-size:60px;--e-global-typography-3f609ba-letter-spacing:-3px;--e-global-typography-9306a4f-font-size:18px;--e-global-typography-9a77027-font-size:15px;--e-global-typography-23a78cb-font-size:18px;--e-global-typography-42c2b7d-font-size:45px;--e-global-typography-42c2b7d-letter-spacing:-1px;--e-global-typography-5f82ad9-font-size:35px;--e-global-typography-5f82ad9-letter-spacing:-1px;--e-global-typography-dcc9b01-font-size:20px;--e-global-typography-7b3e021-font-size:14px;--e-global-typography-7b3e021-line-height:1.8em;--e-global-typography-1add6e1-font-size:15px;--e-global-typography-06ee298-font-size:30px;--e-global-typography-e567b05-font-size:24px;--e-global-typography-1914da9-font-size:14px;--e-global-typography-3146045-font-size:18px;}}@media(max-width:767px){.elementor-kit-6{--e-global-typography-text-font-size:16px;--e-global-typography-text-line-height:1.6em;--e-global-typography-3f609ba-font-size:34px;--e-global-typography-3f609ba-line-height:1em;--e-global-typography-3f609ba-letter-spacing:-1px;--e-global-typography-9306a4f-font-size:20px;--e-global-typography-42c2b7d-font-size:34px;}}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for heading, class: .elementor-element-bb67f51 *//* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-c2a6623 *//* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-1af3a8b *//* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-a3a32b7 *//* End custom CSS */.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for nav-menu, class: .elementor-element-3860438 *//* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-87c5154 *//* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-15d00e0 *//*.elementor-40 .elementor-element.elementor-element-15d00e0 .elementor-button-wrapper, .elementor-40 .elementor-element.elementor-element-15d00e0 a {*/ /* height: 100% !important;*/ /* display: flex*/ /*}*/ /*.elementor-40 .elementor-element.elementor-element-15d00e0 .elementor-button-content-wrapper {*/ /* align-items: center !important;*/ /*}*//* End custom CSS */ /* ───────────────────────────────────────────────────────────────────────────── DAS WAAGERECHTE MENUE HATTE NULL ZWISCHENRAUM (07.08.2026) Gemessen bei 1800px, deutsch wie englisch: Die Menuepunkte liegen ohne jede Luecke aneinander — Treatments 291–387 | Practice 387–460 | Resources 460–548 | Publications 548–631 | Contact 631–703 Aus „Publications" und „Contact" wird dabei optisch ein Wort. Im eingefrorenen Elementor-CSS steht `padding-left:0px;padding-right:0px` auf `.elementor-nav-menu--main .elementor-item` und `--e-nav-menu-horizontal-menu-item-margin: calc(0px / 2)`. ⚠️ Das war KEIN Nebeneffekt der Umstellung — die deutschen Punkte liegen genauso eng. Es faellt englisch nur staerker auf, weil dort ein Aufklapp- Pfeil direkt am naechsten Wort klebt. Zwischenraum kommt als Innenabstand am Link, nicht als Aussenabstand am Punkt: So waechst die anklickbare Flaeche mit — ein Menuepunkt, den man knapp verfehlt, ist schlimmer als einer, der eng steht. ───────────────────────────────────────────────────────────────────────────── */ /* /wp-content/uploads/jj-assets/elementor-static/elementor/assets/css/widget-image.min.css */ /* /wp-content/uploads/jj-assets/elementor-static/uploads-css/custom-pro-widget-nav-menu.min.css */ @charset "UTF-8"; /* /wp-content/uploads/jj-assets/elementor-static/elementor-pro/assets/css/modules/sticky.min.css */ /* /wp-content/uploads/jj-assets/elementor-static/elementor/assets/css/widget-heading.min.css */ /* /wp-content/uploads/jj-assets/elementor-static/uploads-css/custom-widget-icon-list.min.css */ .elementor-widget:not(:has(.elementor-widget-container)) .elementor-widget-container{overflow:hidden} /* /wp-content/uploads/jj-assets/elementor-static/elementor/assets/css/widget-social-icons.min.css */ /* /wp-content/uploads/jj-assets/elementor-static/uploads-css/custom-apple-webkit.min.css */ /* /wp-content/uploads/jj-assets/elementor-static/elementor/assets/css/widget-divider.min.css */ /* /wp-content/uploads/jj-assets/elementor-static/elementor/assets/lib/eicons/css/elementor-icons.min.css */ /*! elementor-icons - v5.53.0 - 16-07-2026 */ /* /wp-content/uploads/jj-assets/elementor-static/uploads-css/base-desktop.css */ /* /wp-content/uploads/jj-assets/elementor-static/uploads-css/base-mobile.css */ /* /wp-content/uploads/jj-assets/elementor-static/elementor/assets/lib/animations/styles/e-animation-bob.min.css */ /* /wp-content/uploads/jj-assets/elementor-static/uploads-css/custom-widget-contact-buttons-base.min.css */.e-contact-buttons__contact-icon-link{pointer-events:auto} /* /wp-content/uploads/jj-assets/elementor-static/elementor/assets/css/widget-contact-buttons-var-4.min.css */ /* /wp-content/uploads/jj-assets/elementor-static/elementor/assets/lib/font-awesome/css/fontawesome-teilsatz.css */ /*! * Font Awesome Free 5.15.3 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) * JUST KFO Teilsatz, 30.08.2026 - Struktur-Regeln vollstaendig, content-Regeln nur fuer * die benutzten Icons. Doku: bin/LIESMICH_FA-Teilsatz.md auf dem Server. */ .fab,.far{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1} /* /wp-content/uploads/jj-assets/elementor-static/elementor/assets/lib/font-awesome/css/fa-teilsatz.css */ /*! * Font Awesome Free 5.15.3 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) * JUST KFO Teilsatz (Subset), zusammengelegt 30.08.2026 - Doku: bin/LIESMICH_FA-Teilsatz.md auf dem Server. */ @font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:block;src:url("/assets/ernte/elementor-static/elementor/assets/lib/font-awesome/webfonts/fa-solid-900.subset.woff2") format("woff2"),url("/assets/ernte/elementor-static/elementor/assets/lib/font-awesome/webfonts/fa-solid-900.woff") format("woff")}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;font-display:block;src:url("/assets/ernte/elementor-static/elementor/assets/lib/font-awesome/webfonts/fa-regular-400.subset.woff2") format("woff2"),url("/assets/ernte/elementor-static/elementor/assets/lib/font-awesome/webfonts/fa-regular-400.woff") format("woff")}@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:400;font-display:block;src:url("/assets/ernte/elementor-static/elementor/assets/lib/font-awesome/webfonts/fa-brands-400.subset.woff2") format("woff2"),url("/assets/ernte/elementor-static/elementor/assets/lib/font-awesome/webfonts/fa-brands-400.woff") format("woff")}.far{font-family:"Font Awesome 5 Free";font-weight:400}.fab{font-family:"Font Awesome 5 Brands";font-weight:400} /* /wp-content/uploads/jj-assets/elementor-static/elementor/assets/lib/swiper/v8/css/swiper.min.css */ /** * Swiper 8.4.5 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2022 Vladimir Kharlampidi * * Released under the MIT License * * Released on: November 21, 2022 */:root{--swiper-theme-color:#007aff}:root{--swiper-navigation-size:44px} /* /wp-content/uploads/jj-assets/elementor-static/elementor/assets/css/conditionals/e-swiper.min.css */ .elementor-element{--swiper-theme-color:#000;--swiper-navigation-size:44px;--swiper-pagination-bullet-size:6px;--swiper-pagination-bullet-horizontal-gap:6px} /* /wp-content/uploads/jj-assets/elementor-static/elementor-pro/assets/css/widget-loop-common.min.css */ /*! elementor-pro - v4.2.0 - 28-07-2026 */ /* /wp-content/uploads/jj-assets/elementor-static/elementor-pro/assets/css/widget-loop-carousel.min.css */ /*! elementor-pro - v4.2.0 - 28-07-2026 */ /* /wp-content/uploads/jj-assets/menu-hover.css */ /* /wp-content/uploads/jj-assets/themencluster.css */ /* /wp-content/uploads/jj-assets/box50-mobile.css */ /* /wp-content/uploads/jj-assets/404-style.css */ /* /wp-content/uploads/jj-assets/qb-css.css */ul.jj-qb-list{list-style:none!important;margin:0!important;padding:0!important;counter-reset:jjq}ul.jj-qb-list>li{counter-increment:jjq;position:relative;padding:8px 0 8px 2.5em;border-top:1px solid #efe6d6;font-size:13.5px;line-height:1.6;color:#4a4a48;margin:0}ul.jj-qb-list>li:first-child{border-top:none}ul.jj-qb-list>li::before{content:"["counter(jjq)"]";position:absolute;left:0;top:8px;color:#779c94;font-weight:600;font-size:13px}ul.jj-qb-list>li p{margin:0;display:inline}ul.jj-qb-list>li i,ul.jj-qb-list>li em{font-style:italic}ul.jj-qb-list>li a{color:#779c94;text-decoration:none;word-break:break-word}[id^=fnq-]:target{background:#faf5ec;border-radius:4px} /* /wp-content/uploads/jj-assets/menu-desktop-v10.css */ /* JJ 17.09.2026: Menuepunkt Kosten & Kasse (menu-item-528622) - Kachel + Euro-Symbol */ /* /wp-content/uploads/jj-assets/menu-offcanvas-v10.css */ /* JJ 17.09.2026: Menuepunkt Kosten & Kasse (menu-item-528622) - Kachel + Euro-Symbol */ /* /wp-content/uploads/jj-assets/fachpub-pdf-css.css */ @media (min-width:768px){html body .fachpub-pdf .artikel-iframe{display:block !important;width:100% !important;border:none !important;}}@media (min-width:768px) and (max-width:1024px){html body .fachpub-pdf .artikel-iframe{height:75vh !important;}}@media (min-width:1025px){html body .fachpub-pdf .artikel-iframe{height:650px !important;}}@media (max-width:767px){html body .fachpub-pdf .artikel-iframe{display:none !important;}} /* /wp-content/uploads/jj-assets/jj-design-system.css */ /* ============================================================ JUST KFO Design-System (jj-design-system.css) Stand: 13.07.2026 – extrahiert aus dem finalen Invisalign-Redesign (Seite 653) Scope: Wrapper
... Klassen jjds-* Komponenten: wrap, hero(+herofig/herobadge/herocta/focus), kicker, sec, sub, intro, card(+2col), chips, checks, steps/step, ministeps, glance, price, trust, cmp(Vorher/Nachher-Slider), video(DSGVO-Facade), quote(dunkel), quellen, faqlist/faq(nummeriert), kontakt(dunkles CTA-Panel), oz(Status), tel, cta, nav/navwrap(Glas-Pill-Scrollspy), rev(Scroll-Reveal, braucht Body-Klasse jjds-js via Inline-Script), mark(Deko), blob(Hero-Morph). Reviews: .jj-r-score/.jj-r-count werden site-weit von Snippet #686 gefüllt. ============================================================ */ .jj-ds{--jjc:#FDF7F0;--jja:#343637;--jjm:#BACEC7;--jjg:#779c94;--jjgd:#5F8077;--jjy:#E6B85C;color:var(--jja);line-height:1.65;position:relative;overflow-x:clip} .jj-ds *{box-sizing:border-box} .jj-ds .jjds-wrap{max-width:1100px;margin:0 auto;padding:1rem 1.3rem 4rem;position:relative} .jj-ds h1,.jj-ds h2,.jj-ds h3{color:var(--jja);line-height:1.25} .jj-ds a,body .jj-ds a{color:var(--jjg)} .jj-ds img{max-width:100%;height:auto;display:block} /* ===== Liquid-Deko: Signet-Wasserzeichen + Farb-Blobs ===== */ .jj-ds .jjds-mark{position:absolute;z-index:0;pointer-events:none;animation:jjdsfloat 14s ease-in-out infinite alternate} .jj-ds .jjds-mark svg{display:block;width:100%;height:auto} .jj-ds .jjds-mark path{fill:var(--jjm)} .jj-ds .jjds-mark.m1{width:300px;top:-30px;right:-80px;opacity:.28;transform:rotate(10deg)} .jj-ds .jjds-mark.m2{width:230px;top:2400px;left:-105px;opacity:.18;transform:rotate(-9deg);animation-duration:18s} .jj-ds .jjds-blob{position:absolute;z-index:0;pointer-events:none;filter:blur(60px);opacity:.55;animation:jjdsfloat 16s ease-in-out infinite alternate} .jj-ds .jjds-blob.b1{width:420px;height:420px;top:120px;left:-180px;background:radial-gradient(circle at 35% 35%,#dcebe6,rgba(220,235,230,0));animation-duration:20s} .jj-ds .jjds-blob.b2{width:380px;height:380px;top:1450px;right:-190px;background:radial-gradient(circle at 60% 40%,#e9f2ee,rgba(233,242,238,0))} @keyframes jjdsfloat{0%{margin-top:0}100%{margin-top:26px}} @keyframes jjdsmorph{0%{border-radius:58% 42% 55% 45%/48% 56% 44% 52%}50%{border-radius:45% 55% 42% 58%/55% 45% 58% 42%}100%{border-radius:52% 48% 58% 42%/45% 55% 42% 58%}} @media (prefers-reduced-motion:reduce){.jj-ds .jjds-mark,.jj-ds .jjds-blob,.jj-ds .jjds-herofig .fig{animation:none!important}} /* ===== Scroll-Reveal ===== */ .jj-ds.jjds-js .jjds-rev{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease} .jj-ds.jjds-js .jjds-rev.on{opacity:1;transform:none} @media (prefers-reduced-motion:reduce){.jj-ds.jjds-js .jjds-rev{opacity:1;transform:none;transition:none}} /* ===== Hero ===== */ .jj-ds .jjds-hero{position:relative;z-index:1;padding:2.2rem 0 .6rem;display:grid;grid-template-columns:1fr;gap:1.2rem;align-items:center} .jj-ds .jjds-kicker{display:inline-block;background:rgba(255,255,255,.65);border:1px solid var(--jjm);color:var(--jjgd);font-weight:700;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;padding:.4rem 1.1rem;border-radius:99px;margin-bottom:1rem} .jj-ds h1{font-size:clamp(1.9rem,4.5vw,2.7rem);margin:.1em 0 .4em} .jj-ds h1 em{font-style:normal;background:linear-gradient(transparent 62%,var(--jjm) 62%)} .jj-ds .jjds-sub{font-size:1.12rem;max-width:44em} .jj-ds .jjds-herofig{position:relative;z-index:1;margin:.4rem auto 0;max-width:380px;width:100%} .jj-ds .jjds-herofig .fig{position:relative;overflow:hidden;border-radius:58% 42% 55% 45%/48% 56% 44% 52%;animation:jjdsmorph 16s ease-in-out infinite alternate;box-shadow:0 18px 45px rgba(95,128,119,.22)} .jj-ds .jjds-herofig .fig img{width:100%;height:100%;object-fit:cover;aspect-ratio:1/1} .jj-ds .jjds-herobadge{position:absolute;left:-14px;bottom:14px;background:rgba(255,255,255,.92);backdrop-filter:blur(6px);border-radius:16px;padding:.55rem .95rem;font-size:.88rem;font-weight:700;box-shadow:0 10px 26px rgba(95,128,119,.25);display:flex;align-items:center;gap:.45em} .jj-ds .jjds-herobadge .st{color:var(--jjy);font-size:1.05em} .jj-ds .jjds-focus{position:absolute;top:-10px;left:-8px;width:84px;height:auto;z-index:2;border-radius:6px;box-shadow:0 10px 26px rgba(52,54,55,.22)} .jj-ds .jjds-herocta{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1.1rem;align-items:center} @media(min-width:820px){.jj-ds .jjds-hero{grid-template-columns:1.3fr 1fr;gap:2rem}.jj-ds .jjds-herofig{margin:0}} /* ===== Buttons ===== */ .jj-ds .jjds-cta{display:inline-block;background:var(--jjg);color:#fff!important;border-radius:99px;padding:.7em 1.8em;text-decoration:none;font-weight:700;transition:transform .2s,box-shadow .2s;box-shadow:0 8px 22px rgba(119,156,148,.35);position:relative;z-index:1;cursor:pointer} .jj-ds .jjds-cta:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(119,156,148,.45)} .jj-ds .jjds-cta.ghost{background:#fff;color:var(--jjgd)!important;border:1.5px solid var(--jjm);box-shadow:none} .jj-ds .jjds-cta.ghost:hover{border-color:var(--jjg);box-shadow:0 8px 20px rgba(119,156,148,.2)} /* ===== Auf einen Blick ===== */ .jj-ds .jjds-glance{position:relative;z-index:1;background:#fff;border-radius:26px;padding:1.5rem 1.6rem;margin:1.6rem 0 1rem;box-shadow:0 14px 40px rgba(95,128,119,.08);border:1px solid rgba(186,206,199,.35)} .jj-ds .jjds-glance .lbl{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;font-weight:700;color:var(--jjgd);margin-bottom:.5rem} .jj-ds .jjds-glance p{margin:.2em 0 .9em} .jj-ds .jjds-chips{display:flex;flex-wrap:wrap;gap:.5em} .jj-ds .jjds-chips span{font-size:.86rem;background:#e9f1ed;border:1px solid #cfe0d8;border-radius:99px;padding:.4em 1.05em} .jj-ds .jjds-trust{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem 1rem;margin:1.1rem 0 .3rem} .jj-ds .jjds-trust>div{display:flex;align-items:center;gap:.6em;font-size:.92rem} .jj-ds .jjds-trust .ic{flex:none;width:2.3em;height:2.3em;border-radius:50%;background:#fff;border:1px solid var(--jjm);display:flex;align-items:center;justify-content:center;color:var(--jjgd)} .jj-ds .jjds-trust .ic svg{width:1.15em;height:1.15em;stroke:var(--jjgd);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round} .jj-ds .jjds-trust b{display:block;font-size:1.02em} .jj-ds .jjds-trust span.s{display:block;font-size:.85em;color:#5c5f60} .jj-ds .jjds-glancefoot{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-top:1rem} .jj-ds .jjds-ministeps{display:flex;gap:.9rem;flex-wrap:wrap} .jj-ds .jjds-ministeps span{display:inline-flex;align-items:center;gap:.4em;font-size:.88rem;font-weight:600} .jj-ds .jjds-ministeps i{font-style:normal;width:1.6em;height:1.6em;border-radius:50%;background:var(--jja);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:.82em;font-weight:800} @media(min-width:640px){.jj-ds .jjds-trust{grid-template-columns:repeat(4,1fr)}} /* ===== Sticky Quick-Nav ===== */ .jj-ds .jjds-navwrap{position:sticky;top:96px;z-index:5;display:flex;justify-content:center;margin:.6rem 0 1rem;pointer-events:none} .jj-ds .jjds-nav{pointer-events:auto;position:relative;display:inline-flex;gap:.15rem;background:rgba(255,255,255,.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(186,206,199,.55);border-radius:99px;padding:.3rem;box-shadow:0 10px 30px rgba(95,128,119,.18);max-width:100%;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch} .jj-ds .jjds-nav::-webkit-scrollbar{display:none} .jj-ds .jjds-nav .ind{position:absolute;top:.3rem;bottom:.3rem;left:0;width:0;border-radius:99px;background:linear-gradient(135deg,var(--jjg),var(--jjgd));opacity:0;transition:transform .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1),opacity .25s;box-shadow:0 4px 14px rgba(119,156,148,.4)} .jj-ds .jjds-nav a{position:relative;z-index:1;flex:none;text-decoration:none;font-weight:600;font-size:.88rem;color:var(--jja);border-radius:99px;padding:.42em 1.05em;transition:color .25s} .jj-ds .jjds-nav a:hover{color:var(--jjgd)} .jj-ds .jjds-nav a.act{color:#fff} .jj-ds .jjds-nav a.act:hover{color:#fff} @media(max-width:480px){.jj-ds .jjds-nav{gap:.05rem;padding:.26rem}.jj-ds .jjds-nav a{font-size:.78rem;padding:.42em .66em}} /* ===== Sektionen ===== */ .jj-ds h2.jjds-sec{font-size:clamp(1.35rem,3vw,1.7rem);margin:2.6rem 0 .4rem;scroll-margin-top:140px;position:relative;z-index:1;padding:0;border:none} .jj-ds h2.jjds-sec::after{content:"";display:block;width:60px;height:4px;margin-top:.5rem;border-radius:99px;background:linear-gradient(90deg,var(--jjg),var(--jjm))} .jj-ds .jjds-intro{max-width:48em;position:relative;z-index:1} .jj-ds .jjds-card{position:relative;z-index:1;background:#fff;border-radius:22px;padding:1.5rem 1.6rem;margin:1.1rem 0;box-shadow:0 10px 30px rgba(95,128,119,.07);border:1px solid rgba(186,206,199,.3);transition:transform .2s,box-shadow .2s} .jj-ds .jjds-card:hover{transform:translateY(-2px);box-shadow:0 18px 44px rgba(95,128,119,.12)} .jj-ds .jjds-2col{display:grid;grid-template-columns:1fr;gap:1.3rem;align-items:center} .jj-ds .jjds-2col .im{position:relative} .jj-ds .jjds-2col .im img{border-radius:20px;box-shadow:0 12px 30px rgba(95,128,119,.18);width:100%;aspect-ratio:3/2;object-fit:cover} .jj-ds .jjds-2col .im.im2up{display:grid;grid-template-columns:1fr 1fr;gap:.9rem;align-self:start} .jj-ds .jjds-2col .im.im2up img{aspect-ratio:1/1} @media(min-width:760px){.jj-ds .jjds-2col{grid-template-columns:1.15fr .85fr}.jj-ds .jjds-2col.rev{grid-template-columns:.85fr 1.15fr}.jj-ds .jjds-2col.rev .im{order:-1}} /* ===== Vorher/Nachher-Slider ===== */ .jj-ds .jjds-cmpgrid{display:grid;grid-template-columns:1fr;gap:1.1rem;margin:1.2rem 0;position:relative;z-index:1} @media(min-width:820px){.jj-ds .jjds-cmpgrid{grid-template-columns:repeat(3,1fr)}} .jj-ds .jjds-cmp{position:relative;overflow:hidden;border-radius:20px;box-shadow:0 10px 28px rgba(95,128,119,.16);aspect-ratio:16/9;--p:50%} .jj-ds .jjds-cmp img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;margin:0} .jj-ds .jjds-cmp .before{clip-path:inset(0 calc(100% - var(--p)) 0 0)} .jj-ds .jjds-cmp .line{position:absolute;top:0;bottom:0;left:var(--p);width:3px;background:#fff;transform:translateX(-50%);box-shadow:0 0 10px rgba(0,0,0,.35);pointer-events:none} .jj-ds .jjds-cmp .knob{position:absolute;top:50%;left:var(--p);transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.95);display:flex;align-items:center;justify-content:center;font-size:1.15rem;color:var(--jjgd);font-weight:800;box-shadow:0 6px 18px rgba(0,0,0,.28);pointer-events:none} .jj-ds .jjds-cmp .tag{position:absolute;bottom:10px;font-size:.74rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;background:rgba(52,54,55,.78);color:#fff;border-radius:99px;padding:.25em .8em;pointer-events:none} .jj-ds .jjds-cmp .tag.v{left:10px} .jj-ds .jjds-cmp .tag.n{right:10px} .jj-ds .jjds-cmp input[type=range]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0;touch-action:none} .jj-ds .jjds-cmphint{font-size:.88rem;color:#5c5f60;margin:.2rem 0 0} /* ===== Ablauf-Timeline ===== */ .jj-ds .jjds-steps{position:relative;z-index:1;display:grid;grid-template-columns:1fr;gap:0;margin:1.7rem 0 1.9rem;counter-reset:jjdsstep} .jj-ds .jjds-step{position:relative;background:transparent;padding:.2rem 0 1.8rem 3.7rem;font-size:1.02rem;line-height:1.5} .jj-ds .jjds-step:last-child{padding-bottom:.2rem} .jj-ds .jjds-step::before{counter-increment:jjdsstep;content:counter(jjdsstep);position:absolute;left:0;top:0;width:2.5rem;height:2.5rem;border-radius:50%;background:#fff;border:1.5px solid var(--jjm);color:var(--jjgd);font-weight:800;font-size:1.05rem;display:flex;align-items:center;justify-content:center;z-index:1;box-shadow:0 4px 14px rgba(95,128,119,.12)} .jj-ds .jjds-step::after{content:"";position:absolute;left:1.2rem;top:2.75rem;bottom:-.1rem;width:1.5px;background:linear-gradient(180deg,var(--jjm),rgba(186,206,199,.25))} .jj-ds .jjds-step:last-child::after{display:none} @media(min-width:820px){.jj-ds .jjds-steps{grid-template-columns:repeat(5,1fr);gap:1.2rem}.jj-ds .jjds-step{padding:3.6rem .5rem 0 0;font-size:.98rem}.jj-ds .jjds-step::after{left:3.1rem;right:-1.35rem;top:1.25rem;bottom:auto;width:auto;height:1.5px;background:linear-gradient(90deg,var(--jjm),rgba(186,206,199,.35))}} /* ===== Video ===== */ .jj-ds .jjds-video{position:relative;border-radius:20px;overflow:hidden;aspect-ratio:16/9;background:var(--jja);cursor:pointer;box-shadow:0 12px 30px rgba(95,128,119,.2)} .jj-ds .jjds-video .poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#fff;opacity:.92} .jj-ds .jjds-video .play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:2} .jj-ds .jjds-video .play i{font-style:normal;width:74px;height:74px;border-radius:50%;background:rgba(52,54,55,.85);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.6rem;padding-left:6px;box-shadow:0 10px 28px rgba(0,0,0,.35);transition:transform .2s,background .2s} .jj-ds .jjds-video:hover .play i{transform:scale(1.08);background:var(--jjg)} .jj-ds .jjds-video .note{position:absolute;left:0;right:0;bottom:0;z-index:2;font-size:.78rem;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.55));padding:1.6rem .9rem .55rem;text-align:center} /* ===== Checkliste ===== */ .jj-ds .jjds-checks{list-style:none;margin:1.1rem 0 0;padding:.7rem 1.8rem;display:grid;grid-template-columns:1fr;column-gap:3.2rem;background:#fff;border-radius:24px;border:1px solid rgba(186,206,199,.35);box-shadow:0 16px 44px rgba(95,128,119,.09);position:relative;z-index:1} @media(min-width:700px){.jj-ds .jjds-checks{grid-template-columns:1fr 1fr}} .jj-ds .jjds-checks li{position:relative;background:transparent;padding:.3rem 0 .3rem 2.7rem;margin:0}.jj-ds .jjds-checks li ul{list-style:none;margin:0;padding-left:2.2rem} .jj-ds .jjds-checks li::before{content:"✓";position:absolute;left:0;top:.35rem;width:1.7em;height:1.7em;border-radius:50%;background:#fff;border:1.5px solid var(--jjm);color:var(--jjgd);font-weight:800;font-size:.85em;display:flex;align-items:center;justify-content:center} .jj-ds .jjds-card .jjds-checks{background:transparent;border:none;box-shadow:none;padding:0;margin:0;row-gap:.1rem} /* ===== Zitat (06.09.2026: kompakt, hell, im CI — vorher dunkler Block) ===== */ .jj-ds .jjds-quote{position:relative;z-index:1;background:linear-gradient(135deg,#FDF7F0 0%,#f2f6f4 100%);border:1px solid rgba(186,206,199,.75);border-left:6px solid var(--jjg);border-radius:18px;padding:1.35rem 1.4rem 1.2rem 1.6rem;margin:1.6rem 0;box-shadow:0 10px 28px rgba(52,54,55,.08);overflow:hidden} .jj-ds .jjds-quote::before{content:"\201C";position:absolute;top:-.4rem;right:.9rem;font-family:Georgia,serif;font-size:5.4rem;line-height:1;color:var(--jjm);opacity:.8;margin:0;pointer-events:none} .jj-ds .jjds-quote p.q{font-family:Georgia,"Times New Roman",serif !important;font-size:1.12rem;font-style:italic;line-height:1.45;margin:0;max-width:40em;color:var(--jja);position:relative;padding-right:2.6rem} .jj-ds .jjds-quote .jjds-q-by{display:flex;align-items:center;gap:.7rem;margin-top:.9em;padding-top:.8em;border-top:1px solid rgba(186,206,199,.75)} .jj-ds .jjds-quote .jjds-q-ini{flex:none;width:2.3rem;height:2.3rem;border-radius:50%;background:var(--jjg);color:#fff;display:flex;align-items:center;justify-content:center;font-family:Georgia,serif;font-weight:700;font-size:.9rem;letter-spacing:.02em;box-shadow:0 4px 12px rgba(119,156,148,.35)} .jj-ds .jjds-quote p.a{margin:0;font-size:.92rem;color:#5c6062;position:relative} .jj-ds .jjds-quote > p.a{margin-top:.85em;padding-top:.75em;border-top:1px solid rgba(186,206,199,.75)} .jj-ds .jjds-quote > p.a::before{content:"";display:inline-block;vertical-align:middle;width:1.6rem;height:3px;border-radius:99px;background:linear-gradient(90deg,var(--jjg),var(--jjm));margin-right:.6rem} .jj-ds .jjds-quote p.a strong{font-weight:700;font-size:.95rem;color:var(--jja)} .jj-ds .jjds-quote .jjds-q-by p.a strong{display:block} .jj-ds .jjds-quote > p.a strong{display:inline} .jj-ds .jjds-quote p.a a{color:#4F6C64;text-decoration:underline;text-decoration-color:var(--jjm);text-underline-offset:3px} .jj-ds .jjds-quote p.a a:hover{color:#3D544E;text-decoration-color:var(--jjg)} .jj-ds .jjds-quote p.a span{display:block;color:#5c6062;font-size:.9em;margin-top:.1em} /* ===== Kosten ===== */ .jj-ds .jjds-card h3{font-size:1.28rem;font-weight:800;line-height:1.3;margin:.2rem 0 .6rem} .jj-ds .jjds-card h3 span{background:linear-gradient(transparent 64%,var(--jjm) 64%)} /* ===== FAQ-Accordion ===== */ .jj-ds .jjds-faqlist{position:relative;z-index:1;counter-reset:jjdsfaq;background:#fff;border-radius:24px;border:1px solid rgba(186,206,199,.35);box-shadow:0 16px 44px rgba(95,128,119,.09);overflow:hidden;margin:1.1rem 0} .jj-ds .jjds-faq{background:transparent;margin:0;border-bottom:1px solid #eef2ef} .jj-ds .jjds-faq:last-child{border-bottom:none} .jj-ds .jjds-faq[open]{background:linear-gradient(180deg,#fbfdfc,#f4f8f6);box-shadow:inset 3px 0 0 0 var(--jjg)} .jj-ds .jjds-faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:1rem;padding:1.15rem 1.4rem;transition:background .2s} .jj-ds .jjds-faq summary:hover{background:rgba(186,206,199,.08)} .jj-ds .jjds-faq summary::-webkit-details-marker{display:none} .jj-ds .jjds-faq summary::before{counter-increment:jjdsfaq;content:counter(jjdsfaq,decimal-leading-zero);flex:none;font-weight:800;font-size:.8rem;letter-spacing:.04em;color:var(--jjm);transition:color .25s} .jj-ds .jjds-faq[open] summary::before{color:var(--jjg)} .jj-ds .jjds-faq summary h3{font-size:1.02rem;font-weight:700;margin:0;flex:1} .jj-ds .jjds-faq summary .pm{flex:none;width:1.9em;height:1.9em;border-radius:50%;background:transparent;border:1px solid #d5e1db;color:#7d8b85;display:flex;align-items:center;justify-content:center;font-weight:400;font-size:1.05rem;transition:transform .25s,background .2s,color .2s,border-color .2s} .jj-ds .jjds-faq[open] summary .pm{transform:rotate(45deg);background:var(--jja);border-color:var(--jja);color:#fff} .jj-ds .jjds-faq .body{padding:0 1.5rem 1.35rem 3.5rem;color:#45494a} .jj-ds .jjds-faq .body>:first-child{margin-top:0} .jj-ds .jjds-faq .body img{border-radius:14px;margin:.8rem 0 .2rem;width:100%;aspect-ratio:16/9;object-fit:cover} .jj-ds .jjds-faq[open] .body{animation:jjdsfade .35s ease} @media(max-width:700px){.jj-ds .jjds-faq .body{padding:0 1.2rem 1.2rem 1.2rem}} @keyframes jjdsfade{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}} /* ===== Quellen ===== */ .jj-ds .jjds-quellen{position:relative;z-index:1;background:rgba(255,255,255,.55);border:1px solid #e7ded0;border-radius:20px;margin:1.6rem 0;overflow:hidden} .jj-ds .jjds-quellen summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:.9rem;padding:1rem 1.2rem;font-weight:700} .jj-ds .jjds-quellen summary::-webkit-details-marker{display:none} .jj-ds .jjds-quellen summary .pm{flex:none;width:1.9em;height:1.9em;border-radius:50%;background:#fff;border:1.5px solid var(--jjm);color:var(--jjgd);display:flex;align-items:center;justify-content:center;font-weight:800;transition:transform .25s} .jj-ds .jjds-quellen[open] summary .pm{transform:rotate(45deg)} .jj-ds .jjds-quellen .body{padding:0 1.3rem 1.1rem;font-size:.88rem;color:#5c5f60} .jj-ds .jjds-quellen .body li{margin:.5em 0} .jj-ds .jjds-quellen .body a{word-break:break-all} /* ===== Kontakt-Panel ===== */ .jj-ds .jjds-kontakt{position:relative;z-index:1;background:linear-gradient(135deg,var(--jja) 0%,#42474a 100%);color:var(--jjc);border-radius:26px;padding:1.7rem 1.7rem;margin:2.4rem 0 1rem;overflow:hidden} .jj-ds .jjds-kontakt .jjds-mark.m3{width:190px;right:-35px;bottom:-55px;top:auto;left:auto;opacity:.22;transform:rotate(8deg)} .jj-ds .jjds-kontakt h2{color:var(--jjm);border:none;margin:0 0 .3em;font-size:1.2rem;padding:0} .jj-ds .jjds-tel{font-size:clamp(1.5rem,4vw,2rem);font-weight:800;margin:.1em 0} .jj-ds .jjds-tel a{color:#fff;text-decoration:none} .jj-ds .jjds-kontakt p{margin:.35em 0;font-size:.95rem} .jj-ds .jjds-oz{display:inline-flex;align-items:center;gap:.5em;font-weight:700;font-size:.98rem} .jj-ds .jjds-oz .dot{width:.7em;height:.7em;border-radius:50%;flex:none} .jj-ds .jjds-oz.open{color:#cfe6d8}.jj-ds .jjds-oz.open .dot{background:#8fca9d} .jj-ds .jjds-oz.closed{color:#f0d9a6}.jj-ds .jjds-oz.closed .dot{background:var(--jjy)} @media(max-width:700px){.jj-ds .jjds-wrap{padding:1rem 1.3rem 3rem}.jj-ds .jjds-navwrap{top:58px}.jj-ds .jjds-mark.m1{width:180px;right:-60px}.jj-ds .jjds-mark.m2{display:none}.jj-ds .jjds-herofig{max-width:300px}.jj-ds .jjds-focus{width:62px;top:-6px;left:-4px}} @media(max-width:819px){.jj-ds .jjds-cmp{aspect-ratio:16/9;width:100%;max-width:340px;margin-left:auto;margin-right:auto}.jj-ds .jjds-cmp .knob{width:36px;height:36px;font-size:1rem}.jj-ds .jjds-cmp .tag{font-size:.66rem}.jj-ds .jjds-cmpgrid{gap:.9rem}} .jj-ds .jj-r-score::before{content:"Ø "} /* Durchschnittszeichen vor dynamischen Google-Scores */ .jj-ds .jj-r-score::before{content:"Ø "} /* ===== Mobile CTA-Dock (Liquid Glass, Option A 13.07.2026) ===== Markup kommt aus Snippet #630 (wp_footer, seitenweise). Nur mobil sichtbar. Nicht .jj-ds-scoped (liegt ausserhalb des Wrappers) -> Literalfarben. */ .jjds-dock{display:none} @media(max-width:767px){ .jjds-dock{position:fixed;left:12px;right:12px;bottom:calc(3px + env(safe-area-inset-bottom,0px));z-index:99990;display:flex;gap:8px;padding:8px;border-radius:99px;background:rgba(255,255,255,.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.85);box-shadow:0 14px 34px rgba(95,128,119,.28),inset 0 1px 0 rgba(255,255,255,.9)} .jjds-dock a{flex:1;display:flex;align-items:center;justify-content:center;gap:.45em;text-decoration:none!important;font-weight:700;font-size:.95rem;padding:.78em .4em;border-radius:99px;line-height:1.2} .jjds-dock a svg{width:1.15em;height:1.15em;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none} .jjds-dock .call{color:#5F8077!important;background:rgba(255,255,255,.55);border:1px solid #BACEC7} .jjds-dock .call svg{stroke:#5F8077} .jjds-dock .book{color:#fff!important;background:linear-gradient(135deg,#4f6c64,#3f5a52);border:1px solid rgba(255,255,255,.45);box-shadow:0 8px 20px rgba(63,90,82,.35),inset 0 1px 0 rgba(255,255,255,.3)} .jjds-dock .book svg{stroke:#fff} body.jjds-has-dock{padding-bottom:74px} } /* --- Unter-Überschrift (echte H3-Ebene, seit 14.07.) --- */ .jjds-sec-sub{font-size:clamp(1.18rem,2.3vw,1.4rem);font-weight:600;line-height:1.3;color:var(--jja);margin:2.1rem 0 .35rem;position:relative;z-index:1} .jjds-sec-sub::after{content:"";display:block;width:42px;height:3px;margin-top:.45rem;border-radius:99px;background:linear-gradient(90deg,var(--jjg),var(--jjm))} /* --- Kompakte Übersichts-Raster (Vergleiche/Galerien), Standard "klein" --- */ .jjds-sysgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:.9rem;margin:1.2rem 0} .jjds-syscard{display:flex;align-items:center;gap:.9rem;margin:0;background:#fff;border:1px solid rgba(186,206,199,.4);border-radius:14px;padding:.55rem;box-shadow:0 5px 16px rgba(95,128,119,.07)} .jjds-syscard a{flex:none;line-height:0} .jjds-syscard img{width:132px;height:92px;object-fit:cover;border-radius:10px;display:block;transition:transform .35s} .jjds-syscard a:hover img{transform:scale(1.05)} .jjds-syscard figcaption{font-weight:700;color:var(--jja);font-size:.88rem;line-height:1.32} .jjds-galgrid{display:grid;grid-template-columns:repeat(6,1fr);gap:.55rem;margin:1.1rem 0} .jjds-galgrid a{display:block;border-radius:10px;overflow:hidden;border:1px solid rgba(186,206,199,.4);line-height:0} .jjds-galgrid img{width:100%;height:86px;object-fit:cover;display:block;transition:transform .35s} .jjds-galgrid a:hover img{transform:scale(1.06)} @media(max-width:680px){.jjds-sysgrid{grid-template-columns:1fr}.jjds-galgrid{grid-template-columns:repeat(3,1fr)}} /* Schritt-Titel (Titel + Kurztext je jjds-step, seit 14.07.) */ .jjds-step > strong:first-child{display:block;margin-bottom:.35rem;color:var(--jja);font-size:1.05rem;line-height:1.28} /* ============ Blog-DS-Template (Body-Klasse .jj-blog-on) ============ */ /* Layout: rechte Bild-Spalte aus, Content volle Lesebreite zentriert */ /* alte Elementor-Autorenbox-Sektion aus (wird durch DS-Autorenbox ersetzt) */ /* Lesefortschritts-Balken */ /* Meta-Zeile */ /* Hero-Bild – kompaktes, cinematisches Banner (nicht mehr formatfüllend) */ /* Inhaltsverzeichnis */ /* Artikel-Typografie */ /* End-CTA */ /* DS-Autorenbox */ /* ============ Praxis: Team-Karten, Vita-Timeline, Publikationen ============ */ /* zentrierter Hero (Team/Übersicht, ohne Portrait-Figur) */ .jj-ds .jjds-hero.jjds-hero-center{display:block;text-align:center;max-width:840px;margin-inline:auto} .jj-ds .jjds-hero-center .jjds-herocta{justify-content:center} /* Behandler-Karten */ .jj-ds .jjds-teamgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin:1.4rem 0} @media(max-width:900px){.jj-ds .jjds-teamgrid{grid-template-columns:repeat(2,1fr);gap:1.4rem}} @media(max-width:520px){.jj-ds .jjds-teamgrid{grid-template-columns:1fr}} .jj-ds .jjds-teamcard{background:#fff;border:1px solid rgba(186,206,199,.42);border-radius:22px;overflow:hidden;box-shadow:0 16px 40px rgba(95,128,119,.1);display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s} .jj-ds .jjds-teamcard:hover{transform:translateY(-4px);box-shadow:0 24px 54px rgba(95,128,119,.16)} .jj-ds .jjds-teamcard .ph{aspect-ratio:4/5;overflow:hidden;line-height:0;background:var(--jjm)} .jj-ds .jjds-teamcard .ph img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;transition:transform .45s} .jj-ds .jjds-teamcard:hover .ph img{transform:scale(1.045)} .jj-ds .jjds-teamcard .bd{padding:1rem 1.1rem 1.15rem;display:flex;flex-direction:column;gap:.12rem;flex:1} .jj-ds .jjds-teamcard .nm{font-size:1.06rem;font-weight:800;color:var(--jja);line-height:1.24;letter-spacing:normal} .jj-ds .jjds-teamcard .ro{font-size:.9rem;color:var(--jjgd);font-weight:600;margin-bottom:.7rem} .jj-ds .jjds-teamcard .ml{margin-top:auto;align-self:flex-start;font-size:.92rem;font-weight:700;color:var(--jjgd);text-decoration:none;display:inline-flex;align-items:center;gap:.4em;border:none} .jj-ds .jjds-teamcard .ml::after{content:"\2192";transition:transform .2s} .jj-ds .jjds-teamcard .ml:hover{color:var(--jjg)} .jj-ds .jjds-teamcard .ml:hover::after{transform:translateX(3px)} /* Vita-Timeline */ .jj-ds .jjds-vita{position:relative;margin:1.2rem 0;padding-left:1.7rem} .jj-ds .jjds-vita::before{content:"";position:absolute;left:.33rem;top:.5rem;bottom:.5rem;width:2px;background:linear-gradient(var(--jjm),rgba(186,206,199,.25))} .jj-ds .jjds-vita-item{position:relative;padding:0 0 1.15rem 0} .jj-ds .jjds-vita-item:last-child{padding-bottom:0} .jj-ds .jjds-vita-item::before{content:"";position:absolute;left:-1.7rem;top:.3rem;width:.7rem;height:.7rem;border-radius:50%;background:var(--jjg);box-shadow:0 0 0 3px rgba(186,206,199,.35)} .jj-ds .jjds-vita-item .y{display:block;font-size:.82rem;font-weight:800;color:var(--jjgd);letter-spacing:.02em} .jj-ds .jjds-vita-item .d{display:block;color:#3a3d3e;line-height:1.55} /* Publikationsliste */ .jj-ds .jjds-pub{list-style:none;margin:1rem 0 0;padding:0;counter-reset:jjpub} .jj-ds .jjds-pub li{position:relative;counter-increment:jjpub;padding:.75rem 0 .75rem 2.7rem;border-bottom:1px solid rgba(186,206,199,.32);font-size:.96rem;line-height:1.55;color:#3a3d3e} .jj-ds .jjds-pub li:last-child{border-bottom:none} .jj-ds .jjds-pub li::before{content:counter(jjpub);position:absolute;left:0;top:.72rem;width:1.7rem;height:1.7rem;border-radius:50%;background:rgba(186,206,199,.28);color:var(--jjgd);font-size:.76rem;font-weight:800;display:flex;align-items:center;justify-content:center} .jj-ds .jjds-pub li i{color:#5c5f60} /* Gründer-Karte */ /* ===== Team-Foto-Galerie (größer, Gesichter sichtbar) ===== */ .jj-ds .jjds-teamgal{display:grid;grid-template-columns:repeat(5,1fr);gap:.8rem;margin:1.3rem 0} @media(max-width:820px){.jj-ds .jjds-teamgal{grid-template-columns:repeat(3,1fr)}} @media(max-width:520px){.jj-ds .jjds-teamgal{grid-template-columns:repeat(2,1fr)}} .jj-ds .jjds-teamgal a{display:block;border-radius:16px;overflow:hidden;border:1px solid rgba(186,206,199,.4);line-height:0;aspect-ratio:3/4;box-shadow:0 8px 24px rgba(95,128,119,.09)} .jj-ds .jjds-teamgal img{width:100%;height:100%;object-fit:cover;object-position:center 20%;display:block;transition:transform .4s} .jj-ds .jjds-teamgal a:hover img{transform:scale(1.05)} /* ===== Praxisgründer weit unten, viel Weißraum, ohne Liquid-Glass ===== */ .jj-ds .jjds-gruender-gap{height:45rem} @media(max-width:640px){.jj-ds .jjds-gruender-gap{height:24rem}} .jj-ds .jjds-founder-plain{max-width:760px;font-size:1.02rem;line-height:1.7;color:#3a3d3e} .jj-ds .jjds-founder-plain p{margin:0 0 1rem} /* ===== Foto-Galerie (Impressionen, Praxis) – Landscape, Klick=Vollbild ===== */ .jj-ds .jjds-photogrid{display:grid;grid-template-columns:repeat(3,1fr);gap:.9rem;margin:1.3rem 0} @media(max-width:820px){.jj-ds .jjds-photogrid{grid-template-columns:repeat(2,1fr)}} @media(max-width:520px){.jj-ds .jjds-photogrid{grid-template-columns:1fr}} .jj-ds .jjds-photogrid a{display:block;border-radius:16px;overflow:hidden;aspect-ratio:4/3;line-height:0;box-shadow:0 10px 28px rgba(95,128,119,.1);border:1px solid rgba(186,206,199,.35)} .jj-ds .jjds-photogrid img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s} .jj-ds .jjds-photogrid a:hover img{transform:scale(1.05)} /* Bewertungs-Callout */ /* ===== Jobs-Karte (zentriert, klare Überschrift ohne Unterstrich) ===== */ .jj-ds .jjds-jobcard{max-width:720px;margin:1.8rem auto 0;text-align:center} .jj-ds .jjds-jobcard h2{color:var(--jja);font-size:clamp(1.3rem,3vw,1.6rem);font-weight:800;line-height:1.25;margin:.1rem 0 .9rem} .jj-ds .jjds-jobcard p{margin:0 0 .8rem;font-size:1.05rem;color:#3a3d3e} .jj-ds .jjds-jobcard p:last-child{margin-bottom:0} .jj-ds .jjds-jobcard .cta{margin-top:1.4rem} .jj-ds .jjds-jobcard a[href^="mailto"]{color:var(--jjgd);font-weight:700} /* Oeffnungszeiten-Tabelle */ .jj-ds .jjds-hours{max-width:600px;margin:1.6rem auto .4rem;background:#fff;border-radius:24px;padding:.5rem 1.4rem;box-shadow:0 16px 44px rgba(95,128,119,.09);border:1px solid rgba(186,206,199,.35);position:relative;z-index:1} .jj-ds .jjds-hours .row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.05rem .9rem;border-bottom:1px solid rgba(186,206,199,.3);border-radius:14px;transition:background .3s} .jj-ds .jjds-hours .row:last-child{border-bottom:none} .jj-ds .jjds-hours .day{font-weight:700;color:var(--jja);display:flex;align-items:center;gap:.55em;flex-wrap:wrap} .jj-ds .jjds-hours .day .date{font-weight:600;font-size:.82em;color:var(--jjgd)} .jj-ds .jjds-hours .time{color:#3a3d3e;text-align:right;font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap} .jj-ds .jjds-hours .row.today{background:linear-gradient(120deg,rgba(186,206,199,.30),rgba(186,206,199,.12));box-shadow:inset 3px 0 0 var(--jjgd)} .jj-ds .jjds-hours .row.today .day::after{content:"Heute";background:var(--jjgd);color:#fff;font-size:.64rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:.25em .7em;border-radius:99px} .jj-ds .jjds-hours .note{padding:1rem .3rem .5rem;color:#5c5f60;font-size:.92rem;text-align:center} .jj-ds .jjds-hoursfoot{display:flex;justify-content:center;margin:1.1rem 0 .2rem} /* Kontaktkarte */ .jj-ds .jjds-contact{max-width:620px;margin:1.4rem auto 0;background:#fff;border-radius:24px;padding:.9rem 1.6rem 1.4rem;box-shadow:0 16px 44px rgba(95,128,119,.09);border:1px solid rgba(186,206,199,.35);position:relative;z-index:1} .jj-ds .jjds-contact .ci{display:flex;align-items:flex-start;gap:.9em;padding:.9rem 0;border-bottom:1px solid rgba(186,206,199,.28)} .jj-ds .jjds-contact .ci:last-child{border-bottom:none} .jj-ds .jjds-contact .ic{flex:none;width:2.5em;height:2.5em;border-radius:50%;background:#fff;border:1px solid var(--jjm);display:flex;align-items:center;justify-content:center;margin-top:.05em} .jj-ds .jjds-contact .ic svg{width:1.2em;height:1.2em;stroke:var(--jjgd);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round} .jj-ds .jjds-contact .k{display:block;font-size:.74rem;text-transform:uppercase;letter-spacing:.05em;font-weight:700;color:var(--jjgd);margin-bottom:.12em} .jj-ds .jjds-contact .v{font-size:1.05rem;color:var(--jja);font-weight:600;line-height:1.4} .jj-ds .jjds-contact a.v{color:var(--jja);text-decoration:none} .jj-ds .jjds-contact a.v:hover{color:var(--jjgd)} .jj-ds .jjds-contact .cta-row{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.2rem;justify-content:center} /* Standort-Karte (Borlabs-gated Google Map) */ .jj-ds .jjds-map{position:relative;max-width:900px;margin:1.4rem auto 0;border-radius:24px;overflow:hidden;min-height:320px;background:#eef2f0;box-shadow:0 16px 44px rgba(95,128,119,.12);border:1px solid rgba(186,206,199,.35);z-index:1} .jj-ds .jjds-map iframe{display:block;width:100%;height:440px;border:0} /* Einzugsgebiet */ .jj-ds .jjds-areas{display:grid;grid-template-columns:1fr;gap:1rem;margin:1.3rem 0 0;position:relative;z-index:1} @media(min-width:760px){.jj-ds .jjds-areas{grid-template-columns:repeat(3,1fr)}} .jj-ds .jjds-areas>div{background:#fff;border-radius:20px;padding:1.2rem 1.4rem;border:1px solid rgba(186,206,199,.35);box-shadow:0 12px 34px rgba(95,128,119,.07)} .jj-ds .jjds-areas h3{margin:0 0 .5rem;font-size:.82rem;text-transform:uppercase;letter-spacing:.06em;color:var(--jjgd);font-weight:800} .jj-ds .jjds-areas p{margin:0;font-size:.98rem;line-height:1.6;color:#3a3d3e} /* Post-Grid (News / Blog / Fortbildungen) */ .jj-ds .jjds-postgrid{display:grid;grid-template-columns:1fr;gap:1.4rem;margin:1.6rem 0 0;position:relative;z-index:1} @media(min-width:600px){.jj-ds .jjds-postgrid{grid-template-columns:repeat(2,1fr)}} @media(min-width:980px){.jj-ds .jjds-postgrid{grid-template-columns:repeat(3,1fr)}} .jj-ds .jjds-postcard{display:flex;flex-direction:column;background:#fff;border-radius:22px;overflow:hidden;border:1px solid rgba(186,206,199,.35);box-shadow:0 14px 40px rgba(95,128,119,.08);text-decoration:none;color:var(--jja);transition:transform .25s,box-shadow .25s} .jj-ds .jjds-postcard:hover{transform:translateY(-4px);box-shadow:0 22px 50px rgba(95,128,119,.16)} .jj-ds .jjds-postcard .pc-img{display:block;aspect-ratio:16/10;overflow:hidden;background:#eef2f0} .jj-ds .jjds-postcard .pc-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s} .jj-ds .jjds-postcard:hover .pc-img img{transform:scale(1.05)} .jj-ds .jjds-postcard .pc-body{display:flex;flex-direction:column;gap:.5rem;padding:1.1rem 1.2rem 1.3rem;flex:1} .jj-ds .jjds-postcard .pc-date{font-size:.76rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--jjgd)} .jj-ds .jjds-postcard .pc-title{font-size:1.08rem;font-weight:800;line-height:1.3;color:var(--jja)} .jj-ds .jjds-postcard .pc-exc{font-size:.93rem;line-height:1.55;color:#5c5f60;flex:1} .jj-ds .jjds-postcard .pc-more{font-size:.9rem;font-weight:700;color:var(--jjgd);margin-top:.2rem} /* Video-Grid */ .jj-ds .jjds-videogrid{display:grid;grid-template-columns:1fr;gap:1.4rem;margin:1.6rem 0 0;position:relative;z-index:1} @media(min-width:600px){.jj-ds .jjds-videogrid{grid-template-columns:repeat(2,1fr)}} @media(min-width:980px){.jj-ds .jjds-videogrid{grid-template-columns:repeat(3,1fr)}} .jj-ds .jjds-videocard{background:#fff;border-radius:22px;overflow:hidden;border:1px solid rgba(186,206,199,.35);box-shadow:0 14px 40px rgba(95,128,119,.08);display:flex;flex-direction:column} .jj-ds .jjds-videocard .vc-title{padding:1rem 1.2rem 1.2rem;font-size:1rem;font-weight:700;line-height:1.35;color:var(--jja)} /* Video-Grid: jjds-video-Facade im Card-Rahmen (Cover-Poster) */ .jj-ds .jjds-videocard .jjds-video{border-radius:0;box-shadow:none;aspect-ratio:16/9} .jj-ds .jjds-videocard .jjds-video .poster{object-fit:cover;opacity:1;background:#0d0f0e} /* Post-Grid Text-Variante (Fachpublikationen, ohne Bild) */ /* Lexikon-Glossar (Shortcode [kfo_lexikon]) im DS-Look */ .jj-ds .jkl{position:relative;z-index:1} .jj-ds .jkl > h1{display:none} .jj-ds .jkl-intro{display:none} .jj-ds .jkl-search{max-width:560px;margin:0 auto 1.1rem} .jj-ds .jkl-search input,.jj-ds #jkl-q{width:100%;padding:.85rem 1.3rem;border-radius:99px;border:1.5px solid var(--jjm);background:#fff;font-size:1rem;color:var(--jja);box-shadow:0 10px 30px rgba(95,128,119,.08);outline:none} .jj-ds .jkl-search input:focus,.jj-ds #jkl-q:focus{border-color:var(--jjg);box-shadow:0 10px 30px rgba(95,128,119,.16)} .jj-ds .jkl-az{display:flex;flex-wrap:wrap;gap:.35rem;justify-content:center;margin:0 auto 1rem;max-width:780px} .jj-ds .jkl-az .jkl-l{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;padding:0 .55em;border-radius:99px;background:#fff;border:1px solid var(--jjm);color:var(--jjgd);font-weight:700;font-size:.9rem;text-decoration:none;cursor:pointer;transition:background .2s,color .2s,border-color .2s} .jj-ds .jkl-az .jkl-l:hover,.jj-ds .jkl-az .jkl-l.active{background:var(--jjg);color:#fff;border-color:var(--jjg)} .jj-ds .jkl-az .jkl-l.off{opacity:.35;pointer-events:none} .jj-ds .jkl-meta{text-align:center;color:#8a8d8e;font-size:.85rem;margin-bottom:1.1rem} .jj-ds #jkl-list{display:grid;grid-template-columns:1fr;gap:.9rem;margin:0} @media(min-width:760px){.jj-ds #jkl-list{grid-template-columns:repeat(2,1fr)}} .jj-ds .jkl-item{background:#fff;border:1px solid rgba(186,206,199,.35);border-left:4px solid var(--jjg);border-radius:16px;padding:1rem 1.2rem;box-shadow:0 10px 30px rgba(95,128,119,.07);margin:0} .jj-ds .jkl-term{font-weight:800;color:var(--jja);font-size:1.05rem;margin-bottom:.25rem} .jj-ds .jkl-def{color:#5c5f60;font-size:.95rem;line-height:1.55} .jj-ds .jkl-empty{text-align:center;color:#8a8d8e;padding:2rem;grid-column:1/-1} /* Fachpublikationen: #907-Cluster-Grid unter DS-Hero – Doppel-Header ausblenden + Abstand straffen */ .jj-pubhead{display:none!important} #jj-fachpub .jjds-wrap{padding-bottom:.2rem} #jj-fachpub .jjds-hero{padding-bottom:0} .jj-pubgrid{margin-top:0!important;padding-top:.3rem!important} /* JJ 19.07.2026: Startseite mobil - Whitespace um sliding Trust-Bar reduzieren */ @media(max-width:767px){ #jj-home-a .jjds-hero.jjds-hero{padding-bottom:0} #jj-home-a .jjds-navwrap.jjds-navwrap{margin:0 0 -41px} #jj-home-a .jjha-trust.jjha-trust{margin-top:1rem;padding:.55rem 0} #jj-home-a .jjha-trust+.jjds-sec{margin-top:1.3rem} } /* JJ 19.07.2026: Sprechzeiten-Tabelle - Sondertage aus Google-Daten als Geschlossen */ .jj-ds .jjds-hours .row.closedday .time{opacity:.6;font-weight:600} /* JJ 19.07.2026: Hero-CTAs mobil ausblenden (Money-/DS-Seiten) - Bild sichtbarer; Dock liefert die CTAs. Startseite ausgenommen. */ @media(max-width:767px){ .jj-ds .jjds-hero .jjds-herocta{display:none!important} #jj-home-a .jjds-hero .jjds-herocta{display:flex!important} } /* JJ 20.07.2026: Kicker-Pille (KOMPETENZEN · X) mobil ueberall ausblenden */ @media(max-width:767px){.jj-ds .jjds-kicker{display:none!important}} /* JJ 20.07.2026: Startseite Desktop - Whitespace um Trust-Bar reduzieren */ @media(min-width:768px){ #jj-home-a .jjds-hero.jjds-hero{padding-bottom:0} #jj-home-a .jjds-navwrap.jjds-navwrap{margin:.2rem 0 -46px} #jj-home-a .jjha-trust.jjha-trust{margin-top:.8rem;padding:.8rem 0} #jj-home-a .jjha-trust+.jjds-sec{margin-top:1.4rem} } /* JJ 20.07.2026: Sprechzeiten - HEUTE-Badge unter den Tag + heutige Zeile staerker hervorheben */ .jj-ds .jjds-hours .row.today .day{display:block!important} .jj-ds .jjds-hours .row.today .day .date{display:inline!important;margin-left:.55em!important} .jj-ds .jjds-hours .row.today .day::after{display:block!important;width:max-content;margin-top:.45em} .jj-ds .jjds-hours .row.today{background:linear-gradient(120deg,rgba(119,156,148,.34),rgba(119,156,148,.12))!important;box-shadow:inset 4px 0 0 var(--jjgd),0 6px 16px rgba(95,128,119,.16)!important;border:1px solid rgba(95,128,119,.28)!important} /* JJ 20.07.2026: Startseite mobil - Termin-CTA im Hero ausblenden (Dock uebernimmt) */ @media(max-width:767px){#jj-home-a .jjds-herocta .jjds-cta:not(.ghost){display:none!important}} /* JJ 20.07.2026: Startseite mobil - Kompetenzen-Button unter die Trust-Bar */ @media(max-width:767px){ #jj-home-a .jj-mobcta2{display:flex;justify-content:center;margin:1.1rem 0 .3rem} #jj-home-a .jj-mobcta2+.jjds-sec{margin-top:.6rem} } /* JJ 05.08.2026: Team-Kachel komplett klickbar (Stretched Link). Vorher war nur "mehr erfahren" der Link — obwohl die Karte per Hover (Anheben + Bildzoom) schon Klickbarkeit signalisiert hat. .ml::after ist bereits der Pfeil, das Overlay laeuft deshalb ueber ::before. Bewusst KEIN zweites im Markup: ein Link pro Karte bleibt sauber fuer Screenreader und erzeugt kein doppeltes Linkziel fuer Google. */ .jj-ds .jjds-teamcard{position:relative} /* Paket E-3 02.09.2026: Overlay abgeschaltet. Chrome (stabil) wertete das leere absolute ::before beim Font-Swap als Layout-Sprung vom Ursprung zur Karte (Team-Seite CLS 0,19, Lighthouse-Trace). Die Flaeche ist jetzt per Skript klickbar (Snippet "Teamkarte Flaechenlink", nur Seiten 429/527248); Tastatur bleibt beim Link a.ml. */ .jj-ds .jjds-teamcard .ml::before{content:none} .jj-ds .jjds-teamcard:has(a.ml){cursor:pointer} /* Tastatur: Fokusring um die ganze Karte, nach innen versetzt wegen overflow:hidden */ .jj-ds .jjds-teamcard:has(.ml:focus-visible){outline:3px solid var(--jjgd);outline-offset:-3px} .jj-ds .jjds-teamcard:has(.ml:focus-visible) .ml{outline:none} /* Wichtig: eine globale Link-Regel setzt auf .ml eine Identitaets-Transform (matrix(1,0,0,1,0,0)). Schon das macht .ml zum Bezugsrahmen fuer absolut positionierte Kinder — das Overlay war dadurch nur so gross wie der Textlink (123x24 statt 251x477) und die Kachel blieb tot. Deshalb Transform hier zuruecksetzen, auch fuer :hover/:focus, sonst kippt der Bezugsrahmen genau beim Ueberfahren wieder zurueck. */ .jj-ds .jjds-teamcard .ml, .jj-ds .jjds-teamcard .ml:hover, .jj-ds .jjds-teamcard .ml:focus{transform:none!important} /* JJ 06.08.2026: Fliesstext brach auf dem Desktop zu frueh um. Geprueft und WIDERLEGT: die am 28.07. aus dem Customizer-CSS entfernte Regel "p{text-wrap:pretty}" war es nicht — im Browser gegengemessen ergibt sie bei diesen Absaetzen exakt denselben Umbruch. Tatsaechliche Ursache: .jjds-intro war auf 48em = 768px gedeckelt, waehrend Ueberschrift, Karten und Kaesten derselben Sektion 1058px breit sind. Der Text stand also 290px schmaler als alles um ihn herum. Ohne Deckel sitzt der Absatz exakt in der Sektionsspalte (links 423 / rechts 1482 — identisch zu h2.jjds-sec und .jjds-card). */ .jj-ds .jjds-intro{max-width:58em} /* 06.08. JJ: Mittelweg statt voller Breite — ca. 930px, rund 120 Zeichen/Zeile */ /* 04.09.2026 — Unterlisten in .jjds-checks: die Fliesstextregel main#content ul:not([class])>li{padding-left:.15em} traegt eine ID und schlaegt .jj-ds .jjds-checks li. Dadurch verloren die Unterpunkte ihre Einrueckung und das Haekchen (::before, 1.7em) lag auf dem Text. Gegenregel mit gleicher ID-Spezifitaet, wirkt nur innerhalb .jjds-checks. */ main#content .jj-ds .jjds-checks li ul>li{padding-left:2.7rem} /* 04.09.2026 — Unterlisten mobil: Einrueckung sparen, damit die Textspalte nicht auf ~165 px schrumpft (Freigabe JJ). */ @media (max-width:600px){main#content .jj-ds .jjds-checks li ul{padding-left:0}main#content .jj-ds .jjds-checks li ul>li{padding-left:2.15rem}.jj-ds .jjds-checks li ul>li::before{width:1.5em;height:1.5em}} /* /wp-content/themes/hello-theme-child-master/style.css */ /* Theme Name: Hello Elementor Child Theme URI: https://github.com/elementor/hello-theme/ Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team Author: Elementor Team Author URI: https://elementor.com/ Template: hello-elementor Version: 1.0.1 Text Domain: hello-elementor-child License: GNU General Public License v3 or later. License URI: https://www.gnu.org/licenses/gpl-3.0.html Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready */ /* Add your custom styles here */ /* \3c style id=jj-ds-critical> auf / */ .jj-ds{position:relative;overflow-x:clip}.jj-ds *{box-sizing:border-box}.jj-ds img{max-width:100%;height:auto;display:block}.jj-ds .jjds-wrap{max-width:1100px;margin:0 auto;padding:1rem 1.3rem 4rem;position:relative}.jj-ds .jjds-mark,.jj-ds .jjds-blob{position:absolute;z-index:0;pointer-events:none}.jj-ds .jjds-hero{position:relative;z-index:1;padding:2.2rem 0 .6rem;display:grid;grid-template-columns:1fr;gap:1.2rem;align-items:center}.jj-ds .jjds-herofig{position:relative;z-index:1;margin:.4rem auto 0;max-width:380px;width:100%}.jj-ds .jjds-herofig .fig img{width:100%;height:100%;object-fit:cover;aspect-ratio:1/1}.jj-ds .jjds-focus{position:absolute;top:-10px;left:-8px;width:84px;height:auto;z-index:2}.jj-ds .jjds-herocta{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1.1rem;align-items:center}@media(min-width:820px){.jj-ds .jjds-hero{grid-template-columns:1.3fr 1fr;gap:2rem}.jj-ds .jjds-herofig{margin:0}}@media(max-width:700px){.jj-ds .jjds-wrap{padding:1rem 1.3rem 3rem}.jj-ds .jjds-herofig{max-width:300px}.jj-ds .jjds-focus{width:62px;top:-6px;left:-4px}} /* /wp-content/uploads/jj-assets/jj-ds-fein.css */ /* Mobil: Hero-Buttons ausblenden (Team 429 beide, Praxis 406 nur Einblicke) */ @media(max-width:767px){ body.page-id-429 .jjds-hero .jjds-herocta{display:none!important} body.page-id-406 .jjds-hero .jjds-herocta .ghost{display:none!important} .jj-ds .jjds-hours .time{white-space:normal!important;max-width:9em;margin-left:auto;line-height:1.5;text-align:right} } /* Jobs-Box: DS-Schrift statt Theme-h6 */ .jj-ds .jjds-jobcard h6{font-family:inherit!important;font-size:1.05rem!important;font-weight:400!important;line-height:1.7!important;letter-spacing:0!important;text-transform:none!important;color:#3a3d3e!important;margin:.2rem auto 1rem!important;max-width:36em} /* Fachpub-Karten: linke abgerundete Akzentlinie */ .jj-pg-card{position:relative} .jj-pg-card::before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:4px;border-radius:99px;background:linear-gradient(180deg,#85a9a0,#BACEC7)} /* Oeffnungsstatus: Punkt auf erster Textzeile + Kontrastfarben auf hellem Grund */ .jj-ds .jjds-oz{align-items:flex-start!important} .jj-ds .jjds-oz .dot{margin-top:.45em} .jj-ds .jjds-herocta .jjds-oz.closed,.jj-ds .jjds-herotext .jjds-oz.closed{color:#8a5c00!important} .jj-ds .jjds-herocta .jjds-oz.closed .dot,.jj-ds .jjds-herotext .jjds-oz.closed .dot{background:#c98a00!important} .jj-ds .jjds-herocta .jjds-oz.open,.jj-ds .jjds-herotext .jjds-oz.open{color:#2f6b4f!important} .jj-ds .jjds-herocta .jjds-oz.open .dot,.jj-ds .jjds-herotext .jjds-oz.open .dot{background:#3f8f66!important} /* === Liquid-CTAs (16.07.) === */ /* Dock: Termin-buchen-Button mint-glass */ .jjds-dock .book{color:#fff!important;background:linear-gradient(135deg,#4f6c64,#3f5a52)!important;-webkit-backdrop-filter:blur(10px) saturate(130%);backdrop-filter:blur(10px) saturate(130%);border:1px solid rgba(255,255,255,.45)!important;box-shadow:0 8px 20px rgba(63,90,82,.38),inset 0 1px 0 rgba(255,255,255,.3)!important;font-weight:700!important} .jjds-dock .book svg{stroke:#fff!important} /* Mitlaufender Telefon-Button (Elementor Contact Buttons) */ /* Header-CTA Termin Buchen */ /* Floating-CTAs auf dunklem Grund: Schrift/Icon/Rand weiss (JS setzt .jj-ondark) */ /* jj-homeform: Footer-Kontaktformular nur auf Startseite (+ Startseiten-Entwuerfe), dort im DS-Look */ /* \3c style id=jj-artikel-cta> auf / */ .jjart-cta{margin:0 0 1.4em;text-align:left;line-height:1}.jjart-cta-btn{display:inline-block;background:#4f6c64!important;color:#fff!important;border-radius:99px;padding:.7em 1.8em;font-size:16px;font-weight:700!important;line-height:1.5;text-decoration:none;box-shadow:0 8px 22px rgba(119,156,148,.35)!important;transition:background .2s ease,transform .2s ease}.jjart-cta-btn:hover,.jjart-cta-btn:focus{background:#3f574f!important;color:#fff!important;text-decoration:none;transform:translateY(-1px)}.jjart-cta-btn:focus-visible{outline:3px solid #4f6c64;outline-offset:3px}.jjart-teaser{margin:1.6em 0;padding:1.05em 1.3em;border-left:4px solid #4f6c64;background:#f7f4ee;border-radius:0 10px 10px 0}.jjart-teaser-kicker{display:block;font-size:.78em;letter-spacing:.08em;text-transform:uppercase;color:#4f6c64;font-weight:700;margin-bottom:.35em}.jjart-teaser-titel{display:block;font-size:1.12em;font-weight:700;color:#2f3f3a!important;text-decoration:none;margin-bottom:.35em}.jjart-teaser-titel:hover,.jjart-teaser-titel:focus{text-decoration:underline}.jjart-teaser-text{margin:0 0 .6em;font-size:.96em;line-height:1.55}.jjart-teaser-link{font-weight:700;color:#4f6c64!important;text-decoration:none}.jjart-teaser-link::after{content:" \2192"}.jjart-teaser-link:hover,.jjart-teaser-link:focus{text-decoration:underline}.jjart-teaser a:focus-visible{outline:3px solid #4f6c64;outline-offset:3px} /* \3c style id=jj-kontaktformular> auf / */ .jjkf{--jjg:#779c94;--jjgd:#5F8077;--jjm:#BACEC7;--jja:#343637;--jjrot:#a4362f}.jjkf .jjkf-karte{position:relative;z-index:1;background:#fff;border-radius:20px;padding:1.15rem 1.25rem 1.25rem;margin:1.1rem 0;box-shadow:0 12px 34px rgba(95,128,119,.09);border:1px solid rgba(186,206,199,.4)}.jjkf h3{margin:0 0 .85rem;font-size:1.2rem;line-height:1.3;color:var(--jja);display:flex;flex-wrap:wrap;align-items:baseline;gap:.1rem .55rem}.jjkf .jjkf-feld{margin-bottom:.6rem;flex:1 1 210px;min-width:0}.jjkf .jjkf-zeile{display:flex;gap:.75rem;flex-wrap:wrap}.jjkf label{display:block;font-weight:600;color:var(--jja);margin-bottom:.2rem;font-size:.82rem;letter-spacing:.01em}.jjkf input[type=text],.jjkf input[type=email],.jjkf input[type=tel],.jjkf select,.jjkf textarea{width:100%;box-sizing:border-box;background:rgba(255,255,255,.7);border:1.5px solid var(--jjm);border-radius:11px;padding:.5em .8em;font-size:.95rem;font-family:inherit;color:var(--jja);line-height:1.35;box-shadow:inset 0 1px 2px rgba(95,128,119,.06);transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.jjkf textarea{min-height:74px;resize:vertical}.jjkf select{appearance:none;-webkit-appearance:none;padding-right:2.1em;background-image:linear-gradient(45deg,transparent 50%,#5F8077 50%),linear-gradient(135deg,#5F8077 50%,transparent 50%);background-position:calc(100% - 15px) 55%,calc(100% - 10px) 55%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.jjkf input::placeholder,.jjkf textarea::placeholder{color:#9aa8a2}.jjkf input:focus,.jjkf select:focus,.jjkf textarea:focus{outline:none;border-color:var(--jjg);background:#fff;box-shadow:0 0 0 3px rgba(119,156,148,.16)}.jjkf .jjkf-ungueltig{border-color:var(--jjrot)!important;box-shadow:0 0 0 3px rgba(164,54,47,.10)!important}.jjkf .jjkf-fehler{display:block;margin-top:.2rem;font-size:.8rem;line-height:1.35;color:var(--jjrot)}.jjkf .jjkf-pflicht{color:var(--jjg)}.jjkf .jjkf-ds{margin-bottom:.7rem}.jjkf .jjkf-check{display:flex;gap:.5rem;align-items:flex-start;font-weight:400;font-size:.8rem;line-height:1.4;color:#6b7873;margin:0}.jjkf .jjkf-check input{width:1rem;height:1rem;margin:.1rem 0 0;flex:0 0 auto;accent-color:var(--jjgd)}.jjkf .jjkf-check a{color:var(--jjgd);font-weight:600;text-decoration:underline}.jjkf .jjkf-fuss{display:flex;align-items:center;gap:.85rem;flex-wrap:wrap}.jjkf .jjkf-pflichtnote{font-size:.875rem;color:#4f6c64}.jjkf .jjkf-btn{background:linear-gradient(135deg,#85a9a0,#5F8077);color:#fff;border:0;border-radius:99px;padding:.6em 1.7em;font-weight:700;font-size:.95rem;font-family:inherit;letter-spacing:.01em;box-shadow:0 6px 18px rgba(119,156,148,.32);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.jjkf .jjkf-btn:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(119,156,148,.42)}.jjkf .jjkf-btn:focus-visible{outline:3px solid var(--jjgd);outline-offset:3px}.jjkf .jjkf-btn[disabled]{opacity:.6;cursor:progress;transform:none}.jjkf .jjkf-meldung{border-radius:11px;padding:.65em .85em;margin:0 0 .8rem;font-size:.9rem;line-height:1.4}.jjkf .jjkf-danke{background:rgba(186,206,199,.28);border-left:4px solid var(--jjgd);color:#31463f}.jjkf .jjkf-problem{background:rgba(164,54,47,.08);border-left:4px solid var(--jjrot);color:#7a2b26}.jjkf .jjkf-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}.jjkf .jjkf-ts:not(:empty){margin:0 0 .7rem}@media(max-width:600px){.jjkf .jjkf-karte{padding:1rem 1rem 1.1rem;border-radius:16px}.jjkf .jjkf-zeile{gap:0}.jjkf h3{font-size:1.1rem}.jjkf .jjkf-btn{padding:.78em 1.9em}} /* \3c style id=jj-lang-kopf-stil> auf / */ /* \3c style id=jj-ozf-css> auf / */ /* \3c style id=jj-r2-fixes> auf / */ @media(max-width:767px){ #jj-home-a .jjds-wrap{padding-bottom:1.2rem} } /* \3c style id=jj-r4-fixes> auf / */ /* \3c style id=jj-social-tiles> auf / */ /* \3c style id=jjam-focus-badge-steinmaier> auf / */ /* \3c style id=jj-ui-fixes> auf / */.jj-eh-teaser{margin-bottom:3rem!important} /* \3c style id=jj-mobilmenu-fix> auf / */ /* \3c style id=jj-a11y-contrast-20260721> auf / */ body .jj-ds{--jjg:#5b7872!important;--jjgd:#597870!important}.jj-ds .jj-rev-date{color:#727272!important}.jj-ds .jj-rev-brand{color:#677572!important}.jj-ds .jj-rev a.jj-rev-glink{color:#5b7872!important}.jj-ds .jjds-postcard .pc-date,.jj-ds .jjds-postcard .pc-more{color:#597870!important}.jj-ds .jjha-fach p.p2 a:not(.jjds-cta),.jj-ds .jjha-card .bd a.more,.jj-ds #cmdtest p a:not(.jjds-cta){color:#597870!important} /* \3c style id=wp-custom-css> auf / */ .single h2 { font-size: var(--e-global-typography-9306a4f-font-size); font-weight: var(--e-global-typography-9306a4f-font-weight); line-height: var(--e-global-typography-9306a4f-line-height); letter-spacing: var(--e-global-typography-9306a4f-letter-spacing); word-spacing: var(--e-global-typography-9306a4f-word-spacing); margin-top: 1.5em } .single .elementor-widget-theme-post-content img { margin-top: 20px; } .single .elementor-widget-theme-post-content ul a, .elementor-widget-container > p a:not([role="button"]) { color: #779C94 !important; font-weight: 500 !important; } /* .elementor-widget-text-editor a { font-weight: 600 !important; } */ .single a[download] { color: #779C94 !important; font-size: 18px; margin-top: 15px !important; margin-bottom: 30px !important; display: block; } .single iframe { margin-top: 30px; } /* .single .category-buecher .elementor-widget-theme-post-content img, .single .category-zeitschriften .elementor-widget-theme-post-content img, .single .elementor-widget-theme-post-content img:last-child { display: none !important; } */ .single .elementor-widget-theme-post-content img { border-radius: 30px !important; } .single .elementor-widget-theme-post-content a[role="button"] { display: table; background: #779C94; width: auto !important; border-radius: 50px; color: white; padding: 8px 25px; margin: 15px 0; } @media(max-width: 767px) { .stelle h2 { font-size: 18px !important; } } /* Hover-Effekt: Link wird größer, ohne Textverschiebung */ /* 2026-07-27: display:inline-block entfernt. Es machte JEDEN Link zu einem unteilbaren Kasten -> Textlinks sprangen als Ganzes in die naechste Zeile und rissen haessliche Luecken in den Fliesstext. Buttons/Menues sind ohnehin inline-block/flex, der Hover-Effekt bleibt dort erhalten. */ a { transform: scale(1); /* Standardgröße */ transition: transform 0.3s ease, text-shadow 0.3s ease; /* Sanfter Übergang */ } a:hover { transform: scale(1.02); /* Vergrößert den Link leicht (2%) */ text-shadow: 1px 1px 2px #BACEC7; /* Leichter Mint-Schatten */ } /* Iframe bleibt unverändert */ .artikel-iframe { width: 100%; height: 500px; border: none; } /* Nur Mo–Fr anzeigen (6=Samstag, 7=Sonntag) */ /* ================================================================ Umbruch-Feinschliff fuer Links & Fliesstext (JJ, 27.07.2026) ================================================================ */ /* 1) Reine Textlinks (ohne eigene CSS-Klasse = aus dem Editor) fliessen wieder im Text mit und duerfen mitten im Linktext umbrechen. Alles mit Klasse (Buttons, Menuepunkte, Pillen, Widgets) bleibt unangetastet. */ p a:not([class]), li a:not([class]), td a:not([class]), dd a:not([class]), dt a:not([class]), blockquote a:not([class]), figcaption a:not([class]), h1 a:not([class]), h2 a:not([class]), h3 a:not([class]), h4 a:not([class]), h5 a:not([class]), h6 a:not([class]) { display: inline; } /* 3) Sehr lange Woerter/URLs brechen um, statt aus dem Layout zu laufen. */ p, li, dd, td, blockquote, figcaption { overflow-wrap: break-word; } /* ================================================================ DS-Aufzaehlungen: einheitliche Bullets & Abstaende (JJ, 28.07.2026) Vorher hatten Inhaltslisten NULL eigenes Styling -> reine Browser- Standards: 40px Einzug, kein Abstand zwischen den Punkten, 0px Luft zum Folgeabsatz (Text klebte an der Liste), Marker in Textfarbe. Gilt nur fuer "nackte" Listen im Inhalt (ohne CSS-Klasse). Menues, Quellenbox (.jj-qb-list), Checks, Steps, Chips usw. haben eigene Klassen und bleiben unberuehrt. ================================================================ */ main#content ul:not([class]), main#content ol:not([class]) { margin: .25rem 0 1.15rem; padding-left: 1.45em; } main#content ul:not([class]) > li, main#content ol:not([class]) > li { margin-block: 0 .42rem; padding-left: .15em; } main#content ul:not([class]) > li:last-child, main#content ol:not([class]) > li:last-child { margin-bottom: 0; } /* Aufzaehlungszeichen im DS-Gruen statt in Textfarbe */ main#content ul:not([class]) > li::marker { color: #5F8077; } main#content ol:not([class]) > li::marker { color: #5F8077; font-weight: 700; } /* Verschachtelte Listen enger an den Elternpunkt binden */ main#content ul:not([class]) ul, main#content ul:not([class]) ol, main#content ol:not([class]) ul, main#content ol:not([class]) ol { margin: .35rem 0 .15rem; } /* ================================================================ Fliesstext vereinheitlicht (Entscheidung JJ, 28.07.2026 - Variante B) Vorher: Money Pages 16px/1.65 · Beitraege 16.5px/1.75 · Listenpunkte ueberall 16px/1.65 (passten nicht zu ihren eigenen Absaetzen). Jetzt durchgaengig 1.03rem / 1.75. NUR Groesse und Zeilenhoehe - KEINE Farbe, damit farbige DS-Komponenten (Zitat auf dunkel, Kontaktpanel, FAQ-Antwort) ihre eigenen Farben behalten. Ausgenommen ueber :not([class*="jj"]) bzw. ul:not([class]): Lead .jjds-sub, Quellenbox .jj-qb-list, .jjds-checks, Chips, Steps. ================================================================ */ main#content .jj-ds p:not([class*="jj"]), main#content .jj-ds ul:not([class]) > li, main#content .jj-ds ol:not([class]) > li, main#content ul:not([class]) > li, main#content ol:not([class]) > li, body.jj-postds main#content .elementor-widget-theme-post-content p:not([class*="jj"]) { font-size: 1.03rem; line-height: 1.75; } /* Textfarbe der Beitraege auf den DS-Wert #343637 (vorher #404041). Bewusst auf Container-Ebene: farbige Komponenten darin ueberschreiben das weiterhin selbst. FAQ-Antworten behalten ihr #45494A (DS-Absicht). */ main#content .elementor-widget-theme-post-content { color: #343637; } /* Der Abschnitts-Intro-Absatz ist ebenfalls Fliesstext und folgte bisher dem alten Wert (auf Kompetenzseiten 16px/1.65, in Beitraegen 16.5px/1.75) - jetzt einheitlich. */ main#content .jj-ds p.jjds-intro { font-size: 1.03rem; line-height: 1.75; } /* ───────────────────────────────────────────────────────────────────────── Audit 08.08.2026: Texte aus `content:` sind für jeden Übersetzungsmotor unsichtbar — sie stehen nicht im HTML. Auf englischen Seiten stand hier deshalb dauerhaft Deutsch. Behoben über den lang-Selektor; die deutsche Regel darüber bleibt unangetastet. ⚠️ Wer künftig Text per CSS erzeugt, muss die englische Fassung gleich mitschreiben. Es gibt keine Stelle, die das automatisch nachzieht. ───────────────────────────────────────────────────────────────────── */ /* jj-en-pillenbreite, 09.08.2026: Die englische Beschriftung "Book appointment!" braucht 162 px; die feste Breite von 160 px weiter oben liess sie umbrechen. Nur Desktop - unterhalb 768 px gilt weiter die Regel aus der Mobilabfrage. */ /* jj-skiplink-fokus | 18.08.2026 Voll-Audit: Der Skip-Link war im Fokus ausserhalb des Bildschirms (top:-160000px aus .screen-reader-text des Eltern-Themes). Erster Tabstopp jeder Seite - ohne diese Regel unsichtbar. */ /* jj-cb-maps-lesbar | 19.08.2026: Der Inhaltsblocker ueber der Karte stand hellgrau auf hellem Kartenbild - gemessen 1,04:1 und 1,42:1 gegen geforderte 4,5:1. Karte abdunkeln, Text weiss, Schaltflaechen ins Praxisgruen. */ /* Die Schaltflaechen bleiben im Borlabs-Blau: Borlabs stylt sie mit einer weit spezifischeren Regel, und ein Spezifitaetswettlauf lohnt fuer eine Farbe nicht. Kontrast weiss auf dem Blau: 6,62:1 - gemessen am 19.08.2026, also lesbar. */ /* jj-cb-maps-mittig | 21.08.2026 (Auftrag JJ): Auf dem Desktop lag der Inhaltsblocker als volle Bande ueber der Karte - Beschreibung links, Schaltflaechen rechts, ueber die ganze Kartenbreite. Jetzt eine mittig zentrierte Karte mit den Schaltflaechen nebeneinander darunter. Gemessen am 21.08.2026 bei 1440px auf /kontakt/kontaktdaten/: Panel 847px breit (voll) -> 616px, Abstand links/rechts 0/0 -> 115/115, Kartenhoehe 425px -> 449px. 🔴 Bewusst auf .jjds-map begrenzt: der zweite Maps-Blocker in der Fusszeile sitzt in einer 297px-Spalte (Elementor-Widget) und bleibt unveraendert - dort waere eine Zeile aus zwei Schaltflaechen zu eng. 🔴 Erst ab 768px: darunter liefert Borlabs bereits eine zentrierte Spalte, und die soll so bleiben (Vorgabe JJ). */ /* jj-consent-mittig | 21.08.2026 (Auftrag JJ): Das Einwilligungsfenster beim ersten Besuch stand auf dem Desktop unten am Rand. Borlabs setzt am .brlbs-dialog-positioner align-items:end; waagerecht war es schon mittig. Gemessen bei 1712x781 vorher: 568/568 links/rechts, 235 oben / 16 unten. Nachher: 568/568 und 125/125. 🔴 Bewusst automatische Aussenabstaende statt align-items:center - ist der Dialog hoeher als der Bildschirm, schneidet Zentrierung in einem scrollbaren Flexcontainer den oberen Rand ab. Automatische Abstaende fallen bei Platzmangel auf 0 zurueck. Bei 1280x420 gegengeprueft: Dialog 530px hoch, beginnt weiterhin bei y=16, der Bereich scrollt. 🔴 Erst ab 768px: mobil bleibt das Fenster unten (Vorgabe JJ). */ /* jj-menu-dockluft | 19.08.2026: Im offenen Mobilmenue lag der Sprachumschalter zur Haelfte unter der festen Kontaktleiste (Leiste 62px hoch). */ @media (max-width:1024px){ /* Das Panel endet oberhalb der festen Leiste (62px hoch, plus Rand). */ /* 02.09.2026 (JJ): Der Dock BLEIBT im offenen Menue stehen. Die Zeile "body:has(...aria-expanded=true) .jjds-dock{display:none!important}" stand hier vom 19.08. bis 02.09.2026. Grund damals: der Sprachumschalter lag unter der Leiste. Am 02.09. ausgeloggt nachgemessen, mit allen vier Untermenues offen und ganz nach unten gescrollt: 390x844 und 375x667 je 102 px Luft zwischen "EN" und der Oberkante des Docks. Die Gestaltung fuer den Dock ueber dem offenen Menue liegt in Snippet #1586. */ /* 02.09.2026 (JJ): Der Kopf-CTA "Termin Buchen" lag im offenen Menue UNTER dem Panel. Bei 430px gemessen: Knopf y 8-50, Panel ab y 7 — 41 von 41 px ueberdeckt, und elementFromPoint lieferte UL.elementor-nav-menu statt des Knopfes. Er war also nicht nur angeschnitten, sondern nicht anklickbar. Panel, X und CTA liegen im selben Stapel (.mymenu): Panel 2147483000, X 2147483001, CTA vorher auto. Gleicher Wert wie das X, nicht hoeher — die beiden beruehren sich nicht (Knopf endet 353, X beginnt 372), das X bleibt unveraendert. Greift nur bei offenem Menue; unter 400px ist der Knopf ohnehin ausgeblendet (@media max-width:399.98px). */ } /* jj-menu-kopfluft | 20.09.2026 (JJ): Im offenen Mobilmenue lag der Kopf-CTA "Termin Buchen" optisch ueber der ersten Menuekarte ("Kompetenzen"). Ausgeloggt gemessen bei 430x852: Knopf y 8-50, erste Karte y 37-95 - 13 px Ueberlappung; die Karte reicht ausserdem bis x 400, waehrend das Schliess-X bei x 372 beginnt. Der Knopf bleibt, wo er ist - er liegt seit 02.09. bewusst vorn im Stapel und ist anklickbar (elementFromPoint trifft ihn). Stattdessen beginnt der Panelinhalt tiefer: 14px + 42px = 56px, damit die erste Karte (Panel ab y 7) bei y 63 startet, also unter Knopf (endet 50) und X (endet 51). Nur bei offenem Menue, und erst ab 400px - darunter blendet @media (max-width:399.98px) den Knopf ohnehin aus, dort bleiben die 14px. */ /* Nachtrag 20.09.2026, gleicher Lauf: unter 400px ist der Knopf zwar aus, die erste Karte lief dort aber unter das Schliess-X (X y 7-51, Karte ab y 37 - 14 px Ueberlappung, waagerecht 335-363 gegen X ab 335). Deshalb auch hier Luft, nur knapper: 48px, damit die Karte bei y 55 beginnt. */ /* /wp-content/uploads/jj-assets/jj-kfo-menu-refresh.css */ /* JJ KFO – Menü-Refresh (Cowork, 2026-06-06) – Kacheln + Sub-Boxen + Footer-CTA + Desktop-Boxen */ /* ===== Desktop dropdown: Unterpunkte als Boxen ===== */ /* ===== Mobile / Tablet ===== */ /* CTA-Farbe an Blog-CTA angleichen (#779c94) */ @media (max-width:1024px){ /* Header-CTA bleibt sichtbar; Farbe wechselt auf dunkel, solange das Menue offen ist */ } /* ===== Desktop Sticky-Header Shrink (schlank) ===== */ /* ===== Desktop: Abstand Header -> erster Abschnitt (global) ===== */ /* ===== Desktop: CTA nie zweizeilig (verhindert Umbruch im schmalen Bereich 1025-1080) ===== */ /* 09.08.2026: zwei Bloecke fuer zwei nicht mehr vorhandene Hero-Elemente entfernt. */ /* 28.09.2026: Trust-Leiste (.elementor-element-3efe8b6, -0895f60) entfernt - auf keiner der 268 Sitemap-Adressen vorhanden. */ /* \3c style id=jj-main-landmark> auf / */ /* /wp-content/uploads/jj-assets/jj-a11y-kontrast.css */ /* ============ 1) Fliesstext-Links in den hellen DS-Bereichen ============ BEWUSST KEINE pauschale Regel auf ".elementor-kit-6 a": ein erster Versuch damit hat die Links in den dunklen Baendern (#26332e) von 4,37:1 auf 2,29:1 VERSCHLECHTERT. Deshalb nur die nachweislich hellen Container. */ .jj-ds p a:not(.jjds-cta):not(.jjds-postcard):not(.elementor-button):not(.jj-mob-cta):not(.jj-sb-book):not(.jj-foot-cta), .jj-ds li a:not(.jjds-cta):not(.jjds-postcard):not(.elementor-button), .jkl a:not(.jkl-more){color:#4F6C64} .jj-ds p a:not(.jjds-cta):not(.jjds-postcard):not(.elementor-button):hover, .jj-ds li a:not(.jjds-cta):not(.jjds-postcard):not(.elementor-button):hover{color:#3D544E} /* ============ 2) Beitrags-Template DS (#1556) ============ */ body.jj-postds .elementor-widget-theme-post-content a:not(.jjds-cta):not(.jjds-postcard):not(.elementor-button){color:#4F6C64;text-decoration-color:rgba(79,108,100,.45)} body.jj-postds .jj-tldr-eye,body.jj-postds .jj-tldr-h{color:#4F6C64!important} .jj-ds .jjart-author .lbl,.jj-ds .jjart-author .more{color:#4F6C64} .jj-ds .jjart-toc summary .pm{color:#4F6C64} .jj-ds .jjart-toc .body a:hover{color:#3D544E} .jjart-sidetoc .t{color:#4F6C64} .jjart-sidetoc a:hover{color:#3D544E} .jjart-sidetoc a.act{color:#4F6C64;border-left-color:#4F6C64} .jj-ds .jjart-author .soc2 .ics a{background:#4F6C64} .jj-ds .jjart-author .soc2 .ics a:hover{background:#3D544E} /* ============ 3) Fachpub / Kompetenz / Lexikon / Reviews ============ */ .jj-tldr-eye,.jj-tldr-link{color:#4F6C64} .jj-tldr-link:hover{color:#3D544E} .jjtp-cta,.jjtp-all a,.jjtp>h2::before{color:#4F6C64} .jj-eyebrow,.jj-pg-cta{color:#4F6C64} .jj-pg-card:hover .jj-pg-cta{color:#3D544E} .jjcite{color:#4F6C64} .jj-rev-glink{color:#4F6C64;border-color:#4F6C64} .jj-rev-glink:hover{background:#4F6C64;color:#fff} /* ============ 3b) Seiten-eigene Inline-Styles (Kompetenz-Hub, Fachpub-Karten) ==== Diese Styles stehen im Seiteninhalt und damit HINTER unserem Head-CSS — daher !important. Gemessen: #5F8077 auf Weiss = 4,33:1, #8a938e auf Weiss = 3,16:1. */ #jj-komp .jjk-card .more,#jj-komp .jjk-state .who,#jj-komp h1 .pre{color:#4F6C64!important} .jjtp-cta,.jjtp-all a,.jjtp>h2::before{color:#4F6C64!important} .jjtp-meta,.jjtp-card .jjtp-meta{color:#5d6863!important} /* ============ 3c) Elemente ausserhalb von main, die auf WEISS liegen ============ Gegenprobe im Browser (26.07.): der Skip-Link des A11y-Widgets steht auf weissem Grund und war damit bei 3,01:1 — echter AA-Verstoss bei sichtbarem Text. Die Elementor-Kontakt-Buttons ebenso (als Icon mit 3:1 grenzwertig bestanden). NICHT betroffen: EN-Umschalter und Footer-Icons — die liegen auf DUNKEL (4,03:1) und muessen hell bleiben. */ .e-contact-buttons__contact-icon-link{color:#4F6C64!important} /* ============ 4) Dock ============ */ .jjds-dock .call{color:#4F6C64!important} .jjds-dock .call svg{stroke:#4F6C64!important} /* ============ 5) Naehe-News-Button (#1554) ============ */ body.page-id-9808 .jj-nc-btn,body.page-id-9808 .jj-nc-btn:hover,body.page-id-9808 .jj-nc-btn:focus{color:#4F6C64!important} body.page-id-9808 .jj-nc-btn svg,body.page-id-9808 .jj-nc-btn svg path{stroke:#4F6C64!important} body.page-id-9808 .jj-nc-btn:focus-visible{outline-color:#4F6C64!important} /* ============ 6) Mobiles Hamburger-Panel ============ ACHTUNG: NICHT die Desktop-Hauptnavigation anfassen. Der Selektor ul[id$="-3860438"] trifft BEIDE Menues (#menu-1-… Desktop, #menu-2-… Mobil); ein erster Versuch damit hat den dunklen Desktop-Header gruen eingefaerbt. Deshalb hier ausschliesslich #menu-2-3860438 und der Menue-Fussblock, der auf der hellen Karte #eef2f1 sitzt. */ /* Menue-Fussblock liegt auf heller Karte #eef2f1 (Alt: 2,67:1 bzw. 3,84:1) */ /* ============ 7) Weitere Buttons mit weisser Schrift ============ */ .jjds-cta.ghost{color:#4F6C64!important} /* ============ 9) Regeln aus "Zusaetzliches CSS" (wp-custom-css) ============ Diese Regeln tragen !important und gewinnen sonst gegen alles oben. Quelle: Customizer -> Zusaetzliches CSS. Gemessen: #779C94 auf Weiss = 3,01:1. WICHTIG: alles auf main#content begrenzt. Ein erster Versuch ohne diese Grenze hat die Footer-Kontaktlinks von #cdd6d2 (8,87:1) auf #4F6C64 (2,29:1) VERSCHLECHTERT — im dunklen Footer und im dunklen Menue muss das helle Gruen/Grau erhalten bleiben. Header, Menue, Footer und Dock liegen ausserhalb von main und sind damit sicher. */ main#content .elementor-widget-theme-post-content ul a, main#content .elementor-widget-container > p a:not([role="button"]):not(.jjds-cta){color:#4F6C64!important} main#content a[download]{color:#4F6C64!important} /* ============ 10) Elementor-Buttons: weisse Schrift auf Akzentgruen ============ .elementor-widget-button/-global/-form nutzen var(--e-global-color-accent)=#779C94. Weiss darauf = 3,01:1. Hintergrund abdunkeln statt die globale Akzentfarbe zu aendern — die wird auch fuer Flaechen und dunkle Bereiche verwendet. */ /* ============ 11) DS-Variablen (Startseiten-CTA war 4,45:1) ============ */ body .jj-ds{--jjg:#4F6C64!important;--jjgd:#3D544E!important} /* ============ 12) Borlabs Content-Blocker (Karten-/Video-Platzhalter) ============ Die Provider-Einzelstile setzen z. B. Google-Blau #4285F4; weisse Schrift darauf = 3,56:1, die geerbte Footer-Linkfarbe #cdd6d2 sogar 2,40:1. Beides verfehlt AA. Loesung: abgedunkeltes Blau #1A56C4 (weiss darauf = 6,62:1), Markencharakter bleibt. */ /* Im Footer gewinnt sonst footer.elementor-300 .elementor-element-8d1d6ed a{color:#cdd6d2} (0,2,2) — daher hier eine Regel mit hoeherer Spezifitaet (0,3,1+). */ /* ============ 15) Inline gesetzte Altfarben ============ Einige Snippets schreiben die Farbe als style-Attribut direkt ins Markup (z. B. Erste-Hilfe-Teaser #1439, DOI-Links #938). Inline-Styles schlagen jede Stylesheet-Regel ohne !important. Gemessen: #779C94 auf Creme #FDF7F0 = 2,83:1. */ main#content a[style*="779c94"],main#content a[style*="779C94"], main#content a[style*="5f8077"],main#content a[style*="5F8077"], .jj-eh-teaser a,.jj-eh-teaser p a{color:#4F6C64!important} /* ============ 14) Footer-Rechtszeile: Trennstriche ============ Die Links dort sind #cdd6d2 auf #26332e (8,87:1, in Ordnung). Die vier Pipe-Zeichen zwischen ihnen erben aber #404041 -> 1,27:1. Sie bekommen dieselbe Farbe wie die Links. */ /* ============ 16) Heller Kontaktblock unterhalb von main ============ Widget 8ebd9b5 ("24/7 – ... Online-Terminbuchung") liegt ausserhalb von main auf hellem Grund #f9f9f9; der Link stand dort auf #779C94 = 2,86:1. */ /* ============ 17) SCHUTZ: Design-System-Komponenten mit WEISSER Schrift ============ jj-design-system.css setzt an mehreren Stellen color:#fff OHNE !important — dort, wo der Hintergrund dunkel ist: .jjds-nav a.act aktive Pille der Glas-Quick-Nav (Indikator = dunkler Verlauf) .jjds-tel a Telefonnummer im Kontaktpanel (Verlauf #343637 -> #42474a) .jjds-quote p.a a Quellenangabe im Zitatblock (seit 06.09.2026 heller Block -> #4F6C64, s. Block 18) .jj-blog-author__social a:hover Die !important-Regeln aus Block 9 und 13 haben das ueberschrieben — Ergebnis war dunkelgruen auf dunkelgruen (2,1-2,3:1, unlesbar; von JJ gemeldet). ⚠️ SPEZIFITAET: Block 13 liegt bei (1,5,3). Die Regeln hier muessen darueber liegen, sonst greifen sie nicht — deshalb die doppelt notierten Klassen. REGEL FUER DIE ZUKUNFT: vor jeder neuen !important-Linkregel jj-design-system.css nach "color:#fff" durchsuchen — das sind die Stellen auf dunklem Grund. */ main#content .jj-ds .jjds-navwrap .jjds-nav a:not(.act){color:#343637!important} main#content .jj-ds .jjds-navwrap .jjds-nav a:not(.act):hover{color:#3D544E!important} main#content .jj-ds .jjds-navwrap .jjds-nav a.act.act, main#content .jj-ds .jjds-navwrap .jjds-nav a.act.act:hover, .jj-ds .jjds-navwrap .jjds-nav a.act.act.act{color:#fff!important} main#content .jj-ds p.jjds-tel.jjds-tel a:not(.jjds-cta):not(.jjds-postcard):not(.elementor-button):not(.jkl-more), .jj-ds p.jjds-tel.jjds-tel.jjds-tel a{color:#fff!important} main#content .jj-ds .jjds-quote.jjds-quote p.a a:not(.jjds-cta):not(.jjds-postcard):not(.elementor-button):not(.jkl-more), .jj-ds .jjds-quote.jjds-quote.jjds-quote p.a a{color:#4F6C64!important} main#content .jj-ds .jjds-quote.jjds-quote p.a a:hover{color:#3D544E!important} /* 06.09.2026: Zitatblock ist seit dem Umbau HELL (Creme/Mint, Ordnungspunkt Content-Strategie) — Autorenlink deshalb #4F6C64 (5,39:1 auf Creme), Hover #3D544E. Die weisse Schrift galt nur fuer den frueheren dunklen Block. */ /* Autorenbox: die "who"-Zeile stand bei #7C8783 auf #F0F4F3 = 3,35:1 (Bestandsfehler) */ main#content .jj-ds .jjart-author .soc2 .row .who, main#content .jjart-author .soc2 .row .who{color:#5d6863!important} main#content .jj-ds a.jjds-cta:not(.ghost){color:#fff!important} main#content .jj-ds a.jjds-cta.ghost{color:#4F6C64!important} /* ============ 13) DS-Fliesstext gegen die !important-Regel aus wp-custom-css ==== */ main#content .jj-ds p a:not(.jjds-cta):not(.jjds-postcard):not(.elementor-button):not(.jkl-more), main#content .jj-ds li a:not(.jjds-cta):not(.jjds-postcard):not(.elementor-button):not(.jkl-more){color:#4F6C64!important} /* ============ 8) Cookie-Dialog (Borlabs) — Variablen auf :root ueberschreiben ==== */ html:root{ --dialog-button-accept-all-color:#4F6C64!important; --dialog-button-accept-all-color-hover:#3D544E!important; --dialog-button-accept-only-essential-color:#4F6C64!important; --dialog-button-accept-only-essential-color-hover:#3D544E!important; --dialog-button-preferences-color:#4F6C64!important; --dialog-button-preferences-color-hover:#3D544E!important; --dialog-button-save-consent-color:#4F6C64!important; --dialog-button-save-consent-color-hover:#3D544E!important; --dialog-button-close-color:#4F6C64!important; --dialog-button-close-color-hover:#3D544E!important; --dialog-tab-bar-tab-background-color-active:#4F6C64!important; --dialog-tab-bar-tab-border-color-bottom-active:#4F6C64!important; --dialog-tab-bar-tab-border-color-left-active:#4F6C64!important; --dialog-tab-bar-tab-border-color-right-active:#4F6C64!important; --dialog-tab-bar-tab-border-color-top-active:#4F6C64!important; --dialog-checkbox-background-color-active:#4F6C64!important; --dialog-checkbox-border-color-active:#4F6C64!important; --dialog-checkbox-border-color-inactive:#4F6C64!important; --dialog-switch-button-background-color-active:#4F6C64!important; --dialog-control-element-color:#4F6C64!important; --dialog-control-element-color-hover:#3D544E!important; --dialog-card-control-element-color:#4F6C64!important; --dialog-card-control-element-color-hover:#3D544E!important; --dialog-search-bar-input-border-color-focus:#4F6C64!important; --widget-color:#4F6C64!important; /* Content-Blocker-Link "Mehr Informationen": #E42313 auf #FAFAFA = 4,42:1 -> 5,09:1 */ --content-blocker-link-color:#D31D0E!important; --content-blocker-link-color-hover:#D31D0E!important; } /* ============ 14) Paket E 02.09.2026: Fliesstext-Links unterstreichen (WCAG 1.4.1) ==== Link zu Text ist nur 2,1:1 Farbunterschied -> nicht-farbliches Merkmal noetig. Nur klassenlose Links in Absaetzen und Listen innerhalb von main. Knoepfe, Chips mit inline display:inline-block, Telefonzeile .jjds-tel, Glossar (.kfo-gloss) und Fussnoten (.jjcite) tragen Klassen/Attribute und bleiben unveraendert. */ main p:not(.jjds-tel) a:not([class]):not([role="button"]):not([style*="inline-block"]), main li a:not([class]):not([role="button"]):not([style*="inline-block"]){text-decoration-line:underline!important;text-decoration-thickness:1px!important;text-underline-offset:.15em} /* Paket H 20.09.2026 (Audit): Instagram-Marke 3,61 -> 5,74; Anfahrt-Link im Fliesstext unterstrichen */ .jj-ig-brand>span{color:#4f6c64!important} .jj-anfrow a{text-decoration-line:underline!important;text-decoration-thickness:1px!important;text-underline-offset:.15em} /* Audit 26.09. / Umsetzung 27.09.2026: Kicker „Aus unserer Forschung" 4,34 -> 5,74:1; Bildquellenzeile in Beitraegen #8a8a8a 3,25 -> 6,02:1; A11y-Knopf liegt bei offenem Cookie-Dialog nicht mehr ueber dessen Knoepfen (390 px: deckte „Individuelle Datenschutz-Praeferenzen" ab) */ .jjtp-kicker{color:#4f6c64!important} figcaption>span[style*="8a8a8a"]{color:#5f5f5f!important} body:has(.brlbs-cmpnt-dialog) #jj-a11y-fab{visibility:hidden!important} /* /wp-content/uploads/jj-assets/jj-footer-dark.css */ /* JJ KFO – Dunkler Footer (Cowork) – NUR Footer-Spalten (#037aa81) + untere Leiste (#8d1d6ed). Der CTA-/Formular-Bereich (#5fcd4b4) bleibt bewusst UNBERÜHRT (gehört zur Seite, nicht zum Footer). */ /* dunkler Hintergrund, nahtlos (Spalten mit Verlauf endend auf #26332e, untere Leiste solide #26332e) */ /* Text hell */ /* Überschriften (Kontakt/Quicklinks mint, sonstige weiß) */ /* Logo -> weiß */ /* Icon-List Bullets grün */ /* Social Icons */ /* ProvenExpert-Text gold */ /* Karte: dezenter Rahmen, rund */ /* Trenner in unterer Leiste hell */ /* 17.07.2026: neues zweifarbiges Logo (JUST mint / KFO weiss) NICHT mehr invertieren */ /* /wp-content/uploads/jj-assets/jj-menu-dark.css */ /* JJ KFO – Dark-Sage Menü (V3, Cowork 17.07.2026). Ersetzt Liquid-Glass. Überschreibt #31/#155/#631. */ /* ============ 1) DUNKLE LEISTE (Desktop + Mobil) ============ */ /* Top-Level: helle Schrift, dezente Hover-Pille, Mint-Akzent */ /* kleine Icons in der Desktop-Leiste ausblenden (ruhige Typo-Leiste) */ /* EN-Schalter hell */ /* CTA: Creme-Pille */ /* CTA-Hover: Mint-Pille, dunkle Schrift, leichter Lift (schlaegt Theme-/#631-Hover) */ /* Nav-Widget-Container: alten hellen Kasten neutralisieren */ /* ============ 2) DESKTOP-DROPDOWN: dunkles Panel + dunkle Kacheln ============ */ /* Hover-Brücke: schließt die Lücke zwischen Menüpunkt und Panel */ /* 2-spaltig für Kompetenzen/Praxis */ /* 07.09.2026 (Freigabe JJ): spaltenweise statt zeilenweise lesen - Platz 2 steht damit UNTER Platz 1 und nicht rechts daneben. Zeilenzahl = aufgerundete Haelfte der Eintraege: Kompetenzen 9 -> 5, Praxis 8 -> 4. Kommt ein Menuepunkt dazu, gehoert die Zeilenzahl hier nachgezogen. */ /* ============ 3) OVERLAY (#155) – dunkel ============ */ /* Obermenü-Icons: farbige Chips je Punkt (hochspezifisch gegen #631-Regel) */ /* Sub-Items: dunkle Kacheln, helle Schrift (bunte Icon-Chips bleiben, s. Abschnitt 4) */ /* Weglot/EN im Overlay hell */ /* Kontakt/Öffnungszeiten-Fuß: hell auf dunkel (Spezifität > #631-Regeln) */ /* ============ 5) OVERLAY OFFEN – über allem + scrollbar; Toggle hell ============ */ /* ============ 4) ICON-KACHELN je Untermenü-Punkt ============ */ /* JJ 20.07.: Menue-Schrift weiss + Hover crisp (kein Glow/Blur) */ /* JJ 20.07.: Header-CTA dicker */ /* JJ 17.09.2026: Menuepunkt Kosten & Kasse (menu-item-528622) - Kachel + Euro-Symbol */ /* \3c style> auf / */ #jj-home-a .jjha-trust{margin:1rem 0 0;padding:1.1rem 0;border-top:1px solid rgba(186,206,199,.4);border-bottom:1px solid rgba(186,206,199,.4);position:relative;z-index:1;overflow:hidden} #jj-home-a .jjha-trust .tk{display:flex;flex-wrap:wrap;gap:1.2rem 2rem;align-items:center;justify-content:center} #jj-home-a .jjha-trust .tk.c2{display:none} #jj-home-a .jjha-trust img{height:44px;width:auto;max-width:120px;object-fit:contain;filter:grayscale(1);opacity:.75;transition:filter .25s,opacity .25s} #jj-home-a .jjha-trust img:hover{filter:none;opacity:1} #jj-home-a .jjha-fach{position:relative;z-index:1} #jj-home-a .jjha-fach::after{content:"";display:block;clear:both} #jj-home-a .jjha-fach .fimg{float:right;width:min(320px,36%);aspect-ratio:1/1;object-fit:cover;border-radius:22px;margin:.3rem 0 1rem 1.8rem;box-shadow:0 16px 40px rgba(95,128,119,.15)} #jj-home-a .jjha-fach p{margin:0 0 .9em;font-size:1.03rem;line-height:1.7;color:#3a3d3e} @media(max-width:767px){#jj-home-a .jjha-fach .fimg{float:none;width:100%;aspect-ratio:21/9;margin:0 0 1rem;border-radius:18px}#jj-home-a .jjha-fach p{font-size:.98rem;line-height:1.62}} #jj-home-a .jjha-comp{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem;margin:1.6rem 0 0;position:relative;z-index:1} @media(max-width:1000px){#jj-home-a .jjha-comp{grid-template-columns:repeat(2,1fr)}} #jj-home-a .jjha-card{position:relative;background:#fff;border:1px solid rgba(186,206,199,.35);border-radius:24px;padding:0;box-shadow:0 14px 40px rgba(95,128,119,.08);text-decoration:none;color:#343637;display:flex;flex-direction:column;overflow:hidden;transition:transform .25s,box-shadow .25s} #jj-home-a .jjha-card .im{position:relative;aspect-ratio:16/9;overflow:hidden;display:block} #jj-home-a .jjha-card .im img{width:100%;height:100%;object-fit:cover;transition:transform .4s} #jj-home-a .jjha-card:hover .im img{transform:scale(1.05)} #jj-home-a .jjha-card .bd{padding:1.15rem 1.3rem 1.2rem;display:flex;flex-direction:column;flex:1} #jj-home-a .jjha-card:hover{transform:translateY(-4px);box-shadow:0 22px 50px rgba(95,128,119,.16)} #jj-home-a .jjha-card .num{position:absolute;top:.7rem;right:.8rem;background:rgba(255,255,255,.85);backdrop-filter:blur(6px);border-radius:99px;padding:.25em .8em;font-size:.8rem;font-weight:800;color:#5F8077;line-height:1.2} #jj-home-a .jjha-card h3{margin:.1rem 0 .5rem;font-size:1.12rem;color:#343637} #jj-home-a .jjha-card p{margin:0 0 .85rem;font-size:.93rem;line-height:1.58;color:#54615c;flex:1} #jj-home-a .jjha-card .more{font-weight:700;font-size:.9rem;color:#5F8077;text-decoration:none} #jj-home-a .jjha-card h3 a{color:inherit;text-decoration:none} #jj-home-a .jjha-card p a{color:#5F8077;font-weight:600} #jj-home-a .jjha-card h3 a{position:static!important;transform:none!important;filter:none!important;will-change:auto!important} #jj-home-a .jjha-card h3 a::after{content:"";position:absolute;inset:0;top:0;right:0;bottom:0;left:0;z-index:1} #jj-home-a .jjha-card p a,#jj-home-a .jjha-card .more{position:relative;z-index:2} #jj-home-a .jjha-card{cursor:pointer} @media(max-width:640px){ #jj-home-a .jjha-comp{grid-template-columns:1fr;gap:.65rem;margin-top:1.1rem} #jj-home-a .jjha-card{flex-direction:row;align-items:center;border-radius:18px} #jj-home-a .jjha-card .im{width:76px;min-width:76px;aspect-ratio:1/1;border-radius:14px;margin:.55rem 0 .55rem .55rem} #jj-home-a .jjha-card .num{display:none} #jj-home-a .jjha-card p{display:none} #jj-home-a .jjha-card .bd{padding:.85rem .95rem;justify-content:center} #jj-home-a .jjha-card h3{margin:0 0 .2rem;font-size:1.02rem} #jj-home-a .jjha-card .more{font-size:.82rem} } #jj-home-a .jjha-praxisgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin:1.4rem 0;position:relative;z-index:1} @media(max-width:820px){#jj-home-a .jjha-praxisgrid{grid-template-columns:repeat(3,1fr);gap:.6rem;margin:1rem 0}#jj-home-a .jjha-praxisgrid img{aspect-ratio:1/1;border-radius:14px}} #jj-home-a .jjha-praxisgrid img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:22px;box-shadow:0 14px 36px rgba(95,128,119,.12)} #jj-home-a .jjha-praxistext{display:grid;grid-template-columns:1fr 1fr;gap:2rem;position:relative;z-index:1} @media(max-width:820px){#jj-home-a .jjha-praxistext{grid-template-columns:1fr;gap:0}} #jj-home-a .jjha-praxistext p{font-size:1.02rem;line-height:1.68;color:#3a3d3e;margin:0 0 .85em} #jj-home-a .jjds-cta.ghost.sm{font-size:.86rem;padding:.55em 1.4em;border:1.5px solid #5F8077;color:#46615a;background:rgba(95,128,119,.07)} #jj-home-a .jjds-cta.ghost.sm:hover{background:rgba(95,128,119,.14)} #jj-home-a .jjha-news{position:relative;z-index:1;margin-top:1.3rem} #jj-home-a .jjha-news .jjds-postgrid{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:2px;gap:1.2rem;scrollbar-width:none;padding-bottom:.4rem} #jj-home-a .jjha-news .jjds-postgrid::-webkit-scrollbar{display:none} #jj-home-a .jjha-news .jjds-postcard{flex:0 0 calc((100% - 2.4rem)/3);scroll-snap-align:start} @media(max-width:767px){#jj-home-a .jjha-news .jjds-postcard{flex:0 0 100%}} #jj-home-a .jjn-btn{position:absolute;top:42%;width:44px;height:44px;border-radius:50%;border:1px solid rgba(186,206,199,.75);background:rgba(255,255,255,.9);backdrop-filter:blur(6px);color:#5F8077;font-size:1.15rem;cursor:pointer;z-index:3;box-shadow:0 8px 22px rgba(52,54,55,.16);display:flex;align-items:center;justify-content:center;transition:opacity .25s} #jj-home-a .jjn-prev{left:-12px} #jj-home-a .jjn-next{right:-12px} @media(max-width:767px){#jj-home-a .jjn-prev{left:-4px}#jj-home-a .jjn-next{right:-4px}} #jj-home-a .jjds-herofig{max-width:560px} #jj-home-a .jjds-herofig .fig img{aspect-ratio:1920/860!important;height:auto!important} #jj-home-a .jjds-focus{width:60px!important;top:-18px!important;left:-40px!important} #jj-home-a .jjds-herobadge{bottom:-12px} @media(max-width:700px){#jj-home-a .jjds-focus{width:46px!important;top:-12px!important;left:-16px!important}} #jj-home-a .jjds-herobadge .star,.jj-ds .gstar{color:#FBBC05} @media(max-width:767px){ #jj-home-a .jjha-trust{display:flex;padding:1rem 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)} #jj-home-a .jjha-trust .tk{flex:none;flex-wrap:nowrap;gap:1.6rem;padding-right:1.6rem;justify-content:flex-start;animation:jjha-mq 70s linear infinite} #jj-home-a .jjha-trust .tk.c2{display:flex} #jj-home-a .jjha-trust img{height:34px;flex:none} } @keyframes jjha-mq{to{transform:translateX(-100%)}} @media(prefers-reduced-motion:reduce){#jj-home-a .jjha-trust .tk{animation:none}#jj-home-a .jjha-trust{overflow-x:auto}} #jj-home-a .jjds-wrap a{text-decoration:none} #jj-home-a .jjds-sub a,#jj-home-a .jjha-fach a,#jj-home-a .jjha-praxistext a,#jj-home-a .jjds-jobcard p a{color:#5F8077;font-weight:600} #jj-home-a .jjds-sub a:hover,#jj-home-a .jjha-fach a:hover,#jj-home-a .jjha-praxistext a:hover,#jj-home-a .jjds-jobcard p a:hover{color:#46615a} /* Liquid-Nav erst zeigen, wenn ihre Position erreicht ist (JJ 16.07.) */ #jj-home-a .jjds-navwrap{opacity:0;pointer-events:none;transition:opacity .3s} #jj-home-a .jjds-navwrap.jj-navon{opacity:1;pointer-events:auto} /* 09.09.2026 JJ: Vorteils-Chips am Desktop in die Bildspalte unter das Hero-Bild - dort steht ohnehin Platz frei, dadurch faellt im Textblock eine Zeile weg und der Hero wird rund 54 px kuerzer. Unter 880 px loest sich der Wrapper per display:contents auf, dort bleibt alles wie bisher (Reihenfolge ueber order). Rueckbau: diese Regel entfernen und den Chips-Block wieder in .jjds-herotext schieben. */ #jj-home-a .jj-heroright{display:contents} #jj-home-a a.jj-chip{text-decoration:none!important;color:inherit}#jj-home-a .jj-herochips{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0 22px!important;align-items:stretch}#jj-home-a .jj-herochips .jj-chip{display:flex!important;min-width:0;white-space:normal!important;justify-content:flex-start;background:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border:0!important;border-bottom:1px solid rgba(89,120,112,.22)!important;border-radius:0!important;box-shadow:none!important;padding:.5rem .1rem!important}#jj-home-a .jj-herochips .jj-chip--raten{color:#3d554f!important}#jj-home-a .jj-herochips .jj-chip--raten svg{stroke:#E6B85C!important}/* JJ 18.09.2026: Vorteils-Chips bis 1150 px als Endlosband wie die Logo-Leiste (zwei gleiche Baender, das zweite aria-hidden), Punkte entfernt. Ueber 1150 px loesen sich die Baender per display:contents auf, das 2-Spalten-Raster bleibt. Rueckbau: ~/transfer/herochips-20260918/154-vorher.html */#jj-home-a .jj-chipband{display:contents}#jj-home-a .jj-chipband--c2{display:none}@media (max-width:1150px){#jj-home-a .jj-herochips{display:flex!important;flex-wrap:nowrap!important;justify-content:flex-start!important;overflow:hidden;width:100%!important;justify-self:stretch!important;border-bottom:1px solid rgba(89,120,112,.22);-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}#jj-home-a .jj-chipband,#jj-home-a .jj-chipband--c2{display:flex;flex:none;gap:26px;padding-right:26px;animation:jjChipMq 24s linear infinite}#jj-home-a .jj-herochips .jj-chip{flex:none!important;white-space:nowrap!important;border-bottom:0!important}#jj-home-a .jj-herochips:hover .jj-chipband{animation-play-state:paused}}@keyframes jjChipMq{to{transform:translateX(-100%)}}@media (max-width:1150px) and (prefers-reduced-motion:reduce){#jj-home-a .jj-chipband{animation:none}#jj-home-a .jj-chipband--c2{display:none}#jj-home-a .jj-herochips{overflow-x:auto}} /* JJ 17.09.2026: Abstand FAQ -> Kontaktbereich kleiner (nur Startseite) */ #jj-home-a .jjds-wrap:has(.jj-homefaq){padding-bottom:12px} body.home .elementor-location-footer .elementor-element.elementor-element-5fcd4b4{margin-top:48px} @media(min-width:880px){#jj-home-a .jj-heroright{display:block}#jj-home-a .jj-heroright .jj-herochips{margin-top:1.1rem}} /* 09.09.2026 JJ: Ghost-CTA "Behandlungen entdecken" am Desktop aus - seit dem Umbau vom 08.09. steht der Kompetenzblock ohnehin weit oben, der Sprungknopf verschenkt nur Platz. Mobil ist er seit 08.09. bereits aus (.jj-mobcta2). Rueckbau: diese zwei Zeilen entfernen. */ @media(min-width:768px){#jj-home-a .jjds-herocta .jjds-cta.ghost{display:none}} /* Mobil: Kicker weg, H1 an den Header, Hero-Bild vor die CTAs (JJ 16.07.) */ @media(max-width:767px){ #jj-home-a .jjds-kicker{display:none} /* 08.09.2026 JJ: mobiler Zweit-CTA "Behandlungen entdecken" aus — der Kompetenzblock steht seit dem Umbau direkt darunter, der Knopf verschenkte nur Viewport. Er wird von Snippet #1586 aus dem Hero hierher verschoben; diese Regel blendet ihn mobil aus. Rueckbau: diese zwei Zeilen entfernen. */ #jj-home-a .jj-mobcta2{display:none} #jj-home-a .jjds-wrap{padding-top:.35rem} #jj-home-a .jjds-hero{display:flex;flex-direction:column;gap:0;padding-top:1rem} #jj-home-a .jjds-herotext{display:contents} #jj-home-a .jjds-hero h1{order:1;margin:.1rem 0 .5rem} #jj-home-a .jjds-sub{order:2;margin:0 0 1rem} #jj-home-a .jjds-herofig{order:3;margin:.2rem auto 1.5rem} #jj-home-a .jjds-herocta{order:4;margin-top:0} } #jj-home-a .jj-herochips{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem} #jj-home-a .jj-chip{display:inline-flex;align-items:center;gap:.45rem;background:rgba(255,255,255,.72);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--jjm,#BACEC7);color:var(--jjgd,#597870);font-family:"Source Sans 3",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:.85rem;font-weight:600;padding:.4rem .85rem;border-radius:999px;box-shadow:0 2px 10px rgba(89,120,112,.10);white-space:nowrap} #jj-home-a .jj-chip svg{width:1.05em;height:1.05em;flex:none;stroke:var(--jjgd,#597870);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} #jj-home-a .jj-chip--p{border-color:var(--jjy,#E6B85C);background:#fff} @media(max-width:880px){#jj-home-a .jj-herochips{order:5;justify-content:center}#jj-home-a .jj-chip:not(.jj-chip--p){display:none}} /* \3c style id=jjig-css> auf / */ .jj-ig{max-width:1100px;margin:24px auto;color:#404041;background:#fff;border:1.5px solid #cdddd7; border-radius:22px;padding:26px 28px 22px;box-shadow:0 6px 26px rgba(119,156,148,.12)} .jj-ig *{box-sizing:border-box} .jj-ig-head{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding-bottom:18px; margin-bottom:20px;border-bottom:1px solid #eef3f1} .jj-ig-ava{width:56px;height:56px;border-radius:50%;flex:0 0 56px;overflow:hidden;background:#e4ece9} .jj-ig-ava img{width:100%;height:100%;object-fit:cover;display:block} .jj-ig-ident{min-width:150px} .jj-ig-brand{display:flex;align-items:center;gap:6px;font-size:.74rem;letter-spacing:.5px; color:#7a8a86;text-transform:uppercase;font-weight:600;margin-bottom:3px} .jj-ig-brand svg{width:15px;height:15px;display:block} .jj-ig-name{font-size:1.45rem;font-weight:700;color:#2f2f2f;line-height:1.1} .jj-ig-meta{color:#5a5a5a;font-size:.92rem;margin-top:3px} .jj-ig-link{margin-left:auto;color:#4f6c64;font-weight:600;text-decoration:none;font-size:.9rem; border:1px solid #4f6c64;border-radius:999px;padding:8px 18px;white-space:nowrap;background:#fff} .jj-ig-link:hover,.jj-ig-link:focus{background:#4f6c64;color:#fff} .jj-ig-track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scroll-padding-left:2px; padding:2px 2px 6px;-webkit-overflow-scrolling:touch;scrollbar-width:none} .jj-ig-track::-webkit-scrollbar{display:none} .jj-ig-card{flex:0 0 calc((100% - 36px)/3);scroll-snap-align:start;background:#fbfdfc; border:1px solid #e4ece9;border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:12px; text-decoration:none;color:inherit;transition:border-color .2s,box-shadow .2s,transform .2s} .jj-ig-card:hover,.jj-ig-card:focus-visible{border-color:#bcd3cc;box-shadow:0 8px 22px rgba(119,156,148,.16); transform:translateY(-2px);color:inherit} .jj-ig-card:focus-visible{outline:3px solid #779c94;outline-offset:2px} .jj-ig-fig{position:relative;margin:0;border-radius:10px;overflow:hidden;background:#eef3f1;aspect-ratio:1/1} .jj-ig-fig img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease} .jj-ig-card:hover .jj-ig-fig img{transform:scale(1.04)} .jj-ig-play{position:absolute;top:9px;right:9px;width:22px;height:22px;color:#fff; filter:drop-shadow(0 1px 3px rgba(0,0,0,.55));pointer-events:none} .jj-ig-text{font-size:.93rem;line-height:1.6;color:#474747;margin:0;display:-webkit-box; -webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden} .jj-ig-datum{color:#6f6f6f;font-size:.82rem;margin:0 0 2px;display:flex;align-items:center;gap:6px} .jj-ig-datum svg{width:13px;height:13px;flex:none} .jj-ig-dots{display:flex;justify-content:center;gap:9px;margin-top:18px} .jj-ig-dot{width:24px;height:24px;border-radius:50%;background:transparent;border:none;padding:0;cursor:pointer;position:relative} .jj-ig-dot::before{content:"";position:absolute;top:50%;left:50%;width:9px;height:9px;border-radius:50%;background:#d6e0dc;transform:translate(-50%,-50%);transition:transform .2s,background .2s} .jj-ig-dot.is-active::before{background:#779c94;transform:translate(-50%,-50%) scale(1.3)} @media(max-width:1024px){.jj-ig-card{flex-basis:calc((100% - 18px)/2)}} @media(max-width:680px){ .jj-ig{padding:20px 18px 18px} .jj-ig-card{flex-basis:86%} .jj-ig-name{font-size:1.25rem} .jj-ig-link{margin-left:0} } @media (prefers-reduced-motion:reduce){ .jj-ig-track{scroll-behavior:auto} .jj-ig-fig img,.jj-ig-card{transition:none} } /* \3c style> auf / */ .jj-rev{max-width:1100px;margin:24px auto;color:#404041;background:#fff;border:1.5px solid #cdddd7;border-radius:22px;padding:26px 28px 22px;box-shadow:0 6px 26px rgba(119,156,148,.12);} .jj-rev *{box-sizing:border-box;} .jj-rev-head{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding-bottom:18px;margin-bottom:20px;border-bottom:1px solid #eef3f1;} .jj-rev-glogo{flex:0 0 auto;display:flex;align-items:center;} .jj-rev-brand{font-size:.74rem;letter-spacing:.5px;color:#7a8a86;text-transform:uppercase;font-weight:600;margin-bottom:3px;} .jj-rev-scorewrap{display:flex;align-items:center;gap:10px;flex-wrap:wrap;} .jj-rev-score{font-size:2.1rem;font-weight:700;color:#2f2f2f;line-height:1;} .jj-rev-stars{display:inline-flex;align-items:center;gap:1px;} .jj-rev-stars svg{width:19px;height:19px;display:block;} .jj-rev-head .jj-rev-stars svg{width:22px;height:22px;} .jj-rev-meta{color:#5a5a5a;font-size:.92rem;margin-top:3px;} .jj-rev-glink{margin-left:auto;color:#779c94;font-weight:600;text-decoration:none;font-size:.9rem;border:1px solid #779c94;border-radius:999px;padding:8px 18px;white-space:nowrap;} .jj-rev-glink:hover{background:#779c94;color:#fff;} .jj-rev-track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:2px 2px 6px;scroll-padding-left:2px;-webkit-overflow-scrolling:touch;scrollbar-width:none;} .jj-rev-track::-webkit-scrollbar{display:none;} .jj-rev-card{flex:0 0 calc((100% - 36px)/3);scroll-snap-align:start;background:#fbfdfc;border:1px solid #e4ece9;border-radius:14px;padding:20px;display:flex;flex-direction:column;gap:10px;} .jj-rev-top{display:flex;align-items:center;gap:12px;} .jj-rev-ava{width:44px;height:44px;border-radius:50%;background:#4f6c64;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.15rem;flex:0 0 44px;} .jj-rev-name{font-weight:700;color:#2f2f2f;} .jj-rev-gicon{width:15px;height:15px;vertical-align:-2px;margin-left:5px;} .jj-rev-date{color:#6f6f6f;font-size:.82rem;} .jj-rev-text{font-size:.93rem;line-height:1.6;color:#474747;} .jj-rev-transnote{margin-top:7px;font-size:.75rem;line-height:1.4;color:#5d6863;font-style:italic;} .jj-rev-dots{display:flex;justify-content:center;gap:9px;margin-top:18px;} .jj-rev-dot{width:24px;height:24px;border-radius:50%;background:transparent;border:none;padding:0;cursor:pointer;position:relative;} .jj-rev-dot::before{content:"";position:absolute;top:50%;left:50%;width:9px;height:9px;border-radius:50%;background:#d6e0dc;transform:translate(-50%,-50%);transition:transform .2s,background .2s;} .jj-rev-dot.is-active::before{background:#779c94;transform:translate(-50%,-50%) scale(1.3);} @media(max-width:1024px){.jj-rev-card{flex-basis:calc((100% - 18px)/2);}} @media(max-width:680px){.jj-rev-card{flex-basis:86%;}.jj-rev-score{font-size:1.85rem;}.jj-rev-glink{margin-left:0;}} /* \3c style> auf / */ #jj-home-a .jj-anfgrid{display:grid;grid-template-columns:1.25fr .9fr;gap:16px;align-items:stretch} #jj-home-a .jj-anfgrid .jjds-map{margin:0;height:100%} #jj-home-a .jj-anfgrid .jjds-map iframe{height:100%;min-height:420px} #jj-home-a .jj-anfcard{background:#fff;border:1px solid var(--jjm,#BACEC7);border-radius:16px;padding:1.15rem 1.3rem;box-shadow:0 6px 22px rgba(89,120,112,.10);font-family:"Source Sans 3",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif} #jj-home-a .jj-anfcard h3{margin:.1rem 0 .7rem;color:var(--jjgd,#597870);font-size:1.12rem;font-weight:600} #jj-home-a .jj-anfrow{display:flex;gap:.7rem;align-items:flex-start;font-size:.95rem;line-height:1.55;margin:.65rem 0;color:var(--jja,#343637)} #jj-home-a .jj-anfrow .ic{flex:none;width:2.2em;height:2.2em;border-radius:50%;background:#fff;border:1px solid var(--jjm,#BACEC7);display:flex;align-items:center;justify-content:center;margin-top:.05em} #jj-home-a .jj-anfrow .ic svg{width:1.15em;height:1.15em;stroke:var(--jjgd,#597870);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round} #jj-home-a .jj-anfrow b{color:var(--jjgd,#597870)} #jj-home-a .jj-anfcta{margin:.85rem 0 .1rem} @media(max-width:820px){#jj-home-a .jj-anfgrid{grid-template-columns:1fr}} /* \3c style id=jkfo-menu-extra> auf / */ /* 07.08.2026 — Sprachumschalter ist keine Kachel. Die Kachel-Regel unten traf ueber `li.menu-item.menu-item` AUCH den Sprachumschalter, den das Menue seit dem Weglot-Ausbau selbst anhaengt. Im Hamburger stand „EN" dadurch als gruener Menuepunkt zwischen den anderen. Vorgabe JJ: nur das Wort, ohne Umrandung, darunter. Alle uebrigen Menue-Regeln im Haus schliessen ihn ueber `:not(.menu-item-weglot)` aus — diese eine hatte den Waechter nicht. ⚠️ Wer hier neue li-Regeln ergaenzt: denselben Waechter mitnehmen. */ /* 09.08.2026 (Vorgabe JJ): das vollstaendige Logo unten in der Bildspalte — im aufgeklappten Menue bleibt unter dem Foto Platz, den nichts fuellt. ⚠️ Der Grund des Overlays ist dunkel (gemessen: rgb(36,45,41)), deshalb die INVERTIERTE Fassung (weiss + mint). Die farbige Fassung waere hier blind. ⚠️ Die Regel darueber trifft jedes img in der Spalte — das Logo braucht deshalb eigene Werte fuer Hoehe, Zuschnitt und Radius, sonst wird es wie das Foto auf 520px hochgezogen und beschnitten. Nur wo Platz ist: unter 900px faellt die ganze Bildspalte weg (Regel weiter unten), das Logo damit automatisch mit. Die eigene display:none-Regel ist das Sicherheitsnetz, falls die Spalte spaeter mobil wieder eingeblendet wird. */ /* ⚠️ 09.08.2026, Nachbesserung: `margin-top:auto` allein reichte nicht. Ist die Bildspalte hoeher als die Menuespalte, gibt es keinen Restplatz, den `auto` verteilen koennte — dann klebte das Logo direkt unter dem Foto. `gap` am Container ist ein MINDESTabstand und gilt auch dann; `margin:auto` schiebt zusaetzlich nach unten, wenn doch Platz da ist. */ /* 08.08.2026: eigene Zeile fuer den Sprachumschalter, unter den Bloecken */ /* \3c style id=jj-menu-breakpoint-guard> auf / */ /* \3c style id=jj-menu-offen-umfeld> auf / */ /* Mobile-Menue offen: Header-CTA sichtbar + weisse Schrift */ /* Ally-Button bei offenem Menue nach rechts — nur mobil (Paket G 02.09.2026: auf Desktop lag der FAB sonst auf dem Termin-Knopf) */ @media (max-width:767px){html:has(.mymenu .elementor-menu-toggle[aria-expanded="true"]) .jj-a11y-fab{left:auto!important;right:16px!important}} /* Ally-Button im offenen Menue: helle Optik wie ueber Footer (jj-ondark) */ html:has(.mymenu .elementor-menu-toggle[aria-expanded="true"]) .jj-a11y-fab{border-color:rgba(255,255,255,.8)!important} html:has(.mymenu .elementor-menu-toggle[aria-expanded="true"]) .jj-a11y-fab svg path{fill:#fff!important} html:has(.mymenu .elementor-menu-toggle[aria-expanded="true"]) .jj-a11y-fab .jj-fab-ring{border-color:rgba(255,255,255,.8)!important;background:rgba(255,255,255,.14)!important} /* Kontakt-/Oeffnungszeiten-Block im dunklen Menue dezent hervorheben */ /* Dock im offenen Menue: ueber Overlay + invertiert fuer dunklen BG */ html:has(.mymenu .elementor-menu-toggle[aria-expanded="true"]) .jjds-dock{z-index:2147483003!important;background:rgba(38,51,46,.92)!important;border:1px solid rgba(255,255,255,.18)!important;box-shadow:0 14px 34px rgba(0,0,0,.45)!important} html:has(.mymenu .elementor-menu-toggle[aria-expanded="true"]) .jjds-dock .call{color:#26332e!important;background:#FDF7F0!important;border:1px solid rgba(255,255,255,.35)!important} html:has(.mymenu .elementor-menu-toggle[aria-expanded="true"]) .jjds-dock .call svg{stroke:#26332e!important} html:has(.mymenu .elementor-menu-toggle[aria-expanded="true"]) .jjds-dock .book{color:#fff!important;background:linear-gradient(135deg,#4f6c64,#3f5a52)!important;border:1px solid rgba(255,255,255,.5)!important} html:has(.mymenu .elementor-menu-toggle[aria-expanded="true"]) .jjds-dock .book svg{stroke:#fff!important} /* \3c style> auf / */ /* Autoren-Social: dunkleres Tile + weisse Icons (Kontrast) */ body .jj-ds .jjart-author .soc2 .ics a{background:#4a655d!important;color:#fff!important} body .jj-ds .jjart-author .soc2 .ics a:hover{background:#3c534c!important;transform:translateY(-2px)} body .jj-ds .jjart-author .soc2 .ics a svg{stroke:currentColor} .kfo-faq-toc-mobile{display:none!important} body.jj-postds .jj-ds .jjds-faqlist .jjds-faq summary h3{font-size:1.02rem!important;line-height:1.25!important;font-weight:700!important;color:#343637!important;margin:0!important;min-width:0!important;overflow-wrap:break-word!important;word-break:break-word!important} .jj-ds .jjds-faqlist .jjds-faq summary h3{min-width:0!important;overflow-wrap:break-word!important} .jj-ds .jjds-faqlist .jjds-faq summary .pm{flex:none!important;display:flex!important} /* Sprechzeiten-Widget: Datum immer inline hinter dem Tag (kein Umbruch) */ .jj-ds .jjds-hours .day{flex-wrap:nowrap!important} /* Mobil: Footer nicht mehr unter den Content tucken (-80px) -> kleiner Abstand statt Ueberlappung (global) */ body.jj-postds .jj-ds .jjds-faqlist .jjds-faq summary .pm{display:flex!important} body.home .jj-a11y-fab{opacity:0!important;pointer-events:none!important;transition:opacity .35s} body.home.jj-fabon .jj-a11y-fab{opacity:1!important;pointer-events:auto!important} html:has(.mymenu .elementor-menu-toggle[aria-expanded=\"true\"]) body.home .jj-a11y-fab{opacity:1!important;pointer-events:auto!important} /* \3c style id=jj-a11y-fab-css> auf / */ .jj-a11y-fab{display:flex;align-items:center;justify-content:center;position:fixed;left:23px;bottom:23px;width:46px;height:46px;padding:0;border:1px solid rgba(95,128,119,.55);border-radius:50%;background:rgba(119,156,148,.22);-webkit-backdrop-filter:blur(10px) saturate(120%);backdrop-filter:blur(10px) saturate(120%);box-shadow:0 6px 18px rgba(52,54,55,.14),inset 0 1px 0 rgba(255,255,255,.35);-webkit-tap-highlight-color:transparent;cursor:pointer;z-index:2147483646;-webkit-appearance:none;appearance:none;transition:background .2s ease,border-color .2s ease,transform .12s ease,box-shadow .2s ease}.jj-a11y-fab .jj-fab-ring{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:1.4px solid rgba(95,128,119,.75);border-radius:50%;box-sizing:border-box}.jj-a11y-fab svg{display:block}.jj-a11y-fab svg path{fill:#4a655d!important}.jj-a11y-fab:hover,.jj-a11y-fab:focus,.jj-a11y-fab:active,.jj-a11y-fab:focus-visible{background:rgba(119,156,148,.36)!important;border-color:rgba(95,128,119,.9)!important;box-shadow:0 8px 22px rgba(52,54,55,.20)!important;color:inherit!important;outline:none}.jj-a11y-fab:hover .jj-fab-ring,.jj-a11y-fab:focus .jj-fab-ring,.jj-a11y-fab:active .jj-fab-ring{border-color:#5F8077!important}.jj-a11y-fab:hover svg path,.jj-a11y-fab:focus svg path,.jj-a11y-fab:active svg path{fill:#3c534c!important}.jj-a11y-fab:active{transform:scale(.94)}.jj-a11y-fab:focus-visible{outline:3px solid #343637;outline-offset:2px}@media(max-width:767px){.jj-a11y-fab{left:16px;bottom:84px}} /* \3c style id=jj-a11y-tapfix-20260721> auf / */ /* /wp-content/uploads/jj-assets/jj-a11y-panel-css.css */ /* ============================================================ JJ KFO – Barrierefreiheits-Panel, Gestaltung Handy = Bodenblatt (volle Breite, Griff, Abdunkelung) Tablet/Desktop = schwebende Karte ueber dem Knopf Tippziele durchgehend >= 44 px (WCAG 2.5.5) ============================================================ */ #jj-a11y-hinter{position:fixed;inset:0;background:rgba(28,40,37,.44); -webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:2147483645; opacity:0;pointer-events:none;transition:opacity .22s ease} #jj-a11y-hinter[data-an="1"]{opacity:1;pointer-events:auto} #jj-a11y-panel{position:fixed;inset:auto auto 23px 23px; width:min(384px,calc(100vw - 32px));max-height:min(78vh,700px); background:linear-gradient(180deg,#fff 0%,#fbfdfc 100%);color:#343637; border:1px solid rgba(95,128,119,.26);border-radius:20px; box-shadow:0 24px 60px -14px rgba(28,45,41,.32),0 3px 12px rgba(28,45,41,.10); z-index:2147483647;padding:0;display:none;overflow:hidden; font-family:-apple-system,system-ui,"Segoe UI",Roboto,Arial,sans-serif; font-size:15px;line-height:1.5;-webkit-tap-highlight-color:transparent} #jj-a11y-panel[data-offen="1"]{display:flex;flex-direction:column} #jj-a11y-panel *{box-sizing:border-box} #jj-a11y-panel button{font-family:inherit} #jj-a11y-panel button:focus-visible,#jj-a11y-panel a:focus-visible{outline:3px solid #26362f;outline-offset:2px} /* ---- Kopf ---- */ #jj-a11y-kopf{flex:none;position:relative;display:flex;align-items:center;gap:.7rem; padding:1rem 1.1rem .85rem;border-bottom:1px solid rgba(95,128,119,.16); background:linear-gradient(180deg,rgba(119,156,148,.14),rgba(119,156,148,.02))} #jj-a11y-kopf h2{margin:0;font-size:1.09rem;font-weight:700;color:#33544b; letter-spacing:-.01em;flex:1 1 auto} #jj-a11y-griff{display:none} #jj-a11y-zu{flex:none;appearance:none;-webkit-appearance:none; border:1px solid rgba(95,128,119,.32);background:#fff;color:#3c534c; width:44px;height:44px;min-width:44px;border-radius:50%;font-size:21px;line-height:1; cursor:pointer;display:flex;align-items:center;justify-content:center; transition:background .15s ease,border-color .15s ease} #jj-a11y-zu:hover,#jj-a11y-zu:focus-visible{background:rgba(119,156,148,.2);border-color:rgba(95,128,119,.6)} /* ---- Koerper ---- */ #jj-a11y-koerper{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch; overscroll-behavior:contain;padding:.85rem 1.1rem .3rem} #jj-a11y-panel .jja-gruppe{margin:0 0 .8rem;padding:.7rem .8rem .45rem; background:rgba(119,156,148,.06);border:1px solid rgba(119,156,148,.16);border-radius:14px} #jj-a11y-panel .jja-gruppe>h3{margin:0 0 .5rem;font-size:.71rem;text-transform:uppercase; letter-spacing:.09em;font-weight:700;color:#5b7b72} #jj-a11y-panel .jja-zeile{display:flex;align-items:center;justify-content:space-between;gap:.55rem .7rem; padding:.4rem 0;border-bottom:1px solid rgba(150,180,172,.24);flex-wrap:wrap} #jj-a11y-panel .jja-zeile:last-child{border-bottom:none} #jj-a11y-panel .jja-name{font-weight:600;color:#3f5f57;font-size:.93rem;flex:1 1 7em} /* ---- Stufen ---- */ #jj-a11y-panel .jja-stufen{display:flex;gap:.3rem;flex:0 1 auto;flex-wrap:wrap;justify-content:flex-end;max-width:100%} #jj-a11y-panel .jja-stufe{appearance:none;-webkit-appearance:none;border:1px solid rgba(95,128,119,.3); background:#fff!important;color:#4a655d!important;min-width:44px;min-height:40px;padding:0 .5rem;border-radius:10px; font-size:.84rem;font-weight:600;cursor:pointer; transition:background .15s ease,border-color .15s ease,color .15s ease} #jj-a11y-panel .jja-stufe:hover{background:rgba(119,156,148,.14)} #jj-a11y-panel .jja-stufe[aria-pressed="true"]{background:#5F8077!important;border-color:#5F8077;color:#fff!important; box-shadow:0 2px 7px rgba(95,128,119,.34)} /* ---- Schalter als Kippschalter ---- */ #jj-a11y-panel .jja-schalter{appearance:none;-webkit-appearance:none;border:0;background:none; padding:.2rem 0 .2rem .6rem;margin:0;cursor:pointer;flex:0 0 auto; display:flex;align-items:center;min-height:44px} #jj-a11y-panel .jja-track{display:block;position:relative;width:52px;height:30px;border-radius:999px; background:#dde5e2;border:1px solid rgba(95,128,119,.28); transition:background .18s ease,border-color .18s ease} #jj-a11y-panel .jja-knopf{position:absolute;top:2px;left:2px;width:24px;height:24px;border-radius:50%; background:#fff;box-shadow:0 1px 3px rgba(28,45,41,.32);transition:transform .18s ease} #jj-a11y-panel .jja-schalter[aria-pressed="true"] .jja-track{background:#5F8077;border-color:#5F8077} #jj-a11y-panel .jja-schalter[aria-pressed="true"] .jja-knopf{transform:translateX(22px)} #jj-a11y-panel .jja-zustand{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px; overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0} /* ---- Seitenstruktur ---- */ #jj-a11y-panel .jja-hilfe{margin:.15rem 0 .35rem;font-size:.79rem;color:#6b7a75;line-height:1.45} #jj-a11y-struktur{margin:.2rem 0 .25rem;padding:0;list-style:none;max-height:196px;overflow:auto; overscroll-behavior:contain} #jj-a11y-struktur li{margin:0} #jj-a11y-struktur a{display:flex;align-items:center;min-height:40px;padding:.35rem .4rem; color:#43625a;text-decoration:none;font-size:.87rem;border-radius:8px; border-bottom:1px solid rgba(150,180,172,.2)} #jj-a11y-struktur a:hover,#jj-a11y-struktur a:focus-visible{background:rgba(119,156,148,.16)} #jj-a11y-struktur .lvl3{padding-left:1.1rem} #jj-a11y-struktur .jja-leer{font-size:.84rem;color:#6b7a75;padding:.4rem} /* ---- Fuss ---- */ #jj-a11y-fuss{flex:none;padding:.8rem 1.1rem calc(.9rem + env(safe-area-inset-bottom,0px)); border-top:1px solid rgba(95,128,119,.16); background:linear-gradient(0deg,rgba(119,156,148,.11),rgba(255,255,255,.55))} #jj-a11y-reset{appearance:none;-webkit-appearance:none;width:100%; border:1px solid rgba(95,128,119,.42);background:#fff;color:#3c534c; min-height:46px;border-radius:12px;font-size:.92rem;font-weight:700;cursor:pointer; transition:background .15s ease} #jj-a11y-reset:hover,#jj-a11y-reset:focus-visible{background:rgba(119,156,148,.18)} #jj-a11y-hinweis{margin:.55rem 0 0;font-size:.735rem;line-height:1.45;color:#6b7a75;text-align:center} /* ---- Handy: Bodenblatt ---- */ @media(max-width:640px){ #jj-a11y-kopf{touch-action:none;cursor:grab} #jj-a11y-kopf:active{cursor:grabbing} #jj-a11y-panel{left:0;right:0;bottom:0;width:auto; border-radius:22px 22px 0 0;border-left:0;border-right:0;border-bottom:0; max-height:min(86vh,calc(100vh - 40px)); box-shadow:0 -8px 40px rgba(28,45,41,.28)} #jj-a11y-griff{display:block;position:absolute;top:8px;left:50%;transform:translateX(-50%); width:44px;height:5px;border-radius:99px;background:rgba(95,128,119,.34)} #jj-a11y-kopf{padding-top:1.4rem} #jj-a11y-panel .jja-zeile{flex-direction:column;align-items:stretch;gap:.4rem;padding:.55rem 0} /* In Spaltenrichtung wuerde flex-grow das Etikett in die Hoehe ziehen. */ #jj-a11y-panel .jja-zeile .jja-name{flex:0 0 auto} #jj-a11y-panel .jja-zeile.jja-schalterzeile{flex-direction:row;align-items:center} #jj-a11y-panel .jja-schalterzeile .jja-name{flex:1 1 auto} #jj-a11y-panel .jja-stufen{justify-content:stretch;width:100%} #jj-a11y-panel .jja-stufe{flex:1 1 0;min-width:0;padding:0 .3rem} #jj-a11y-koerper{padding-left:.95rem;padding-right:.95rem} #jj-a11y-fuss{padding-left:.95rem;padding-right:.95rem} } /* ---- Tablet ---- */ @media(min-width:641px) and (max-width:1024px){ #jj-a11y-panel{width:min(430px,calc(100vw - 48px))} } /* ---- flache Fenster (Querformat) ---- */ @media(max-height:540px){ #jj-a11y-panel{max-height:calc(100vh - 16px)} #jj-a11y-panel .jja-gruppe{margin-bottom:.55rem;padding:.5rem .7rem .3rem} #jj-a11y-struktur{max-height:120px} } @media(prefers-reduced-motion:no-preference){ #jj-a11y-panel[data-offen="1"]{animation:jja-auf .2s ease-out} @keyframes jja-auf{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}} } /* ============ Wirkungen auf die Seite ============ [data-jja-ui] kennzeichnet unsere eigenen Overlays (Abdunkelung, Lesemaske). Sie muessen von Kontrast, Graustufen und Bilderausblendung ausgenommen bleiben. */ html.jja-schrift body,html.jja-schrift body *:not(#jj-a11y-panel):not(#jj-a11y-panel *):not(#jj-a11y-fab):not(#jj-a11y-fab *) {font-family:Arial,Helvetica,sans-serif!important;letter-spacing:.012em!important} html.jja-grau{filter:grayscale(1)} html.jja-bilder img:not(#jj-a11y-panel img),html.jja-bilder picture,html.jja-bilder svg:not(#jj-a11y-panel svg):not(#jj-a11y-fab svg) {visibility:hidden!important} html.jja-anim *,html.jja-anim *::before,html.jja-anim *::after {animation-play-state:paused!important;animation-duration:0s!important;transition:none!important;scroll-behavior:auto!important} html.jja-links a[href]:not(#jj-a11y-panel a):not(#jj-a11y-fab) {background:#ff0!important;color:#000!important;text-decoration:underline!important;text-underline-offset:2px!important; box-shadow:none!important;-webkit-text-fill-color:#000!important} html.jja-fokus *:focus-visible{outline:4px solid #d24a00!important;outline-offset:3px!important} html.jja-links_a body *:not(#jj-a11y-panel):not(#jj-a11y-panel *){text-align:left!important} html.jja-rechts_a body *:not(#jj-a11y-panel):not(#jj-a11y-panel *){text-align:right!important} #jj-a11y-maske-oben,#jj-a11y-maske-unten{position:fixed;left:0;right:0;background:rgba(0,0,0,.62)!important; z-index:2147483640;pointer-events:none} #jj-a11y-maske-oben{top:0}#jj-a11y-maske-unten{bottom:0} html.jja-k-dunkel body,html.jja-k-dunkel body *:not(#jj-a11y-panel):not(#jj-a11y-panel *):not(#jj-a11y-fab):not(#jj-a11y-fab *):not([data-jja-ui]) {background-color:#18181b!important;color:#fafafa!important;border-color:#4a4a52!important} html.jja-k-dunkel a[href]:not(#jj-a11y-panel a){color:#8fd3c3!important} html.jja-k-hell body,html.jja-k-hell body *:not(#jj-a11y-panel):not(#jj-a11y-panel *):not(#jj-a11y-fab):not(#jj-a11y-fab *):not([data-jja-ui]) {background-color:#fffdf7!important;color:#1a1a1a!important} html.jja-k-hell a[href]:not(#jj-a11y-panel a){color:#004a99!important} html.jja-k-hoch body,html.jja-k-hoch body *:not(#jj-a11y-panel):not(#jj-a11y-panel *):not(#jj-a11y-fab):not(#jj-a11y-fab *):not([data-jja-ui]) {background-color:#000!important;color:#fff!important;border-color:#fff!important} html.jja-k-hoch a[href]:not(#jj-a11y-panel a){color:#ff0!important;text-decoration:underline!important} html.jja-k-dunkel img,html.jja-k-hoch img{opacity:.85} /* ---------- Marker am Knopf ---------- Zeigt, dass mindestens eine Einstellung von der Grundstellung abweicht. Ohne diesen Hinweis sucht man den Grund fuer eine veraenderte Seite in der Website statt im eigenen Browser - genau das ist am 09.08.2026 passiert. Der Knopf steht auf position:fixed; das reicht als Bezugspunkt fuer das absolut gesetzte Pseudoelement, und overflow ist dort sichtbar. */ #jj-a11y-fab.jja-hat-einstellung::after{ content:"";position:absolute;top:0;right:0;width:13px;height:13px; border-radius:50%;background:#B4551E;border:2px solid #fff; box-shadow:0 1px 3px rgba(0,0,0,.35);pointer-events:none} /* \3c style> auf /aktuelles/lexikon/ */ /* jj-lexikon-hero-center-fix */#jj-lexikon .jjds-hero.jjds-hero-center{display:block!important;grid-template-columns:1fr!important} /* \3c style id=jj-lexikon-links> auf /aktuelles/lexikon/ */ div.jkl a.jkl-more{display:inline-flex;align-items:center;gap:.3em;margin-top:.5rem;font-size:14px;font-weight:600;color:#4F6C64!important;text-decoration:none;line-height:1.4}div.jkl a.jkl-more:hover,div.jkl a.jkl-more:focus-visible{color:#3D544E!important;text-decoration:underline}div.jkl .jkl-meta,div.jkl .jkl-meta *{color:#5d6863!important} /* \3c style> auf /aktuelles/lexikon/ */ body.page-id-526343 .entry-title,body.page-id-526343 .page-header,body.page-id-526343 .elementor-page-title{display:none!important}.jkl{max-width:1000px;margin:0 auto;padding:8px 16px 40px;font-family:inherit;color:#2c322f}.jkl h2{font-size:30px;font-weight:600;color:#2c322f;margin:0 0 6px}.jkl .jkl-intro{color:#5d6863;font-size:16px;margin:0 0 20px;line-height:1.6}.jkl-search{position:relative;margin-bottom:14px}.jkl-search input{width:100%;box-sizing:border-box;padding:13px 16px;font-size:16px;border:1px solid #e9e0cd;border-radius:10px;background:#fff;color:#2c322f}.jkl-search input:focus{outline:none;border-color:#779c94;box-shadow:0 0 0 3px rgba(119,156,148,.18)}.jkl-meta{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;margin:0 2px 16px;color:#9a958c;font-size:13px}.jkl-az{display:flex;flex-wrap:wrap;gap:5px}.jkl-l{border:1px solid #e9e0cd;background:#fff!important;color:#5d6863!important;width:30px;height:30px;border-radius:7px;font-size:13px;cursor:pointer;padding:0;display:inline-flex;align-items:center;justify-content:center;line-height:1;-webkit-appearance:none;appearance:none;font-family:inherit;text-shadow:none}.jkl-l:hover{border-color:#779c94;color:#4f6f66!important}.jkl-l.on{background:#779c94!important;color:#fff!important;border-color:#779c94}.jkl-item{border:1px solid #ece6da;border-left:3px solid #779c94;border-radius:8px;background:#fff;margin-bottom:12px;padding:15px 20px;transition:box-shadow .15s}.jkl-item:hover{box-shadow:0 2px 12px rgba(119,156,148,.12)}.jkl-term{font-size:18px;font-weight:600;color:#4f6f66;margin-bottom:5px}.jkl-def{font-size:15.5px;line-height:1.65;color:#555b56}.jkl-empty{color:#9a958c;padding:20px;text-align:center} /* \3c style id=jj-beitrag-rahmen> auf /blog/3d-gedruckte-schnarchschienen/ */ @media(max-width:1640px){.elementor-widget-theme-post-content{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}} @media(max-width:1024px){.elementor-widget-theme-post-content{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}} @media(max-width:767px){.elementor-widget-theme-post-content{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}} @media(min-width:2400px){.elementor-widget-theme-post-content{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}} @media(max-width:1640px){.elementor-widget-theme-post-content{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}} @media(max-width:1024px){.elementor-widget-theme-post-content{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}} @media(max-width:767px){.elementor-widget-theme-post-content{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}} @media(min-width:2400px){.elementor-widget-theme-post-content{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}} /* \3c style id=jj-postds-css> auf /blog/3d-gedruckte-schnarchschienen/ */ /* Canvas + Hero-Chrome (Templates 318 + 5687) */ body.jj-postds{background:#fff} /* Pille Fachpublikation: der Text steckt hier in einem

mit 14,4px Abstand unten -> Pille 58px statt 44px, Text sitzt oben statt mittig. Und sie klebte 12px zu weit oben. */ /* H1 an die Money-Pages angeglichen (gemessen /kompetenzen/invisalign/: 43,2px / 500 / Zeilenhoehe 54px / 17,28px unten). Vorher: Gewicht 600, Zeilenhoehe 1.2, kein Abstand. */ /* Content-Typografie */ body.jj-postds .elementor-widget-theme-post-content{color:#3a3d3e} body.jj-postds .elementor-widget-theme-post-content p{font-size:1.03rem;line-height:1.75} body.jj-postds .elementor-widget-theme-post-content h2{color:#343637;font-size:clamp(1.35rem,3vw,1.7rem);line-height:1.25;margin:2.4rem 0 .9rem;scroll-margin-top:140px} body.jj-postds .elementor-widget-theme-post-content h2::after{content:"";display:block;width:60px;height:4px;margin-top:.5rem;border-radius:99px;background:linear-gradient(90deg,#779c94,#BACEC7)} body.jj-postds .elementor-widget-theme-post-content h3{color:#4a655d;font-size:1.14rem;margin:1.8rem 0 .6rem;scroll-margin-top:140px} body.jj-postds .elementor-widget-theme-post-content a:not(.jjds-cta):not(.jjds-postcard):not(.elementor-button){color:#5F8077;font-weight:600;text-decoration-color:rgba(95,128,119,.4);text-underline-offset:2px} body.jj-postds .elementor-widget-theme-post-content a.kfo-gloss{border-bottom:1px dotted #779c94;text-decoration:none;font-weight:inherit} body.jj-postds .elementor-widget-theme-post-content li{line-height:1.65;margin:.35em 0} /* Alte In-Content-Widgets aus (Blog) */ /* Chips/Pre + FAQ/Quellen kommen aus ds.css (.jj-ds) */ .jj-ds.jj-postpre{margin:.4rem 0 1.4rem} .jj-ds.jj-postpost{margin-top:2.2rem} /* Autorenkarte */ .jj-ds .jjart-author{display:flex;gap:1.5rem;align-items:center;background:linear-gradient(135deg,rgba(186,206,199,.22),rgba(253,247,240,.6));border:1px solid rgba(186,206,199,.5);border-radius:26px;padding:1.5rem 1.7rem;margin:2.2rem 0;position:relative;z-index:1} .jj-ds .jjart-author img{width:96px;height:96px;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 10px 26px rgba(95,128,119,.28);flex:none} .jj-ds .jjart-author .lbl{font-size:.74rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:#5F8077} .jj-ds .jjart-author h3{margin:.15em 0 .25em;font-size:1.28rem;color:#343637} .jj-ds .jjart-author h3 a{color:inherit!important;text-decoration:none!important} .jj-ds .jjart-author p{margin:0;color:#54615c;font-size:.95rem;line-height:1.6} .jj-ds .jjart-author .more{display:inline-flex;align-items:center;gap:.35em;margin-top:.55rem;font-size:.9rem;font-weight:700;color:#5F8077;text-decoration:none} .jj-ds .jjart-author .soc2{margin-top:.85rem} .jj-ds .jjart-author .soc2 .row{display:flex;align-items:center;gap:.9rem;margin-top:.5rem} .jj-ds .jjart-author .soc2 .who{flex:0 0 10.5em;font-size:.92rem;color:#7c8783} .jj-ds .jjart-author .soc2 .ics{display:flex;gap:.5rem} .jj-ds .jjart-author .soc2 .ics a{width:34px;height:34px;border-radius:9px;background:#779c94;color:#fff;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .2s} .jj-ds .jjart-author .soc2 .ics a:hover{background:#5F8077;transform:translateY(-2px)} .jj-ds .jjart-author .soc2 svg{width:17px;height:17px;display:block} @media(max-width:640px){.jj-ds .jjart-author{flex-direction:column;text-align:center;gap:1rem}.jj-ds .jjart-author .more{justify-content:center}.jj-ds .jjart-author .soc2 .row{flex-direction:column;gap:.35rem}.jj-ds .jjart-author .soc2 .who{flex:none}} /* Inhaltsverzeichnis oben */ .jj-ds details.jjart-toc{position:relative;z-index:1;background:rgba(255,255,255,.7);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(186,206,199,.5);border-radius:22px;margin:1.2rem 0 1.6rem;overflow:hidden} .jj-ds .jjart-toc summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:.9rem;padding:1.05rem 1.3rem;font-weight:700;color:#343637} .jj-ds .jjart-toc summary::-webkit-details-marker{display:none} .jj-ds .jjart-toc summary .pm{flex:none;width:1.9em;height:1.9em;border-radius:50%;background:#fff;border:1.5px solid #BACEC7;color:#5F8077;display:flex;align-items:center;justify-content:center;font-weight:800;transition:transform .25s} .jj-ds .jjart-toc[open] summary .pm{transform:rotate(45deg)} /* JJ 09.08.: FAQ-Aufklapper bekommt dasselbe Plus wie das Inhaltsverzeichnis. space-between haelt den Kreis rechts, auch wenn die Frage mehrzeilig umbricht (mobil). */ .jj-ds .jjds-faqlist .jjds-faq summary{display:flex;align-items:center;justify-content:space-between;gap:.8rem} .jj-ds .jjds-faqlist .jjds-faq summary::-webkit-details-marker{display:none} .jj-ds .jjds-faqlist .jjds-faq summary .pm{flex:none;width:1.9em;height:1.9em;border-radius:50%;background:#fff;border:1.5px solid #BACEC7;color:#5F8077;display:flex;align-items:center;justify-content:center;font-weight:800;transition:transform .25s} .jj-ds .jjds-faqlist .jjds-faq[open] summary .pm{transform:rotate(45deg)} .jj-ds .jjart-toc .body{padding:.2rem 1.4rem 1.2rem;columns:2;column-gap:2.2rem} .jj-ds .jjart-toc .body a{display:block;padding:.32em 0;color:#3a3d3e;text-decoration:none;font-size:.95rem;font-weight:600;break-inside:avoid} .jj-ds .jjart-toc .body a:hover{color:#5F8077} .jj-ds .jjart-toc .body a.h3{padding-left:1.1em;font-weight:400;color:#54615c;font-size:.9rem} @media(max-width:640px){.jj-ds .jjart-toc .body{columns:1}} /* Mitlaufendes Seiten-TOC */ .jjart-sidetoc{display:none} @media(min-width:1400px){ .jjart-sidetoc{display:block;position:fixed;top:50%;transform:translateY(-50%);right:max(18px,calc((100vw - 1140px)/2 - 285px));width:252px;max-height:72vh;overflow:auto;background:rgba(255,255,255,.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(186,206,199,.55);border-radius:20px;padding:1rem 1.05rem;box-shadow:0 14px 40px rgba(95,128,119,.12);z-index:60;font-family:inherit} .jjart-sidetoc .t{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:#5F8077;margin-bottom:.5rem} .jjart-sidetoc a{display:block;padding:.32em .6em;border-left:2px solid rgba(186,206,199,.5);font-size:.84rem;color:#54615c;text-decoration:none;line-height:1.35} .jjart-sidetoc a:hover{color:#5F8077} .jjart-sidetoc a.act{color:#5F8077;font-weight:700;border-left-color:#5F8077;background:linear-gradient(90deg,rgba(186,206,199,.2),transparent)} } /* Fachpub: Auf einen Blick clean + PDF-Karte */ body.jj-postds .jj-tldr{background:#fff!important;border:1px solid rgba(186,206,199,.35)!important;border-radius:26px!important;padding:1.5rem 1.6rem!important;box-shadow:0 14px 40px rgba(95,128,119,.08)!important;margin:1.4rem 0!important} body.jj-postds .jj-tldr-eye{font-size:.78rem!important;text-transform:uppercase!important;letter-spacing:.06em!important;font-weight:700!important;color:#5F8077!important;margin-bottom:.6rem!important} body.jj-postds .jj-tldr-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:.7rem!important} body.jj-postds .jj-tldr-col{border:none!important;border-radius:14px!important;padding:.85rem 1rem!important}body.jj-postds .jj-tldr-col.pat{background:rgba(186,206,199,.16)!important;border-left:3px solid #85a9a0!important}body.jj-postds .jj-tldr-col.pro{background:rgba(230,184,92,.12)!important;border-left:3px solid #E6B85C!important} body.jj-postds .jj-tldr-col+.jj-tldr-col{padding:.85rem 1rem!important} body.jj-postds .jj-tldr-h{font-size:.76rem!important;text-transform:uppercase!important;letter-spacing:.07em!important;font-weight:800!important;color:#5F8077!important;margin-bottom:.5rem!important} body.jj-postds .jj-tldr-col p{margin:0!important;font-size:.99rem!important;line-height:1.65!important;color:#3a3d3e!important} body.jj-postds .jj-tldr-foot{border-top:1px solid rgba(186,206,199,.35)!important;padding-top:.95rem!important;margin-top:1rem!important;font-size:.96rem!important;color:#54615c!important} @media(max-width:700px){body.jj-postds .jj-tldr-grid{grid-template-columns:1fr!important}body.jj-postds .jj-tldr-col{padding:.85rem 1rem!important}body.jj-postds .jj-tldr-col+.jj-tldr-col{padding:.85rem 1rem!important}} body.jj-postds-fachpub .elementor-widget-theme-post-content iframe{width:100%;min-height:430px;height:72vh;border:1px solid rgba(186,206,199,.45);border-radius:26px;box-shadow:0 16px 44px rgba(95,128,119,.10);background:#f4f6f5} /* Band-Ueberschrift im dunklen CTA: mint, ohne Balken */ body.jj-postds .elementor-widget-theme-post-content .jjds-kontakt h2{color:#BACEC7!important;font-size:1.2rem!important;margin:0 0 .3em!important} body.jj-postds .elementor-widget-theme-post-content .jjds-kontakt h2::after{display:none!important} /* JJ 17.07: Blog-Template Fixes (Abstand, Mobil-Bild, Desktop-TOC) */ .jj-ds.jj-postpost{margin-bottom:3.4rem} @media(min-width:1400px){.jj-ds details.jjart-toc{display:none!important}} /* \3c style id=jj-postds-typo> auf /blog/3d-gedruckte-schnarchschienen/ */ body.jj-postds main#content .elementor-widget-theme-post-content h2:not(.jjds-faq h2):not(.jjart-toc h2):not(.jjart-author h2):not(.jjds-kontakt h2){ font-size:1.7rem; font-weight:500; line-height:1.25; color:#343637; margin:2.6rem 0 .4rem; } body.jj-postds main#content .elementor-widget-theme-post-content h3:not(.jjds-faq h3):not(.jjart-toc h3):not(.jjart-author h3):not(.jjds-kontakt h3){ font-size:1.28rem; font-weight:800; line-height:1.3; color:#343637; margin:1.5rem 0 .6rem; } body.jj-postds main#content .elementor-widget-theme-post-content h2 + h3{ margin-top:.9rem; } body.jj-postds main#content .elementor-widget-theme-post-content ul:not(.jjds-faq ul):not(.jjart-toc ul):not(.jjds-kontakt ul){ margin:.7rem 0 1.1rem; padding-left:1.5rem; } body.jj-postds main#content .elementor-widget-theme-post-content ul:not(.jjds-faq ul):not(.jjart-toc ul):not(.jjds-kontakt ul) > li, body.jj-postds main#content .elementor-widget-theme-post-content ol:not(.jjds-faq ol):not(.jjart-toc ol) > li{ line-height:1.5; margin:0 0 .25rem; } /* Der eigentliche Platzfresser: jeder Listenpunkt enthaelt ein eigenes

(Zeilenhoehe 28,8px + 14,4px Abstand unten). Das ueberschreibt die li-Regel. */ body.jj-postds main#content .elementor-widget-theme-post-content ul:not(.jjds-faq ul):not(.jjart-toc ul):not(.jjds-kontakt ul) > li > p, body.jj-postds main#content .elementor-widget-theme-post-content ol:not(.jjds-faq ol):not(.jjart-toc ol) > li > p{ line-height:1.5; margin:0; } body.jj-postds main#content .elementor-widget-theme-post-content ul:not(.jjds-faq ul):not(.jjart-toc ul):not(.jjds-kontakt ul) > li > p + p, body.jj-postds main#content .elementor-widget-theme-post-content ol:not(.jjds-faq ol):not(.jjart-toc ol) > li > p + p{ margin-top:.35rem; } @media (max-width:640px){ body.jj-postds main#content .elementor-widget-theme-post-content h2:not(.jjds-faq h2){ font-size:1.5rem; margin-top:2.1rem; } body.jj-postds main#content .elementor-widget-theme-post-content h3:not(.jjds-faq h3){ font-size:1.18rem; } } /* \3c style> auf /blog/invisalign-vorteile-nachteile/ */ .jj-ds .jjds-glance{position:relative;z-index:1;background:#fff;border-radius:26px;padding:1.5rem 1.6rem;margin:1.4rem 0 1.2rem;box-shadow:0 14px 40px rgba(95,128,119,.08);border:1px solid rgba(186,206,199,.35)}.jj-ds .jjds-glance .lbl{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;font-weight:700;color:#4e6b63;margin-bottom:.5rem}.jj-ds .jjds-glance p{margin:.2em 0 .9em}.jj-ds .jjds-glance .jjb-facts{display:grid;gap:.5rem;margin:.9rem 0 1rem;padding:.9rem 0;border-top:1px solid rgba(186,206,199,.45);border-bottom:1px solid rgba(186,206,199,.45)}.jj-ds .jjds-glance .jjb-facts>div{display:grid;grid-template-columns:9.2em 1fr;gap:.2em;align-items:baseline;font-size:.94rem;line-height:1.45}.jj-ds .jjds-glance .jjb-facts b{color:#4e6b63;white-space:nowrap}.jj-ds .jjds-glance .jjds-chips{gap:.42em}.jj-ds .jjds-glance .jjds-chips span{font-size:.84rem;padding:.36em .95em}.jj-ds .jjds-glance .jjds-trust{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem .9rem;margin:1.1rem 0 .2rem}.jj-ds .jjds-glance .jjds-trust>div{display:flex;align-items:center;gap:.55em;font-size:.86rem;min-width:0}.jj-ds .jjds-glance .jjds-trust .ic{flex:none;width:2.05em;height:2.05em;border-radius:50%;background:#fff;border:1px solid #bacec7;display:flex;align-items:center;justify-content:center}.jj-ds .jjds-glance .jjds-trust .ic svg{width:1.1em;height:1.1em;stroke:#4e6b63;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.jj-ds .jjds-glance .jjds-trust b{display:block;font-size:1.02em;line-height:1.2}.jj-ds .jjds-glance .jjds-trust span.s{display:block;font-size:.85em;color:#5c5f60;line-height:1.25}.jj-ds .jjds-glance .jjds-glancefoot{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 1rem;margin-top:1.1rem;padding-top:.9rem;border-top:1px solid rgba(186,206,199,.45)}.jj-ds .jjds-glance .jjds-ministeps{display:flex;gap:.8rem;flex-wrap:wrap}.jj-ds .jjds-glance .jjds-ministeps span{display:inline-flex;align-items:center;gap:.4em;font-size:.85rem;font-weight:600}.jj-ds .jjds-glance .jjds-ministeps i{font-style:normal;width:1.55em;height:1.55em;border-radius:50%;background:#343637;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:.8em;font-weight:800}@media (max-width:540px){.jj-ds .jjds-glance{padding:1.2rem 1.15rem;border-radius:20px}.jj-ds .jjds-glance .jjb-facts>div{grid-template-columns:1fr;gap:.1em}.jj-ds .jjds-glance .jjds-trust{gap:.55rem .7rem}.jj-ds .jjds-glance .jjds-glancefoot .jjds-cta{width:100%;text-align:center}} /* \3c style> auf /blog/invisalign-vorteile-nachteile/ */ .jj-ds .jjb-vgl{display:block;width:100%;margin:1.1rem 0 .7rem;font-size:.95rem}.jj-ds .jjb-vgl thead{display:none}.jj-ds .jjb-vgl tbody{display:block}.jj-ds .jjb-vgl tbody tr{display:grid;grid-template-columns:1fr 1fr;gap:.15rem 1.3rem;background:#fff;border:1px solid rgba(186,206,199,.45);border-radius:16px;padding:.85rem 1.05rem;margin:0 0 .7rem}.jj-ds .jjb-vgl tbody th{grid-column:1/-1;display:block;text-align:left;font-weight:700;color:#4e6b63;font-size:1rem;padding:0 0 .5rem;border:none}.jj-ds .jjb-vgl tbody td{display:block;padding:0;border:none;line-height:1.5}.jj-ds .jjb-vgl tbody td::before{content:attr(data-sp);display:block;font-size:.76rem;text-transform:uppercase;letter-spacing:.05em;font-weight:700;color:#5c5f60;margin-bottom:.15rem}.jj-ds .jjb-vgl tbody td+td{border-left:1px solid rgba(186,206,199,.45);padding-left:1.2rem}main#content .jj-ds .jjb-vgl tbody tr,main#content .jj-ds .jjb-vgl tbody tr:nth-child(odd),main#content .jj-ds .jjb-vgl tbody tr:nth-child(even){background:#fff}main#content .jj-ds .jjb-vgl tbody th,main#content .jj-ds .jjb-vgl tbody td{background:transparent}@media (max-width:540px){.jj-ds .jjb-vgl tbody tr{grid-template-columns:1fr;gap:0}.jj-ds .jjb-vgl tbody td+td{border-left:none;padding-left:0;margin-top:.55rem;padding-top:.55rem;border-top:1px solid rgba(186,206,199,.45)}} /* \3c style id=jj-kk-css> auf /blog/kiefer-entspannungsuebungen/ */ figure.jj-kk{margin:1.9em 0!important;padding:0!important;border:1px solid #E2D9CC;border-radius:16px;background:#FDF7F0;overflow:hidden} figure.jj-kk *{box-sizing:border-box} figure.jj-kk .jj-kk-kopf{padding:16px 18px 4px;margin:0!important;font-style:normal!important;text-align:left!important;color:#343637!important;font-size:1rem} figure.jj-kk .jj-kk-kicker{display:block;font-weight:700!important;font-size:1.06em;color:#343637!important;line-height:1.3;font-style:normal!important} figure.jj-kk .jj-kk-sub{display:block;font-size:.9em;color:#6d6a63!important;margin-top:4px;line-height:1.45;font-weight:400!important;font-style:normal!important} figure.jj-kk .jj-kk-grid{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;padding:6px 18px 18px} figure.jj-kk .jj-kk-bild{position:relative;flex:0 0 250px;max-width:100%;margin:0 auto;line-height:0} figure.jj-kk .jj-kk-bild img{display:block;width:100%;height:auto;aspect-ratio:730/745;margin:0!important} figure.jj-kk .jj-kk-punkt{position:absolute;transform:translate(-50%,-50%); width:clamp(23px,10.5%,31px);aspect-ratio:1;border-radius:99px; background:#343637!important;color:#FDF7F0!important;border:2.5px solid #FDF7F0; display:flex!important;align-items:center;justify-content:center; font-weight:700;font-size:clamp(11px,4.4%,15px);line-height:1;text-decoration:none!important; box-shadow:0 1px 4px rgba(52,54,55,.28);transition:transform .12s,background .12s} figure.jj-kk .jj-kk-punkt:hover,figure.jj-kk .jj-kk-punkt:focus-visible{background:#779c94!important;transform:translate(-50%,-50%) scale(1.14);color:#fff!important} figure.jj-kk .jj-kk-punkt:focus-visible{outline:3px solid #779c94;outline-offset:3px} figure.jj-kk .jj-kk-liste{flex:1 1 250px;list-style:none!important;margin:0!important;padding:0!important;display:grid;gap:7px;counter-reset:none} figure.jj-kk .jj-kk-liste li{margin:0!important;padding:0!important;list-style:none!important;background:none!important;text-indent:0!important} figure.jj-kk .jj-kk-liste li::before,figure.jj-kk .jj-kk-liste li::marker{content:none!important;display:none!important} figure.jj-kk .jj-kk-liste a{display:flex!important;align-items:center;gap:11px;text-decoration:none!important; background:#fff!important;border:1px solid #E2D9CC!important;border-radius:11px;padding:9px 12px!important; color:#343637!important;font-weight:400!important;font-size:1rem;line-height:1.35;box-shadow:none!important; transition:border-color .15s,transform .15s} figure.jj-kk .jj-kk-liste a:hover,figure.jj-kk .jj-kk-liste a:focus-visible{border-color:#779c94!important;transform:translateX(2px);text-decoration:none!important;color:#343637!important} figure.jj-kk .jj-kk-liste a:focus-visible{outline:3px solid #779c94;outline-offset:2px} figure.jj-kk .jj-kk-n{flex:0 0 25px!important;width:25px!important;min-width:25px;height:25px;border-radius:99px; background:#779c94!important;color:#fff!important;font-size:.8em!important;font-weight:700!important; display:flex!important;align-items:center;justify-content:center;line-height:1} figure.jj-kk .jj-kk-tx{display:block!important;flex:1 1 auto;min-width:0;color:#343637!important;font-weight:400!important} figure.jj-kk .jj-kk-tx b{display:block!important;font-weight:700!important;font-size:.98em!important;color:#343637!important;line-height:1.3} figure.jj-kk .jj-kk-tx small{display:block!important;color:#6d6a63!important;font-size:.86em!important;font-weight:400!important;margin-top:1px;line-height:1.3} p.jj-kk-warn{background:#F6F1EA;border-left:4px solid #343637;border-radius:0 10px 10px 0;padding:12px 15px!important;margin:1.5em 0!important} p.jj-kk-tipp{background:#EDF3F0;border-left:4px solid #779c94;border-radius:0 10px 10px 0;padding:13px 16px!important} [id^="uebung-"],#wann-nicht-genug{scroll-margin-top:110px} @media(min-width:781px){figure.jj-kk .jj-kk-bild{flex:0 0 290px}} @media(max-width:640px){ figure.jj-kk .jj-kk-grid{padding:6px 14px 16px;gap:12px} figure.jj-kk .jj-kk-bild{flex:0 0 215px} figure.jj-kk .jj-kk-kopf{padding:14px 14px 2px} } @media(prefers-reduced-motion:reduce){figure.jj-kk .jj-kk-liste a,figure.jj-kk .jj-kk-punkt{transition:none}} /* \3c style> auf /cmd-selbsttest/ */ body.page-id-526335 .entry-title,body.page-id-526335 .page-header{display:none!important} #jj-cmdtest .jc-hero{padding:2.2rem 0 .4rem;position:relative;z-index:1} #jj-cmdtest .jc-eyebrow{display:inline-block;background:rgba(255,255,255,.65);border:1px solid var(--jjm);color:var(--jjgd);font-weight:700;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;padding:.4rem 1.1rem;border-radius:99px;margin-bottom:1rem} #jj-cmdtest .jc-lead{font-size:1.12rem;max-width:48em} #jj-cmdtest .jc-card{position:relative;z-index:1;background:#fff;border-radius:24px;border:1px solid rgba(186,206,199,.35);box-shadow:0 16px 44px rgba(95,128,119,.09);padding:1.6rem 1.7rem;margin:1.4rem 0} #jj-cmdtest .jc-progress{display:inline-flex;align-items:center;gap:.55em;background:linear-gradient(135deg,rgba(233,241,237,.92),rgba(253,247,240,.92));border:1px solid rgba(186,206,199,.7);box-shadow:0 2px 10px rgba(95,128,119,.1),inset 0 1px 0 rgba(255,255,255,.8);border-radius:99px;padding:.42em .6em .42em .42em;font-size:.9rem;margin:0 0 1.3rem} #jj-cmdtest .jc-progress b{display:inline-flex;align-items:center;justify-content:center;min-width:1.85em;height:1.85em;border-radius:99px;background:linear-gradient(135deg,#85a9a0,#5F8077);color:#fff;font-size:.95em;box-shadow:0 3px 8px rgba(119,156,148,.35)} #jj-cmdtest .jc-test{counter-reset:jcf} #jj-cmdtest fieldset{border:none;margin:0 0 1.7rem;padding:0} #jj-cmdtest fieldset:last-of-type{margin-bottom:1rem} #jj-cmdtest legend{display:flex;align-items:center;gap:.65rem;font-weight:800;font-size:1.02rem;letter-spacing:.01em;padding:.2rem 0 .8rem;color:var(--jja)} #jj-cmdtest legend::before{counter-increment:jcf;content:counter(jcf,decimal-leading-zero);font-size:.7rem;font-weight:800;letter-spacing:.1em;color:var(--jjgd);background:linear-gradient(135deg,rgba(186,206,199,.45),rgba(230,184,92,.18));border:1px solid rgba(186,206,199,.65);border-radius:99px;padding:.38em .78em;box-shadow:inset 0 1px 0 rgba(255,255,255,.7)} #jj-cmdtest .jc-opt{display:flex;gap:.95rem;align-items:flex-start;margin:0 0 .6rem;padding:.9rem 1.05rem;border-radius:16px;cursor:pointer;background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(253,247,240,.6));border:1px solid rgba(186,206,199,.45);box-shadow:0 1px 2px rgba(52,54,55,.04),inset 0 1px 0 rgba(255,255,255,.85);transition:transform .18s,box-shadow .18s,border-color .18s,background .18s} #jj-cmdtest .jc-opt:last-child{margin-bottom:0} #jj-cmdtest .jc-opt:hover{transform:translateY(-1px);border-color:var(--jjm);box-shadow:0 8px 22px rgba(95,128,119,.13)} #jj-cmdtest .jc-opt input{appearance:none;-webkit-appearance:none;width:24px;height:24px;margin:.1em 0 0;flex:none;border-radius:8px;border:1.5px solid #c3d4cd;background:#fff;box-shadow:inset 0 1px 2px rgba(52,54,55,.07);cursor:pointer;position:relative;transition:background .18s,border-color .18s,box-shadow .18s} #jj-cmdtest .jc-opt input::after{content:"";position:absolute;left:7.5px;top:3.5px;width:6px;height:11px;border-right:2.5px solid #fff;border-bottom:2.5px solid #fff;transform:rotate(45deg) scale(0);opacity:0;transition:transform .18s,opacity .18s} #jj-cmdtest .jc-opt input:checked{background:linear-gradient(135deg,#85a9a0,#5F8077);border-color:#5F8077;box-shadow:0 4px 12px rgba(119,156,148,.4)} #jj-cmdtest .jc-opt input:checked::after{transform:rotate(45deg) scale(1);opacity:1} #jj-cmdtest .jc-opt input:focus-visible{outline:2px solid var(--jjg);outline-offset:2px} #jj-cmdtest .jc-opt:has(input:checked){background:linear-gradient(135deg,rgba(133,169,160,.17),rgba(186,206,199,.09) 70%,rgba(230,184,92,.07));border-color:rgba(95,128,119,.55);box-shadow:0 6px 18px rgba(95,128,119,.15),inset 0 1px 0 rgba(255,255,255,.6)} #jj-cmdtest .jc-txt{transition:color .18s} #jj-cmdtest .jc-opt:has(input:checked) .jc-txt{color:var(--jja)} @media(prefers-reduced-motion:reduce){#jj-cmdtest .jc-opt,#jj-cmdtest .jc-opt input,#jj-cmdtest .jc-opt input::after,#jj-cmdtest .jc-txt{transition:none}} #jj-cmdtest .jc-actions{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1rem} #jj-cmdtest .jc-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:99px;padding:.7em 1.8em;font-weight:700;text-decoration:none!important;cursor:pointer;border:none;font-size:1rem;transition:transform .2s,box-shadow .2s} #jj-cmdtest .jc-btn-primary{background:linear-gradient(135deg,#85a9a0,#5F8077);color:#fff!important;box-shadow:0 8px 22px rgba(119,156,148,.35);border:1px solid rgba(255,255,255,.4)} #jj-cmdtest .jc-btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(119,156,148,.45)} #jj-cmdtest .jc-btn-ghost{background:#fff;color:var(--jjgd)!important;border:1.5px solid var(--jjm)} #jj-cmdtest .jc-btn-ghost:hover{border-color:var(--jjg)} #jj-cmdtest .jc-result{margin:1.4rem 0} #jj-cmdtest .jc-result:focus{outline:none} #jj-cmdtest .jc-result .jc-card,#jj-cmdtest.jj-ds .jc-result.jc-card{margin:0} #jj-cmdtest .jc-result.jc-card{border-left:4px solid var(--jjm)} #jj-cmdtest .lvl3.jc-card,#jj-cmdtest .lvl3 .jc-card{border-left:4px solid #d4724f} #jj-cmdtest .lvl2.jc-card,#jj-cmdtest .lvl2 .jc-card{border-left:4px solid var(--jjy)} #jj-cmdtest .lvl1.jc-card,#jj-cmdtest .lvl1 .jc-card{border-left:4px solid #5fa07f} #jj-cmdtest .jc-badge{display:inline-block;border-radius:99px;padding:.3em .9em;font-weight:700;font-size:.82rem;margin-bottom:.5rem} #jj-cmdtest .lvl3 .jc-badge{background:#fbe9e3;color:#b4502f} #jj-cmdtest .lvl2 .jc-badge{background:#fdf3e1;color:#9a7320} #jj-cmdtest .lvl1 .jc-badge{background:#e7f1ec;color:#3f7a64} #jj-cmdtest .jc-signs{margin:.6rem 0 0;padding:0;list-style:none} #jj-cmdtest .jc-signs li{position:relative;padding:4px 0 4px 26px;font-size:.92rem;color:#5c5f60} #jj-cmdtest .jc-signs li::before{content:"";position:absolute;left:4px;top:11px;width:8px;height:8px;border-radius:50%;background:var(--jjg)} #jj-cmdtest .jc-cta{margin:1.1rem 0 0;display:flex;flex-wrap:wrap;gap:.7rem;align-items:center} #jj-cmdtest .jc-info,#jj-cmdtest .jc-next{margin:1.6rem 0 0;position:relative;z-index:1} #jj-cmdtest .jc-info h2,#jj-cmdtest .jc-next h2{font-size:clamp(1.35rem,3vw,1.7rem);margin:1.6rem 0 .4rem} #jj-cmdtest .jc-info h2::after,#jj-cmdtest .jc-next h2::after{content:"";display:block;width:60px;height:4px;margin-top:.5rem;border-radius:99px;background:linear-gradient(90deg,var(--jjg),var(--jjm))} #jj-cmdtest .jc-reviewed{margin:1.6rem 0 0;font-size:.88rem;color:#5c5f60;text-align:center} #jj-cmdtest .jc-check{color:var(--jjgd);font-weight:700} #jj-cmdtest .jc-sources{position:relative;z-index:1;background:rgba(255,255,255,.55);border:1px solid #e7ded0;border-radius:20px;margin:1.6rem 0 0;padding:.3rem 1.2rem .6rem;font-size:.88rem;color:#5c5f60} #jj-cmdtest .jc-sources summary{cursor:pointer;font-weight:700;color:var(--jja);padding:.7rem 0;list-style:none} #jj-cmdtest .jc-sources summary::-webkit-details-marker{display:none} #jj-cmdtest .jc-sources ul{margin:.4rem 0 .4rem;padding-left:1.3em} #jj-cmdtest .jc-sources li{margin:.4em 0} #jj-cmdtest .jc-sources a{word-break:break-all} #jj-cmdtest .jc-disclaimer{margin:1.2rem 0 0;font-size:.82rem;color:#5c5f60;background:rgba(255,255,255,.55);border:1px solid rgba(186,206,199,.35);border-radius:14px;padding:.8rem 1.1rem} @media(max-width:600px){#jj-cmdtest .jc-card{padding:1.1rem 1.05rem}#jj-cmdtest .jc-btn{width:100%}#jj-cmdtest .jc-opt{padding:.75rem .8rem;gap:.75rem}} #jj-cmdtest .jc-figure{margin:1.2rem 0 0;position:relative;z-index:1} #jj-cmdtest .jc-figure img{display:block;width:100%;height:auto;border-radius:18px;border:1px solid rgba(186,206,199,.35)} #jj-cmdtest .jc-figure figcaption{font-size:.85rem;line-height:1.45;opacity:.75;margin-top:.55rem} /* \3c style> auf /en/braces-first-aid/ */ #jj-erste-hilfe{--jjc:#FDF7F0;--jja:#343637;--jjm:#BACEC7;--jjg:#779c94;--jjgd:#5F8077;--jjy:#E6B85C;--jjr:#C0604F; color:var(--jja);line-height:1.65;position:relative;overflow-x:clip} #jj-erste-hilfe *{box-sizing:border-box} #jj-erste-hilfe .jjeh-wrap{max-width:900px;margin:0 auto;padding:1rem 1.3rem 4rem;position:relative} #jj-erste-hilfe h1,#jj-erste-hilfe h2,#jj-erste-hilfe h3{color:var(--jja);line-height:1.25} #jj-erste-hilfe a{color:var(--jjg)} /* Signet-Wasserzeichen (Logo-Mark) */ #jj-erste-hilfe .jjeh-mark{position:absolute;z-index:0;pointer-events:none; animation:jjehfloat 14s ease-in-out infinite alternate} #jj-erste-hilfe .jjeh-mark svg{display:block;width:100%;height:auto} #jj-erste-hilfe .jjeh-mark path{fill:var(--jjm)} #jj-erste-hilfe .jjeh-mark.m1{width:300px;top:-30px;right:-70px;opacity:.30;transform:rotate(10deg)} #jj-erste-hilfe .jjeh-mark.m2{width:240px;top:2100px;left:-100px;opacity:.20;transform:rotate(-9deg);animation-duration:18s} @keyframes jjehfloat{ 0%{margin-top:0} 100%{margin-top:26px}} @media (prefers-reduced-motion:reduce){#jj-erste-hilfe .jjeh-mark{animation:none}} /* Hero */ #jj-erste-hilfe .jjeh-hero{position:relative;z-index:1;padding:2.2rem 0 .6rem} #jj-erste-hilfe .jjeh-kicker{display:inline-block;background:linear-gradient(120deg,var(--jjm),#dcebe6); color:var(--jja);font-weight:700;font-size:.85rem;letter-spacing:.06em;text-transform:uppercase; padding:.35rem 1rem;border-radius:99px;margin-bottom:1rem} #jj-erste-hilfe h1{font-size:clamp(1.9rem,4.5vw,2.7rem);margin:.1em 0 .4em} #jj-erste-hilfe h1 em{font-style:normal;background:linear-gradient(transparent 62%,var(--jjm) 62%)} #jj-erste-hilfe .jjeh-sub{font-size:1.15rem;max-width:44em} #jj-erste-hilfe .jjeh-hero{display:grid;grid-template-columns:1fr;gap:1rem;align-items:center} #jj-erste-hilfe .jjeh-herofig{margin:.4rem auto 0;position:relative;z-index:1;max-width:360px;width:100%} #jj-erste-hilfe .jjeh-herofig img{width:100%;height:auto;display:block;border-radius:20px} @media(min-width:780px){ #jj-erste-hilfe .jjeh-hero{grid-template-columns:1.35fr .95fr;gap:1.8rem} #jj-erste-hilfe .jjeh-herofig{margin:0;max-width:380px} } /* Ampel-Legende */ #jj-erste-hilfe .jjeh-ampel{display:flex;gap:.9rem;flex-wrap:wrap;margin:1.4rem 0;position:relative;z-index:1} #jj-erste-hilfe .jjeh-ampel>div{flex:1;min-width:215px;background:#fff;border-radius:18px;padding:.9rem 1.1rem; font-size:.93rem;box-shadow:0 6px 20px rgba(95,128,119,.10)} #jj-erste-hilfe .jjeh-badge{display:inline-flex;align-items:center;gap:.4em;font-size:.74rem;font-weight:700; letter-spacing:.05em;text-transform:uppercase;padding:.25em .9em;border-radius:99px;margin-bottom:.4rem} #jj-erste-hilfe .jjeh-badge::before{content:"";width:.55em;height:.55em;border-radius:50%;background:currentColor} #jj-erste-hilfe .jjeh-badge.gr{background:#e7f0ed;color:var(--jjgd)} #jj-erste-hilfe .jjeh-badge.ge{background:#faf0da;color:#9a7420} #jj-erste-hilfe .jjeh-badge.ro{background:#f9e8e4;color:var(--jjr)} /* Sticky Quick-Nav */ #jj-erste-hilfe .jjeh-nav{position:sticky;top:96px;z-index:5;display:flex;gap:.5rem;flex-wrap:wrap; background:rgba(253,247,240,.92);backdrop-filter:blur(6px);padding:.6rem .2rem;border-radius:16px;margin:.4rem 0 1rem} #jj-erste-hilfe .jjeh-nav a{text-decoration:none;font-weight:600;font-size:.9rem;color:var(--jja); background:#fff;border:1.5px solid var(--jjm);border-radius:99px;padding:.35em 1em;transition:all .2s} #jj-erste-hilfe .jjeh-nav a:hover{background:var(--jjg);border-color:var(--jjg);color:#fff} #jj-erste-hilfe .jjeh-nav a.not{border-color:#eccfc8;color:var(--jjr)} #jj-erste-hilfe .jjeh-nav a.not:hover{background:var(--jjr);border-color:var(--jjr);color:#fff} /* Kontakt-Panel */ #jj-erste-hilfe .jjeh-kontakt{position:relative;z-index:1;background:linear-gradient(135deg,var(--jja) 0%,#42474a 100%); color:var(--jjc);border-radius:26px;padding:1.6rem 1.7rem;margin:1.2rem 0 2rem;overflow:hidden} #jj-erste-hilfe .jjeh-kontakt .jjeh-mark.m3{width:190px;right:-35px;bottom:-55px;top:auto;left:auto; opacity:.22;transform:rotate(8deg)} #jj-erste-hilfe .jjeh-kontakt .jjeh-mark.m3 path{fill:var(--jjm)} #jj-erste-hilfe .jjeh-kontakt h2{color:var(--jjm);border:none;margin:0 0 .3em;font-size:1.15rem;padding:0} #jj-erste-hilfe .jjeh-tel{font-size:clamp(1.5rem,4vw,2rem);font-weight:800} #jj-erste-hilfe .jjeh-tel a{color:#fff;text-decoration:none} #jj-erste-hilfe .jjeh-kontakt p{margin:.35em 0;font-size:.95rem} #jj-erste-hilfe .jjeh-ozline{margin:.5em 0 0!important} #jj-erste-hilfe .jjeh-assist{margin:.6em 0 0!important;font-size:.9rem;opacity:.9} #jj-erste-hilfe .jjeh-oz{display:inline-flex;align-items:center;gap:.5em;font-weight:700;font-size:.98rem} #jj-erste-hilfe .jjeh-oz .dot{width:.7em;height:.7em;border-radius:50%;flex:none} #jj-erste-hilfe .jjeh-oz.open{color:#cfe6d8}#jj-erste-hilfe .jjeh-oz.open .dot{background:#8fca9d} #jj-erste-hilfe .jjeh-oz.closed{color:#f0d9a6}#jj-erste-hilfe .jjeh-oz.closed .dot{background:var(--jjy)} #jj-erste-hilfe .jjeh-cta{display:inline-block;background:var(--jjg);color:#fff!important;border-radius:99px; padding:.7em 1.8em;text-decoration:none;font-weight:700;margin-top:.8rem;transition:transform .2s,box-shadow .2s; box-shadow:0 8px 22px rgba(119,156,148,.35);position:relative;z-index:1;cursor:pointer} #jj-erste-hilfe .jjeh-cta:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(119,156,148,.45)} /* Sektionen */ #jj-erste-hilfe h2.jjeh-sec{font-size:clamp(1.35rem,3vw,1.7rem);margin:2.6rem 0 .4rem;scroll-margin-top:140px; position:relative;z-index:1;padding:0;border:none} #jj-erste-hilfe h2.jjeh-sec::after{content:"";display:block;width:76px;height:9px;margin-top:.35rem; border-radius:99px;background:linear-gradient(90deg,var(--jjg),var(--jjm))} #jj-erste-hilfe .jjeh-intro{max-width:46em;position:relative;z-index:1} /* Karten */ #jj-erste-hilfe .jjeh-card{position:relative;z-index:1;background:#fff;border-radius:22px;padding:1.4rem 1.5rem; margin:1.1rem 0;box-shadow:0 6px 24px rgba(95,128,119,.10);transition:transform .2s,box-shadow .2s} #jj-erste-hilfe .jjeh-card:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(95,128,119,.16)} #jj-erste-hilfe .jjeh-card h3{font-size:1.45rem;font-weight:800;line-height:1.3;margin:.3rem 0 .7rem} #jj-erste-hilfe .jjeh-card h3 span{background:linear-gradient(transparent 64%,var(--jjm) 64%)} #jj-erste-hilfe .jjeh-card p{margin:.5em 0} #jj-erste-hilfe .jjeh-card ul{margin:.4em 0 .4em;padding-left:1.15em} #jj-erste-hilfe .jjeh-card li{margin:.3em 0} #jj-erste-hilfe .jjeh-da{font-weight:600} #jj-erste-hilfe .jjeh-mini{font-size:.92rem;color:#5c5f60;background:var(--jjc);border-radius:14px; padding:.6rem .9rem;margin-top:.7rem} #jj-erste-hilfe .jjeh-mini strong{color:var(--jja)} /* Sofort-Box */ #jj-erste-hilfe .jjeh-sofort{position:relative;z-index:1;background:linear-gradient(135deg,#fdf0ed,#fbe6e0); border-radius:26px;padding:1.6rem 1.7rem;margin:2.4rem 0 1rem;scroll-margin-top:140px} #jj-erste-hilfe .jjeh-sofort h2{color:var(--jjr);border:none;padding:0;margin:0 0 .5em;font-size:1.4rem} #jj-erste-hilfe .jjeh-sofort ul{margin:.4em 0;padding-left:1.15em} #jj-erste-hilfe .jjeh-sofort li{margin:.4em 0} #jj-erste-hilfe .jjeh-sofort a{color:var(--jjr);font-weight:700} @media(max-width:700px){ #jj-erste-hilfe .jjeh-wrap{padding:1rem 1.3rem 3rem} #jj-erste-hilfe .jjeh-nav{top:76px} #jj-erste-hilfe .jjeh-mark.m1{width:190px;right:-60px} #jj-erste-hilfe .jjeh-mark.m2{display:none} #jj-erste-hilfe .jjeh-herofig{display:none} } #jj-erste-hilfe .jjds-nav a{color:var(--jja)} #jj-erste-hilfe .jjds-nav a:hover{color:var(--jjgd)} #jj-erste-hilfe .jjds-nav a.not{color:var(--jjr)} #jj-erste-hilfe .jjds-nav a.not:hover{color:var(--jjr)} #jj-erste-hilfe .jjds-nav a.act{color:#fff} #jj-erste-hilfe .jjds-nav a.act:hover{color:#fff} /* \3c style> auf /en/competencies/ */ #jj-komp .jjds-hero{grid-template-columns:1fr} #jj-komp .jjds-herotext{max-width:46em;margin:0 auto;text-align:center} #jj-komp h1 .pre{display:block;font-size:.42em;line-height:1.4;letter-spacing:.05em;text-transform:none;color:#5F8077;font-weight:700;margin-bottom:.4em} #jj-komp .jjds-herocta{justify-content:center} #jj-komp .jjk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem;margin:1.8rem 0 0;position:relative;z-index:1} @media(max-width:1000px){#jj-komp .jjk-grid{grid-template-columns:repeat(2,1fr)}} #jj-komp .jjk-card{position:relative;background:#fff;border:1px solid rgba(186,206,199,.35);border-radius:24px;padding:0;box-shadow:0 14px 40px rgba(95,128,119,.08);color:#343637;display:flex;flex-direction:column;overflow:hidden;transition:transform .25s,box-shadow .25s;cursor:pointer} #jj-komp .jjk-card:hover{transform:translateY(-4px);box-shadow:0 22px 50px rgba(95,128,119,.16)} #jj-komp .jjk-card .im{position:relative;aspect-ratio:16/9;overflow:hidden;display:block} #jj-komp .jjk-card .im img{width:100%;height:100%;object-fit:cover;transition:transform .4s} #jj-komp .jjk-card:hover .im img{transform:scale(1.05)} #jj-komp .jjk-card .num{position:absolute;top:.7rem;right:.8rem;background:rgba(255,255,255,.85);backdrop-filter:blur(6px);border-radius:99px;padding:.25em .8em;font-size:.8rem;font-weight:800;color:#5F8077;line-height:1.2} #jj-komp .jjk-card .bd{padding:1.15rem 1.3rem 1.2rem;display:flex;flex-direction:column;flex:1} #jj-komp .jjk-card h2{margin:.1rem 0 .5rem;font-size:1.14rem;color:#343637} #jj-komp .jjk-card h2::after{display:none} #jj-komp .jjk-card p{margin:0 0 .85rem;font-size:.93rem;line-height:1.58;color:#54615c;flex:1} #jj-komp .jjk-card .more{font-weight:700;font-size:.9rem;color:#5F8077;text-decoration:none} #jj-komp .jjk-card h2 a{color:inherit;text-decoration:none;position:static!important;transform:none!important;filter:none!important;will-change:auto!important} #jj-komp .jjk-card h2 a::after{content:"";position:absolute;inset:0;top:0;right:0;bottom:0;left:0;z-index:1} #jj-komp .jjk-card p a,#jj-komp .jjk-card .more{position:relative;z-index:2} #jj-komp .jjk-card p a{color:#5F8077;font-weight:600;text-decoration:none} @media(max-width:640px){ #jj-komp .jjk-grid{grid-template-columns:1fr;gap:.65rem;margin-top:1.2rem} #jj-komp .jjk-card{flex-direction:row;align-items:center;border-radius:18px} #jj-komp .jjk-card .im{width:76px;min-width:76px;aspect-ratio:1/1;border-radius:14px;margin:.55rem 0 .55rem .55rem} #jj-komp .jjk-card .num{display:none} #jj-komp .jjk-card p{display:none} #jj-komp .jjk-card .bd{padding:.85rem .95rem;justify-content:center} #jj-komp .jjk-card h2{margin:0 0 .2rem;font-size:1.02rem} #jj-komp .jjk-card .more{font-size:.82rem} } #jj-komp .jjk-state{margin:3.2rem 0 1.2rem;text-align:center;position:relative;z-index:1} #jj-komp .jjk-state .who{font-size:.85rem;letter-spacing:.22em;text-transform:uppercase;color:#5F8077;font-weight:700} #jj-komp .jjk-state p.big{font-size:clamp(1.7rem,4vw,2.5rem);font-weight:300;color:#343637;margin:.2em 0;line-height:1.25} #jj-komp .jjk-state p.big em{font-style:normal;background:linear-gradient(transparent 62%,#BACEC7 62%)} #jj-komp .jjds-wrap a{text-decoration:none} /* /wp-content/uploads/jj-assets/faq-toc-css.css */ [id^="faq-"],[id^="kfo-faq-"]{scroll-margin-top:120px;} #kfo-faq-toc{position:fixed;top:130px;right:24px;width:300px;max-height:70vh;overflow-y:auto;background:#FDF7F0;border-radius:14px;padding:16px 18px;box-shadow:0 8px 30px rgba(52,54,55,.12);z-index:60;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .25s,transform .25s;} #kfo-faq-toc.kfo-toc-visible{opacity:1;transform:none;pointer-events:auto;} #kfo-faq-toc .kfo-toc-title{font-weight:700;color:#343637;margin-bottom:10px;font-size:15px;} #kfo-faq-toc ul{list-style:none;margin:0;padding:0;} #kfo-faq-toc li{margin:0;} #kfo-faq-toc a{display:block;color:#343637;text-decoration:none;font-size:13.5px;line-height:1.35;padding:6px 0 6px 11px;border-left:2px solid transparent;transition:border-color .15s,color .15s;} #kfo-faq-toc a:hover{color:#000;} #kfo-faq-toc a.active{font-weight:700;border-left-color:#BACEC7;} @media(max-width:1024px){#kfo-faq-toc{display:none!important;}} .kfo-faq-toc-mobile{display:none;} @media(max-width:1024px){ .kfo-faq-toc-mobile{display:block;background:#FDF7F0;border-radius:12px;padding:12px 16px;margin:6px 0 22px;} .kfo-faq-toc-mobile>summary{font-weight:700;color:#343637;cursor:pointer;list-style:none;font-size:15px;} .kfo-faq-toc-mobile>summary::-webkit-details-marker{display:none;} .kfo-faq-toc-mobile>summary:after{content:" \25BE";} .kfo-faq-toc-mobile[open]>summary:after{content:" \25B4";} .kfo-faq-toc-mobile ul{list-style:none;margin:10px 0 0;padding:0;} .kfo-faq-toc-mobile a{display:block;color:#343637;text-decoration:none;padding:5px 0;font-size:14px;line-height:1.35;} } /* /wp-content/uploads/jj-assets/kompetenz-fachpub-box.css */ .jjtp{max-width:1050px;margin:2em auto;background:#FDF7F0;border:1px solid #e9e0cd;border-radius:12px;padding:1.6rem 1.6rem 1.3rem;box-sizing:border-box}.jjtp>h2{margin:0 0 1.1rem;font-size:1.3rem;color:#343637;font-weight:600}.jjtp-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.9rem}.jjtp-card{display:flex;flex-direction:column;gap:.35rem;padding:1rem 1.1rem;background:#fff;border:1px solid #ece6dc;border-radius:10px;box-shadow:0 1px 2px rgba(52,54,55,.04);transition:box-shadow .18s,transform .18s,border-color .18s}.jjtp-card,.jjtp-card:hover,.jjtp-card:focus,.jjtp-card *{text-decoration:none!important;border-bottom:0!important}.jjtp-card:hover{box-shadow:0 10px 24px rgba(52,54,55,.10);transform:translateY(-3px);border-color:#BACEC7}.jjtp-title{font-weight:600;font-size:1rem;line-height:1.32;color:#343637}.jjtp-meta{font-size:.8rem;color:#9a948a;margin-top:auto}.jjtp-cta{font-size:.8rem;font-weight:600;color:#779C94;margin-top:.15rem}.jjtp-card:hover .jjtp-cta{color:#5f8077}.jjtp-cta em{font-style:normal;transition:margin .18s}.jjtp-card:hover .jjtp-cta em{margin-left:.2rem}.jjtp-all{margin:1.15rem 0 0}.jjtp-all a{color:#779C94;font-weight:600;text-decoration:none}@media(max-width:600px){.jjtp{padding:1.3rem 1.15rem}.jjtp-cards{grid-template-columns:1fr}} /* \3c style> auf /en/competencies/digital-diagnostics/ */ .jj-ds .jj-anf{padding:1.6rem 1.7rem}.jj-ds .jj-anf-kopf{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.4rem;padding-bottom:1.1rem;margin-bottom:.4rem;border-bottom:1px solid rgba(186,206,199,.45)}.jj-ds .jj-anf-adr{flex:1 1 16rem;min-width:14rem}.jj-ds .jj-anf-adr .lbl{display:block;font-size:.74rem;text-transform:uppercase;letter-spacing:.06em;font-weight:700;color:#597870;margin-bottom:.25rem}.jj-ds .jj-anf-adr b{display:block;font-size:1.12rem;line-height:1.35}.jj-ds .jj-anf-adr .jjeh-oz{display:inline-flex!important;align-items:center;gap:.45em;margin-top:.4rem;font-size:.92rem;font-weight:600}.jj-ds .jj-anf-adr .jjeh-oz .dot{width:.62em;height:.62em;border-radius:50%;flex:none}.jj-ds .jj-anf-adr .jjeh-oz.open{color:#2f6b4f}.jj-ds .jj-anf-adr .jjeh-oz.open .dot{background:#3f8f66}.jj-ds .jj-anf-adr .jjeh-oz.closed{color:#8a5c00}.jj-ds .jj-anf-adr .jjeh-oz.closed .dot{background:#c98a00}.jj-ds .jj-anf-tat{display:flex;flex-wrap:wrap;gap:.6rem}.jj-ds .jj-anf .jjds-trust{grid-template-columns:1fr 1fr;gap:1.1rem 1.6rem;margin:1.2rem 0 .2rem}.jj-ds .jj-anf .jjds-trust>div{align-items:flex-start}.jj-ds .jj-anf .jjds-trust .ic{margin-top:.1rem}.jj-ds .jj-anf-t b{display:block;margin-bottom:.1rem}.jj-ds .jj-anf-t{line-height:1.6}.jj-ds .jjds-tab{width:100%;border-collapse:collapse;margin:.7rem 0 .3rem;font-size:.95rem}.jj-ds .jjds-tab th{text-align:left;font-weight:700;color:#597870;font-size:.76rem;text-transform:uppercase;letter-spacing:.05em;padding:.5rem .8rem .5rem 0;border-bottom:2px solid rgba(186,206,199,.6)}.jj-ds .jjds-tab td{padding:.7rem .8rem .7rem 0;border-bottom:1px solid rgba(186,206,199,.35);vertical-align:top}.jj-ds .jjds-tab tr:last-child td{border-bottom:none}@media(min-width:681px){.jj-ds .jjds-tab td:first-child{white-space:nowrap}}@media(max-width:680px){.jj-ds .jjds-tab,.jj-ds .jjds-tab tbody,.jj-ds .jjds-tab tr,.jj-ds .jjds-tab td{display:block;width:100%}.jj-ds .jjds-tab thead{display:none}.jj-ds .jjds-tab tr{padding:.6rem 0;border-bottom:1px solid rgba(186,206,199,.45)}.jj-ds .jjds-tab td{border:none;padding:.15rem 0}.jj-ds .jjds-tab td:first-child{font-weight:700;color:#3f5f57}}@media(max-width:760px){.jj-ds .jj-anf .jjds-trust{grid-template-columns:1fr}.jj-ds .jj-anf-tat{width:100%}.jj-ds .jj-anf-tat a{flex:1 1 auto;text-align:center}} /* \3c style id=jjam-feste-gap> auf /en/competencies/fixed-braces/ */ /* /wp-content/uploads/jj-assets/cmp-slider-css.css */ /* \3c style id=jjtp-ds> auf /en/competencies/orthodontics-for-children-and-teens/ */ .jjtp{background:none;border:0;border-radius:0;padding:.6rem 0 0;max-width:1010px;margin:2.6rem auto 3.4rem;position:relative}.jjtp>h2{text-align:center;font-size:1.5rem;line-height:1.25;color:#343637;margin:.15rem 0 1.4rem}.jjtp>h2::before{content:"Aus unserer Forschung";display:block;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:#5F8077;font-weight:800;margin-bottom:.55rem}.jjtp-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.15rem;max-width:860px;margin:0 auto}.jjtp-card{position:relative;background:#fff;border:1px solid rgba(186,206,199,.5);border-radius:18px;padding:1.5rem 1.4rem 1.4rem;box-shadow:0 10px 30px rgba(95,128,119,.08);display:flex;flex-direction:column;gap:.55rem;text-decoration:none;transition:transform .25s,box-shadow .25s,border-color .25s}.jjtp-card:hover{transform:translateY(-5px);box-shadow:0 20px 44px rgba(95,128,119,.15);border-color:rgba(95,128,119,.45)}.jjtp-card::before{content:"";width:46px;height:46px;border-radius:13px;background:#eef3f1 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235F8077' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 3v5h5'/%3E%3Cpath d='M9 13h6M9 17h4'/%3E%3C/svg%3E") center/23px no-repeat;margin-bottom:.15rem}.jjtp-title{font-size:1.08rem;font-weight:700;color:#343637;line-height:1.34}.jjtp-meta{font-size:.82rem;color:#8a938e}.jjtp-cta{margin-top:.35rem;color:#5F8077;font-weight:700;font-size:.92rem;display:inline-flex;align-items:center;gap:.35em}.jjtp-cta em{font-style:normal;transition:transform .2s}.jjtp-card:hover .jjtp-cta em{transform:translateX(4px)}.jjtp-all{text-align:center;margin:1.6rem 0 .1rem}.jjtp-all a{display:inline-block;background:#fff;border:1px solid rgba(95,128,119,.4);color:#5F8077;font-weight:700;font-size:.92rem;padding:.62rem 1.5rem;border-radius:99px;text-decoration:none;transition:background .2s,transform .2s,box-shadow .2s}.jjtp-all a:hover{background:#eef3f1;transform:translateY(-2px);box-shadow:0 10px 24px rgba(95,128,119,.14)}@media(max-width:600px){.jjtp{padding:.4rem 0 0;margin:1.8rem auto 2.4rem}.jjtp>h2{font-size:1.28rem;line-height:1.25;margin:.1rem 0 1rem}.jjtp-cards{grid-template-columns:1fr;gap:.6rem}.jjtp-card{display:grid;grid-template-columns:34px 1fr 16px;grid-template-areas:"ico title arr" "ico meta arr";align-items:center;column-gap:.7rem;row-gap:.12rem;padding:.8rem .85rem;border-radius:14px;box-shadow:0 4px 14px rgba(95,128,119,.07)}.jjtp-card::before{grid-area:ico;width:34px;height:34px;border-radius:10px;background-size:18px;margin:0;align-self:center}.jjtp-title{grid-area:title;font-size:.96rem;line-height:1.28}.jjtp-meta{grid-area:meta;font-size:.75rem}.jjtp-cta{grid-area:arr;margin:0;font-size:0;justify-self:end;align-self:center;gap:0}.jjtp-cta em{font-size:1.1rem;color:#5F8077;line-height:1}.jjtp-all{margin:1.1rem 0 .1rem}.jjtp-all a{font-size:.88rem;padding:.55rem 1.2rem}} /* \3c style id=jjtp-kicker> auf /en/competencies/orthodontics-for-children-and-teens/ */ .jjtp>h2::before{content:none}.jjtp-kicker{display:block;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:#5F8077;font-weight:800;margin-bottom:.55rem} /* \3c style> auf /en/competencies/retention/ */ #jj-retention .jjds-bsp{display:grid;grid-template-columns:1fr;gap:.8rem;margin:1.2rem 0;position:relative;z-index:1} @media(min-width:700px){#jj-retention .jjds-bsp{grid-template-columns:1fr 1fr}} #jj-retention .jjds-bsp .bspfig{margin:0;background:#fff;border:1px solid rgba(186,206,199,.3);border-radius:16px;box-shadow:0 8px 22px rgba(95,128,119,.06);display:flex;align-items:center;gap:.9rem;padding:.6rem} #jj-retention .jjds-bsp .bspfig a{flex:none;display:block} #jj-retention .jjds-bsp .bspfig img{width:150px;aspect-ratio:4/3;object-fit:cover;border-radius:12px;display:block;transition:transform .2s} #jj-retention .jjds-bsp .bspfig a:hover img{transform:scale(1.04)} #jj-retention .jjds-bsp .bspfig figcaption{font-weight:700;font-size:.92rem;line-height:1.35;padding-right:.4rem} @media(max-width:480px){#jj-retention .jjds-bsp .bspfig img{width:118px}} /* \3c style> auf /en/competencies/tmd-pain-therapy/ */ #jj-cmd .jjds-herofig{max-width:560px} #jj-cmd .jjds-herofig .fig{border-radius:24px;animation:none;box-shadow:0 16px 40px rgba(95,128,119,.18)} #jj-cmd .jjds-herofig .fig img{aspect-ratio:auto;height:auto} #jj-cmd .jjds-focus{width:64px;height:129px;top:-8px;left:-12px} @media(min-width:820px){#jj-cmd .jjds-hero{grid-template-columns:1fr 1.05fr}} /* /wp-content/uploads/jj-assets/kontakt-h1.css */ /* \3c style> auf /en/contact/accessibility-statement/ */ #jj-legal .jjds-hero{grid-template-columns:1fr;padding-bottom:.4rem} #jj-legal .jjds-herotext{max-width:46em;margin:0 auto;text-align:center} #jj-legal .jjds-sub{margin-left:auto;margin-right:auto} #jj-legal .jjl-prose{max-width:50em;margin:1.2rem auto 2.5rem;position:relative;z-index:1} #jj-legal .jjl-prose h2{font-size:clamp(1.25rem,3vw,1.5rem);margin:2.4rem 0 .4rem;padding:0;border:none;position:relative} #jj-legal .jjl-prose h2::after{content:"";display:block;width:60px;height:4px;margin-top:.5rem;border-radius:99px;background:linear-gradient(90deg,var(--jjg),var(--jjm))} #jj-legal .jjl-prose h3{font-size:1.12rem;margin:1.8rem 0 .3rem} #jj-legal .jjl-prose h4{font-size:1rem;margin:1.3rem 0 .25rem;color:var(--jja)} #jj-legal .jjl-prose p,#jj-legal .jjl-prose li{font-size:.97rem;line-height:1.68;color:#54615c} #jj-legal .jjl-prose p{margin:.55em 0 1em} #jj-legal .jjl-prose ul,#jj-legal .jjl-prose ol{padding-left:1.3em;margin:.4em 0 1.1em} #jj-legal .jjl-prose a{color:#5F8077;font-weight:600;text-decoration:none} #jj-legal .jjl-prose a:hover{text-decoration:underline;text-decoration-color:var(--jjm)} #jj-legal .jjl-prose strong{color:var(--jja)} #jj-legal .jjds-wrap a{text-decoration:none} @media(max-width:640px){#jj-legal .jjl-prose{margin-top:.6rem}} /* \3c style> auf /en/costs/ */ /* JJ 17.09.2026 Kostenseite */ #jj-kosten .jjk-tw{margin:1.1rem 0 1.4rem;border:1px solid rgba(186,206,199,.55);border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 8px 22px rgba(95,128,119,.06)} #jj-kosten .jjk-table{width:100%;border-collapse:collapse;font-size:.95rem;line-height:1.5} #jj-kosten .jjk-table thead th{background:rgba(186,206,199,.22);color:#343637;font-weight:700;text-align:left;padding:.8rem 1rem;font-size:.86rem;letter-spacing:.02em} #jj-kosten .jjk-table tbody th,#jj-kosten .jjk-table td{padding:.85rem 1rem;border-top:1px solid rgba(186,206,199,.4);vertical-align:top;text-align:left} #jj-kosten .jjk-table tbody th{font-weight:700;color:#343637;width:30%} #jj-kosten .jjk-table tbody td:nth-child(2){font-weight:600;color:#3f6b62;white-space:nowrap} #jj-kosten .jjk-table tbody tr:nth-child(even){background:rgba(186,206,199,.07)} @media(max-width:760px){ #jj-kosten .jjk-table thead{display:none} #jj-kosten .jjk-table,#jj-kosten .jjk-table tbody,#jj-kosten .jjk-table tr,#jj-kosten .jjk-table th,#jj-kosten .jjk-table td{display:block;width:100%} #jj-kosten .jjk-table tbody tr{padding:.85rem 1rem;border-top:1px solid rgba(186,206,199,.4)} #jj-kosten .jjk-table tbody tr:first-child{border-top:0} #jj-kosten .jjk-table tbody th,#jj-kosten .jjk-table td{padding:0;border:0;width:auto} #jj-kosten .jjk-table tbody th{font-size:1rem;margin-bottom:.35rem} #jj-kosten .jjk-table tbody td:nth-child(2){white-space:normal} #jj-kosten .jjk-table td::before{content:attr(data-l) ": ";display:inline;font-size:.8rem;color:#6b7078;font-weight:600} #jj-kosten .jjk-table td+td{margin-top:.25rem} } #jj-kosten .jjk-note{font-size:.88rem;color:#6b7078} #jj-kosten .jjk-steps{counter-reset:jjk;list-style:none;margin:.4rem 0 0;padding:0;display:grid;gap:.75rem} #jj-kosten .jjk-steps li{counter-increment:jjk;position:relative;padding:.2rem 0 .2rem 3rem;min-height:2.2rem} #jj-kosten .jjk-steps li::before{content:counter(jjk);position:absolute;left:0;top:0;width:2.1rem;height:2.1rem;border-radius:50%;background:rgba(186,206,199,.35);color:#3f6b62;font-weight:800;display:flex;align-items:center;justify-content:center} #jj-kosten .jjk-links{display:grid;grid-template-columns:1fr;gap:.8rem;margin:1rem 0 1.4rem;position:relative;z-index:1} @media(min-width:700px){#jj-kosten .jjk-links{grid-template-columns:1fr 1fr}} #jj-kosten a.jjk-link{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.2rem 1rem;background:#fff;border:1px solid rgba(186,206,199,.45);border-radius:16px;padding:1rem 1.2rem;text-decoration:none!important;color:#343637;box-shadow:0 8px 22px rgba(95,128,119,.06);transition:transform .2s,box-shadow .2s} #jj-kosten a.jjk-link:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(95,128,119,.12)} #jj-kosten a.jjk-link b{grid-column:1;font-size:1rem;line-height:1.35} #jj-kosten a.jjk-link span{grid-column:1;font-size:.88rem;color:#6b7078;line-height:1.45} #jj-kosten a.jjk-link i{grid-column:2;grid-row:1 / span 2;font-style:normal;color:#3f6b62;font-size:1.2rem} #jj-kosten .jjk-cta{margin:1rem 0 0} #jj-kosten .jjk-table th,#jj-kosten .jjk-table td{border-left:0!important;border-right:0!important;border-bottom:0!important} #jj-kosten .jjk-table thead th{border-top:0!important} #jj-kosten .jjk-table tbody th{background:transparent!important} #jj-kosten .jjds-checks.jjk-one{grid-template-columns:1fr!important} #jj-kosten .jjds-herofig img{object-position:32% 50%} @media(max-width:760px){#jj-kosten .jjk-table td.jjk-leer{display:none}#jj-kosten .jjk-table tbody tr:nth-child(even){background:transparent}} /* \3c style id=jjam-fakten-style> auf /en/facts-dr-julia-steinmaier/ */ /* === Grounding Pages JUST KFO – Layout === */ .page-id-524496 .page-content, .page-id-524508 .page-content { max-width: 880px; margin: 2rem auto; padding: 0 1.25rem; } .page-id-524496 .page-content > p:first-of-type, .page-id-524508 .page-content > p:first-of-type { font-size: 1.25rem; line-height: 1.6; color: #1f2d2b; border-left: 4px solid #7fa99b; padding: 0.25rem 0 0.25rem 1.15rem; margin-bottom: 1.5rem; } .page-id-524496 .page-content h2, .page-id-524508 .page-content h2 { font-size: 1.55rem; color: #2f4f48; margin-top: 2.75rem; padding-bottom: 0.4rem; border-bottom: 2px solid #e3ece9; } .page-id-524496 .page-content h3, .page-id-524508 .page-content h3 { font-size: 1.12rem; color: #3a5a52; margin-top: 1.6rem; margin-bottom: 0.3rem; } .page-id-524496 .page-content dl, .page-id-524508 .page-content dl { display: grid; grid-template-columns: minmax(190px, 34%) 1fr; gap: 0; margin: 1.25rem 0 0.5rem; border: 1px solid #e3ece9; border-radius: 12px; overflow: hidden; background: #fff; box-shadow: 0 1px 3px rgba(47,79,72,0.05); } .page-id-524496 .page-content dl dt, .page-id-524508 .page-content dl dt { background: #eef4f1; padding: 0.7rem 1rem; font-weight: 600; color: #2f4f48; border-bottom: 1px solid #e3ece9; margin: 0; } .page-id-524496 .page-content dl dd, .page-id-524508 .page-content dl dd { padding: 0.7rem 1.15rem; margin: 0; color: #333; border-bottom: 1px solid #e3ece9; background: #fff; } .page-id-524496 .page-content dl dt:last-of-type, .page-id-524496 .page-content dl dd:last-of-type, .page-id-524508 .page-content dl dt:last-of-type, .page-id-524508 .page-content dl dd:last-of-type { border-bottom: none; } .page-id-524496 .page-content a, .page-id-524508 .page-content a { color: #2f7d6b; text-decoration: underline; text-underline-offset: 2px; } .page-id-524496 .page-content p em, .page-id-524508 .page-content p em { display: block; margin-top: 2rem; padding-top: 1rem; border-top: 1px solid #e3ece9; font-size: 0.9rem; color: #6b7d78; font-style: normal; } .page-id-524496 .page-content ul, .page-id-524508 .page-content ul { line-height: 1.9; } @media (max-width: 600px) { .page-id-524496 .page-content dl, .page-id-524508 .page-content dl { grid-template-columns: 1fr; } .page-id-524496 .page-content dl dt, .page-id-524508 .page-content dl dt { border-bottom: none; padding-bottom: 0.1rem; } } /* \3c style id=jj-naehe-news> auf /en/orthodontist-near-me/ */ body.page-id-527234 #news ~ .jjds-postgrid, body.page-id-527234 .jj-nc-track{display:flex!important;grid-template-columns:none!important;gap:1.4rem;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-top:1.4rem} body.page-id-527234 #news ~ .jjds-postgrid::-webkit-scrollbar, body.page-id-527234 .jj-nc-track::-webkit-scrollbar{display:none} body.page-id-527234 #news ~ .jjds-postgrid > .jjds-postcard, body.page-id-527234 .jj-nc-track > .jjds-postcard{flex:0 0 calc((100% - 2.8rem)/3);scroll-snap-align:start} @media(max-width:767px){body.page-id-527234 #news ~ .jjds-postgrid > .jjds-postcard, body.page-id-527234 .jj-nc-track > .jjds-postcard{flex:0 0 100%} body.page-id-527234 .jj-nc-track{margin-left:-1.3rem;margin-right:-1.3rem;padding-left:1.3rem;padding-right:1.3rem} body.page-id-527234 .jj-nc-prev{left:2px} body.page-id-527234 .jj-nc-next{right:2px}} body.page-id-527234 .jj-nc{position:relative} body.page-id-527234 .jj-nc-btn{position:absolute;top:38%;transform:translateY(-50%);z-index:6;width:46px;height:46px;padding:0;border-radius:50%!important;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;appearance:none;transition:background .2s,opacity .2s} body.page-id-527234 .jj-nc-btn, body.page-id-527234 .jj-nc-btn:hover, body.page-id-527234 .jj-nc-btn:focus, body.page-id-527234 .jj-nc-btn:active, body.page-id-527234 .jj-nc-btn:focus-visible{color:#5F8077!important;background:rgba(255,255,255,.95)!important;border:1px solid rgba(95,128,119,.4)!important;box-shadow:0 8px 20px rgba(95,128,119,.22)!important;outline:none!important} body.page-id-527234 .jj-nc-btn:hover{background:#fff!important} body.page-id-527234 .jj-nc-btn:focus-visible{outline:2px solid #5F8077!important;outline-offset:2px} body.page-id-527234 .jj-nc-prev{left:-10px} body.page-id-527234 .jj-nc-next{right:-10px} body.page-id-527234 .jj-nc-btn:disabled{opacity:0;pointer-events:none} body.page-id-527234 .jj-nc-btn svg{width:22px!important;height:22px!important;display:block!important;stroke:#5F8077!important;fill:none!important} body.page-id-527234 .jj-nc-btn svg path{stroke:#5F8077!important;fill:none!important;stroke-width:2.4!important} /* \3c style> auf /en/orthodontist-near-me/ */ /* jj-naehe-komp-grid (Startseiten-Look) */ #jj-naehe .jjha-comp{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem;margin:1.6rem 0 0;position:relative;z-index:1} #jj-naehe .jjha-card{position:relative;background:#fff;border:1px solid rgba(186,206,199,.35);border-radius:24px;box-shadow:0 14px 40px rgba(95,128,119,.08);color:#343637;display:flex;flex-direction:column;overflow:hidden;transition:transform .25s,box-shadow .25s;cursor:pointer} #jj-naehe .jjha-card .im{position:relative;aspect-ratio:16/9;overflow:hidden;display:block} #jj-naehe .jjha-card .im img{width:100%;height:100%;object-fit:cover;transition:transform .4s} #jj-naehe .jjha-card:hover .im img{transform:scale(1.05)} #jj-naehe .jjha-card:hover{transform:translateY(-4px);box-shadow:0 22px 50px rgba(95,128,119,.16)} #jj-naehe .jjha-card .num{position:absolute;top:.7rem;right:.8rem;background:rgba(255,255,255,.85);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:99px;padding:.25em .8em;font-size:.8rem;font-weight:800;color:#5F8077;line-height:1.2} #jj-naehe .jjha-card .bd{padding:1.15rem 1.3rem 1.2rem;display:flex;flex-direction:column;flex:1} #jj-naehe .jjha-card h3{margin:.1rem 0 .5rem;font-size:1.12rem;color:#343637} #jj-naehe .jjha-card h3 a{color:inherit;text-decoration:none} #jj-naehe .jjha-card h3 a::after{content:"";position:absolute;inset:0;z-index:1} #jj-naehe .jjha-card p{margin:0 0 .85rem;font-size:.93rem;line-height:1.58;color:#54615c;flex:1} #jj-naehe .jjha-card .more{font-weight:700;font-size:.9rem;color:#5F8077;text-decoration:none;position:relative;z-index:2} @media(max-width:1000px){#jj-naehe .jjha-comp{grid-template-columns:repeat(2,1fr)}} @media(max-width:640px){#jj-naehe .jjha-comp{grid-template-columns:1fr;gap:.65rem;margin-top:1.1rem}#jj-naehe .jjha-card{flex-direction:row;align-items:center;border-radius:18px}#jj-naehe .jjha-card .im{width:76px;min-width:76px;aspect-ratio:1/1;border-radius:14px;margin:.55rem 0 .55rem .55rem}#jj-naehe .jjha-card .num{display:none}#jj-naehe .jjha-card p{display:none}#jj-naehe .jjha-card .bd{padding:.85rem .95rem;justify-content:center}#jj-naehe .jjha-card h3{margin:0 0 .2rem;font-size:1.02rem}#jj-naehe .jjha-card .more{font-size:.82rem}} /* \3c style id=jj-media-css> auf /en/practice/dr-steinmaier/ */ .jj-ds .jjmedia{margin:1.5rem 0 .2rem;padding-top:1.2rem;border-top:1px solid rgba(186,206,199,.45)}.jj-ds .jjmedia-head{display:flex;align-items:flex-start;gap:.7em;margin-bottom:1rem}.jj-ds .jjmedia-head>.ic{flex:none;width:2.6em;height:2.6em;border-radius:50%;background:#fff;border:1px solid var(--jjm);display:flex;align-items:center;justify-content:center}.jj-ds .jjmedia-head>.ic svg{width:1.35em;height:1.35em;stroke:var(--jjgd);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.jj-ds .jjmedia-head .k{display:block;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:var(--jjgd);margin-bottom:.15rem}.jj-ds .jjmedia-head p{margin:0;font-size:.95rem;color:#4a4d4e;line-height:1.45;max-width:44em}.jj-ds .jjmedia-list{display:grid;gap:.6rem}.jj-ds a.jjmedia-item{display:flex;align-items:center;gap:.85rem;padding:.75rem .9rem;background:#fff;border:1px solid rgba(186,206,199,.45);border-left:3px solid #85a9a0;border-radius:12px;box-shadow:0 5px 16px rgba(95,128,119,.06);text-decoration:none!important;transition:transform .18s,box-shadow .18s}.jj-ds a.jjmedia-item:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(95,128,119,.12)}.jj-ds .jjmedia-item>.ic{flex:none;width:2.3em;height:2.3em;border-radius:9px;background:linear-gradient(135deg,rgba(186,206,199,.28),rgba(186,206,199,.08));display:flex;align-items:center;justify-content:center}.jj-ds .jjmedia-item>.ic svg{width:1.2em;height:1.2em;stroke:var(--jjgd);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.jj-ds .jjmedia-item .tx{display:flex;flex-direction:column;gap:.12rem;min-width:0}.jj-ds .jjmedia-item .src{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;font-weight:700;color:var(--jjgd)}.jj-ds .jjmedia-item .ttl{font-size:.96rem;font-weight:600;color:var(--jja);line-height:1.35}.jj-ds .jjmedia-item:hover .ttl{text-decoration:underline;text-underline-offset:2px} /* \3c style id=jj-teamgal-4col> auf /en/practice/team/ */ .jj-ds .jjds-teamgal{grid-template-columns:repeat(4,1fr)}@media(max-width:820px){.jj-ds .jjds-teamgal{grid-template-columns:repeat(3,1fr)}}@media(max-width:520px){.jj-ds .jjds-teamgal{grid-template-columns:repeat(2,1fr)}} /* /wp-content/uploads/jj-assets/fachpub-cards-css.css */ /* \3c style> auf /en/publications/ */ .page-id-540 .elementor-element-1c43210,.page-id-540 .elementor-element-3c2608d,.page-id-540 .elementor-loop-container{display:none!important}.jj-pubgrid{max-width:1120px;margin:0 auto;padding:2.5rem 1.5rem 1rem;box-sizing:border-box}.jj-pubhead{margin:0 0 2.2rem}.jj-eyebrow{letter-spacing:.14em;text-transform:uppercase;font-size:.78rem;font-weight:700;color:#779C94;margin:0 0 .35rem}.jj-pubhead h2{margin:0 0 .5rem;font-size:2rem;line-height:1.15;color:#343637}.jj-lead{margin:0;font-size:1.05rem;color:#6b6b6b}.jj-pg-group{margin:0 0 2.4rem}.jj-pg-h{font-size:1.2rem;font-weight:600;color:#343637;margin:0 0 1rem;padding-bottom:.45rem;border-bottom:2px solid #BACEC7;letter-spacing:.01em}.jj-pg-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:1rem}.jj-pg-card{display:flex;flex-direction:column;gap:.4rem;padding:1.05rem 1.15rem;background:#fff;border:1px solid #ece6dc;border-radius:12px;box-shadow:0 1px 2px rgba(52,54,55,.04);transition:box-shadow .18s ease,transform .18s ease,border-color .18s ease}.jj-pg-card,.jj-pg-card:hover,.jj-pg-card:focus,.jj-pg-card *{text-decoration:none!important;border-bottom:0!important}.jj-pg-card:hover{box-shadow:0 10px 24px rgba(52,54,55,.10);transform:translateY(-3px);border-color:#BACEC7}.jj-pg-title{font-weight:600;font-size:1.02rem;line-height:1.32;color:#343637}.jj-pg-meta{font-size:.82rem;color:#9a948a;margin-top:auto}.jj-pg-cta{font-size:.82rem;font-weight:600;color:#779C94}.jj-pg-card:hover .jj-pg-cta{color:#5f8077}.jj-pg-cta em{font-style:normal;transition:margin .18s ease}.jj-pg-card:hover .jj-pg-cta em{margin-left:.2rem}@media(max-width:600px){.jj-pubgrid{padding-left:1.35rem;padding-right:1.35rem;padding-top:1.75rem}.jj-pg-cards{grid-template-columns:1fr}.jj-pubhead h2{font-size:1.6rem}} /* /wp-content/uploads/jj-assets/video-overlay.css */ /* \3c style> auf /en/specialist-publications/aligner-orthodontics-children/ */ .jj-tldr{margin:0 0 1.6rem;background:#fff;border:1px solid #e8e1d4;border-radius:14px;padding:1.2rem 1.35rem}.jj-tldr-eye{font-size:11.5px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:#779C94;margin:0 0 .85rem}.jj-tldr-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.jj-tldr-col{border-radius:10px;padding:.85rem .95rem}.jj-tldr-col.pat{background:#FDF7F0}.jj-tldr-col.pro{background:#e9f0ec}.jj-tldr-h{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:600;margin:0 0 .4rem}.jj-tldr-col.pat .jj-tldr-h{color:#9a7d54}.jj-tldr-col.pro .jj-tldr-h{color:#4d6b61}.jj-tldr-col p{margin:0;font-size:14px;line-height:1.55;color:#474742}.jj-tldr-foot{margin-top:1rem;font-size:14px;color:#5b5b55}.jj-tldr-link{display:inline-flex;align-items:center;gap:6px;color:#779C94;font-weight:600;text-decoration:none}.jj-tldr-link:hover{color:#5F8077}@media(max-width:600px){.jj-tldr{padding-left:1.05rem;padding-right:1.05rem}} /* \3c style> auf /en/specialist-publications/aligner-orthodontics-children/ */ .fachpub-pdf .artikel-iframe{width:100%;height:500px;border:none}@media screen and (max-width:1024px){.fachpub-pdf .artikel-iframe{display:none !important}}@media screen and (min-width:1025px){.fachpub-pdf .fachpub-pdf-actions{display:none}}.fachpub-pdf .fachpub-pdf-actions{text-align:center;margin-top:18px}.fachpub-pdf a.fachpub-download-btn,.fachpub-pdf a.fachpub-download-btn:link,.fachpub-pdf a.fachpub-download-btn:visited{display:inline-block;padding:.85em 2.1em;border-radius:99px;background:linear-gradient(135deg,#85a9a0,#5F8077);color:#fff;font-weight:700;text-decoration:none;box-shadow:0 8px 22px rgba(119,156,148,.35);transition:transform .2s ease,box-shadow .2s ease}.fachpub-pdf a.fachpub-download-btn:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(119,156,148,.45)} /* \3c style id=jj-naehe-news> auf /kieferorthopaede-in-der-naehe/ */ body.page-id-9808 #news ~ .jjds-postgrid, body.page-id-9808 .jj-nc-track{display:flex!important;grid-template-columns:none!important;gap:1.4rem;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-top:1.4rem} body.page-id-9808 #news ~ .jjds-postgrid::-webkit-scrollbar, body.page-id-9808 .jj-nc-track::-webkit-scrollbar{display:none} body.page-id-9808 #news ~ .jjds-postgrid > .jjds-postcard, body.page-id-9808 .jj-nc-track > .jjds-postcard{flex:0 0 calc((100% - 2.8rem)/3);scroll-snap-align:start} @media(max-width:767px){body.page-id-9808 #news ~ .jjds-postgrid > .jjds-postcard, body.page-id-9808 .jj-nc-track > .jjds-postcard{flex:0 0 100%} body.page-id-9808 .jj-nc-track{margin-left:-1.3rem;margin-right:-1.3rem;padding-left:1.3rem;padding-right:1.3rem} body.page-id-9808 .jj-nc-prev{left:2px} body.page-id-9808 .jj-nc-next{right:2px}} body.page-id-9808 .jj-nc{position:relative} body.page-id-9808 .jj-nc-btn{position:absolute;top:38%;transform:translateY(-50%);z-index:6;width:46px;height:46px;padding:0;border-radius:50%!important;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;appearance:none;transition:background .2s,opacity .2s} body.page-id-9808 .jj-nc-btn, body.page-id-9808 .jj-nc-btn:hover, body.page-id-9808 .jj-nc-btn:focus, body.page-id-9808 .jj-nc-btn:active, body.page-id-9808 .jj-nc-btn:focus-visible{color:#5F8077!important;background:rgba(255,255,255,.95)!important;border:1px solid rgba(95,128,119,.4)!important;box-shadow:0 8px 20px rgba(95,128,119,.22)!important;outline:none!important} body.page-id-9808 .jj-nc-btn:hover{background:#fff!important} body.page-id-9808 .jj-nc-btn:focus-visible{outline:2px solid #5F8077!important;outline-offset:2px} body.page-id-9808 .jj-nc-prev{left:-10px} body.page-id-9808 .jj-nc-next{right:-10px} body.page-id-9808 .jj-nc-btn:disabled{opacity:0;pointer-events:none} body.page-id-9808 .jj-nc-btn svg{width:22px!important;height:22px!important;display:block!important;stroke:#5F8077!important;fill:none!important} body.page-id-9808 .jj-nc-btn svg path{stroke:#5F8077!important;fill:none!important;stroke-width:2.4!important}