@font-face {
    font-family: 'Xolonium';
    src: url('/assets/fonts/Xolonium-Bold.otf') format('opentype'); /* Pfad zur Schriftart */
    font-weight: bold;
    font-style: normal;
}

body {
    margin: 0;
    padding: 0;
    min-height: 100vh;
    background-color: #ffffff; /* Hintergrundfarbe */
    position: relative;
    text-align: center; /* Zentrierter Text */
    font-family: 'Xolonium', sans-serif; /* Verwendet die eingebundene Schriftart */
}

body::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('/assets/pics/bg2.png'); /* Pfad zu deinem Bild */
    background-repeat: repeat;
    background-size: 50px 50px; /* Hexagon-Größe */
    opacity: 0.1; /* 20% Sichtbarkeit des Hintergrundbildes */
    z-index: -1; /* Hintergrund hinter dem Inhalt platzieren */
}

.hex-grid {
    font-size: 4rem; /* Große Schriftgröße */
    font-weight: bold; /* Fettschrift */
    color: #000; /* Textfarbe */
    text-align: center; /* Zentrierter Text */
    font-family: 'Xolonium', sans-serif; /* Verwendet die eingebundene Schriftart */
    position: relative; /* Positionierung für das Symbol */
    display: inline-block; /* Für zentrierte Inline-Elemente */
	color: dodgerblue;
}

.reg-symbol {
    font-family: Verdana, sans-serif; /* Normale Schriftart */
    font-size: 1rem; /* Kleinere Schriftgröße */
    position: absolute;
    top: 0; /* Positioniert das Symbol oben */
    right: -20px; /* Positioniert es rechts */
    line-height: 1; /* Kein zusätzlicher Abstand */
    color: #000; /* Textfarbe */
}

.hex-grid-text{
    font-size: 1.4rem; /* Große Schriftgröße */
    font-weight: normal; /* Fettschrift */
    color: #000; /* Textfarbe */
    text-align: center; /* Zentrierter Text */
	font-family: 'Xolonium', sans-serif; /* Verwendet die eingebundene Schriftart */
}
.hex-grid-text-small{
    font-size: 0.8rem; /* Große Schriftgröße */
    font-weight: normal; /* Fettschrift */
    color: #000; /* Textfarbe */
    text-align: center; /* Zentrierter Text */
	font-family: 'Xolonium', sans-serif; /* Verwendet die eingebundene Schriftart */
}