/**  
  * 1. Globale Einstellungen für die gesamte Website 
  */ 

/* border-box aktivieren */ 
*, *::before, *::after { box-sizing: border-box; }

/* Sanftes Scrollen aktivieren */ 
html { scroll-behavior: smooth; }

/* Collapsing Margins vermeiden */ 
h1, h2, h3, h4, h5, h6, p, ul, ol, blockquote { margin-top: 0; }

/* Bilder und Videos mit flexibler Breite einbinden */ 
img, video { max-width: 100%; height: auto;}

/* figure ohne horizontale Außenabstände */
figure { margin-left: 0; margin-right: 0; } 


/**  
  * 2. Grundlegende Gestaltung für Schrift und Text  
  */ 

body {
/* Systemschriftart auf dem Gerät des Benutzers; »Best Practice« kann sich ändern */
font-family: system-ui, -apple-system, "Segoe UI", Roboto, 
             "Helvetica Neue", Arial, sans-serif; 

/* Definition der Standardschriftgröße  */
font-size: 1rem; 
}  

/* Überschriften - Schriftgröße und Strichstärke */ 
h1 { font-size: 2.5rem; font-weight: 500; } 
h2 { font-size: 2rem; font-weight: 500; } 
h3 { font-size: 1.75rem; font-weight: 500; } 
h4 { font-size: 1.5rem; font-weight: 500; }
h5 { font-size: 1.25rem; }
h6 { font-size: 1rem; } 

/* Unterstreichung für Hyperlinks dünn und etwas weiter weg vom Text */ 
a { text-decoration-thickness: 1px; text-underline-offset: 0.1875em; }

/* Kontaktaddressen nicht kursiv */
address { font-style: normal; }

/**  
  * 3. Nützliche, allgemeine Klassen 
  */ 

/* Boxen am Bildschirm ausblenden */
.visually-hidden {
    position: absolute !important;
    clip: rect(0, 0, 0, 0) !important; 
    overflow: hidden !important;
    white-space: nowrap !important;
  
    width: 1px !important; 
    height: 1px !important; 
    padding: 0 !important; 
    border: 0 !important; 
    margin: -1px !important; 
  }

/* Klassen zum Floaten */
.float-rechts { float: right; margin: 0 0 0 1rem; }
.float-links  { float: left;  margin: 0 1rem 0 0; }
.float-stoppen { clear: both; }
figure[class~="float-rechts"], figure[class~="float-links"] { text-align: center; }

/* Floats umschließen für alte und neue Browser */
.float-umschliessen { overflow: hidden; } 

@supports (display: flow-root) { 
  .float-umschliessen {
    display: flow-root; 
    overflow: initial; 
  }
}

/** 

  * Ende global.css 
  */