/* GENERIERT – nicht bearbeiten. Quelle: css/src/seiten/widget/, Build: tools/css/build-css.php */
.widget{--widget-flaeche:var(--color-artikel-50);--widget-rand:var(--color-artikel-200);--widget-akzent:var(--color-artikel-700);contain:layout paint;scroll-margin-top:calc(var(--bb-head-margin) + var(--bb-head-h) + var(--abstand-5));margin:var(--abstand-7) 0;padding:var(--abstand-6);border:1px solid var(--widget-rand);border-radius:var(--radius-m);background:var(--widget-flaeche);color:var(--color-neutral-700);font-size:var(--text-p);font-weight:300;line-height:var(--zeile-normal)}
.widget--artikel{--widget-flaeche:var(--color-artikel-50);--widget-rand:var(--color-artikel-200);--widget-akzent:var(--color-artikel-700)}
.widget--rezepte{--widget-flaeche:var(--color-rezepte-50);--widget-rand:var(--color-rezepte-200);--widget-akzent:var(--color-rezepte-700)}
.widget p,.widget ul,.widget ol{margin:0 0 var(--abstand-4)}
.widget li{margin-bottom:var(--abstand-1)}
.widget input[type="radio"],.widget input[type="checkbox"],.widget input[type="range"]{accent-color:var(--widget-akzent)}
.widget input[type="radio"]:focus-visible,.widget input[type="checkbox"]:focus-visible,.widget input[type="range"]:focus-visible{outline:2px solid var(--widget-akzent);outline-offset:2px}
.widget__feld input,.widget__feld select,.widget__feld textarea{width:100%;max-width:100%}
.widget__kopf{margin:0 0 var(--abstand-5)}
.widget__marke{margin:0 0 var(--abstand-3)}
.widget .widget__titel{margin:0;color:var(--color-neutral);font-size:var(--text-h3);line-height:var(--zeile-eng)}
.widget .widget__hinweis{display:none;margin:0 0 var(--abstand-5);padding:var(--abstand-3) var(--abstand-4);border-radius:var(--radius-m);background:var(--color-weiss);color:var(--color-neutral-700);font-size:var(--text-mini)}
@media (scripting:none){.widget .widget__hinweis{display:block}}
.widget.is-defekt .widget__hinweis{display:block}
.widget [data-widget-sperre]{cursor:not-allowed}
.widget__inhalt{overflow-x:auto}
.widget__inhalt>:last-child,.widget__ergebnis>:last-child,.widget__gruppe>:last-child{margin-bottom:0}
.widget__inhalt canvas,.widget__inhalt svg,.widget__inhalt img{max-width:100%;height:auto}
.widget .widget__fuss{margin:var(--abstand-5) 0 0;padding-top:var(--abstand-4);border-top:1px solid var(--widget-rand);font-size:var(--text-klein)}
.widget__fuss-link{display:inline-flex;align-items:center;min-height:44px;font-weight:400}
.widget__felder{display:grid;grid-template-columns:1fr;gap:var(--abstand-4);align-items:end;margin:0 0 var(--abstand-6)}
.widget__feld{min-width:0}
.widget__beschriftung{display:block;margin:0 0 var(--abstand-2);color:var(--color-neutral-700);font-size:var(--text-klein);font-weight:400;line-height:var(--zeile-normal)}
.widget__beschriftung>input,.widget__beschriftung>select,.widget__beschriftung>textarea{margin-top:var(--abstand-2)}
.widget__feld .widget__fussnote{display:block;margin-top:var(--abstand-1)}
.widget .widget__gruppe>.widget__fussnote{margin-top:var(--abstand-2)}
.widget select{-webkit-appearance:none;appearance:none;padding-right:var(--abstand-7);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%236B6970' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4.5 6 7.5 9 4.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .85rem center;background-size:.72rem;cursor:pointer}
.widget__gruppe{min-width:0;margin:0 0 var(--abstand-5);padding:0;border:0}
.widget__legende{margin:0 0 var(--abstand-3);padding:0;color:var(--color-neutral);font-size:var(--text-h4);font-weight:700;line-height:var(--zeile-normal)}
.widget__felder>.widget__legende{grid-column:1 / -1}
.widget__optionen{display:flex;flex-wrap:wrap;gap:var(--abstand-2)}
.widget__option input{margin:0}
.widget__option-text{display:block}
.widget__option-zusatz{display:block;color:var(--color-neutral-700);font-size:var(--text-mini)}
.widget__ergebnis{margin:0 0 var(--abstand-5);padding:var(--abstand-5);border-radius:var(--radius-m);background:var(--color-weiss)}
.widget .widget__ergebnis-titel{margin:0 0 var(--abstand-3);color:var(--color-neutral);font-family:var(--font-headline);font-size:var(--text-h4);font-weight:700;line-height:var(--zeile-eng);text-transform:none}
.widget__kennzahl{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--abstand-2) var(--abstand-4)}
.widget .widget__kennzahl>*{margin:0}
.widget .widget__zahl{--bildmass:2.2rem;margin:0 0 var(--abstand-2);color:var(--color-neutral);font-family:var(--font-headline);font-size:var(--bildmass);font-weight:700;font-variant-numeric:tabular-nums;line-height:1}
.widget__tabelle{width:100%;margin:0;border-collapse:collapse}
.widget__tabelle th,.widget__tabelle td{padding:var(--abstand-2) 0;border-bottom:1px solid var(--color-neutral-200);text-align:left;font-size:var(--text-p)}
.widget__tabelle th{font-weight:400}
.widget__tabelle td{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.widget__tabelle tr:last-child th,.widget__tabelle tr:last-child td{border-bottom:0}
.widget .widget__text{color:var(--color-neutral-700);font-size:var(--text-p)}
.widget .widget__fussnote{color:var(--color-neutral-700);font-size:var(--text-mini);line-height:var(--zeile-normal)}
.widget-fehler{margin:var(--abstand-7) 0;padding:var(--abstand-4) var(--abstand-5);border:1px solid var(--color-sonstiges-200);border-radius:var(--radius-m);background:var(--color-sonstiges-50);color:var(--color-neutral-700);font-size:var(--text-klein)}
.widget-fehler ul{margin:var(--abstand-2) 0 0;padding-left:var(--abstand-5)}
.rezept-werkzeuge{margin:var(--abstand-7) 0}
.werkzeug-seite{padding:var(--abstand-7) 0 var(--abstand-8)}
.werkzeug-seite__inhalt{max-width:820px;margin:0 auto}
.werkzeug-seite__inhalt>.widget{margin-top:0}
.werkzeug-seite__text{font-size:var(--text-lesen);line-height:var(--zeile-weit)}
.werkzeug-seite__text>p{font-size:var(--text-lesen)}
.werkzeug-seite__text h2{margin:var(--abstand-7) 0 var(--abstand-4);font-size:var(--text-h2)}
.werkzeug-seite__abschnitt{margin-top:var(--abstand-8)}
.werkzeug-seite__leer{margin:var(--abstand-5) 0 0;font-size:var(--text-klein)}
.werkzeug-liste{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--abstand-5);margin:0;padding:0;list-style:none}
.werkzeug-liste__eintrag{display:flex;flex-direction:column;align-items:flex-start;flex:1 1 18rem;max-width:28rem;margin:0;padding:var(--abstand-6);border:1px solid var(--color-artikel-200);border-radius:var(--radius-m);background:var(--color-artikel-50)}
.werkzeug-liste__emoji{--bildmass:2.2rem;margin:0 0 var(--abstand-3);font-size:var(--bildmass);line-height:1}
.werkzeug-liste__titel{margin:0 0 var(--abstand-3);color:var(--color-neutral);font-size:var(--text-h3);line-height:var(--zeile-eng)}
.werkzeug-liste__text{margin:0 0 var(--abstand-4);color:var(--color-neutral-700);font-size:var(--text-p)}
.werkzeug-liste__knopf{margin-top:auto}
@media (min-width:800px){.widget__felder{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:var(--abstand-4) var(--abstand-5)}}
@media (max-width:799.98px){.widget{padding:var(--abstand-5) var(--abstand-4)}.widget__ergebnis{padding:var(--abstand-4)}}
@media print{.widget{break-inside:avoid;background:none}.widget .widget__hinweis,.widget .widget__fuss,.widget button{display:none}}