/* material-icons-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 Icons';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/material-icons-v145-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* material-icons-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 Icons Outlined';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/material-icons-outlined-v110-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* material-icons-round-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 Icons Round';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/material-icons-round-v109-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


  /* Optional: Sicherstellen, dass die Schriftart korrekt zugewiesen wird */
    .icons2 {
      font-family: 'Material Icons Round';
      font-weight: normal;
      font-style: normal;
      font-size: 24px;
      line-height: 1;
      letter-spacing: normal;
      text-transform: none;
      display: inline-block;
      white-space: nowrap;
      word-wrap: normal;
      direction: ltr;
      -webkit-font-feature-settings: 'liga';
      -webkit-font-smoothing: antialiased;
    }
    
    .icons {
      font-family: 'Material Icons Outlined';
      font-weight: normal;
      font-style: normal;
      font-size: 24px;
      line-height: 1;
      letter-spacing: normal;
      text-transform: none;
      display: inline-block;
      white-space: nowrap;
      word-wrap: normal;
      direction: ltr;
      -webkit-font-feature-settings: 'liga';
      -webkit-font-smoothing: antialiased;
    }    
    
	.drehen {
		  /* Setzt den Textfluss auf vertikal */
       writing-mode: vertical-rl;
  
  /* Steuert die Ausrichtung der einzelnen Zeichen:
     'upright' hält die Zeichen gerade, 
     'sideways' dreht sie mit dem Textfluss mit */
  text-orientation: sideways; 
  
  /* Optional: Kombination mit transform für Feinjustierung */
   transform: rotate(-20deg); 
	}


	.senkrechtOben {
		  /* Setzt den Textfluss auf vertikal */
		writing-mode: vertical-rl;
		vertical-align: -6px;
		/* Steuert die Ausrichtung der einzelnen Zeichen:
			'upright' hält die Zeichen gerade, 
			'sideways' dreht sie mit dem Textfluss mit */
		text-orientation: sideways; 
  
		/* Optional: Kombination mit transform für Feinjustierung */
		transform: rotate(180deg); 
	}
	
	.senkrechtUnten {
		  /* Setzt den Textfluss auf vertikal */
        writing-mode: vertical-rl;
		vertical-align: -6px;
		  /* Steuert die Ausrichtung der einzelnen Zeichen:
			'upright' hält die Zeichen gerade, 
			'sideways' dreht sie mit dem Textfluss mit */
		text-orientation: mixed; 
  
		/* Optional: Kombination mit transform für Feinjustierung */
		transform: rotate(0deg); 
	}