.vg{gap:16px;min-width:0;display:grid}.vg-plaetze{grid-template-columns:minmax(0,1fr);align-items:start;gap:12px;display:grid}@media (min-width:720px){.vg-plaetze{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1100px){.vg-plaetze[data-n="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.vg-plaetze[data-n="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}}.vg-platz{gap:6px;min-width:0;display:grid;position:relative}.vg-platz-label{font:760 11.5px/1.2 var(--f-text);letter-spacing:.05em;text-transform:uppercase;color:var(--text-2);margin:0}.vg-gewaehlt{align-items:stretch;gap:6px;min-width:0;display:flex}.vg-wechseln{text-align:left;border:1px solid var(--linie);border-radius:var(--r-s);min-width:0;min-height:64px;box-shadow:var(--schatten);cursor:pointer;font:inherit;color:inherit;background:#fff;flex:1;grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 12px;padding:10px 14px;transition:border-color .2s,box-shadow .2s;display:grid}.vg-wechseln:hover{border-color:var(--brand-700);box-shadow:var(--schatten-hoch)}.vg-wechseln:focus-visible,.vg-weg:focus-visible,.vg-dazu:focus-visible,.vg-abbrechen:focus-visible{outline:3px solid var(--brand-700);outline-offset:2px}.vg-wechseln .vg-option-text{grid-row:1/3}.vg-wechseln .pille-score{grid-area:1/2;justify-self:end}.vg-aendern{font:650 12.5px/1.2 var(--f-text);color:var(--link);text-underline-offset:2px;grid-area:2/2;justify-self:end;text-decoration:underline}.vg-weg{border:1px solid var(--linie);border-radius:var(--r-s);width:48px;color:var(--text-2);cursor:pointer;background:#fff;flex:none;place-items:center;display:grid}.vg-weg:hover{color:var(--warn-500);border-color:currentColor}.vg-weg svg{width:18px;height:18px}.vg-option-text{gap:1px;min-width:0;display:grid}.vg-marke{font:650 11.5px/1.25 var(--f-text);color:var(--text-2);text-transform:uppercase;letter-spacing:.03em;text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.vg-name{font:650 15px/1.3 var(--f-titel);color:var(--ink-900);overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;display:block}.vg-option-text .vg-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.vg-bereich{color:var(--text-2);font-size:12.5px;display:block}.vg-suche{min-width:0;position:relative}.vg-feld{border:2px solid var(--brand-700);border-radius:var(--r-s);min-height:56px;box-shadow:0 0 0 4px var(--brand-100);background:#fff;align-items:center;gap:10px;padding:0 8px 0 14px;display:flex}.vg-platz[data-leer] .vg-feld{box-shadow:none;border-style:dashed}.vg-platz[data-leer] .vg-feld:focus-within{box-shadow:0 0 0 4px var(--brand-100);border-style:solid}.vg-feld>svg{width:20px;height:20px;color:var(--brand-800);flex:none}.vg-feld input{min-width:0;height:52px;font:500 16px/1.2 var(--f-text);color:var(--ink-900);background:0 0;border:0;outline:0;flex:1}.vg-feld input::placeholder{color:var(--text-2);opacity:1}.vg-abbrechen{min-height:44px;font:650 14px/1 var(--f-text);color:var(--link);cursor:pointer;border-radius:var(--r-xs);background:0 0;border:0;flex:none;padding:0 10px}.vg-liste{z-index:30;overscroll-behavior:contain;border:1px solid var(--linie);border-radius:var(--r-s);max-height:min(60vh,420px);box-shadow:var(--schatten-hoch);background:#fff;padding:6px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto}@media (min-width:720px){.vg-liste{min-width:360px}.vg-platz:nth-child(2n) .vg-liste{left:auto}}.vg-liste[hidden]{display:none}.vg-gruppe{font:760 11.5px/1.2 var(--f-text);letter-spacing:.05em;text-transform:uppercase;color:var(--text-2);margin:0;padding:10px 10px 4px}.vg-option{border-radius:var(--r-xs);cursor:pointer;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:52px;padding:8px 10px;display:grid}.vg-option[aria-selected=true]{background:var(--brand-100);box-shadow:inset 3px 0 0 var(--brand-700)}.vg-leer,.vg-mehr{color:var(--text-2);margin:0;padding:12px 10px;font-size:14px}.vg-mehr{border-top:1px solid var(--linie-2);margin-top:4px;font-size:13px}.vg-dazu{border:2px dashed var(--linie);border-radius:var(--r-pille);min-height:48px;font:650 15px/1.2 var(--f-text);color:var(--brand-800);cursor:pointer;background:0 0;grid-column:1/-1;justify-self:start;align-items:center;gap:8px;padding:0 18px;display:inline-flex}.vg-dazu:hover{border-color:var(--brand-700);background:var(--brand-100)}.vg-dazu svg{width:18px;height:18px}.vg-notiz{color:var(--text-2);max-width:72ch;margin:0;font-size:14px;line-height:1.45}.vg-duell-link{margin:0}.vg-tabelle{border-radius:var(--r);box-shadow:var(--schatten);background:#fff;min-width:0;overflow-x:auto}.vg-tabelle:focus-visible{outline:3px solid var(--brand-700);outline-offset:2px}.vg-tabelle table{border-collapse:separate;border-spacing:0;width:100%;font-size:15px}.vg-tabelle table[data-n="2"]{table-layout:fixed;min-width:0}.vg-tabelle table[data-n="2"] .vg-ecke,.vg-tabelle table[data-n="2"] tbody th{width:26%}@media (max-width:519px){.vg-tabelle th,.vg-tabelle td{padding:10px 8px}.vg-tabelle table[data-n="2"],.vg-tabelle table[data-n="2"] .vg-name{font-size:14px}.vg-tabelle table[data-n="2"] .vg-score>span:not(.pille-score){display:none}.vg-tabelle table[data-n="2"] .vg-stoffe li{flex-direction:column;align-items:flex-start;gap:2px;font-size:13px}.vg-tabelle table[data-n="2"] .knopf{gap:6px;padding:10px 12px;font-size:14px}}.vg-tabelle table[data-n="3"]{min-width:680px}.vg-tabelle table[data-n="4"]{min-width:860px}.vg-tabelle th,.vg-tabelle td{border-bottom:1px solid var(--salbei-100);text-align:left;vertical-align:top;padding:12px 14px}.vg-tabelle tbody th{z-index:1;width:128px;font:600 13px/1.3 var(--f-text);color:var(--text-2);-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;background:#fff;position:sticky;left:0}.vg-tabelle thead th{vertical-align:bottom;border-bottom:1px solid var(--linie);font-weight:400}.vg-tabelle .vg-ecke{z-index:1;border-bottom:1px solid var(--linie);background:#fff;position:sticky;left:0}.vg-tabelle thead .vg-name{margin-top:2px;text-decoration:none;display:block}.vg-tabelle thead .vg-name:hover{color:var(--brand-800);text-decoration:underline}.vg-meta{color:var(--text-2);margin-top:4px;font-size:12.5px;display:block}.vg-bild{justify-items:start;margin-bottom:8px;display:inline-grid}.vg-bild img{-o-object-fit:contain;object-fit:contain;background:#fff;border-radius:12px;width:64px;height:64px}.vg-bild img[data-symbol]{-o-object-fit:cover;object-fit:cover;background:var(--ink-100)}.vg-symbol{color:var(--text-2);font-size:11px}.vg-score{color:var(--text-2);align-items:center;gap:8px;font-size:13px;display:inline-flex}.vg-tabelle td[data-bester]{background:var(--brand-100)}.vg-leise{color:var(--text-2);font-size:13.5px}.vg-hw{margin-top:4px;font-size:12px;display:block}.vg-stoffe{gap:6px;margin:0;padding:0;list-style:none;display:grid}.vg-stoffe li{flex-wrap:wrap;align-items:center;gap:6px;font-size:14px;display:flex}.vg-stoffe a{color:var(--ink-900);overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;min-width:0}.vg-tabelle td{overflow-wrap:anywhere;min-width:0}.vg-tabelle .knopf{white-space:normal;max-width:100%}.vg-stufe{border-radius:var(--r-pille);font:650 12px/1.5 var(--f-text);color:var(--ink-900);background:var(--score-3);padding:1px 8px;display:inline-block}.vg-stufe[data-st="2"]{background:var(--score-2)}.vg-stufe[data-st="3"]{background:var(--score-1);color:#fff}.vg-gruppen{grid-template-columns:minmax(0,1fr);align-items:start;gap:8px;display:grid}@media (min-width:900px){.vg-gruppen{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px}}.vg-bereich-details{background:var(--salbei-50);border:1px solid var(--linie-2);border-radius:var(--r-s);min-width:0}.vg-bereich-details[open]{border-color:var(--linie);background:#fff}.vg-bereich-details summary{cursor:pointer;min-height:52px;font:650 16px/1.3 var(--f-titel);color:var(--ink-900);align-items:center;gap:12px;padding:10px 14px 10px 16px;list-style:none;display:flex}.vg-bereich-details summary::-webkit-details-marker{display:none}.vg-bereich-details summary:after{content:"";background:var(--salbei-100) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2324170d' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center/14px no-repeat;border-radius:50%;flex:none;width:28px;height:28px;margin-left:auto;transition:transform .25s}.vg-bereich-details[open] summary:after{transform:rotate(180deg)}.vg-bereich-details summary:focus-visible{outline:3px solid var(--brand-700);outline-offset:2px;border-radius:var(--r-s)}.vg-bereich-name{overflow-wrap:break-word;min-width:0}.vg-bereich-zahl{font:600 13px/1.2 var(--f-text);color:var(--text-2);flex:none}.vg-duelle{border-collapse:collapse;width:100%;margin:0 0 8px;font-size:14.5px}.vg-duelle th{text-align:left;font:600 12.5px/1.3 var(--f-text);color:var(--text-2);border-bottom:1px solid var(--linie);padding:6px 16px}.vg-duelle td{border-bottom:1px solid var(--linie-2);vertical-align:top;padding:10px 16px}.vg-duelle tr:last-child td{border-bottom:0}.vg-duelle td:first-child a{color:var(--link);font-weight:650}.vg-duelle td.num{white-space:nowrap;color:var(--text-2)}@media (max-width:420px){.vg-duelle th,.vg-duelle td{padding-inline:12px}.vg-duelle th:nth-child(3),.vg-duelle td:nth-child(3){display:none}}