:root { --green:#B6ED93; }

/* Grüner, gefüllter Kreis */
.crown-fill{
  --size:48px;         /* Außendurchmesser */
  --pad:8px;           /* Innenabstand für das Bild */
  display:inline-flex;
  width:var(--size);
  height:var(--size);
  background:var(--green);
  border-radius:50%;
  align-items:center;
  justify-content:center;
  padding:var(--pad);
  line-height:0;       /* verhindert Extra-Abstand */
}

/* Bild sauber einpassen */
.crown-fill img{
  max-width:100%;
  max-height:100%;
  height:auto;
  width:auto;
  display:block;
}

/* Optional: dezenter Glow um den grünen Kreis */
.crown-fill.glow{
  box-shadow:0 0 0 6px rgba(182,237,147,.18);
}

/* Optional: dünner weißer Rand für mehr Kontrast zum Hintergrund */
.crown-fill.stroke{
  outline:2px solid #fff;  /* oder #0d0d0d bei dunklem Theme */
  outline-offset:0;
}



/* Hintergrundfarben */
.bg-Hintergrund {
	/* background-color: #B6ED93; */
	background-color: #D3D4D6;
}



/* Buttons */

/* Hilfsklassen */

/* Section */




/* === Footer ===*/


/* === Back to Top Button ===*/

#back-to-top-button {
	/* display: none; */
	position: fixed;
	right: 40px;
	bottom: 40px;
}