.ts-control{border:1px solid #d0d0d0;border-radius:3px;box-shadow:none;box-sizing:border-box;display:flex;flex-wrap:wrap;overflow:hidden;padding:8px;position:relative;width:100%;z-index:1}.ts-wrapper.multi.has-items .ts-control{padding:6px 8px 3px}.full .ts-control{background-color:#fff}.disabled .ts-control,.disabled .ts-control *{cursor:default!important}.focus .ts-control{box-shadow:none}.ts-control>*{display:inline-block;vertical-align:initial}.ts-wrapper.multi .ts-control>div{background:#f2f2f2;border:0 solid #d0d0d0;color:#303030;cursor:pointer;margin:0 3px 3px 0;overflow:auto;padding:2px 6px}.ts-wrapper.multi .ts-control>div.active{background:#e8e8e8;border:0 solid #cacaca;color:#303030}.ts-wrapper.multi.disabled .ts-control>div,.ts-wrapper.multi.disabled .ts-control>div.active{background:#fff;border:0 solid #fff;color:#7d7d7d}.ts-control>input{background:none!important;border:0!important;box-shadow:none!important;display:inline-block!important;flex:1 1 auto;line-height:inherit!important;margin:0!important;max-height:none!important;max-width:100%!important;min-height:0!important;min-width:7rem;padding:0!important;text-indent:0!important;-webkit-user-select:auto!important;-moz-user-select:auto!important;-ms-user-select:auto!important;user-select:auto!important}.ts-control>input::-ms-clear{display:none}.ts-control>input:focus{outline:none!important}.has-items .ts-control>input{margin:0 4px!important}.ts-control.rtl{text-align:right}.ts-control.rtl.single .ts-control:after{left:15px;right:auto}.ts-control.rtl .ts-control>input{margin:0 4px 0 -2px!important}.disabled .ts-control{background-color:#fafafa;opacity:.5}.input-hidden .ts-control>input{left:-10000px;opacity:0;position:absolute}.ts-dropdown{background:#fff;border:1px solid #d0d0d0;border-radius:0 0 3px 3px;border-top:0;box-shadow:0 1px 3px rgba(0,0,0,.1);box-sizing:border-box;left:0;margin:.25rem 0 0;position:absolute;top:100%;width:100%;z-index:10}.ts-dropdown [data-selectable]{cursor:pointer;overflow:hidden}.ts-dropdown [data-selectable] .highlight{background:rgba(125,168,208,.2);border-radius:1px}.ts-dropdown .create,.ts-dropdown .no-results,.ts-dropdown .optgroup-header,.ts-dropdown .option{padding:5px 8px}.ts-dropdown .option,.ts-dropdown [data-disabled],.ts-dropdown [data-disabled] [data-selectable].option{cursor:inherit;opacity:.5}.ts-dropdown [data-selectable].option{cursor:pointer;opacity:1}.ts-dropdown .optgroup:first-child .optgroup-header{border-top:0}.ts-dropdown .optgroup-header{background:#fff;color:#303030;cursor:default}.ts-dropdown .active{background-color:#f5fafd;color:#495c68}.ts-dropdown .active.create{color:#495c68}.ts-dropdown .create{color:rgba(48,48,48,.5)}.ts-dropdown .spinner{display:inline-block;height:30px;margin:5px 8px;width:30px}.ts-dropdown .spinner:after{animation:lds-dual-ring 1.2s linear infinite;border-color:#d0d0d0 transparent;border-radius:50%;border-style:solid;border-width:5px;content:" ";display:block;height:24px;margin:3px;width:24px}@keyframes lds-dual-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ts-dropdown-content{max-height:200px;overflow:hidden auto;scroll-behavior:smooth}.ts-wrapper.plugin-drag_drop .ts-dragging{color:transparent!important}.ts-wrapper.plugin-drag_drop .ts-dragging>*{visibility:hidden!important}.plugin-checkbox_options:not(.rtl) .option input{margin-right:.5rem}.plugin-checkbox_options.rtl .option input{margin-left:.5rem}.plugin-clear_button{--ts-pr-clear-button:1em}.plugin-clear_button .clear-button{background:transparent!important;cursor:pointer;margin-right:0!important;opacity:0;position:absolute;right:2px;top:50%;transform:translateY(-50%);transition:opacity .5s}.plugin-clear_button.form-select .clear-button,.plugin-clear_button.single .clear-button{right:max(var(--ts-pr-caret),8px)}.plugin-clear_button.focus.has-items .clear-button,.plugin-clear_button:not(.disabled):hover.has-items .clear-button{opacity:1}.ts-wrapper .dropdown-header{background:color-mix(#fff,#d0d0d0,85%);border-bottom:1px solid #d0d0d0;border-radius:3px 3px 0 0;padding:10px 8px;position:relative}.ts-wrapper .dropdown-header-close{color:#303030;font-size:20px!important;line-height:20px;margin-top:-12px;opacity:.4;position:absolute;right:8px;top:50%}.ts-wrapper .dropdown-header-close:hover{color:#000}.plugin-dropdown_input.focus.dropdown-active .ts-control{border:1px solid #d0d0d0;box-shadow:none}.plugin-dropdown_input .dropdown-input{background:transparent;border:solid #d0d0d0;border-width:0 0 1px;box-shadow:none;display:block;padding:8px;width:100%}.plugin-dropdown_input .items-placeholder{border:0!important;box-shadow:none!important;width:100%}.plugin-dropdown_input.dropdown-active .items-placeholder,.plugin-dropdown_input.has-items .items-placeholder{display:none!important}.ts-wrapper.plugin-input_autogrow.has-items .ts-control>input{min-width:0}.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control>input{flex:none;min-width:4px}.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control>input::-ms-input-placeholder{color:transparent}.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control>input::placeholder{color:transparent}.ts-dropdown.plugin-optgroup_columns .ts-dropdown-content{display:flex}.ts-dropdown.plugin-optgroup_columns .optgroup{border-right:1px solid #f2f2f2;border-top:0;flex-basis:0;flex-grow:1;min-width:0}.ts-dropdown.plugin-optgroup_columns .optgroup:last-child{border-right:0}.ts-dropdown.plugin-optgroup_columns .optgroup:before{display:none}.ts-dropdown.plugin-optgroup_columns .optgroup-header{border-top:0}.ts-wrapper.plugin-remove_button .item{align-items:center;display:inline-flex}.ts-wrapper.plugin-remove_button .item .remove{border-radius:0 2px 2px 0;box-sizing:border-box;color:inherit;display:inline-block;padding:0 6px;text-decoration:none;vertical-align:middle}.ts-wrapper.plugin-remove_button .item .remove:hover{background:rgba(0,0,0,.05)}.ts-wrapper.plugin-remove_button.disabled .item .remove:hover{background:none}.ts-wrapper.plugin-remove_button .remove-single{font-size:23px;position:absolute;right:0;top:0}.ts-wrapper.plugin-remove_button:not(.rtl) .item{padding-right:0!important}.ts-wrapper.plugin-remove_button:not(.rtl) .item .remove{border-left:1px solid #d0d0d0;margin-left:6px}.ts-wrapper.plugin-remove_button:not(.rtl) .item.active .remove{border-left-color:#cacaca}.ts-wrapper.plugin-remove_button:not(.rtl).disabled .item .remove{border-left-color:#fff}.ts-wrapper.plugin-remove_button.rtl .item{padding-left:0!important}.ts-wrapper.plugin-remove_button.rtl .item .remove{border-right:1px solid #d0d0d0;margin-right:6px}.ts-wrapper.plugin-remove_button.rtl .item.active .remove{border-right-color:#cacaca}.ts-wrapper.plugin-remove_button.rtl.disabled .item .remove{border-right-color:#fff}:root{--ts-pr-clear-button:0px;--ts-pr-caret:0px;--ts-pr-min:.75rem}.ts-wrapper.single .ts-control,.ts-wrapper.single .ts-control input{cursor:pointer}.ts-control:not(.rtl){padding-right:max(var(--ts-pr-min),var(--ts-pr-clear-button) + var(--ts-pr-caret))!important}.ts-control.rtl{padding-left:max(var(--ts-pr-min),var(--ts-pr-clear-button) + var(--ts-pr-caret))!important}.ts-wrapper{position:relative}.ts-control,.ts-control input,.ts-dropdown{color:#303030;font-family:inherit;font-size:13px;line-height:18px}.ts-control,.ts-wrapper.single.input-active .ts-control{background:#fff;cursor:text}.ts-hidden-accessible{border:0!important;clip:rect(0 0 0 0)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}
/*# sourceMappingURL=tom-select.min.css.map */
/* ===========================================================================
   07.09.2026 Handytreff Desktop (set001): Tom Select loest chosen ab.
   Farben/Zustaende wie auf Mobil (4_handytreff_shop_mobil.css), aber
   Desktop-Groessen (kein 1.3/1.45em, keine 60px Touch-Zeilen). Bewusst eigene
   Datei, getrennt von set999. --------------------------------------------- */
.ts-dropdown .option.active{background:#004e84;color:#fff}
.ts-dropdown .option.selected{font-weight:700}
.ts-dropdown-content{max-height:340px}
/* Platzhalter fuer Felder OHNE Suchfeld (<20 Optionen) - Text aus data-ht-platzhalter */
.ts-wrapper.ht-ohne-suche:not(.has-items) .ts-control::before{content:attr(data-ht-platzhalter);color:#767676;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ts-wrapper .ts-control>input{font-size:inherit;font-family:inherit;font-weight:inherit;color:inherit;line-height:inherit}
/* Beim Hineinklicken die bisherige Wahl aus dem Feld nehmen (nur Felder MIT Suchfeld) */
.ts-wrapper.single.input-active:not(.ht-ohne-suche) .ts-control>.item{display:none}
.ts-wrapper.single.ht-ohne-suche.dropdown-active .ts-control>.item{color:#9a9a9a}
.ts-wrapper.single.input-active .ts-control>input{flex:1 1 auto;width:100%!important;min-width:0}
.ts-wrapper.single.has-items:not(.input-active) .ts-control>input{opacity:0;position:absolute;left:-10000px}
.ts-wrapper .ts-control>input:focus::placeholder{color:#9a9a9a;opacity:1}

/* --- Brodit/Kabelguide-Konfigurator: Feld-Optik wie Mobil, Desktop-Groesse (07.09.2026) ---
   Gerundeter Kasten mit rundem Pfeil, #d9d9d9-Rand. select:not(.tomselected) faengt die
   nativen Felder (u.a. die initial disabled Modell/Baujahr, die Tom Select ueberspringt),
   damit sie dieselbe Breite/Optik haben wie die eingehuellten. */
:where(body:has(.chzn-select),body:has(.ht_wgf)) .ts-wrapper{margin:.4em 0}
:where(body:has(.chzn-select),body:has(.ht_wgf)) select.chzn-select:not(.tomselected){display:block;box-sizing:border-box;width:100%;height:auto;margin:.4em 0;font-size:15px;line-height:1.3;padding:.55em 2.4em .55em .9em;border:1px solid #d9d9d9;border-radius:.5em;background:#f1f1f1;letter-spacing:0;font-weight:700;color:#000051}
:where(body:has(.chzn-select),body:has(.ht_wgf)) select.chzn-select:not(.tomselected):disabled{opacity:.5;cursor:default;background-color:#fafafa}
:where(body:has(.chzn-select),body:has(.ht_wgf)) .ts-wrapper .ts-control{border:1px solid #d9d9d9;border-radius:.5em;box-shadow:0 1px 0 rgba(0,0,0,.15);padding:.55em 2.4em .55em .9em;line-height:1.3;font-size:15px;font-weight:700;min-height:0;align-items:center}
:where(body:has(.chzn-select),body:has(.ht_wgf)) .ts-wrapper.single .ts-control:after{content:"";position:absolute;right:.5em;top:50%;margin-top:-10px;width:20px;height:20px;border:0;border-radius:50%;background:rgba(0,0,0,.4) no-repeat center center;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M3%205l4%204%204-4z%22%2F%3E%3C%2Fsvg%3E")}
/* Native Fallback (disabled Modell/Baujahr): runder Pfeil wie beim TS-Feld */
:where(body:has(.chzn-select),body:has(.ht_wgf)) select.chzn-select:not(.tomselected){-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Ccircle cx='10' cy='10' r='10' fill='%23000' fill-opacity='0.4'/%3E%3Cpath d='M6 8l4 4 4-4z' fill='%23fff'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5em center;background-size:20px 20px}

/* 07.09.2026 (Michael): Text vertikal zentriert (align-items oben); Dropdown-Optionen groesser */
:where(body:has(.chzn-select),body:has(.ht_wgf)) .ts-dropdown .option,:where(body:has(.chzn-select),body:has(.ht_wgf)) .ts-dropdown .no-results{font-size:1.3em;line-height:1.5em}
:where(body:has(.chzn-select),body:has(.ht_wgf)) select.chzn-select:not(.tomselected){line-height:1.5}

/* 07.09.2026 (Michael): globaler Desktop-Focus-Reset (_shop001.min.css:330-332
   border:1px solid black!important) stoert Tom Select -> fuers TS-Feld neutralisieren,
   stattdessen dezenter Marken-Rand beim Fokus. */
.ts-control input:focus,.ts-control input[type='text']:focus{border:0!important;outline:0!important;box-shadow:none!important}
.ts-wrapper.focus .ts-control{border-color:#004e84}
/* Label "Hersteller:" und Feld auf EINE Linie: die Alt-Optik fesselte die Zeile auf 25/28px
   (fuer die flachen chosen-Felder). Tom Select ist hoeher -> Zeile flext + zentriert. */
:where(body:has(.chzn-select),body:has(.ht_wgf)) .spalten_wrapper > div{display:flex;align-items:center;height:auto;max-height:none}
:where(body:has(.chzn-select),body:has(.ht_wgf)) .spalten_wrapper .spalten_hoehe{height:auto;max-height:none;line-height:1.3}

/* 07.09.2026 (Michael): Hintergrundfarben wie Mobil - Zustand am Feld erkennbar.
   leer #f1f1f1 / Text #000051, gefuellt #d3d3d3 / Text #000. */
:where(body:has(.chzn-select),body:has(.ht_wgf)) .ts-wrapper:not(.has-items) .ts-control{background-color:#f1f1f1;color:#000051}
:where(body:has(.chzn-select),body:has(.ht_wgf)) .ts-wrapper.has-items .ts-control{background-color:#d3d3d3;color:#000}
:where(body:has(.chzn-select),body:has(.ht_wgf)) select.chzn-select:not(.tomselected):has(option:checked:not([value=""])){background-color:#d3d3d3;color:#000}