/*
 ----- CSS Resets:
 https://hankchizljaw.com/wrote/a-modern-css-reset/
 https://css-tricks.com/clearfix-a-lesson-in-web-development-evolution/
 https://perishablepress.com/a-killer-collection-of-global-css-reset-styles/
 https://www.webfx.com/blog/web-design/a-comprehensive-guide-to-css-resets/
 https://meyerweb.com/eric/tools/css/reset/  (2011)
 https://gist.github.com/DavidWells/18e73022e723037a50d6  (David Wells Reset)
 https://perishablepress.com/cssresetr/
 ---- Normalize / Sanitize
 https://necolas.github.io/normalize.css/
 https://csstools.github.io/sanitize.css/
 
 https://meowni.ca/posts/monica-dot-css/
 
*/

*, *::before, *::after{
            box-sizing: border-box;
            padding: 0;
            margin: 0;
}
*{
   outline-color: rgba(0,0,0,0);         
}
html{
            line-height: 1.15;
            font-size: 62.5%; /* Basis Schriftgröße ist 16px. Hier wird sie auf 10px gesetzt. -> einfachere Umrechung mit rem -> Beispiel: 22px = 2.2rem */ 
            word-break: break-word; /* Wortumbruch auch im Wort */
}
body{
            min-height: 100vh; /* Body die Höhe des Viewports geben */
            scroll-behavior: smooth; /* Sanftes Scrollen auch ohne JS */
            text-rendering: optimizeSpeed; /* Text wird möglichst schnell geladen */
            line-height: 1.5;
}
img{
            max-width: 100%;
            display: block; /* Abstand nach unten unterdrücken */
            border:0px;
            height:auto;
            -ms-interpolation-mode:bicubic;
}
table{
            border-collapse: collapse;      
}
sub,sup{
            font-size: 75%;
            line-height: 0;
            position: relative;
            vertical-align: baseline;
}
sub{bottom: -0.25em;}
sup{top: -0.5em}
.centered{
            display: flexbox;
            justify-content: center;
            align-items: center;
}
h1{
            display: block;
            font-size: 2em;
            font-weight: bold;
            margin-block-start: .67em;
            margin-block-end: .67em
}