/* Import the font from Google Fonts */
/* Under the hood these services also use the @font-face rule to reference individual font files */
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

body {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
}

p {
  text-align: justify;
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
}

/*
h2 {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-style: bold;
}
*/
/* Set light yellow background for tip panels */
.panel-macro--tip {
    background-color: #FFFAE6; /* Hellgelber Hintergrund */
}

/* Replace the icon with a lightbulb emoji only for tip panels */
.panel-macro--tip .panel-macro__icon::before {
    content: "💡"; /* Glühbirnen-Emoji */
    font-size: 24px; /* Größe des Emojis */
    display: block; /* Block-Anzeige, um sicherzustellen, dass es sichtbar ist */
    line-height: 1; /* Zeilenhöhe einstellen */
    text-align: center; /* Zentrieren, falls erforderlich */
}

/* Hide the existing icon image for tip panels */
.panel-macro--tip .panel-macro__icon img {
    display: none; /* Verstecke das bestehende Icon */
}





/* CSS Code to Increase Article Headings Size */

.vp-article__heading.article__heading {
  font-size: 2em; /* Vergrößert die Schriftgröße des Headings */
  font-weight: bold; /* Optional: Macht die Schrift fett */
}

/* Optional: Specific to the article-header class */
.article-header .vp-article__heading.article__heading {
  font-size: 2em; /* Vergrößert die Schriftgröße speziell in der article-header Klasse */
  font-weight: bold; /* Optional: Macht die Schrift fett */
}