.settings::before {
  content: "\e8b8";
  font-family: var(--symbol);
}

/* @group Schriften */

/* ---- Zuerst die Schriften in: website root - (neuer) ordner "fonts" legen ---- */


@font-face {
font-display: swap;
font-family: 'Titillium Web';
font-style: normal;
font-weight: 200;
src: url('/fonts/titillium-web-v17-latin-ext-200.woff2') format('woff2');
}
@font-face {
font-display: swap;
font-family: 'Titillium Web';
font-style: italic;
font-weight: 200;
src: url('/fonts/titillium-web-v17-latin-ext-200italic.woff2') format('woff2');
}
@font-face {
font-display: swap;
font-family: 'Titillium Web';
font-style: normal;
font-weight: 300;
src: url('/fonts/titillium-web-v17-latin-ext-300.woff2') format('woff2');
}
@font-face {
font-display: swap;
font-family: 'Titillium Web';
font-style: italic;
font-weight: 300;
src: url('/fonts/titillium-web-v17-latin-ext-300italic.woff2') format('woff2');
}
@font-face {
font-display: swap;
font-family: 'Titillium Web';
font-style: normal;
font-weight: 400;
src: url('/fonts/titillium-web-v17-latin-ext-regular.woff2') format('woff2');
}
@font-face {
font-display: swap;
font-family: 'Titillium Web';
font-style: italic;
font-weight: 400;
src: url('/fonts/titillium-web-v17-latin-ext-italic.woff2') format('woff2');
}
@font-face {
font-display: swap;
font-family: 'Titillium Web';
font-style: normal;
font-weight: 600;
src: url('/fonts/titillium-web-v17-latin-ext-600.woff2') format('woff2');
}
@font-face {
font-display: swap;
font-family: 'Titillium Web';
font-style: italic;
font-weight: 600;
src: url('/fonts/titillium-web-v17-latin-ext-600italic.woff2') format('woff2');
}
@font-face {
font-display: swap;
font-family: 'Titillium Web';
font-style: normal;
font-weight: 700;
src: url('/fonts/titillium-web-v17-latin-ext-700.woff2') format('woff2');
}
@font-face {
font-display: swap;
font-family: 'Titillium Web';
font-style: italic;
font-weight: 700;
src: url('/fonts/titillium-web-v17-latin-ext-700italic.woff2') format('woff2');
}
@font-face {
font-display: swap;
font-family: 'Titillium Web';
font-style: normal;
font-weight: 900;
src: url('/fonts/titillium-web-v17-latin-ext-900.woff2') format('woff2');
}

/* @end */

/* @group Symbols */

/* --- Symbols in Template-Ordner > fonts */


/* material-symbols-outlined-100 - latin */

@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Material Symbols Outlined';
font-style: normal;
font-weight: 100;
src: url('../fonts/material-symbols-outlined-v92-latin-100.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
       url('../fonts/material-symbols-outlined-v92-latin-100.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* material-symbols-outlined-200 - latin */

@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Material Symbols Outlined';
font-style: normal;
font-weight: 200;
src: url('../fonts/material-symbols-outlined-v92-latin-200.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
       url('../fonts/material-symbols-outlined-v92-latin-200.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* material-symbols-outlined-300 - latin */

@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Material Symbols Outlined';
font-style: normal;
font-weight: 300;
src: url('../fonts/material-symbols-outlined-v92-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
       url('../fonts/material-symbols-outlined-v92-latin-300.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* material-symbols-outlined-regular - latin */

@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Material Symbols Outlined';
font-style: normal;
font-weight: 400;
src: url('../fonts/material-symbols-outlined-v92-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
       url('../fonts/material-symbols-outlined-v92-latin-regular.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* material-symbols-outlined-500 - latin */

@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Material Symbols Outlined';
font-style: normal;
font-weight: 500;
src: url('../fonts/material-symbols-outlined-v92-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
       url('../fonts/material-symbols-outlined-v92-latin-500.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* material-symbols-outlined-600 - latin */

@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Material Symbols Outlined';
font-style: normal;
font-weight: 600;
src: url('../fonts/material-symbols-outlined-v92-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
       url('../fonts/material-symbols-outlined-v92-latin-600.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* material-symbols-outlined-700 - latin */

@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Material Symbols Outlined';
font-style: normal;
font-weight: 700;
src: url('../fonts/material-symbols-outlined-v92-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
       url('../fonts/material-symbols-outlined-v92-latin-700.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

.material-symbols-outlined {
	font-variation-settings: 'FILL' 0,
	  'wght' 100,
	  'GRAD' 0,
	  'opsz' 24
}

/* @end */