@media (min-width: 1200px) { body:not([class*=elementor-page-]) .site-main { max-width: 1380px; } } .betterdocs-ia-single-docs-wrapper .betterdocs-ia-singleDoc-content .doc-title a { color: #253053; } /* BetterDocs Instant Answer Widget: h4 Abstand korrigieren */ #betterdocs-ia .content-item h4 { margin: 0 0 4px 0 !important; } /* BetterDocs Instant Answer Spinner Color Tracker - Blue #2589F6 */ div[class*="betterdocs-ia"] [class*="loading"], div[class*="betterdocs-ia"] [class*="loader"], .betterdocs-ia-form-container svg, .betterdocs-search-loading { filter: invert(47%) sepia(91%) saturate(1989%) hue-rotate(193deg) brightness(101%) contrast(95%) !important; } .betterdocs-ia-no-doc p { color: #253053; font-size: 14px; } .betterdocs-ia-no-doc button { display: none; } /* ========================================================================== GLOBAL CUSTOMIZER: REPAIRCMS WPML LANGUAGE SWITCHER (GLAS-LOOK) ========================================================================== */ /* 1. Haupt-Button (Normalzustand & gehaltener Zustand bei offenem Dropdown) */ .wpml-ls-statics-shortcode_actions a, .wpml-ls-menu-item > a, #menu-item-wpml-ls-list > a, .wpml-ls-slot-menu_toggle > a { background: rgba(255, 255, 255, 0.12) !important; /* Dezent transparentes Weiß */ backdrop-filter: blur(10px) !important; /* Feinster Glas-Effekt */ -webkit-backdrop-filter: blur(10px) !important; border: 1px solid rgba(255, 255, 255, 0.22) !important; border-radius: 6px !important; /* Abrundung */ color: #ffffff !important; /* Weißer Text */ font-weight: 500 !important; display: flex !important; align-items: center !important; gap: 8px !important; padding: 6px 14px !important; text-decoration: none !important; outline: none !important; /* Entfernt den blauen Fokusrahmen */ box-shadow: none !important; transition: all 0.2s ease-in-out !important; } /* 2. Hover-Zustand für den Haupt-Button (Wird beim Drüberfahren minimal heller) */ .wpml-ls-statics-shortcode_actions a:hover, .wpml-ls-menu-item > a:hover, #menu-item-wpml-ls-list > a:hover, .wpml-ls-slot-menu_toggle > a:hover, .wpml-ls-item:hover > a { background: rgba(255, 255, 255, 0.22) !important; border-color: rgba(255, 255, 255, 0.38) !important; color: #ffffff !important; outline: none !important; box-shadow: none !important; } /* 3. Zwingt Text, Flaggen-Container und den kleinen Pfeil, immer weiß zu bleiben */ .wpml-ls-item a *, .wpml-ls-current-language a *, .wpml-ls-current-language a::after, li[class*="wpml-ls"] * { color: #ffffff !important; border-top-color: #ffffff !important; /* Macht den kleinen Dreieckspfeil weiß */ } /* 4. Das geöffnete Dropdown-Menü (Die Box, die nach unten aufklappt) */ .wpml-ls-statics-shortcode_actions .wpml-ls-sub-menu, .wpml-ls-menu-item .sub-menu, #menu-item-wpml-ls-list .sub-menu, ul.wpml-ls-sub-menu { background: rgba(21, 32, 54, 0.95) !important; /* Dunkles Blau-Transparent passend zum Header */ backdrop-filter: blur(15px) !important; -webkit-backdrop-filter: blur(15px) !important; border: 1px solid rgba(255, 255, 255, 0.12) !important; border-radius: 6px !important; /* Abrundung für die untere Box */ box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4) !important; padding: 6px 0 !important; margin-top: 6px !important; position: absolute !important; right: 0 !important; left: auto !important; min-width: 140px !important; list-style: none !important; } /* 5. Die Links INNERHALB der geöffneten Dropdown-Box */ .wpml-ls-sub-menu a, .sub-menu a { background: transparent !important; border: none !important; border-radius: 0 !important; /* Innen flach für saubere Zeilen */ color: rgba(255, 255, 255, 0.9) !important; padding: 8px 16px !important; display: flex !important; align-items: center !important; gap: 8px !important; width: 100% !important; } /* Hover-Effekt für die Zeilen in der Dropdown-Box */ .wpml-ls-sub-menu a:hover, .sub-menu a:hover { background: rgba(255, 255, 255, 0.08) !important; /* Diskretes Aufhellen der Zeile */ color: #ffffff !important; } /* 6. Flaggen-Größe & Rundung */ .wpml-ls-flag { width: 18px !important; height: auto !important; border-radius: 2px !important; /* Minimal abgerundete Ecken für die Flaggen */ display: inline-block !important; } /* ========================================================================== REPAIRCMS HELPDESK: DOC-CONTENT DESIGN (Marken-System) Scope: Artikel-Inhalt in .rcms-doc ========================================================================== */ .rcms-doc{color:#84899B;font-size:16px;line-height:1.65;} .rcms-doc h2{font-size:clamp(22px,3vw,28px);font-weight:700;color:#34426F;line-height:1.2;letter-spacing:-0.4px;margin:44px 0 14px;} .rcms-doc h2:first-of-type{margin-top:8px;} .rcms-doc h3{font-size:19px;font-weight:700;color:#34426F;line-height:1.3;letter-spacing:-0.2px;margin:26px 0 8px;} .rcms-doc p{margin:0 0 18px;} .rcms-doc strong{color:#46506E;font-weight:700;} .rcms-doc a{color:#2589F6;text-decoration:none;font-weight:500;} .rcms-doc a:hover{color:#1c6fd1;} .rcms-doc ul,.rcms-doc ol{margin:0 0 22px;padding-left:22px;} .rcms-doc li{margin-bottom:9px;} .rcms-doc .rcms-demo{position:relative;padding-bottom:calc(69.2308% + 41px);height:0;width:100%;margin:0 0 32px;} .rcms-doc .rcms-demo iframe{position:absolute;top:0;left:0;width:100%;height:100%;color-scheme:light;border:0;border-radius:12px;} .rcms-doc .rcms-note{display:block;background:transparent;border:0;border-radius:0;box-shadow:none;padding:0;margin:0 0 28px;} .rcms-doc .rcms-note--info{margin:0 0 30px;} .rcms-doc .rcms-note .rcms-note__chip,.rcms-doc .rcms-note .rcms-badge{display:none;} .rcms-doc .rcms-note--info .rcms-note__body p{font-size:17.5px;line-height:1.6;color:#46506E;} .rcms-doc .rcms-note__body{flex:1;min-width:0;} .rcms-doc .rcms-note__body p{margin:0;color:#46506E;font-size:15.5px;line-height:1.62;} .rcms-doc .rcms-badge{display:inline-flex;align-items:center;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;padding:4px 11px;margin-bottom:9px;} .rcms-doc .rcms-badge--blue{background:#EAF3FF;color:#2589F6;} .rcms-doc .rcms-badge--amber{background:#EAF3FF;color:#2589F6;} .rcms-doc .rcms-badge--green{background:#E7F6EC;color:#227A44;} .rcms-doc .rcms-badge--red{background:#FCECEC;color:#B23B45;} .rcms-doc .rcms-compare{display:flex;gap:16px;flex-wrap:wrap;margin:0 0 32px;} .rcms-doc .rcms-compare>div{flex:1;min-width:240px;border-radius:16px;padding:20px 22px;border:1px solid #E3E9F4;box-shadow:0 8px 30px rgba(52,66,111,.05);} .rcms-doc .rcms-compare .neg{background:#FCF7F7;} .rcms-doc .rcms-compare .pos{background:#F5FAF7;} .rcms-doc .rcms-compare .rcms-badge{margin-bottom:12px;} .rcms-doc .rcms-compare ul{list-style:none;padding:0;margin:0;} .rcms-doc .rcms-compare li{position:relative;padding-left:24px;margin-bottom:11px;color:#46506E;font-size:15px;line-height:1.55;} .rcms-doc .rcms-compare .neg li::before{content:"×";position:absolute;left:5px;top:-1px;color:#C7545D;font-weight:700;font-size:17px;} .rcms-doc .rcms-compare .pos li::before{content:"✓";position:absolute;left:4px;top:0;color:#2E9E5B;font-weight:700;} /* ========================================================================== REPAIRCMS HELPDESK: FAQ (BetterDocs modern) -> Referenz-Accordion !important + doppelte Wrapper-Klasse, um BetterDocs-Ladereihenfolge zu schlagen ========================================================================== */ .betterdocs-faq-wrapper{margin-top:44px;} .betterdocs-faq-wrapper.betterdocs-faq-wrapper .betterdocs-faq-section-title{font-size:clamp(22px,3vw,28px)!important;font-weight:700!important;color:#34426F!important;letter-spacing:-0.4px!important;line-height:1.2!important;margin:0 0 16px!important;text-align:left!important;} .betterdocs-faq-wrapper.betterdocs-faq-wrapper .betterdocs-faq-inner-wrapper{max-width:100%!important;} .betterdocs-faq-wrapper.betterdocs-faq-wrapper .betterdocs-faq-inner-wrapper .betterdocs-faq-title{display:none!important;} .betterdocs-faq-wrapper.betterdocs-faq-wrapper .betterdocs-faq-inner-wrapper .betterdocs-faq-list>li .betterdocs-faq-group{background:#fff!important;border:1px solid #E3E9F4!important;border-radius:12px!important;overflow:hidden!important;margin:0 0 10px!important;box-shadow:none!important;} .betterdocs-faq-wrapper.betterdocs-faq-wrapper .betterdocs-faq-inner-wrapper .betterdocs-faq-list>li .betterdocs-faq-group:hover{box-shadow:0 8px 30px rgba(52,66,111,.07)!important;border-color:#D7E0EF!important;} .betterdocs-faq-wrapper.betterdocs-faq-wrapper .betterdocs-faq-inner-wrapper .betterdocs-faq-list>li .betterdocs-faq-group .betterdocs-faq-post{background-color:transparent!important;padding:16px 20px!important;margin:0!important;} .betterdocs-faq-wrapper.betterdocs-faq-wrapper .betterdocs-faq-inner-wrapper .betterdocs-faq-list>li .betterdocs-faq-group .betterdocs-faq-post .betterdocs-faq-post-name{color:#34426F!important;font-size:16px!important;font-weight:700!important;line-height:1.4!important;} .betterdocs-faq-wrapper.betterdocs-faq-wrapper .betterdocs-faq-inner-wrapper .betterdocs-faq-list>li .betterdocs-faq-group.active .betterdocs-faq-post .betterdocs-faq-post-name{color:#2589F6!important;} .betterdocs-faq-wrapper.betterdocs-faq-wrapper .betterdocs-faq-inner-wrapper .betterdocs-faq-list>li .betterdocs-faq-group .betterdocs-faq-main-content{background-color:#fff!important;color:#84899B!important;font-size:15.5px!important;line-height:1.62!important;padding:0 20px 18px!important;} .betterdocs-faq-wrapper.betterdocs-faq-wrapper .betterdocs-faq-inner-wrapper .betterdocs-faq-list>li .betterdocs-faq-group .betterdocs-faq-main-content p{color:#84899B!important;margin:0!important;} .betterdocs-faq-wrapper.betterdocs-faq-wrapper .betterdocs-faq-inner-wrapper .betterdocs-faq-list>li .betterdocs-faq-group .betterdocs-faq-main-content a{color:#2589F6!important;text-decoration:none!important;font-weight:500!important;} /* ========================================================================== REPAIRCMS HELPDESK: Tabellen und App-Screenshots in .rcms-doc (2026-09-27) Doppelte Klasse und :nth-child(n), um die Hello-Elementor-Zebra-Regeln zu schlagen ========================================================================== */ .rcms-doc table{width:100%;border-collapse:separate;border-spacing:0;margin:4px 0 32px;background:#fff;border:1px solid #E3E9F4;border-radius:14px;overflow:hidden;font-size:15.5px;line-height:1.5;box-shadow:0 8px 30px rgba(52,66,111,.05);} .rcms-doc.rcms-doc table th,.rcms-doc.rcms-doc table td{padding:13px 18px;text-align:left;vertical-align:top;border:0;border-bottom:1px solid #EEF2F8;background:#fff;color:#46506E;font-weight:400;overflow-wrap:break-word;} .rcms-doc.rcms-doc table thead th{background:#F5F8FD;color:#34426F;font-size:12.5px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;border-bottom:1px solid #E3E9F4;} .rcms-doc.rcms-doc table tbody>tr:nth-child(n)>td{background:#fff;} .rcms-doc.rcms-doc table tbody>tr:nth-child(n):hover>td{background:#FAFCFF;} .rcms-doc.rcms-doc table tbody>tr>td:first-child{color:#34426F;font-weight:600;} .rcms-doc.rcms-doc table tbody>tr:last-child>td{border-bottom:0;} @media (max-width:600px){ .rcms-doc table{font-size:14.5px;border-radius:12px;} .rcms-doc.rcms-doc table th,.rcms-doc.rcms-doc table td{padding:11px 12px;} .rcms-doc.rcms-doc table thead th{font-size:11.5px;letter-spacing:.3px;} } .rcms-doc figure.wp-block-image.is-resized{margin:8px 0 36px;text-align:center;} .rcms-doc figure.wp-block-image.is-resized img{display:inline-block;width:280px;max-width:78%;height:auto;border-radius:24px;border:1px solid #E3E9F4;background:#fff;box-shadow:0 14px 40px rgba(52,66,111,.12);} /* Tabellen ab 3 Spalten: auf dem Handy eine Karte je Zeile, Spaltenname aus data-label */ @media (max-width:600px){ .rcms-doc table.rcms-table--stack,.rcms-doc table.rcms-table--stack tbody,.rcms-doc table.rcms-table--stack tr,.rcms-doc.rcms-doc table.rcms-table--stack td{display:block;width:100%;} .rcms-doc table.rcms-table--stack thead{display:none;} .rcms-doc table.rcms-table--stack{background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible;} .rcms-doc table.rcms-table--stack tbody>tr{background:#fff;border:1px solid #E3E9F4;border-radius:12px;overflow:hidden;margin:0 0 12px;box-shadow:0 8px 30px rgba(52,66,111,.05);} .rcms-doc.rcms-doc table.rcms-table--stack tbody>tr>td{border-bottom:0;padding:4px 16px 8px;} .rcms-doc.rcms-doc table.rcms-table--stack tbody>tr>td:first-child{font-size:16px;font-weight:700;color:#34426F;background:#F5F8FD;border-bottom:1px solid #EEF2F8;padding:12px 16px;margin-bottom:6px;} .rcms-doc.rcms-doc table.rcms-table--stack tbody>tr>td:last-child{padding-bottom:14px;} .rcms-doc.rcms-doc table.rcms-table--stack tbody>tr>td:not(:first-child)::before{content:attr(data-label);display:block;font-size:11.5px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;color:#84899B;margin-bottom:1px;} .rcms-doc.rcms-doc table.rcms-table--stack tbody>tr:hover>td:not(:first-child){background:#fff;} } @media (min-width:601px){.rcms-doc.rcms-doc table.rcms-table--stack tbody>tr>td:first-child{white-space:nowrap;}} /* REPAIRCMS HELPDESK UMBAU B: GRUNDLAGEN (Phase 1, 2026-09-27) Nur neue Namen (--web-color-*, --rcms-hd-*, .rcms-hd-*, .rcms-phone). Greift erst, wenn ein Baustein die Klassen nutzt. Quelle: GL-003 und design-referenzen/2026-09-27 Umbau B. Anker: 01 Projekte/Helpdesk Umbau B. */ /* Schibsted Grotesk lokal (DSGVO), Variable Font, Dateien aus repaircms.com. Wird erst geladen, wenn eine Regel die Schrift nutzt (Umstellung Kit 22 folgt). */ @font-face{font-family:'Schibsted Grotesk';font-style:normal;font-weight:400 900;font-display:swap;src:url('/wp-content/uploads/rcms-fonts/schibsted-grotesk-normal-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;} @font-face{font-family:'Schibsted Grotesk';font-style:normal;font-weight:400 900;font-display:swap;src:url('/wp-content/uploads/rcms-fonts/schibsted-grotesk-normal-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;} /* Farb-Tokens: Set A aus GL-003 (gleiche Namen wie Website) plus Helpdesk-Werte aus Design B */ :root{ --web-color-primary:#2589F6; /* Marke, Icons, Flaechen. Nie kleiner Text */ --web-color-link:#046BD2; /* blauer Text unter 24px, aktive Zustaende, Hauptknopf */ --web-color-link-hover:#045CB4; --web-color-text:#34426F; /* Navy: Text und Ueberschriften */ --web-color-muted:#676C7E; /* Sekundaertext, Platzhalter */ --web-color-bg:#F0F3F7; /* Seitengrund, Feedback-Box, Schild Web-App */ --web-color-surface:#FFFFFF; --web-color-field-border:#7D869C; /* Rand von Bedienelementen, WCAG 1.4.11 */ --web-font-family:"Schibsted Grotesk",-apple-system,"Segoe UI",sans-serif; --rcms-hd-text-2:#4E5673; /* Fliesstext zweite Ebene */ --rcms-hd-field-bg:#F5F8FD; /* Grund von Eingabefeldern */ --rcms-hd-card-border:#E3E9F4; /* Kartenrand, nur dekorativ */ --rcms-hd-divider:#EEF2F8; /* Trennlinie in Karten */ --rcms-hd-app-tint:#EAF3FF; /* Schild Mobile App */ --rcms-hd-shadow:0 8px 24px rgba(52,66,111,.08); --rcms-hd-radius-card:16px; --rcms-hd-radius-ctl:12px; } /* Bedienelemente (GL-003 Bedienelement-Regel): Feldrand #7D869C, aktiv = Flaeche #046BD2 mit Weiss */ .rcms-hd-field{display:flex;align-items:center;gap:12px;min-height:48px;padding:0 8px 0 16px;box-sizing:border-box;background:var(--rcms-hd-field-bg);border:1px solid var(--web-color-field-border);border-radius:var(--rcms-hd-radius-ctl);color:var(--web-color-text);} .rcms-hd-field--lg{min-height:60px;border-radius:16px;padding-left:20px;} .rcms-hd-field input{flex:1 1 auto;min-width:0;height:44px;border:0;outline:0;background:transparent;color:var(--web-color-text);font:inherit;font-size:17px;} .rcms-hd-field input::placeholder{color:var(--web-color-muted);opacity:1;} .rcms-hd-field:focus-within{outline:2px solid var(--web-color-link);outline-offset:2px;} .rcms-hd-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 20px;box-sizing:border-box;border:0;border-radius:var(--rcms-hd-radius-ctl);background:var(--web-color-link);color:#FFFFFF;font:inherit;font-size:15px;font-weight:500;line-height:1.2;text-decoration:none;cursor:pointer;} .rcms-hd-btn:hover{background:var(--web-color-link-hover);color:#FFFFFF;} .rcms-hd-btn--ghost{background:var(--web-color-surface);color:var(--web-color-link);border:1px solid var(--web-color-field-border);} .rcms-hd-btn--ghost:hover{background:var(--rcms-hd-field-bg);color:var(--web-color-link-hover);} .rcms-hd-btn:focus-visible,.rcms-hd-seg button:focus-visible,.rcms-hd-tab:focus-visible{outline:2px solid var(--web-color-link);outline-offset:2px;} /* Umschalter Alle / Web-App / Mobile App */ .rcms-hd-seg{display:inline-flex;gap:4px;padding:4px;background:var(--web-color-bg);border-radius:var(--rcms-hd-radius-ctl);} .rcms-hd-seg button{min-height:40px;padding:0 18px;border:0;border-radius:9px;background:transparent;color:var(--web-color-muted);font:inherit;font-size:14px;font-weight:500;cursor:pointer;} .rcms-hd-seg button[aria-pressed="true"]{background:var(--web-color-link);color:#FFFFFF;} /* Reiter (FAQ-Themen, Widget) */ .rcms-hd-tab{min-height:48px;padding:0 16px;border:0;border-radius:var(--rcms-hd-radius-ctl);background:transparent;color:var(--rcms-hd-text-2);font:inherit;font-size:16px;text-align:left;cursor:pointer;} .rcms-hd-tab[aria-selected="true"]{background:var(--web-color-link);color:#FFFFFF;font-weight:500;} /* Schilder an Karten, Artikeln, Suchtreffern */ .rcms-hd-tag{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:500;line-height:1;white-space:nowrap;} .rcms-hd-tag--web{background:var(--web-color-bg);color:var(--rcms-hd-text-2);} .rcms-hd-tag--app{background:var(--rcms-hd-app-tint);color:var(--web-color-link);} /* Karte */ .rcms-hd-card{background:var(--web-color-surface);border:1px solid var(--rcms-hd-card-border);border-radius:var(--rcms-hd-radius-card);box-shadow:var(--rcms-hd-shadow);} @media (max-width:767px){ .rcms-hd-seg button{min-height:44px;padding:0 14px;} .rcms-hd-field input{font-size:16px;} } /* Icons: Solar linear als Data-URI-Maske (Regelwerk 5), Farbe = currentColor. Einsatz: */ .rcms-hd-i{display:inline-block;flex:none;width:20px;height:20px;background-color:currentColor;-webkit-mask:var(--rcms-hd-i) center/contain no-repeat;mask:var(--rcms-hd-i) center/contain no-repeat;vertical-align:middle;} .rcms-hd-i--brand{color:var(--web-color-primary);} .rcms-hd-i--magnifier{--rcms-hd-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-width='1.5'%3E%3Ccircle cx='11.5' cy='11.5' r='9.5'/%3E%3Cpath d='M18.5 18.5L22 22'/%3E%3C/g%3E%3C/svg%3E")} .rcms-hd-i--global{--rcms-hd-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-width='1.5'%3E%3Cpath d='M22 12C22 13.3132 21.7413 14.6136 21.2388 15.8268C20.7362 17.0401 19.9997 18.1425 19.0711 19.0711C18.1425 19.9997 17.0401 20.7362 15.8268 21.2388C14.6136 21.7413 13.3132 22 12 22C10.6868 22 9.38642 21.7413 8.17317 21.2388C6.95991 20.7362 5.85752 19.9997 4.92893 19.0711C4.00035 18.1425 3.26375 17.0401 2.7612 15.8268C2.25866 14.6136 2 13.3132 2 12C2 10.6868 2.25866 9.38642 2.76121 8.17316C3.26375 6.95991 4.00035 5.85752 4.92893 4.92893C5.85752 4.00035 6.95991 3.26375 8.17317 2.7612C9.38642 2.25866 10.6868 2 12 2C13.3132 2 14.6136 2.25866 15.8268 2.76121C17.0401 3.26375 18.1425 4.00035 19.0711 4.92893C19.9997 5.85752 20.7362 6.95991 21.2388 8.17317C21.7413 9.38642 22 10.6868 22 12L22 12Z'/%3E%3Cpath d='M16 12C16 13.3132 15.8965 14.6136 15.6955 15.8268C15.4945 17.0401 15.1999 18.1425 14.8284 19.0711C14.457 19.9997 14.016 20.7362 13.5307 21.2388C13.0454 21.7413 12.5253 22 12 22C11.4747 22 10.9546 21.7413 10.4693 21.2388C9.98396 20.7362 9.54301 19.9997 9.17157 19.0711C8.80014 18.1425 8.5055 17.0401 8.30448 15.8268C8.10346 14.6136 8 13.3132 8 12C8 10.6868 8.10346 9.38642 8.30448 8.17316C8.5055 6.95991 8.80014 5.85752 9.17157 4.92893C9.54301 4.00035 9.98396 3.26375 10.4693 2.7612C10.9546 2.25866 11.4747 2 12 2C12.5253 2 13.0454 2.25866 13.5307 2.76121C14.016 3.26375 14.457 4.00035 14.8284 4.92893C15.1999 5.85752 15.4945 6.95991 15.6955 8.17317C15.8965 9.38642 16 10.6868 16 12L16 12Z'/%3E%3Cpath d='M2 12H22'/%3E%3C/g%3E%3C/svg%3E")} .rcms-hd-i--hamburger-menu{--rcms-hd-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-width='1.5'%3E%3Cpath d='M20 7L4 7'/%3E%3Cpath d='M20 12L4 12'/%3E%3Cpath d='M20 17L4 17'/%3E%3C/g%3E%3C/svg%3E")} .rcms-hd-i--alt-arrow-right{--rcms-hd-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M9 5L15 12L9 19'/%3E%3C/svg%3E")} .rcms-hd-i--alt-arrow-left{--rcms-hd-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M15 5L9 12L15 19'/%3E%3C/svg%3E")} .rcms-hd-i--alt-arrow-down{--rcms-hd-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M19 9L12 15L5 9'/%3E%3C/svg%3E")} .rcms-hd-i--add-circle{--rcms-hd-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-width='1.5'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M15 12L12 12M12 12L9 12M12 12L12 9M12 12L12 15'/%3E%3C/g%3E%3C/svg%3E")} .rcms-hd-i--minus-circle{--rcms-hd-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-width='1.5'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M15 12H9'/%3E%3C/g%3E%3C/svg%3E")} .rcms-hd-i--smartphone{--rcms-hd-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-width='1.5'%3E%3Cpath d='M4 10C4 6.22876 4 4.34315 5.17157 3.17157C6.34315 2 8.22876 2 12 2C15.7712 2 17.6569 2 18.8284 3.17157C20 4.34315 20 6.22876 20 10V14C20 17.7712 20 19.6569 18.8284 20.8284C17.6569 22 15.7712 22 12 22C8.22876 22 6.34315 22 5.17157 20.8284C4 19.6569 4 17.7712 4 14V10Z'/%3E%3Cpath d='M15 19H9'/%3E%3C/g%3E%3C/svg%3E")} .rcms-hd-i--monitor{--rcms-hd-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-width='1.5'%3E%3Cpath d='M2 10C2 6.22876 2 4.34315 3.17157 3.17157C4.34315 2 6.22876 2 10 2H14C17.7712 2 19.6569 2 20.8284 3.17157C22 4.34315 22 6.22876 22 10V11C22 13.8284 22 15.2426 21.1213 16.1213C20.2426 17 18.8284 17 16 17H8C5.17157 17 3.75736 17 2.87868 16.1213C2 15.2426 2 13.8284 2 11V10Z'/%3E%3Cpath d='M16 22H8'/%3E%3Cpath d='M12 17L12 22'/%3E%3Cpath d='M22 13H2'/%3E%3C/g%3E%3C/svg%3E")} .rcms-hd-i--chat-round-dots{--rcms-hd-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-width='1.5'%3E%3Cpath d='M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 13.5997 2.37562 15.1116 3.04346 16.4525C3.22094 16.8088 3.28001 17.2161 3.17712 17.6006L2.58151 19.8267C2.32295 20.793 3.20701 21.677 4.17335 21.4185L6.39939 20.8229C6.78393 20.72 7.19121 20.7791 7.54753 20.9565C8.88837 21.6244 10.4003 22 12 22Z'/%3E%3Cpath stroke-linejoin='round' d='M8 12H8.009M11.991 12H12M15.991 12H16'/%3E%3C/g%3E%3C/svg%3E")} .rcms-hd-i--check-circle{--rcms-hd-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-width='1.5'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath stroke-linejoin='round' d='M8.5 12.5L10.5 14.5L15.5 9.5'/%3E%3C/g%3E%3C/svg%3E")} .rcms-hd-i--close-circle{--rcms-hd-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-width='1.5'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M14.5 9.50002L9.5 14.5M9.49998 9.5L14.5 14.5'/%3E%3C/g%3E%3C/svg%3E")} .rcms-hd-i--like{--rcms-hd-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-width='1.5'%3E%3Cpath d='M3 21.5127V10.2341'/%3E%3Cpath d='M3 10.2342L3.9716 21.4707C3.99621 21.7553 3.77207 22 3.48671 22C3.21791 22 3 21.7818 3 21.5127'/%3E%3Cpath d='M13.9951 5.22145C14.1027 4.56438 14.072 3.89203 13.9048 3.24756'/%3E%3Cpath d='M8.59609 22C7.73231 22 7.01201 21.3386 6.93752 20.4771L6.12535 11.0844C6.07919 10.5506 6.29223 10.027 6.69789 9.67749L8.13663 8.43769C8.80416 7.86246 9.44635 7.24017 9.8617 6.46261C10.146 5.93045 10.3664 5.36723 10.5178 4.78374L10.9935 2.94989C11.0856 2.59473 11.3342 2.29611 11.6739 2.13239C11.9826 1.98365 12.3399 1.95918 12.6673 2.06435L12.8123 2.11093C13.354 2.28495 13.7659 2.71364 13.9044 3.24753'/%3E%3Cpath d='M13.9951 5.22135L13.3325 9.26591C13.2493 9.77321 13.6404 10.2341 14.1539 10.2341H19.335'/%3E%3Cpath d='M19.3351 10.2342C20.3681 10.2342 21.1517 11.1662 20.9755 12.1852L20.27 16.265C19.6976 19.5744 16.7266 22 13.2453 22H8.59668'/%3E%3C/g%3E%3C/svg%3E")} .rcms-hd-i--dislike{--rcms-hd-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-width='1.5'%3E%3Cpath d='M3 2.48733V13.7659'/%3E%3Cpath d='M3 13.7658L3.9716 2.52928C3.99621 2.24466 3.77207 2 3.48671 2C3.21791 2 3 2.21815 3 2.48726'/%3E%3Cpath d='M13.9951 18.7785C14.1027 19.4356 14.072 20.108 13.9048 20.7524'/%3E%3Cpath d='M8.59609 2C7.73231 2 7.01201 2.66139 6.93752 3.52293L6.12535 12.9156C6.07919 13.4494 6.29223 13.973 6.69789 14.3225L8.13663 15.5623C8.80416 16.1375 9.44635 16.7598 9.8617 17.5374C10.146 18.0695 10.3664 18.6328 10.5178 19.2163L10.9935 21.0501C11.0856 21.4053 11.3342 21.7039 11.6739 21.8676C11.9826 22.0163 12.3399 22.0408 12.6673 21.9356L12.8123 21.8891C13.354 21.715 13.7659 21.2864 13.9044 20.7525'/%3E%3Cpath d='M13.9951 18.7787L13.3325 14.7341C13.2493 14.2268 13.6404 13.7659 14.1539 13.7659H19.335'/%3E%3Cpath d='M19.3351 13.7658C20.3681 13.7658 21.1517 12.8338 20.9755 11.8148L20.27 7.73505C19.6976 4.42561 16.7266 2 13.2453 2H8.59668'/%3E%3C/g%3E%3C/svg%3E")} .rcms-hd-i--play{--rcms-hd-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M21.4086 9.35258C23.5305 10.5065 23.5305 13.4935 21.4086 14.6474L8.59662 21.6145C6.53435 22.736 4 21.2763 4 18.9671L4 5.0329C4 2.72368 6.53435 1.26402 8.59661 2.38548L21.4086 9.35258Z'/%3E%3C/svg%3E")} .rcms-hd-i--home-2{--rcms-hd-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-width='1.5'%3E%3Cpath d='M2 12.2039C2 9.91549 2 8.77128 2.5192 7.82274C3.0384 6.87421 3.98695 6.28551 5.88403 5.10813L7.88403 3.86687C9.88939 2.62229 10.8921 2 12 2C13.1079 2 14.1106 2.62229 16.116 3.86687L18.116 5.10812C20.0131 6.28551 20.9616 6.87421 21.4808 7.82274C22 8.77128 22 9.91549 22 12.2039V13.725C22 17.6258 22 19.5763 20.8284 20.7881C19.6569 22 17.7712 22 14 22H10C6.22876 22 4.34315 22 3.17157 20.7881C2 19.5763 2 17.6258 2 13.725V12.2039Z'/%3E%3Cpath d='M12 15L12 18'/%3E%3C/g%3E%3C/svg%3E")} .rcms-hd-i--notebook{--rcms-hd-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-width='1.5'%3E%3Cpath d='M3 8C3 5.17157 3 3.75736 3.87868 2.87868C4.75736 2 6.17157 2 9 2H15C17.8284 2 19.2426 2 20.1213 2.87868C21 3.75736 21 5.17157 21 8V16C21 18.8284 21 20.2426 20.1213 21.1213C19.2426 22 17.8284 22 15 22H9C6.17157 22 4.75736 22 3.87868 21.1213C3 20.2426 3 18.8284 3 16V8Z'/%3E%3Cpath d='M8 2.5V22'/%3E%3Cpath d='M2 12H4'/%3E%3Cpath d='M2 16H4'/%3E%3Cpath d='M2 8H4'/%3E%3Cpath d='M11.5 6.5H16.5'/%3E%3Cpath d='M11.5 10H16.5'/%3E%3C/g%3E%3C/svg%3E")} .rcms-hd-i--arrow-right{--rcms-hd-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M4 12H20M14 18L20 12L14 6'/%3E%3C/svg%3E")} /* Handy-Rahmen fuer App-Screenshots (Android, Titan, Kamera-Loch, Tasten rechts). Quelle: store-canvas-gen.py phone(android=True), Masse aus Board Artikel-Mobile (243 px). Einsatz:
, img ohne eigenes Styling. */ .rcms-phone{position:relative;display:block;width:fit-content;max-width:100%;margin:8px auto 36px;padding:3px;box-sizing:border-box;border-radius:34px;background:linear-gradient(135deg,#8E9299 0%,#5C6068 18%,#2B2E34 42%,#3C4048 60%,#6C7078 82%,#9A9EA5 100%);box-shadow:0 13px 26px rgba(52,66,111,.28),0 3px 7px rgba(52,66,111,.14);line-height:0;} .rcms-phone.rcms-phone img{display:block;width:280px;max-width:100%;height:auto;margin:0;box-sizing:border-box;border:6px solid #0A0A0C;border-radius:31px;background:#000000;box-shadow:none;} .rcms-phone::before{content:"";position:absolute;right:-2px;top:84px;width:2px;height:75px;border-radius:1px;background:linear-gradient(180deg,#5C6068 0 22px,transparent 22px 31px,#5C6068 31px 75px);} .rcms-phone::after{content:"";position:absolute;left:50%;top:15px;width:10px;height:10px;transform:translateX(-50%);border-radius:50%;background:#0A0A0C;box-shadow:inset 0 0 0 1px #15171B;} .rcms-phone figcaption{line-height:1.5;} @media (max-width:600px){.rcms-phone.rcms-phone img{width:243px;}} /* REPAIRCMS HELPDESK UMBAU B: KOPF UND FOOTER (Phase 2, 2026-09-27) Klassen hd-h-* (Kopf) und hd-f-* (Footer) fuer die Atomic-Vorlagen. Doppelte Klasse schlaegt die Atomic-Grundstile (e-flexbox hat 10px Innenabstand). Verhalten: Skript hd-js im Kopf. */ .hd-h.hd-h{display:flex;flex-direction:column;padding:0;background:#FFFFFF;box-shadow:0 1px 0 var(--rcms-hd-card-border);position:relative;z-index:100;color:var(--web-color-text);} .hd-h-bar.hd-h-bar{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:32px;width:100%;max-width:1440px;min-height:76px;margin:0 auto;padding:0 clamp(16px,5.5vw,80px);box-sizing:border-box;} .hd-h-logo.hd-h-logo{display:flex;align-items:center;flex:none;padding:0;} .hd-h-logo-img.hd-h-logo-img{display:block;height:32px;width:auto;} .hd-h-search.hd-h-search{display:flex;flex:1 1 auto;align-items:center;gap:10px;min-width:0;max-width:520px;height:46px;padding:0 14px;box-sizing:border-box;background:var(--rcms-hd-field-bg);border:1px solid var(--web-color-field-border);border-radius:12px;} .hd-h-search.hd-h-search:focus-within{outline:2px solid var(--web-color-link);outline-offset:2px;} .hd-h-ic.hd-h-ic{display:block;flex:none;width:20px;height:20px;line-height:0;} .hd-h-search .hd-h-ic{color:var(--web-color-muted);} .hd-h-search .elementor-widget-betterdocs-search-form{flex:1 1 auto;min-width:0;width:auto !important;max-width:none !important;margin:0 !important;} .hd-h-search .betterdocs-search-form-wrapper,.hd-h-search .betterdocs-live-search,.hd-h-search .betterdocs-searchform,.hd-h-search .betterdocs-searchform-input-wrap{margin:0 !important;padding:0 !important;background:transparent !important;border:0 !important;box-shadow:none !important;width:100% !important;max-width:none !important;} .hd-h-search .docs-search-icon{display:none !important;} .hd-h-search .betterdocs-searchform .betterdocs-search-field{height:40px !important;padding:0 !important;margin:0 !important;border:0 !important;background:transparent !important;box-shadow:none !important;outline:0 !important;font-family:inherit !important;font-size:16px !important;font-weight:400 !important;color:var(--web-color-text) !important;} .hd-h-search .betterdocs-search-field::placeholder{color:var(--web-color-muted) !important;opacity:1 !important;} .hd-h-nav.hd-h-nav{display:flex;flex-direction:row;align-items:center;gap:28px;margin-left:auto;padding:0;} .hd-h-link.hd-h-link{font-size:15px;font-weight:500;line-height:1.2;color:var(--web-color-text);white-space:nowrap;} .hd-h-link.hd-h-link:hover{color:var(--web-color-link);} .hd-h a:focus-visible,.hd-h a.hd-lang:focus-visible,.hd-h-sbtn:focus-visible,.hd-h-burger:focus-visible{outline:2px solid var(--web-color-link) !important;outline-offset:2px;border-radius:6px;} .hd-lang.hd-h-lang{display:inline-flex;flex-direction:row;align-items:center;gap:8px;height:40px;padding:0 14px;box-sizing:border-box;border:1px solid var(--web-color-field-border);border-radius:10px;background:#FFFFFF;color:var(--web-color-text);font-size:14px;font-weight:500;line-height:1;text-decoration:none;cursor:pointer;} .hd-lang.hd-h-lang:hover{background:var(--rcms-hd-field-bg);} .hd-lang-t.hd-lang-t{font:inherit;color:inherit;line-height:1;} .hd-h-sbtn.hd-h-sbtn,.hd-h-burger.hd-h-burger{display:none;align-items:center;justify-content:center;flex:none;width:44px;height:44px;padding:0;color:var(--web-color-text);cursor:pointer;} .hd-h-burger .hd-h-ic-x{display:none;} @media (max-width:1024px){ .hd-h-bar.hd-h-bar{flex-wrap:wrap;gap:4px;min-height:64px;padding:0 8px 0 16px;} .hd-h-logo.hd-h-logo{flex:1 1 auto;min-height:64px;} .hd-h-logo-img.hd-h-logo-img{height:28px;} .hd-h-sbtn.hd-h-sbtn,.hd-h-burger.hd-h-burger{display:flex;} .hd-h-search.hd-h-search,.hd-h-nav.hd-h-nav{display:none;} html.hd-search-open .hd-h-search.hd-h-search{display:flex;order:10;flex:1 1 100%;max-width:none;height:48px;margin:0 8px 12px 0;} html.hd-menu-open .hd-h-nav.hd-h-nav{display:flex;order:11;flex:1 1 100%;flex-direction:column;align-items:stretch;gap:0;margin:0 8px 12px 0;padding:8px 0 0;border-top:1px solid var(--rcms-hd-divider);} html.hd-menu-open .hd-h-link.hd-h-link{display:flex;align-items:center;min-height:48px;font-size:16px;} html.hd-menu-open .hd-lang.hd-h-lang{align-self:flex-start;height:44px;margin-top:8px;} html.hd-menu-open .hd-h-burger .hd-h-ic-menu{display:none;} html.hd-menu-open .hd-h-burger .hd-h-ic-x{display:block;} } .hd-f.hd-f{display:flex;flex-direction:column;padding:56px clamp(16px,5.5vw,80px) 0;background:#283052;color:#FFFFFF;} .hd-f-in.hd-f-in{display:flex;flex-direction:column;width:100%;max-width:1280px;margin:0 auto;padding:0;} .hd-f-top.hd-f-top{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:32px;padding:0 0 40px;} .hd-f-brand.hd-f-brand{grid-column:span 4;display:flex;flex-direction:column;gap:14px;padding:0;} .hd-f-logo.hd-f-logo{display:flex;align-self:flex-start;padding:0;} .hd-f-logo-img.hd-f-logo-img{display:block;height:32px;width:auto;} .hd-f-desc.hd-f-desc{max-width:300px;font-size:15px;line-height:1.6;color:#D6DCEE;} .hd-f-cols.hd-f-cols{grid-column:span 8;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:24px;row-gap:28px;padding:0;} .hd-f-col.hd-f-col{display:flex;flex-direction:column;gap:4px;padding:0;min-width:0;} .hd-f-h.hd-f-h{margin:0 0 8px;font-size:15px;font-weight:600;line-height:1.3;color:#FFFFFF;} .hd-f-link.hd-f-link{display:flex;align-items:center;min-height:32px;font-size:15px;line-height:1.35;color:#D6DCEE;} .hd-f-link.hd-f-link:hover{color:#FFFFFF;text-decoration:underline;} .hd-f a:focus-visible{outline:2px solid #FFFFFF !important;outline-offset:2px;border-radius:4px;} .hd-f-bottom.hd-f-bottom{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:16px;min-height:72px;padding:0;border-top:1px solid rgba(255,255,255,.14);} .hd-f-copy.hd-f-copy{font-size:14px;line-height:1.4;color:#C9D2EA;} .hd-lang.hd-f-lang{display:inline-flex;flex-direction:row;align-items:center;gap:8px;height:40px;padding:0 14px;box-sizing:border-box;border:1px solid rgba(255,255,255,.3);border-radius:10px;color:#FFFFFF;font-size:14px;font-weight:500;line-height:1;text-decoration:none;cursor:pointer;} .hd-lang.hd-f-lang:hover{background:rgba(255,255,255,.08);} .hd-f .hd-h-ic{color:#FFFFFF;} @media (max-width:1024px){ .hd-f-brand.hd-f-brand,.hd-f-cols.hd-f-cols{grid-column:1 / -1;} } @media (max-width:767px){ .hd-f.hd-f{padding:40px 16px 0;} .hd-f-top.hd-f-top{row-gap:28px;padding-bottom:28px;} .hd-f-desc.hd-f-desc{max-width:none;line-height:1.55;} .hd-f-cols.hd-f-cols{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px;} .hd-f-link.hd-f-link{min-height:44px;} .hd-f-bottom.hd-f-bottom{padding:18px 0 96px;} .hd-f-copy.hd-f-copy{font-size:13px;} } /* Phase 2 Korrektur 1: Atomic-Boxen sind per e-con 100 % breit, hier auf Inhaltsbreite. Logo-Verhaeltnis fest (SVG ohne Masse). */ .hd-h-logo.hd-h-logo,.hd-h-search.hd-h-search,.hd-h-nav.hd-h-nav,.hd-lang.hd-lang,.hd-h-sbtn.hd-h-sbtn,.hd-h-burger.hd-h-burger,.hd-f-logo.hd-f-logo{width:auto;} .hd-h-sbtn.hd-h-sbtn,.hd-h-burger.hd-h-burger{width:44px;} .hd-h-logo-img.hd-h-logo-img,.hd-f-logo-img.hd-f-logo-img{width:auto;max-width:none;aspect-ratio:132 / 34;} @media (max-width:1024px){ .hd-h-logo.hd-h-logo{flex:1 1 0;min-width:0;} html.hd-search-open .hd-h-search.hd-h-search,html.hd-menu-open .hd-h-nav.hd-h-nav{width:auto;} } /* Phase 2 Korrektur 2: Trefferliste der Kopfsuche so breit wie das Suchfeld. Sprachknopf im Footer links neben der Chat-Blase. */ .hd-h-search .elementor-widget-betterdocs-search-form,.hd-h-search .betterdocs-live-search,.hd-h-search .betterdocs-searchform{position:static !important;} .hd-h-search .betterdocs-searchform-input-wrap{position:relative !important;} .hd-h-search .betterdocs-search-result-wrap{top:calc(100% + 6px) !important;left:-1px !important;right:-1px !important;width:auto !important;max-width:none !important;background:#FFFFFF !important;border:1px solid var(--rcms-hd-card-border) !important;border-radius:12px !important;box-shadow:var(--rcms-hd-shadow) !important;overflow:hidden;} @media (min-width:768px){ .hd-f-bottom.hd-f-bottom{padding-right:72px;} } /* Phase 2 Korrektur 3: BetterDocs legt die Liste absolut in die Huelle, deshalb Rand und Schatten an die Liste. */ .hd-h-search .betterdocs-search-result-wrap{border:0 !important;box-shadow:none !important;background:transparent !important;overflow:visible !important;} .hd-h-search .betterdocs-search-result-wrap .docs-search-result{left:0 !important;right:0 !important;width:auto !important;background:#FFFFFF !important;border:1px solid var(--rcms-hd-card-border) !important;border-radius:12px !important;box-shadow:var(--rcms-hd-shadow) !important;} /* Phase 2 Teil 4: Suchtreffer nach Board Suche-offen (Titel, Schild, Kategorie, Pfeil), Handy-Menue als Panel mit Sprachumschalter. */ .hd-h-search .betterdocs-search-result-wrap .docs-search-result{max-height:min(480px,calc(100vh - 140px)) !important;overflow-y:auto !important;padding:4px 0 !important;margin:0 !important;list-style:none !important;} .hd-h-search .docs-search-result>li{display:block !important;margin:0 !important;padding:0 !important;border:0 !important;background:transparent !important;} .hd-h-search .docs-search-result>li>img{display:none !important;} .hd-h-search .docs-search-result>li>a{position:relative;display:block !important;min-height:64px;box-sizing:border-box;padding:12px 44px 12px 16px !important;border-bottom:1px solid var(--rcms-hd-divider) !important;color:var(--web-color-text) !important;text-decoration:none !important;background:transparent;} .hd-h-search .docs-search-result>li:last-child>a{border-bottom:0 !important;} .hd-h-search .docs-search-result>li>a:hover,.hd-h-search .docs-search-result>li>a:focus-visible{background:var(--rcms-hd-field-bg) !important;outline:0;} .hd-h-search .docs-search-result>li>a::after,html.hd-menu-open .hd-h-link.hd-h-link a::after{content:"";flex:none;width:18px;height:18px;background-color:var(--web-color-muted);-webkit-mask:url('/wp-content/uploads/rcms-icons/solar-alt-arrow-right.svg') center/contain no-repeat;mask:url('/wp-content/uploads/rcms-icons/solar-alt-arrow-right.svg') center/contain no-repeat;} .hd-h-search .docs-search-result>li>a::after{position:absolute;right:16px;top:50%;margin-top:-9px;} .hd-h-search .docs-search-result br{display:none;} .hd-h-search .betterdocs-search-title{display:block !important;margin:0 0 5px !important;font-size:16px !important;font-weight:500 !important;line-height:1.35 !important;color:var(--web-color-text) !important;white-space:normal !important;overflow:visible !important;text-overflow:clip !important;} .hd-h-search .betterdocs-search-category{display:inline !important;margin:0 !important;padding:0 !important;border:0 !important;background:none !important;font-size:13px !important;line-height:1.4 !important;color:var(--web-color-muted) !important;text-decoration:none !important;} .hd-h-search .hd-sr-tag{margin-right:8px;height:22px;font-size:12px;vertical-align:1px;} .hd-mark{background:var(--rcms-hd-app-tint);color:inherit;border-radius:4px;padding:0 2px;} .hd-h-mlang.hd-h-mlang{display:none;} .hd-h-sbtn .hd-h-ic-x{display:none;} @media (max-width:1024px){ .hd-h-search .betterdocs-search-result-wrap .docs-search-result{left:-17px !important;right:-17px !important;border-radius:0 !important;border-left:0 !important;border-right:0 !important;max-height:calc(100vh - 130px) !important;} html.hd-search-open .hd-h-sbtn .hd-h-ic-search{display:none;} html.hd-search-open .hd-h-sbtn .hd-h-ic-x{display:block;} html.hd-menu-open{overflow:hidden;} .hd-h-bar.hd-h-bar{position:relative;} html.hd-menu-open .hd-h-nav.hd-h-nav{position:absolute;top:100%;left:0;right:0;z-index:2;margin:0;padding:8px 16px 24px;box-sizing:border-box;background:#FFFFFF;border-top:1px solid var(--rcms-hd-divider);box-shadow:0 18px 32px rgba(40,48,82,.16);max-height:calc(100vh - 64px);overflow-y:auto;} html.hd-menu-open .hd-h::after{content:"";position:fixed;left:0;right:0;top:64px;bottom:0;background:rgba(40,48,82,.36);z-index:1;} html.hd-menu-open .hd-h-bar.hd-h-bar{z-index:2;} html.hd-menu-open .hd-h-link.hd-h-link{display:flex;min-height:56px;padding:0;font-size:17px;font-weight:500;border-bottom:1px solid var(--rcms-hd-divider);} html.hd-menu-open .hd-h-link.hd-h-link a{flex:1 1 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:0 4px;cursor:pointer;} html.hd-menu-open .hd-lang.hd-h-lang{display:none;} html.hd-menu-open .hd-h-mlang.hd-h-mlang{display:flex;flex-direction:row;gap:4px;margin-top:20px;padding:4px;background:var(--web-color-bg);border-radius:12px;} .hd-mlang-a.hd-mlang-a{flex:1 1 0;display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 12px;border-radius:9px;font-size:15px;font-weight:500;color:var(--web-color-muted);text-decoration:none;cursor:pointer;} .hd-mlang-a.is-active{background:var(--web-color-link);color:#FFFFFF;cursor:default;} } /* Phase 2 Korrektur 5: Markierung ohne Luecke im Wort, Leer-Hinweis der Suche. */ .hd-mark.hd-mark{padding:0;border-radius:3px;} .hd-h-search .docs-search-result>li.hd-sr-empty{padding:16px !important;font-size:15px;line-height:1.5;color:var(--web-color-muted);} /* Phase 2 Korrektur 6 (Zafer 2026-09-28): Such-, Menue- und Schliessen-Icon im Handy-Kopf zu klein, 20 auf 26 px. Tippflaeche bleibt 44 px. */ .hd-h-sbtn .hd-h-ic.hd-h-ic,.hd-h-burger .hd-h-ic.hd-h-ic{width:26px;height:26px;} /* Phase 2 Korrektur 7 (2026-09-28): Schibsted ist breiter als Roboto, lange deutsche Einzelwoerter (Auftragsabwicklung) liefen in der Artikel- und Kategorie-H1 auf dem Handy ueber den Rand. Regelwerk 15.1 H1 mobil 28px/1.18 plus Trennung. Faellt weg mit dem Neubau der Vorlagen in Phase 4/5. */ @media (max-width:767px){.elementor-960 h1.elementor-heading-title,.elementor-223 h1,.elementor-223 .betterdocs-entry-title{font-size:28px !important;line-height:1.18 !important;}} .elementor-960 h1.elementor-heading-title,.elementor-223 h1{overflow-wrap:break-word;hyphens:auto;} /* Phase 2 Korrektur 8 (2026-09-28): Reaktions-Frage (BetterDocs) ist ein Flex-Kind ohne min-width:0, in Schibsted breiter als die Spalte, Kategorieseiten scrollten auf dem Handy 14 px seitlich. */ .betterdocs-article-reactions .betterdocs-article-reactions-heading{min-width:0;flex-shrink:1;} .betterdocs-article-reactions .betterdocs-reactions-title-tag{white-space:normal;overflow-wrap:break-word;} /* HD-KB START */ /* REPAIRCMS HELPDESK UMBAU B: KB-BAUSTEINE (Phasen 3 bis 6, 2026-09-28) Startseite (.hd-home), Suche (.hd-s), Themen (.hd-tile), FAQ (.hd-faq, .hd-q), Kategorie (.hd-cat), Artikel (.hd-art). Markup aus rcms-hd-kb.php (Sandbox), Verhalten aus uploads/rcms-hd/rcms-hd.js. Buttons setzen Hintergrund, Rand und Farbe selbst, weil Hello Elementor button:hover pink faerbt. */ .hd-sr{position:absolute !important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;} .hd-wrap{box-sizing:border-box;width:100%;max-width:1440px;margin:0 auto;padding-left:clamp(16px,5.5vw,80px);padding-right:clamp(16px,5.5vw,80px);} .hd-sh{display:none !important;} .hd-tpl.hd-tpl{display:block;padding:0;} .hd-tpl>.elementor-widget,.hd-home .elementor-widget{width:100%;} body:has(.hd-home),body:has(.hd-cat){background:var(--web-color-bg);} body:has(.hd-art){background:#FFFFFF;} .hd-back{display:none;} .hd-h2.hd-h2{margin:0;font-size:26px;line-height:1.3;font-weight:600;color:var(--web-color-text);letter-spacing:-.2px;} .hd-h3.hd-h3{margin:0;font-size:19px;line-height:1.3;font-weight:600;color:var(--web-color-text);} .hd-home button,.hd-cat button,.hd-art button,.hd-s button{font-family:inherit;text-transform:none;letter-spacing:normal;} /* Suche */ .hd-s{position:relative;margin:0;} .hd-s-field{display:flex;align-items:center;gap:12px;box-sizing:border-box;background:var(--rcms-hd-field-bg);border:1px solid var(--web-color-field-border);color:var(--web-color-text);} .hd-s-field>.rcms-hd-i--magnifier{color:var(--web-color-muted);} .hd-s-field:focus-within{outline:2px solid var(--web-color-link);outline-offset:2px;} .hd-s .hd-s-input{flex:1 1 auto;min-width:0;height:44px;margin:0;padding:0 !important;border:0 !important;border-radius:0;outline:0 !important;background:transparent !important;box-shadow:none !important;color:var(--web-color-text);font:inherit;font-size:16px;line-height:1.3;-webkit-appearance:none;appearance:none;} .hd-s .hd-s-input::placeholder{color:var(--web-color-muted);opacity:1;} .hd-s .hd-s-input::-webkit-search-cancel-button,.hd-s .hd-s-input::-webkit-search-decoration{-webkit-appearance:none;display:none;} .hd-s .hd-s-clear,.hd-s .hd-s-clear:hover,.hd-s .hd-s-clear:focus{display:flex;align-items:center;justify-content:center;flex:none;width:40px;height:40px;margin:0;padding:0;border:0;border-radius:999px;background:transparent;color:var(--web-color-muted);cursor:pointer;} .hd-s .hd-s-clear:hover{background:var(--web-color-bg);color:var(--web-color-text);} .hd-s .hd-s-clear[hidden]{display:none;} .hd-s .hd-s-go,.hd-s .hd-s-go:focus{flex:none;height:46px;margin:0;padding:0 22px;border:0;border-radius:11px;background:var(--web-color-link);color:#FFFFFF;font-size:16px;font-weight:500;line-height:1;cursor:pointer;} .hd-s .hd-s-go:hover{background:var(--web-color-link-hover);color:#FFFFFF;} .hd-s .hd-s-go:focus-visible{outline:2px solid var(--web-color-link);outline-offset:2px;} .hd-s--hero{display:flex;flex-direction:column;gap:12px;} .hd-s--hero .hd-s-field{height:60px;padding:0 8px 0 20px;border-radius:16px;} .hd-s--hero .hd-s-input{height:48px;font-size:17px;} .hd-s--hero .hd-s-scope{align-self:flex-start;} .rcms-hd-seg button:hover{background:var(--rcms-hd-field-bg);color:var(--web-color-text);} .rcms-hd-seg button[aria-pressed="true"]:hover{background:var(--web-color-link);color:#FFFFFF;} .rcms-hd-seg button{border:0;box-shadow:none;} .hd-s--cat .hd-s-field{height:48px;padding:0 6px 0 14px;gap:10px;border-radius:12px;} .hd-s-res{position:absolute;z-index:60;left:0;right:0;top:calc(100% + 6px);box-sizing:border-box;max-height:min(520px,calc(100vh - 160px));overflow-y:auto;overscroll-behavior:contain;padding:6px 0;background:#FFFFFF;border:1px solid var(--rcms-hd-card-border);border-radius:12px;box-shadow:0 14px 40px rgba(52,66,111,.16);text-align:left;} .hd-s-res[hidden]{display:none;} .hd-s--hero .hd-s-res{top:66px;} .hd-s-chips{display:flex;flex-wrap:wrap;gap:8px;padding:10px 16px 4px;} .hd-s .hd-s-chip,.hd-s .hd-s-chip:focus{height:34px;margin:0;padding:0 14px;border:0;border-radius:999px;background:var(--rcms-hd-app-tint);color:var(--web-color-link);font-size:14px;font-weight:500;line-height:1;cursor:pointer;} .hd-s .hd-s-chip:hover{background:#D9E9FF;color:var(--web-color-link);} .hd-s .hd-s-chip[aria-pressed="true"],.hd-s .hd-s-chip[aria-pressed="true"]:hover{background:var(--web-color-link);color:#FFFFFF;} .hd-s-grp{padding:6px 0 2px;} .hd-s-grp-h{margin:0;padding:6px 16px 4px;font-size:13px;font-weight:500;line-height:1.3;letter-spacing:.3px;color:var(--web-color-muted);} .hd-s .hd-s-item,.hd-s .hd-s-item:focus{display:flex;align-items:center;gap:12px;width:100%;min-height:60px;box-sizing:border-box;margin:0;padding:10px 16px;border:0;border-bottom:1px solid var(--rcms-hd-divider);border-radius:0;background:transparent;color:var(--web-color-text);font-size:inherit;font-weight:400;text-align:left;text-decoration:none;cursor:pointer;} .hd-s .hd-s-grp .hd-s-item:last-child{border-bottom:0;} .hd-s .hd-s-item:hover,.hd-s .hd-s-item:focus-visible{background:var(--rcms-hd-field-bg);color:var(--web-color-text);outline:0;} .hd-s .hd-s-item:focus-visible{box-shadow:inset 3px 0 0 var(--web-color-link);} .hd-s-tx{display:flex;flex:1 1 auto;flex-direction:column;gap:4px;min-width:0;} .hd-s-t{font-size:16px;font-weight:500;line-height:1.35;color:var(--web-color-text);} .hd-s-m{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;line-height:1.4;color:var(--web-color-muted);} .hd-s-m .rcms-hd-tag{height:22px;} .hd-s-item>.rcms-hd-i{width:18px;height:18px;color:var(--web-color-muted);transition:transform .15s;} .hd-s-q[aria-expanded="true"]>.rcms-hd-i{transform:rotate(180deg);} .hd-s-ans{font-size:14px;font-weight:400;line-height:1.55;color:var(--rcms-hd-text-2);} .hd-s-ans[hidden]{display:none;} .hd-s-empty{padding:14px 16px 10px;} .hd-s-empty-t{margin:0 0 6px;font-size:16px;font-weight:500;line-height:1.4;color:var(--web-color-text);} .hd-s-empty-h{margin:0 0 6px;font-size:14px;line-height:1.5;color:var(--web-color-muted);} .hd-s-empty-h a{color:var(--web-color-link);text-decoration:underline;} /* Suche im Kopf ersetzt die BetterDocs-Suche */ .hd-h .elementor-widget-rcms-hd-search{flex:1 1 auto;min-width:0;max-width:520px;width:auto;} .hd-h .hd-s--header .hd-s-field{height:46px;padding:0 6px 0 14px;gap:10px;border-radius:12px;} .hd-h .hd-s--header .hd-s-input{height:40px;} body:has(.hd-home) .hd-h .elementor-widget-rcms-hd-search,body:has(.hd-home) .hd-h-sbtn.hd-h-sbtn{display:none !important;} @media (max-width:1024px){ .hd-h .elementor-widget-rcms-hd-search{display:none;} html.hd-search-open .hd-h .elementor-widget-rcms-hd-search{display:block;order:10;flex:1 1 100%;max-width:none;margin:0 8px 12px 0;} .hd-h .hd-s--header .hd-s-field{height:48px;} .hd-h .hd-s--header .hd-s-res{left:-17px;right:-9px;border-radius:0;border-left:0;border-right:0;max-height:calc(100vh - 140px);} } /* Startseite */ .hd-home.hd-home{display:block;padding:0;} .hd-hero.hd-hero{display:block;padding:40px 0 56px;background:#FFFFFF;box-shadow:0 1px 0 var(--rcms-hd-card-border);} .hd-hero-in.hd-hero-in{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:center;box-sizing:border-box;width:100%;max-width:1440px;margin:0 auto;padding:0 clamp(16px,5.5vw,80px);} .hd-hero-l.hd-hero-l{grid-column:span 7;display:flex;flex-direction:column;gap:18px;min-width:0;padding:0;} .hd-eyebrow.hd-eyebrow{margin:0;font-size:14px;font-weight:500;line-height:1.3;letter-spacing:.3px;color:var(--web-color-link);} .hd-hero-h1.hd-hero-h1{margin:0;font-size:40px;font-weight:700;line-height:1.2;letter-spacing:-.4px;color:var(--web-color-text);} .hd-appcard.hd-appcard{grid-column:9 / span 4;display:flex;flex-direction:column;align-items:stretch;gap:14px;box-sizing:border-box;padding:28px;border-radius:20px;background:var(--web-color-link);color:#FFFFFF;text-decoration:none;} .hd-appcard.hd-appcard:hover{background:var(--web-color-link-hover);color:#FFFFFF;} .hd-appcard.hd-appcard:focus-visible{outline:2px solid var(--web-color-link);outline-offset:3px;} .hd-appcard-ic.hd-appcard-ic{display:block;flex:none;width:32px;height:32px;color:#FFFFFF;line-height:0;} .hd-appcard-ic svg,.hd-appcard-ar svg{width:100%;height:100%;} .hd-appcard-tx.hd-appcard-tx{display:flex;flex-direction:column;gap:14px;padding:0;} .hd-appcard-t.hd-appcard-t{font-size:22px;font-weight:600;line-height:1.3;color:#FFFFFF;} .hd-appcard-p.hd-appcard-p{margin:0;font-size:16px;line-height:1.55;color:#EAF3FF;} .hd-appcard-b.hd-appcard-b{align-self:flex-start;display:flex;align-items:center;height:44px;margin-top:4px;padding:0 18px;border-radius:12px;background:#FFFFFF;color:var(--web-color-link);font-size:15px;font-weight:500;line-height:1;} .hd-appcard-ar.hd-appcard-ar{display:none;} .hd-home-main.hd-home-main{display:flex;flex-direction:column;gap:56px;box-sizing:border-box;width:100%;max-width:1440px;margin:0 auto;padding:48px clamp(16px,5.5vw,80px) 64px;} .hd-topics{display:flex;flex-direction:column;gap:20px;} .hd-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;} .hd-tile{display:flex;flex-direction:column;gap:8px;min-width:0;min-height:150px;box-sizing:border-box;padding:24px;color:var(--web-color-text);text-decoration:none;transition:box-shadow .15s,border-color .15s;} .hd-tile[hidden]{display:none;} .hd-tile:hover{border-color:#C9D4E8;box-shadow:0 12px 28px rgba(52,66,111,.12);color:var(--web-color-text);} .hd-tile:focus-visible{outline:2px solid var(--web-color-link);outline-offset:2px;} .hd-tile .rcms-hd-tag{align-self:flex-start;} .hd-tile-name{font-size:18px;font-weight:600;line-height:1.3;} .hd-tile-desc{flex-grow:1;font-size:15px;line-height:1.5;color:var(--web-color-muted);} .hd-tile-count{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:14px;font-weight:500;color:var(--web-color-link);} .hd-tile-count .rcms-hd-i{display:none;width:18px;height:18px;color:var(--web-color-primary);} .hd-faq{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:start;} .hd-faq-side{grid-column:span 4;display:flex;flex-direction:column;gap:16px;min-width:0;} .hd-ftabs{display:flex;flex-direction:column;gap:6px;} .hd-faq .hd-ftab,.hd-faq .hd-ftab:focus{display:flex;align-items:center;width:100%;min-height:48px;margin:0;padding:0 16px;border:0;border-radius:12px;background:transparent;color:var(--rcms-hd-text-2);font-size:16px;font-weight:400;line-height:1.3;text-align:left;cursor:pointer;} .hd-faq .hd-ftab:hover{background:#FFFFFF;color:var(--web-color-text);} .hd-faq .hd-ftab[aria-selected="true"],.hd-faq .hd-ftab[aria-selected="true"]:hover{background:var(--web-color-link);color:#FFFFFF;font-weight:500;} .hd-fpanels{grid-column:5 / span 8;min-width:0;margin-top:56px;} .hd-fpanel-h{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;} html.hd-js .hd-fpanel:not(.is-active){display:none;} html:not(.hd-js) .hd-ftabs{display:none;} html:not(.hd-js) .hd-fpanel{margin-bottom:16px;} .hd-q{border-bottom:1px solid var(--rcms-hd-divider);} .hd-q:last-child{border-bottom:0;} .hd-q-s{display:flex;align-items:flex-start;gap:12px;min-height:56px;box-sizing:border-box;padding:18px 24px;list-style:none;cursor:pointer;font-size:17px;font-weight:500;line-height:1.4;color:var(--web-color-text);} .hd-q-s::-webkit-details-marker{display:none;} .hd-q-s::marker{content:"";} .hd-q-t{flex:1 1 auto;min-width:0;} .hd-q-s .rcms-hd-i{margin-top:2px;color:var(--web-color-primary);} .hd-q .rcms-hd-i--minus-circle,.hd-q[open] .rcms-hd-i--add-circle{display:none;} .hd-q[open] .rcms-hd-i--minus-circle{display:inline-block;} .hd-q-s:hover{background:var(--rcms-hd-field-bg);} .hd-q-s:focus-visible{outline:2px solid var(--web-color-link);outline-offset:-2px;border-radius:12px;} .hd-q-a{padding:0 24px 20px;font-size:16px;line-height:1.6;color:var(--rcms-hd-text-2);} .hd-q-a p{margin:0 0 10px;} .hd-q-a p:last-child{margin:0;} .hd-q-a a{color:var(--web-color-link);text-decoration:underline;} .hd-end.hd-end{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:wrap;gap:16px;padding:0;} .hd-end-q.hd-end-q{margin:0;font-size:16px;line-height:1.5;color:var(--rcms-hd-text-2);} .hd-end-b.hd-end-b{display:flex;flex-direction:row;gap:12px;padding:0;} .hd-end-btn.hd-end-btn{display:inline-flex;align-items:center;justify-content:center;width:auto;min-height:48px;padding:0 24px;} .hd-btn-t.hd-btn-t{font:inherit;font-size:15px;font-weight:500;line-height:1.2;color:inherit;} /* Kategorie */ .hd-cat-head{padding:28px 0 36px;background:#FFFFFF;box-shadow:0 1px 0 var(--rcms-hd-card-border);} .hd-bc ol{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0;padding:0;list-style:none;font-size:14px;line-height:1.4;color:var(--web-color-muted);} .hd-bc li{display:inline-flex;align-items:center;gap:6px;margin:0;padding:0;} .hd-bc a{color:var(--web-color-link);text-decoration:none;} .hd-bc a:hover{text-decoration:underline;} .hd-bc .rcms-hd-i{width:16px;height:16px;color:var(--web-color-muted);} .hd-cat-row{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-top:14px;} .hd-cat-intro{display:flex;flex-direction:column;gap:10px;min-width:0;max-width:640px;} .hd-cat-title{display:flex;align-items:center;gap:14px;min-width:0;} .hd-cat-ic{display:flex;align-items:center;justify-content:center;flex:none;width:52px;height:52px;border-radius:14px;background:var(--web-color-primary);color:#FFFFFF;} .hd-cat-ic .rcms-hd-i{width:28px;height:28px;} .hd-cat .hd-cat-title h1{min-width:0;margin:0;font-size:36px;font-weight:700;line-height:1.2;letter-spacing:-.3px;color:var(--web-color-text);overflow-wrap:break-word;hyphens:auto;} .hd-cat-desc{margin:0;font-size:17px;line-height:1.65;color:var(--rcms-hd-text-2);} .hd-cat-count{display:flex;align-items:center;gap:10px;margin:0;font-size:14px;line-height:1.4;color:var(--web-color-muted);} .hd-cat .hd-s--cat{flex:none;width:360px;} .hd-cat-main{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:32px;align-items:start;padding-top:40px;padding-bottom:72px;} .hd-cat-nav{grid-column:span 3;display:flex;flex-direction:column;gap:2px;padding:16px 8px;box-shadow:none;} .hd-cat-nav-h{padding:0 14px 8px;font-size:15px;font-weight:600;line-height:1.3;color:var(--web-color-text);} .hd-cat-nav a{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:10px;font-size:15px;line-height:1.35;color:var(--web-color-text);text-decoration:none;} .hd-cat-nav a:hover{background:var(--rcms-hd-field-bg);color:var(--web-color-text);} .hd-cat-nav-n{color:var(--web-color-muted);} .hd-cat-nav a[aria-current="page"],.hd-cat-nav a[aria-current="page"]:hover{background:var(--web-color-link);color:#FFFFFF;font-weight:500;} .hd-cat-nav a[aria-current="page"] .hd-cat-nav-n{color:#FFFFFF;} .hd-cat-nav a:focus-visible,.hd-row:focus-visible,.hd-pn-a:focus-visible,.hd-toc a:focus-visible,.hd-more a:focus-visible,.hd-back:focus-visible{outline:2px solid var(--web-color-link);outline-offset:2px;} .hd-cat-lists{grid-column:span 9;display:flex;flex-direction:column;gap:32px;min-width:0;} .hd-list-sec{display:flex;flex-direction:column;gap:10px;scroll-margin-top:24px;} .hd-list{display:flex;flex-direction:column;overflow:hidden;} .hd-row{display:flex;align-items:center;gap:14px;padding:18px 22px;border-bottom:1px solid var(--rcms-hd-divider);color:var(--web-color-text);text-decoration:none;} .hd-row:last-child{border-bottom:0;} .hd-row:hover{background:var(--rcms-hd-field-bg);color:var(--web-color-text);} .hd-row-tx{display:flex;flex:1 1 auto;flex-direction:column;gap:4px;min-width:0;} .hd-row-t{font-size:17px;font-weight:500;line-height:1.4;} .hd-row-d{font-size:15px;line-height:1.5;color:var(--web-color-muted);} .hd-row>.rcms-hd-i{color:var(--web-color-muted);} .hd-empty{margin:0;padding:24px;font-size:16px;color:var(--rcms-hd-text-2);} /* Artikel */ .hd-art{padding:32px 0 72px;} .hd-art-grid{display:grid;grid-template-columns:minmax(0,1fr) 220px;column-gap:40px;row-gap:32px;align-items:start;} .hd-art-grid>*{grid-column:1;min-width:0;} .hd-art-grid>.hd-art-aside{grid-column:2;grid-row:1 / span 6;position:sticky;top:24px;display:flex;flex-direction:column;gap:28px;max-height:calc(100vh - 48px);overflow-y:auto;} .admin-bar .hd-art-grid>.hd-art-aside{top:56px;} .hd-art-head{display:flex;flex-direction:column;gap:14px;} .hd-art-h1.hd-art-h1{margin:0;font-size:38px;font-weight:700;line-height:1.2;letter-spacing:-.4px;color:var(--web-color-text);overflow-wrap:break-word;hyphens:auto;} .hd-art-meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:0;font-size:14px;line-height:1.4;color:var(--web-color-muted);} .hd-art-meta .rcms-hd-tag{height:26px;font-size:13px;} .hd-toc-m{display:none;} .hd-art .rcms-doc{color:var(--web-color-text);font-size:17px;line-height:1.65;} .hd-art .rcms-doc h2,.hd-art .hd-afaq h2{margin:40px 0 14px;font-size:26px;font-weight:600;line-height:1.3;letter-spacing:-.2px;color:var(--web-color-text);scroll-margin-top:24px;} .hd-art .rcms-doc h2:first-of-type{margin-top:12px;} .hd-art .rcms-doc h3{font-size:19px;font-weight:600;} .hd-art .rcms-doc a{color:var(--web-color-link);} .hd-art .rcms-doc .rcms-demo{scroll-margin-top:24px;} .hd-afaq{margin:0;} .hd-flist{margin-top:16px;} .hd-fb{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;padding:20px;border-radius:16px;background:var(--web-color-bg);} .hd-fb-q{margin:0;font-size:17px;font-weight:600;line-height:1.3;color:var(--web-color-text);} .hd-fb-b{display:flex;gap:10px;} .hd-art .hd-fb-btn,.hd-art .hd-fb-btn:focus{min-height:44px;padding:0 20px;border:0;background:#FFFFFF;color:var(--web-color-text);box-shadow:0 0 0 1px var(--web-color-field-border) inset;} .hd-art .hd-fb-btn:hover{background:var(--rcms-hd-field-bg);color:var(--web-color-text);} .hd-art .hd-fb-btn:disabled{opacity:.6;cursor:default;} .hd-fb-btn .rcms-hd-i{width:18px;height:18px;} .hd-pn{display:flex;gap:14px;} .hd-pn-a{display:flex;flex:1 1 0;flex-direction:column;gap:6px;min-width:0;max-width:calc(50% - 7px);box-sizing:border-box;padding:18px 20px;color:var(--web-color-text);text-decoration:none;} .hd-pn-a:hover{border-color:#C9D4E8;color:var(--web-color-text);} .hd-pn-next{align-items:flex-end;margin-left:auto;text-align:right;} .hd-pn-l{display:flex;align-items:center;gap:4px;font-size:13px;line-height:1.3;color:var(--web-color-muted);} .hd-pn-l .rcms-hd-i{width:16px;height:16px;} .hd-pn-t{font-size:16px;font-weight:500;line-height:1.4;} .hd-aside-h{padding:0 12px 8px;font-size:15px;font-weight:600;line-height:1.3;color:var(--web-color-text);} .hd-toc,.hd-more{display:flex;flex-direction:column;gap:2px;} .hd-toc a{padding:6px 12px;border-radius:8px;font-size:14px;line-height:1.45;color:var(--rcms-hd-text-2);text-decoration:none;} .hd-toc a:hover,.hd-toc a.is-active{color:var(--web-color-link);} .hd-toc a.is-active{font-weight:500;} .hd-more{padding-top:20px;border-top:1px solid #DCE3EF;} .hd-more a{padding:9px 12px;border-radius:10px;font-size:14px;line-height:1.4;color:var(--web-color-text);text-decoration:none;} .hd-more a:hover{background:var(--rcms-hd-field-bg);color:var(--web-color-text);} .hd-more a[aria-current="page"],.hd-more a[aria-current="page"]:hover{background:var(--web-color-link);color:#FFFFFF;font-weight:500;} /* App-Screenshots im Android-Rahmen (Entscheid 4), ersetzt den weissen Rahmen */ .hd-art--app .rcms-doc figure.hd-shot.wp-block-image{margin:8px 0 36px;text-align:center;} .hd-art--app .rcms-doc figure.hd-shot .rcms-phone{margin:0 auto 12px;} .hd-art--app .rcms-doc figure.hd-shot.wp-block-image .rcms-phone img{display:block;width:280px;max-width:100%;height:auto;margin:0;border:6px solid #0A0A0C;border-radius:31px;background:#000000;box-shadow:none;} .hd-art--app .rcms-doc figure.hd-shot figcaption{font-size:14px;line-height:1.5;color:var(--web-color-muted);} @media (max-width:1024px){ .hd-hero-l.hd-hero-l,.hd-appcard.hd-appcard{grid-column:1 / -1;} .hd-appcard.hd-appcard{margin-top:28px;} .hd-tiles{grid-template-columns:repeat(2,minmax(0,1fr));} .hd-faq-side,.hd-fpanels{grid-column:1 / -1;} .hd-fpanels{margin-top:12px;} .hd-ftabs{flex-direction:row;flex-wrap:wrap;gap:8px;} .hd-faq .hd-ftab,.hd-faq .hd-ftab:focus{width:auto;min-height:44px;padding:0 16px;border-radius:999px;background:var(--rcms-hd-app-tint);color:var(--web-color-link);font-size:15px;font-weight:500;} .hd-cat-row{flex-direction:column;align-items:stretch;gap:20px;} .hd-cat .hd-s--cat{width:100%;} .hd-cat-nav,.hd-cat-lists{grid-column:1 / -1;} .hd-cat-nav{order:2;margin-top:32px;} .hd-cat-nav-h .hd-l{display:none !important;} .hd-cat-nav-h .hd-sh{display:inline !important;} .hd-art-grid{grid-template-columns:minmax(0,1fr);} .hd-art-grid>.hd-art-aside{display:none;} .hd-toc-m{display:block;overflow:hidden;box-shadow:none;} .hd-toc-m summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:0 16px;list-style:none;cursor:pointer;font-size:16px;font-weight:500;color:var(--web-color-text);} .hd-toc-m summary::-webkit-details-marker{display:none;} .hd-toc-m summary::marker{content:"";} .hd-toc-m[open] summary .rcms-hd-i{transform:rotate(180deg);} .hd-toc-m nav{display:flex;flex-direction:column;border-top:1px solid var(--rcms-hd-divider);} .hd-toc-m nav a{display:flex;align-items:center;min-height:44px;padding:0 16px;border-bottom:1px solid var(--rcms-hd-divider);font-size:15px;color:var(--web-color-link);text-decoration:none;} .hd-toc-m nav a:last-child{border-bottom:0;} } @media (max-width:767px){ .hd-sh{display:revert !important;} .hd-l{display:none !important;} .hd-h2.hd-h2{font-size:19px;line-height:1.3;} .hd-hero.hd-hero{padding:16px 0 24px;} .hd-hero-l.hd-hero-l{gap:6px;} .hd-eyebrow.hd-eyebrow{font-size:13px;} .hd-hero-h1.hd-hero-h1{font-size:28px;line-height:1.18;margin-bottom:12px;} .hd-s--hero{gap:10px;} .hd-s--hero .hd-s-field{height:52px;padding:0 6px 0 16px;border-radius:14px;} .hd-s--hero .hd-s-input{height:44px;font-size:16px;} .hd-s--hero .hd-s-go{display:none;} .hd-s--hero .hd-s-scope{align-self:stretch;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));} .hd-s--hero .hd-s-scope button{padding:0 6px;} .hd-s--hero .hd-s-res{top:58px;} .hd-appcard.hd-appcard{display:grid;grid-template-columns:48px minmax(0,1fr) 18px;align-items:center;gap:14px;margin-top:20px;padding:16px;border:1px solid var(--rcms-hd-card-border);border-radius:16px;background:#FFFFFF;color:var(--web-color-text);box-shadow:var(--rcms-hd-shadow);} .hd-appcard.hd-appcard:hover{background:#FFFFFF;color:var(--web-color-text);border-color:#C9D4E8;} .hd-appcard-ic.hd-appcard-ic{width:48px;height:48px;box-sizing:border-box;padding:12px;border-radius:14px;background:var(--web-color-primary);color:#FFFFFF;} .hd-appcard-tx.hd-appcard-tx{gap:3px;} .hd-appcard-t.hd-appcard-t{font-size:16px;color:var(--web-color-text);} .hd-appcard-p.hd-appcard-p{font-size:14px;line-height:1.45;color:var(--web-color-muted);} .hd-appcard-b.hd-appcard-b{display:none;} .hd-appcard-ar.hd-appcard-ar{display:block;width:18px;height:18px;color:var(--web-color-muted);line-height:0;} html[data-hd-scope="web"] .hd-appcard.hd-appcard,html[data-hd-scope="app"] .hd-appcard.hd-appcard{display:none;} .hd-home-main.hd-home-main{gap:28px;padding:24px 16px 32px;} .hd-topics{gap:12px;} .hd-tiles{gap:10px;} .hd-tile{gap:10px;min-height:116px;padding:16px 14px;} .hd-tile .rcms-hd-tag,.hd-tile-desc{display:none;} .hd-tile-name{flex-grow:1;font-size:15px;font-weight:500;} .hd-tile-count{font-size:13px;font-weight:400;color:var(--web-color-muted);} .hd-tile-count .rcms-hd-i{display:inline-block;} .hd-faq-side{gap:12px;} .hd-ftabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:0 16px;} .hd-ftabs::-webkit-scrollbar{display:none;} .hd-faq .hd-ftab,.hd-faq .hd-ftab:focus{flex:none;font-size:14px;} .hd-q-s{padding:16px;font-size:16px;} .hd-q-a{padding:0 16px 16px;font-size:15px;} .hd-end.hd-end{flex-direction:column;gap:10px;} .hd-end-b.hd-end-b{width:100%;} .hd-end-q.hd-end-q{text-align:center;} .hd-end-btn.hd-end-btn{flex:1 1 0;padding:0 12px;} .hd-cat-head{padding:8px 0 24px;} .hd-back{display:inline-flex;align-items:center;gap:4px;min-height:44px;font-size:15px;font-weight:500;color:var(--web-color-link);text-decoration:none;} .hd-back .rcms-hd-i{width:18px;height:18px;} .hd-cat .hd-bc,.hd-art .hd-bc{display:none;} .hd-cat-row{margin-top:4px;gap:12px;} .hd-cat-title{gap:12px;} .hd-cat-ic{width:44px;height:44px;border-radius:12px;} .hd-cat-ic .rcms-hd-i{width:24px;height:24px;} .hd-cat .hd-cat-title h1{font-size:28px;line-height:1.18;} .hd-cat-desc{font-size:16px;line-height:1.6;} .hd-cat-main{padding-top:24px;padding-bottom:40px;} .hd-cat-lists{gap:28px;} .hd-h3.hd-h3{font-size:18px;} .hd-row{padding:16px;} .hd-row-t{font-size:16px;} .hd-row-d{font-size:14px;} .hd-art{padding:8px 0 40px;} .hd-art-grid{row-gap:24px;} .hd-art-head{gap:12px;} .hd-art-head .hd-back{margin-bottom:-4px;} .hd-art-h1.hd-art-h1{font-size:28px;line-height:1.18;} .hd-art-meta{gap:10px;font-size:13px;} .hd-art .rcms-doc{font-size:16px;line-height:1.6;} .hd-art .rcms-doc h2,.hd-art .hd-afaq h2{margin-top:32px;font-size:21px;line-height:1.3;} .hd-fb{flex-direction:column;align-items:flex-start;} .hd-pn{flex-direction:column;} .hd-pn-a{max-width:none;} .hd-art--app .rcms-doc figure.hd-shot.wp-block-image .rcms-phone img{width:243px;} } /* Nachtrag QA 1 (2026-09-28): Theme-Regel .page-content a unterstreicht, Atomic-Boxen sind 100 % breit, Arcade-Platzhalter. */ a.hd-tile.hd-tile,a.hd-row.hd-row,a.hd-pn-a.hd-pn-a,a.hd-back.hd-back,a.hd-appcard.hd-appcard,a.hd-end-btn.hd-end-btn,.hd-s a.hd-s-item,.hd-toc-m nav a,.hd-bc a,.hd-cat-nav a,.hd-toc a,.hd-more a{text-decoration:none;} .hd-bc a:hover{text-decoration:underline;} .hd-end-q.hd-end-q,.hd-end-b.hd-end-b,.hd-end-btn.hd-end-btn{width:auto;} .hd-art .rcms-doc .rcms-demo{background:var(--web-color-bg);border-radius:12px;} @media (max-width:767px){.hd-end-b.hd-end-b{width:100%;}} /* Schnelle Hilfe (BetterDocs Instant Answer), Board Widget-Desktop/-Mobile: hell, ohne Deko, Reiter mit blauer Pille */ #betterdocs-ia .betterdocs-ia-main-wrapper{border-radius:20px;box-shadow:0 24px 60px rgba(40,48,82,.22);overflow:hidden;font-family:var(--web-font-family);} #betterdocs-ia .betterdocs-ia-common-header{background:#FFFFFF !important;background-image:none !important;padding:18px 20px 16px !important;border-bottom:1px solid var(--rcms-hd-divider);} #betterdocs-ia .betterdocs-ia-common-header .betterdocs-title,#betterdocs-ia .betterdocs-header-title{margin:0 0 4px !important;font-family:var(--web-font-family) !important;font-size:19px !important;font-weight:600 !important;line-height:1.3 !important;color:var(--web-color-text) !important;} #betterdocs-ia .betterdocs-ia-common-header .betterdocs-info,#betterdocs-ia .header__content p{margin:0 0 14px !important;font-size:14px !important;line-height:1.5 !important;color:var(--rcms-hd-text-2) !important;} #betterdocs-ia .header__content p:empty{display:none;} #betterdocs-ia .header__button{color:var(--web-color-muted);} #betterdocs-ia .betterdocs-ia-search{height:48px;box-sizing:border-box;border:1px solid var(--web-color-field-border) !important;border-radius:12px !important;background:var(--rcms-hd-field-bg) !important;box-shadow:none !important;} #betterdocs-ia .betterdocs-ia-search:focus-within{outline:2px solid var(--web-color-link);outline-offset:2px;} #betterdocs-ia .betterdocs-ia-search-field{font-family:var(--web-font-family) !important;font-size:16px !important;color:var(--web-color-text) !important;} #betterdocs-ia .betterdocs-ia-search-field::placeholder{color:var(--web-color-muted) !important;opacity:1;} #betterdocs-ia .betterdocs-ia-search-icon{background:transparent !important;} #betterdocs-ia .betterdocs-ia-docs{border-radius:0 !important;background:transparent !important;box-shadow:none !important;} #betterdocs-ia .betterdocs-ia-docs-heading{padding:14px 20px 6px !important;background:transparent !important;} #betterdocs-ia .betterdocs-ia-docs-heading .doc-title{margin:0;font-family:var(--web-font-family) !important;font-size:13px !important;font-weight:500 !important;letter-spacing:.3px;text-transform:none !important;color:var(--web-color-muted) !important;} #betterdocs-ia .betterdocs-ia-docs-content{min-height:52px;box-sizing:border-box;padding:10px 20px !important;border-bottom:1px solid var(--rcms-hd-divider) !important;background:transparent !important;} #betterdocs-ia .betterdocs-ia-docs-content:hover{background:var(--rcms-hd-field-bg) !important;} #betterdocs-ia .betterdocs-ia-docs-content .content-title{font-family:var(--web-font-family) !important;font-size:15px !important;font-weight:500 !important;line-height:1.4 !important;color:var(--web-color-text) !important;} #betterdocs-ia .betterdocs-ia-home-content-list .content-item p{display:none;} #betterdocs-ia .betterdocs-ia-tabs{height:60px;margin:0;padding:0;border-top:1px solid var(--rcms-hd-divider);background:#FFFFFF !important;} #betterdocs-ia .betterdocs-ia-tabs li{position:relative;flex:1 1 0;justify-content:flex-start;align-items:center;gap:6px;padding:12px 0 0;color:var(--web-color-muted) !important;cursor:pointer;} #betterdocs-ia .betterdocs-ia-tabs li.betterdocs-ia-home{order:1;} #betterdocs-ia .betterdocs-ia-tabs li.betterdocs-ia-faq{order:2;} #betterdocs-ia .betterdocs-ia-tabs li.betterdocs-ia-message{order:3;} #betterdocs-ia .betterdocs-ia-tabs li p{margin:0;font-family:var(--web-font-family) !important;font-size:12px !important;font-weight:500 !important;line-height:1.2;color:inherit !important;} #betterdocs-ia .betterdocs-ia-tabs li img{position:relative;z-index:1;width:20px;height:20px;} #betterdocs-ia .betterdocs-ia-tabs li.active{color:var(--web-color-link) !important;} #betterdocs-ia .betterdocs-ia-tabs li.active p{font-weight:600 !important;} #betterdocs-ia .betterdocs-ia-tabs li.active::before{content:"";position:absolute;top:8px;left:50%;width:52px;height:28px;margin-left:-26px;border-radius:999px;background:var(--web-color-link);} #betterdocs-ia .betterdocs-ia-tabs li.active img{filter:brightness(0) invert(1);} #betterdocs-ia .betterdocs-ia-launcher{width:56px !important;height:56px !important;box-shadow:0 10px 30px rgba(4,107,210,.35);} #betterdocs-ia .betterdocs-ia-launcher:focus-visible{outline:2px solid var(--web-color-link);outline-offset:3px;} #betterdocs-ia .betterdocs-ia-feedback-form{padding:16px 20px;} #betterdocs-ia .betterdocs-ia-group p{margin:0 0 6px !important;font-family:var(--web-font-family) !important;font-size:14px !important;font-weight:500 !important;color:var(--web-color-text) !important;} #betterdocs-ia .betterdocs-ia-group .ia-input,#betterdocs-ia .betterdocs-ia-group .ia-message{box-sizing:border-box;width:100%;height:48px;padding:0 14px;border:1px solid var(--web-color-field-border) !important;border-radius:12px !important;background:#FFFFFF !important;font-family:var(--web-font-family) !important;font-size:16px !important;color:var(--web-color-text) !important;} #betterdocs-ia .betterdocs-ia-group .ia-message{height:108px;padding:12px 14px;resize:none;} #betterdocs-ia .betterdocs-ia-group .ia-input:focus,#betterdocs-ia .betterdocs-ia-group .ia-message:focus{outline:2px solid var(--web-color-link);outline-offset:1px;} #betterdocs-ia .betterdocs-ia-submit button{width:100%;height:48px;border:0 !important;border-radius:12px !important;background:var(--web-color-link) !important;color:#FFFFFF !important;font-family:var(--web-font-family) !important;font-size:16px !important;font-weight:500 !important;} #betterdocs-ia .betterdocs-ia-submit button:hover{background:var(--web-color-link-hover) !important;} /* Korrekturen Widget und Suche 2026-09-28 (Zafer): Tabellen im Widget, Reiter-Abstand, Hover-Kontrast, gelber Marker, Schliessen-X gross */ :root{--rcms-hd-hover:#E3EEFC;--rcms-hd-mark:#FFE27A;} .hd-mark.hd-mark{background:var(--rcms-hd-mark);color:inherit;} .hd-s .hd-s-item:hover,.hd-s .hd-s-item:focus-visible{background:var(--rcms-hd-hover);} #betterdocs-ia .betterdocs-ia-main-wrapper{background:#FFFFFF !important;} #betterdocs-ia .betterdocs-ia-docs-content:hover{background:var(--rcms-hd-hover) !important;} #betterdocs-ia .betterdocs-ia-tabs{height:auto;min-height:64px;} #betterdocs-ia .betterdocs-ia-tabs li{padding:8px 0 12px;} #betterdocs-ia .betterdocs-ia-tabs li.active::before{top:4px;} #betterdocs-ia .betterdocs-ia-launcher img{width:30px;height:30px;} /* Widget ist 400 px schmal: Tabellen ab 3 Spalten dort immer als Karte je Zeile */ #betterdocs-ia .rcms-doc table.rcms-table--stack,#betterdocs-ia .rcms-doc table.rcms-table--stack tbody,#betterdocs-ia .rcms-doc table.rcms-table--stack tr,#betterdocs-ia .rcms-doc table.rcms-table--stack td{display:block;width:100%;box-sizing:border-box;} #betterdocs-ia .rcms-doc table.rcms-table--stack thead{display:none;} #betterdocs-ia .rcms-doc table.rcms-table--stack{background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible;} #betterdocs-ia .rcms-doc table.rcms-table--stack tbody>tr{background:#fff;border:1px solid #E3E9F4;border-radius:12px;overflow:hidden;margin:0 0 12px;} #betterdocs-ia .rcms-doc table.rcms-table--stack tbody>tr>td{border-bottom:0;padding:4px 16px 8px;white-space:normal;background:#fff;} #betterdocs-ia .rcms-doc table.rcms-table--stack tbody>tr>td:first-child{font-size:16px;font-weight:700;color:#34426F;background:#F5F8FD;border-bottom:1px solid #EEF2F8;padding:12px 16px;margin-bottom:6px;} #betterdocs-ia .rcms-doc table.rcms-table--stack tbody>tr>td:last-child{padding-bottom:14px;} #betterdocs-ia .rcms-doc table.rcms-table--stack tbody>tr>td:not(:first-child)::before{content:attr(data-label);display:block;font-size:11.5px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;color:#84899B;margin-bottom:1px;} /* Korrektur 2026-09-28 b (Zafer): Such-X ohne Kreis und groesser, Hover sichtbar, kein Fokusrahmen am Widget-Container */ .rcms-hd-i--close{--rcms-hd-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18 6L6 18M6 6l12 12' fill='none' stroke='currentColor' stroke-linecap='round' stroke-width='1.8'/%3E%3C/svg%3E")} .hd-s .hd-s-clear .rcms-hd-i{--rcms-hd-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18 6L6 18M6 6l12 12' fill='none' stroke='currentColor' stroke-linecap='round' stroke-width='1.8'/%3E%3C/svg%3E");width:24px;height:24px;} .hd-s .hd-s-clear,.hd-s .hd-s-clear:hover,.hd-s .hd-s-clear:focus{width:44px;height:44px;color:var(--rcms-hd-text-2);} .hd-s .hd-s-clear:hover{background:#D9E9FF;color:var(--web-color-link);} #betterdocs-ia .betterdocs-ia-main-wrapper:focus{outline:0;} /* Korrektur 2026-09-28 c (Zafer): App-Screenshots im Widget im Handy-Rahmen, Leer-Zustand im Widget mit Solar-Lupe statt BetterDocs-Grafik */ #betterdocs-ia .rcms-doc figure.hd-shot.wp-block-image{margin:8px 0 28px;text-align:center;} #betterdocs-ia .rcms-doc figure.hd-shot .rcms-phone{margin:0 auto 12px;} #betterdocs-ia .rcms-doc figure.hd-shot.wp-block-image .rcms-phone img{display:block;width:243px;max-width:100%;height:auto;margin:0;border:6px solid #0A0A0C;border-radius:31px;background:#000000;box-shadow:none;} #betterdocs-ia .rcms-doc figure.hd-shot figcaption{font-size:14px;line-height:1.5;color:var(--web-color-muted);} #betterdocs-ia .betterdocs-ia-no-doc{padding:48px 24px 32px;text-align:center;} #betterdocs-ia .betterdocs-ia-no-doc img{display:none;} #betterdocs-ia .betterdocs-ia-no-doc::before{content:"";display:block;width:40px;height:40px;margin:0 auto 16px;background-color:var(--web-color-primary);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-width='1.5'%3E%3Ccircle cx='11.5' cy='11.5' r='9.5'/%3E%3Cpath d='M18.5 18.5L22 22'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-width='1.5'%3E%3Ccircle cx='11.5' cy='11.5' r='9.5'/%3E%3Cpath d='M18.5 18.5L22 22'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;} #betterdocs-ia .betterdocs-ia-no-doc h4{margin:0 0 6px;font-family:var(--web-font-family);font-size:17px;font-weight:600;line-height:1.3;color:var(--web-color-text);} #betterdocs-ia .betterdocs-ia-no-doc p{margin:0;font-size:15px;line-height:1.5;color:var(--rcms-hd-text-2);} /* Korrektur 2026-09-28 d: Loeschen-X und Lupe im Widget-Suchfeld groesser */ #betterdocs-ia .betterdocs-ia-search-icon{width:44px;height:44px;} #betterdocs-ia .betterdocs-ia-search-icon svg{width:24px;height:24px;color:var(--rcms-hd-text-2);} /* Handy-Menue erweitert 2026-09-28 (Zafer): Gruppen Hilfe, Kontakt, RepairCMS wie im Footer (Widget rcms-hd-mnav im Kopf) */ .elementor-widget-rcms-hd-mnav.elementor-widget-rcms-hd-mnav,.hd-mnav.hd-mnav{display:none;} html.hd-menu-open .elementor-widget-rcms-hd-mnav.elementor-widget-rcms-hd-mnav{display:block;width:auto;} html.hd-menu-open .hd-mnav.hd-mnav{display:flex;flex-direction:column;} html.hd-menu-open .hd-h-nav.hd-h-nav>.hd-h-link.hd-h-link{display:none;} .hd-mnav .hd-mnav-h.hd-mnav-h{margin:24px 4px 2px;font-size:13px;font-weight:500;line-height:1.3;letter-spacing:.3px;color:var(--web-color-muted);} .hd-mnav .hd-mnav-h.hd-mnav-h:first-child{margin-top:8px;} .hd-mnav .hd-h-link a,.hd-mnav .hd-h-link a:visited{color:var(--web-color-text);text-decoration:none;} .hd-mnav .hd-h-link a:hover,.hd-mnav .hd-h-link a:focus-visible{color:var(--web-color-link);} /* Widget-FAQ (2026-09-28): nur die Frage, der abgeschnittene Antwort-Anfang entfaellt wie bei den Anleitungen */ #betterdocs-ia .betterdocs-ia-tab-faq-content .content-item p{display:none;} /* Widget-Artikel (2026-09-28): BetterDocs setzt p auf 14px schwarz, hier wie die Artikelseite (Navy), 16px fuer die schmale Spalte */ #betterdocs-ia .betterdocs-ia-singleDoc-content .rcms-doc > p,#betterdocs-ia .betterdocs-ia-singleDoc-content .rcms-doc li{font-size:16px;line-height:1.6;color:#34426F;} #betterdocs-ia .betterdocs-ia-singleDoc-content .hd-q-a p{font-size:inherit;line-height:inherit;color:inherit;} /* Widget Start-Reiter (2026-09-28): Plugin schreibt die FAQ-Ueberschrift fest als "FAQ" (auch in der Web-App nicht uebersetzbar). Deutsches Suchfeld = deutsche Ueberschrift. */ #betterdocs-ia:has(.betterdocs-ia-search-field[placeholder="Frage eingeben"]) .betterdocs-ia-home-content-list .betterdocs-ia-docs ~ .betterdocs-ia-docs .betterdocs-ia-docs-heading .doc-title{font-size:0 !important;} #betterdocs-ia:has(.betterdocs-ia-search-field[placeholder="Frage eingeben"]) .betterdocs-ia-home-content-list .betterdocs-ia-docs ~ .betterdocs-ia-docs .betterdocs-ia-docs-heading .doc-title::after{content:"Häufige Fragen";font-size:13px;} /* Widget-Artikel (2026-09-28 e, Zafer): Zwischenueberschriften waren #111213 und klebten oben, leere Absaetze aus wpautop in den Notizboxen gaben 24 px Luft unter dem Titel */ #betterdocs-ia .betterdocs-ia-singleDoc-content .rcms-doc h2,#betterdocs-ia .betterdocs-ia-singleDoc-content .hd-afaq h2,#betterdocs-ia .betterdocs-ia-singleDoc-content .rcms-doc h3,#betterdocs-ia .betterdocs-ia-singleDoc-content .rcms-doc h4{color:#253053;font-weight:600;line-height:1.35;letter-spacing:0;} #betterdocs-ia .betterdocs-ia-singleDoc-content .rcms-doc h2,#betterdocs-ia .betterdocs-ia-singleDoc-content .hd-afaq h2{font-size:17px;margin:32px 0 10px;} #betterdocs-ia .betterdocs-ia-singleDoc-content .rcms-doc h3,#betterdocs-ia .betterdocs-ia-singleDoc-content .rcms-doc h4{font-size:16px;margin:24px 0 8px;} #betterdocs-ia .betterdocs-ia-singleDoc-content .rcms-doc p:empty{display:none;} /* Korrektur 2026-09-28 e (Zafer): Sprachknopf im Kopf auf allen Breiten, oeffnet eine Liste aller Sprachen (mehrere Sprachen geplant). Kein Deutsch/English-Schalter im Handy-Menue. Das Skript haengt den Knopf aus der Navigation in die Leiste; ohne Skript zeigt die Navigation auf dem Handy nur den Knopf. */ .hd-h-bar.hd-h-bar>.hd-lang.hd-h-lang{display:inline-flex;flex:none;} .hd-lang .hd-lang-chev.hd-lang-chev{width:16px;height:16px;margin-left:-2px;flex:none;} .hd-lang[aria-expanded="true"] .hd-lang-chev.hd-lang-chev{transform:rotate(180deg);} .hd-langpop{position:fixed;z-index:2147483646;min-width:200px;max-width:calc(100vw - 16px);max-height:min(360px,calc(100vh - 96px));overflow-y:auto;padding:6px;box-sizing:border-box;background:#FFFFFF;border:1px solid var(--rcms-hd-card-border,#E3E9F4);border-radius:12px;box-shadow:0 18px 32px rgba(40,48,82,.16);} .hd-langpop[hidden]{display:none;} .hd-langpop-l{list-style:none;margin:0;padding:0;} .hd-langpop-l li{margin:0;padding:0;} a.hd-langpop-a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:0 12px;border-radius:8px;color:var(--web-color-text,#283052);font-size:15px;font-weight:500;line-height:1.3;text-decoration:none;} a.hd-langpop-a:hover{background:var(--rcms-hd-field-bg,#F5F8FD);color:var(--web-color-text,#283052);} a.hd-langpop-a:focus-visible{outline:2px solid var(--web-color-link,#046BD2);outline-offset:-2px;} a.hd-langpop-a[aria-current="true"],a.hd-langpop-a[aria-current="true"]:hover{background:#046BD2;color:#FFFFFF;} a.hd-langpop-a .rcms-hd-i{width:20px;height:20px;flex:none;} .hd-h-mlang.hd-h-mlang{display:none !important;} @media (max-width:1024px){ html:not(.hd-menu-open) .hd-h-nav.hd-h-nav:has(>.hd-h-lang){display:flex;flex:none;width:auto;gap:0;margin:0;padding:0;} html:not(.hd-menu-open) .hd-h-nav.hd-h-nav:has(>.hd-h-lang)>:not(.hd-h-lang){display:none;} html:not(.hd-menu-open) .hd-lang.hd-h-lang,.hd-h-bar.hd-h-bar>.hd-lang.hd-h-lang{height:44px;padding:0 8px 0 10px;gap:6px;} .hd-h-lang .hd-lang-t.hd-lang-t{font-size:0;} .hd-h-lang .hd-lang-t.hd-lang-t::after{content:"DE";font-size:14px;} html[lang^="en"] .hd-h-lang .hd-lang-t.hd-lang-t::after{content:"EN";} .hd-h-lang .hd-lang-t.hd-lang-t[data-code]::after{content:attr(data-code);} } /* Widget-Listen (2026-09-28 f, Zafer): Schild Mobile App / Web-App unter dem Titel (Entwurf zeigt es rechts daneben, Zafer: unterhalb, weil lange Titel sonst schmaler werden). Markup aus rest_prepare_docs in rcms-hd-kb.php */ #betterdocs-ia .content-title .rcms-ia-tag{display:flex;align-items:center;width:max-content;height:22px;margin:6px 0 0;padding:0 8px;border-radius:999px;font-family:inherit;font-size:12.5px;font-weight:500;line-height:1;letter-spacing:0;text-transform:none;} #betterdocs-ia .content-title .rcms-ia-tag.rcms-hd-tag--app{background:#EAF3FF;color:#046BD2;} #betterdocs-ia .content-title .rcms-ia-tag.rcms-hd-tag--web{background:#E6EAF1;color:#4E5673;} #betterdocs-ia .doc-title .rcms-ia-tag{display:none;} /* Korrektur 2026-09-28 g (Zafer): Chat-Blase im hellen Marken-Blau wie der Plus-Knopf der Web-App. Nur Symbol, 3,51:1 genuegt (Nicht-Text 3:1). Einstellung ia_luncher_bg bleibt #046BD2, sie faerbt auch Senden-Knopf und Koepfe mit weisser Schrift. */ #betterdocs-ia .betterdocs-ia-launcher{background-color:#2589F6;box-shadow:0 10px 30px rgba(37,137,246,.35);} #betterdocs-ia .betterdocs-ia-launcher:hover{background-color:#1F74D1;} /* Schnelle Hilfe (h): FAQ-Antwort wie Artikeltext, Suchtreffer gelb, Schild an App-FAQ auch in der Antwort */ #betterdocs-ia .betterdocs-ia-singleDoc-content > div > p,#betterdocs-ia .betterdocs-ia-singleDoc-content > div > ul > li,#betterdocs-ia .betterdocs-ia-singleDoc-content > div > ol > li{font-size:16px;line-height:1.6;color:#34426F;} #betterdocs-ia mark.rcms-ia-hit{background:var(--rcms-hd-mark);color:inherit;padding:0 2px;margin:0 -2px;border-radius:3px;} #betterdocs-ia .betterdocs-ia-singleDoc-content mark.rcms-ia-hit{background:none;padding:0;margin:0;} #betterdocs-ia .betterdocs-ia-single-docs-wrapper:has(> .betterdocs-ia-singleDoc-content > h5.doc-title > mark) .betterdocs-ia-singleDoc-header h2{display:none;} #betterdocs-ia .betterdocs-ia-single-docs-wrapper:has(> .betterdocs-ia-singleDoc-content > h5.doc-title > span) .betterdocs-ia-singleDoc-header h2{display:none;} #betterdocs-ia h5.doc-title > .rcms-ia-tag.rcms-hd-tag--app{display:flex;align-items:center;width:max-content;height:22px;margin:8px 0 0;padding:0 8px;border-radius:999px;background:#EAF3FF;color:#046BD2;font-family:inherit;font-size:12.5px;font-weight:500;line-height:1;letter-spacing:0;text-transform:none;} /* Kontakt (Entscheid 15, Entwurf B, 2026-09-28). Seite 1389/336: Atomic-Rahmen .hd-contact, Formular-Karte aus rcms-hd-kb.php (.hd-cform). Formular selbst ist HubSpot im iframe: rcms-hd.js haengt diese Datei dort ein und setzt html.hd-hs-doc, deshalb wirken die .hd-hs-doc-Regeln nur im Formular. !important dort gegen HubSpots Eigen-CSS. */ .rcms-hd-i--info-circle{--rcms-hd-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-width='1.5'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 17V11'/%3E%3Cpath stroke-linejoin='round' d='M12 8H12.0001'/%3E%3C/g%3E%3C/svg%3E");} body:has(.hd-contact){background:var(--web-color-bg);} .hd-contact.hd-contact{display:block;padding:0;} .hd-contact .elementor-widget{width:100%;} .hd-ctop.hd-ctop{display:block;padding:28px 0 34px;background:#FFFFFF;box-shadow:0 1px 0 var(--rcms-hd-card-border);} .hd-ctop-in.hd-ctop-in{display:flex;flex-direction:column;gap:12px;box-sizing:border-box;width:100%;max-width:1440px;margin:0 auto;padding:0 clamp(16px,5.5vw,80px);} .hd-ctop-row.hd-ctop-row{display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;gap:32px;padding:0;} .hd-ctop-tx.hd-ctop-tx{display:flex;flex-direction:column;gap:10px;flex:1 1 auto;min-width:0;padding:0;} .hd-ctop-h1.hd-ctop-h1{margin:0;font-size:36px;font-weight:700;line-height:1.2;letter-spacing:-.3px;color:var(--web-color-text);} .hd-ctop-lead.hd-ctop-lead{margin:0;max-width:62ch;font-size:17px;line-height:1.6;color:var(--rcms-hd-text-2);} .hd-ctop-row .elementor-widget-rcms-hd-search{flex:none;width:380px;} .hd-s--contact .hd-s-field{height:48px;padding:0 6px 0 14px;gap:10px;border-radius:12px;} .hd-cmain.hd-cmain{display:flex;flex-direction:column;gap:28px;box-sizing:border-box;width:100%;max-width:1440px;margin:0 auto;padding:36px clamp(16px,5.5vw,80px) 72px;} .hd-picks.hd-picks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:0;} .hd-pick.hd-pick{display:flex;flex-direction:column;align-items:stretch;gap:10px;box-sizing:border-box;padding:20px 22px;border:1px solid var(--rcms-hd-card-border);border-radius:var(--rcms-hd-radius-card);background:#FFFFFF;color:var(--web-color-text);text-decoration:none;} .hd-pick.hd-pick:hover{background:#E3EEFC;color:var(--web-color-text);} .hd-pick.hd-pick:focus-visible{outline:2px solid var(--web-color-link);outline-offset:2px;} .hd-pick--main.hd-pick--main{border-color:var(--web-color-link);box-shadow:0 0 0 1px var(--web-color-link);} .hd-pick-hd.hd-pick-hd{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px;padding:0;} .hd-pick-ic.hd-pick-ic{display:block;flex:none;width:40px;height:40px;box-sizing:border-box;padding:9px;border-radius:12px;background:var(--web-color-primary);color:#FFFFFF;line-height:0;} .hd-pick-ic--soft.hd-pick-ic--soft{background:var(--rcms-hd-app-tint);color:var(--web-color-link);} .hd-pick-ic svg,.hd-pick-ar svg,.hd-cpro-ic svg{width:100%;height:100%;} .hd-pick .rcms-hd-tag{margin:0;} .hd-pick-t.hd-pick-t{margin:0;font-size:18px;font-weight:600;line-height:1.35;color:var(--web-color-text);} .hd-pick-p.hd-pick-p{flex:1 1 auto;margin:0;font-size:15px;line-height:1.55;color:var(--rcms-hd-text-2);} .hd-pick-go.hd-pick-go{display:flex;flex-direction:row;align-items:center;gap:6px;min-height:28px;padding:0;color:var(--web-color-link);} .hd-pick-gt.hd-pick-gt{margin:0;font-size:15px;font-weight:600;line-height:1.3;color:var(--web-color-link);} .hd-pick-ar.hd-pick-ar{display:block;flex:none;width:16px;height:16px;color:var(--web-color-link);line-height:0;} .hd-cwrap.hd-cwrap{display:flex;flex-direction:column;gap:16px;box-sizing:border-box;width:100%;max-width:820px;margin:0 auto;padding:0;} .hd-cform{box-sizing:border-box;padding:28px 32px 32px;border:1px solid var(--rcms-hd-card-border);border-radius:var(--rcms-hd-radius-card);background:#FFFFFF;box-shadow:var(--rcms-hd-shadow);scroll-margin-top:96px;} .hd-cform .hd-cform-t{margin:0 0 4px;font-size:22px;font-weight:600;line-height:1.3;color:var(--web-color-text);} .hd-cform .hd-cform-sub{margin:0 0 18px;font-size:15px;line-height:1.55;color:var(--rcms-hd-text-2);} .hd-cform .hd-cform-info{display:flex;align-items:flex-start;gap:10px;margin:0 0 24px;padding:12px 14px;border-radius:12px;background:var(--rcms-hd-field-bg);font-size:15px;line-height:1.5;color:var(--rcms-hd-text-2);} .hd-cform-info .rcms-hd-i{margin-top:1px;color:var(--web-color-link);} .hd-cform .hd-cform-note{margin:12px 0 0;font-size:14px;line-height:1.45;color:var(--web-color-muted);} .hd-hs{position:relative;} .hd-hs:not(.is-ready){min-height:760px;} .hd-hs:not(.is-ready) iframe{opacity:0;} .hd-hs iframe{display:block;width:100% !important;transition:opacity .15s;} .hd-cpro.hd-cpro{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px 14px;box-sizing:border-box;padding:16px 20px;border:1px solid var(--rcms-hd-card-border);border-radius:var(--rcms-hd-radius-card);background:#FFFFFF;color:var(--rcms-hd-text-2);text-decoration:none;} .hd-cpro.hd-cpro:hover{background:#E3EEFC;} .hd-cpro.hd-cpro:focus-visible{outline:2px solid var(--web-color-link);outline-offset:2px;} .hd-cpro-ic.hd-cpro-ic{display:block;flex:none;width:22px;height:22px;color:var(--web-color-primary);line-height:0;} .hd-cpro-p.hd-cpro-p{flex:1 1 240px;margin:0;font-size:15px;line-height:1.5;color:var(--rcms-hd-text-2);} @media (max-width:1024px){ .hd-picks.hd-picks{grid-template-columns:minmax(0,1fr);gap:10px;} .hd-pick.hd-pick{padding:16px 18px;gap:8px;} } @media (max-width:767px){ .hd-ctop.hd-ctop{padding:18px 0 22px;} .hd-ctop-row.hd-ctop-row{flex-direction:column;align-items:stretch;gap:16px;} .hd-ctop-row .elementor-widget-rcms-hd-search{width:100%;} .hd-ctop-h1.hd-ctop-h1{font-size:28px;line-height:1.18;} .hd-ctop-lead.hd-ctop-lead{font-size:15.5px;line-height:1.55;} .hd-cmain.hd-cmain{gap:18px;padding:20px 16px 48px;} .hd-pick-t.hd-pick-t{font-size:17px;} .hd-pick-p.hd-pick-p{font-size:15px;} .hd-cform{padding:20px 18px 22px;} .hd-cform .hd-cform-t{font-size:20px;line-height:1.28;} .hd-hs:not(.is-ready){min-height:1000px;} } /* Kontakt: im HubSpot-iframe */ html.hd-hs-doc,html.hd-hs-doc body{margin:0 !important;background:transparent !important;font-family:var(--web-font-family) !important;color:var(--web-color-text) !important;-webkit-font-smoothing:antialiased;} html.hd-hs-doc form.hs-form{display:grid !important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px 16px;max-width:none !important;margin:0 !important;font-family:var(--web-font-family) !important;} html.hd-hs-doc form.hs-form>*{grid-column:1 / -1;min-width:0;max-width:none !important;margin:0 !important;float:none !important;width:auto !important;} html.hd-hs-doc form.hs-form>.hs_email,html.hd-hs-doc form.hs-form>.hs_TICKET\.subject{grid-column:span 1;} html.hd-hs-doc .hs-form-field>label{display:block !important;margin:0 0 6px !important;font:600 15px/1.35 var(--web-font-family) !important;color:var(--web-color-text) !important;} html.hd-hs-doc .hs-form-required{margin-left:3px;color:#B42318 !important;} html.hd-hs-doc .hs-form-field>.hs-field-desc{display:block;margin:0 0 8px !important;font:400 14px/1.45 var(--web-font-family) !important;color:var(--web-color-muted) !important;} html.hd-hs-doc .hs-form-field .input{margin:0 !important;} html.hd-hs-doc .hs-input:not([type="checkbox"]):not([type="file"]){box-sizing:border-box !important;width:100% !important;max-width:none !important;height:48px !important;margin:0 !important;padding:0 14px !important;border:1px solid var(--web-color-field-border) !important;border-radius:10px !important;background:#FFFFFF !important;box-shadow:none !important;font:400 16px/1.4 var(--web-font-family) !important;color:var(--web-color-text) !important;} html.hd-hs-doc textarea.hs-input{height:150px !important;min-height:120px;padding:12px 14px !important;line-height:1.5 !important;resize:vertical;} html.hd-hs-doc .hs-input:focus{outline:none !important;border-color:var(--web-color-link) !important;box-shadow:0 0 0 3px rgba(4,107,210,.18) !important;} html.hd-hs-doc .hs-input.invalid,html.hd-hs-doc .hs-input.error{border-color:#B42318 !important;} html.hd-hs-doc .hs_TICKET\.hs_ticket_category .inputs-list{display:flex !important;flex-wrap:wrap;gap:8px;margin:0 !important;padding:0 !important;list-style:none !important;} html.hd-hs-doc .hs_TICKET\.hs_ticket_category .inputs-list>li{display:block !important;width:auto !important;max-width:100%;margin:0 !important;padding:0 !important;} html.hd-hs-doc .hs_TICKET\.hs_ticket_category .inputs-list>li:has(input[value="PROBLEM_REPAIRCMS"]){order:-9;} html.hd-hs-doc .hs_TICKET\.hs_ticket_category .inputs-list>li:has(input[value="ACCOUNT_LOGIN"]){order:-8;} html.hd-hs-doc .hs_TICKET\.hs_ticket_category .inputs-list>li:has(input[value="BILLING_PAYMENT"]){order:-7;} html.hd-hs-doc .hs_TICKET\.hs_ticket_category .inputs-list>li:has(input[value="ONBOARDING_REPAIRCMS"]){order:-6;} html.hd-hs-doc .hs_TICKET\.hs_ticket_category .inputs-list>li:has(input[value="FEATURE_REQUEST"]){order:-5;} html.hd-hs-doc .hs_TICKET\.hs_ticket_category .inputs-list>li:has(input[value="SALES"]){order:-4;} html.hd-hs-doc .hs_TICKET\.hs_ticket_category .inputs-list>li:has(input[value="CLOSE_CANCEL"]){order:-3;} html.hd-hs-doc .hs_TICKET\.hs_ticket_category .inputs-list>li:has(input[value="SOMETHING_ELSE"]){order:9;} html.hd-hs-doc .hs-form-checkbox-display{position:relative;display:block !important;margin:0 !important;cursor:pointer;} html.hd-hs-doc .hs-form-checkbox-display>input{position:absolute !important;width:1px !important;height:1px !important;margin:0 !important;opacity:0;} html.hd-hs-doc .hs-form-checkbox-display>span{display:inline-flex !important;align-items:center;box-sizing:border-box;min-height:40px;margin:0 !important;padding:8px 14px;border:1px solid var(--web-color-field-border);border-radius:999px;background:#FFFFFF;font:500 14px/1.3 var(--web-font-family) !important;color:var(--web-color-text) !important;} html.hd-hs-doc .hs-form-checkbox-display:hover>span{background:#E3EEFC;} html.hd-hs-doc .hs-form-checkbox-display>input:checked+span{border-color:var(--web-color-link);background:var(--web-color-link);color:#FFFFFF !important;} html.hd-hs-doc .hs-form-checkbox-display>input:focus-visible+span{outline:2px solid var(--web-color-link);outline-offset:2px;} html.hd-hs-doc input[type="file"].hs-input{box-sizing:border-box;width:100% !important;min-height:64px;margin:0 !important;padding:13px 16px !important;border:1px dashed var(--web-color-field-border) !important;border-radius:12px !important;background:var(--rcms-hd-field-bg) !important;font:400 15px/1.4 var(--web-font-family) !important;color:var(--rcms-hd-text-2) !important;cursor:pointer;} html.hd-hs-doc input[type="file"].hs-input::file-selector-button{height:36px;margin-right:12px;padding:0 14px;border:1px solid var(--web-color-link);border-radius:10px;background:#FFFFFF;font:600 14px var(--web-font-family);color:var(--web-color-link);cursor:pointer;} html.hd-hs-doc .legal-consent-container .inputs-list{margin:0 !important;padding:0 !important;list-style:none !important;} html.hd-hs-doc .legal-consent-container li{margin:0 !important;} html.hd-hs-doc .hs-form-booleancheckbox-display{display:flex !important;align-items:flex-start;gap:10px;margin:0 !important;font:400 15px/1.5 var(--web-font-family) !important;color:var(--rcms-hd-text-2) !important;cursor:pointer;} html.hd-hs-doc .hs-form-booleancheckbox-display>input{flex:none;width:20px !important;height:20px !important;margin:1px 0 0 !important;accent-color:var(--web-color-link);} html.hd-hs-doc .hs-form-booleancheckbox-display>span{margin:0 !important;padding:0 !important;} html.hd-hs-doc .hs-form-booleancheckbox-display p{margin:0 !important;} html.hd-hs-doc .legal-consent-container .hs-richtext,html.hd-hs-doc .legal-consent-container .hs-richtext p{margin:8px 0 0 !important;font:400 13px/1.5 var(--web-font-family) !important;color:var(--web-color-muted) !important;} html.hd-hs-doc .legal-consent-container .hs-richtext a{color:var(--web-color-link) !important;text-decoration:underline;} html.hd-hs-doc .hs_submit .actions{margin:0 !important;padding:0 !important;} html.hd-hs-doc input.hs-button{box-sizing:border-box;height:48px !important;margin:0 !important;padding:0 24px !important;border:0 !important;border-radius:12px !important;background:var(--web-color-link) !important;box-shadow:none !important;font:600 16px/1 var(--web-font-family) !important;color:#FFFFFF !important;text-transform:none !important;cursor:pointer;} html.hd-hs-doc input.hs-button:hover{background:var(--web-color-link-hover) !important;} html.hd-hs-doc input.hs-button:focus-visible{outline:2px solid var(--web-color-link) !important;outline-offset:2px;} html.hd-hs-doc .hs-error-msgs{margin:6px 0 0 !important;padding:0 !important;list-style:none !important;} html.hd-hs-doc .hs-error-msgs label,html.hd-hs-doc .hs-error-msg{display:block;margin:0 !important;font:500 14px/1.4 var(--web-font-family) !important;color:#B42318 !important;} html.hd-hs-doc .submitted-message{font:400 16px/1.6 var(--web-font-family) !important;color:var(--rcms-hd-text-2) !important;} html.hd-hs-doc .submitted-message p{margin:0 0 6px !important;} html.hd-hs-doc .submitted-message .hd-hs-done-t{font-size:19px;font-weight:600;line-height:1.35;color:var(--web-color-text);} @media (max-width:600px){ html.hd-hs-doc form.hs-form>.hs_email,html.hd-hs-doc form.hs-form>.hs_TICKET\.subject{grid-column:1 / -1;} html.hd-hs-doc input.hs-button{width:100% !important;height:52px !important;} } /* HD-KB END */