/* 
    Created on : 11.12.2024, 19:20:25
    Author     : rfboe
    
    Inhalt: css-Klassen für grundlegende Einstellungen
*/

/*  Einstellungen für den body
    -------------------------- */
body {
    background-color: lightskyblue;
    font-size: 16px;
    margin: 0 auto
};

/*  Sticky header
    ------------- */
header {
    background-color: white; /* helles Grau*/
    padding: 0.5em;
    position: fixed;
    top: 0;
    width: 100%;
    border-bottom: thin solid black;
}

/* Header-Klassen
  --------------- */
.header-content {
    display: flex;
}

/* Logo und Seitentitel-Container
   ------------------------------ */
.logo_seitentitel{
    display: flex;
    align-items: start;
}

/* Klasse für das Logobild 
   ----------------------- */
.logo{
    margin-top: 1em;
    margin-bottom: 1em;
    max-width: 100px;
    max-height: 100px;
}
.header-content img {
    margin-top: 1em;
    margin-bottom: 1em;
    max-width: 100px;
    max-height: 100px;
}

/*  Schaltfläche
    ------------ */
button {
  background-color: white; /* Hintergrundfarbe */
  /*border: 0.13rem solid black;*/ /* Schwarze Rahmen */
  border: none; /* ohne Rahmen */
  color: black; /* Schwarze Schriftfarbe */
  padding: 0.5rem 2rem; /* Innenabstand */
  text-align: center; /* Textzentrierung */
  text-decoration: none; /* Keine Unterstreichung */
  display: inline-block; /* Als Inline-Element anzeigen */
  font-size: 1em; /* Schriftgröße */
  margin: 0.25em 0.125em; /* Außenabstand */
  cursor: pointer; /* Mauszeiger als Hand */
  border-radius: 5px; /* Abgerundete Ecken */
}

button:hover {
    background-color: lightgray;
}