@charset "UTF-8";
@import url("/assets/css/style.css");



/* Grundeinstellungen */
*											{ margin: 0; padding: 0; box-sizing: border-box!important; }

html											{ /*Schriftarten werden hier festgelegt*/  
														font-size: 16px; font-style: normal; line-height: 1.5; }
body											{ background: #c8d5e8; color: #285aa6; }

h1												{ font-size: 2em; font-weight: 400; margin: 0.67em 0; }
h2												{}
h3												{}
h4												{}
h5												{}
h6												{}

p													{ }
p:last-child							{ margin-bottom: 0; }
a													{ }
a:hover										{ }

/* Farben bei Bedarf global festlegen */
.light										{ background: #efefef; }
.middle										{ background: #e2e2e2; }
.dark										{ background: #888; }
.heavy										{ background: #000000; }

/* Abstände und Flexboxen */

.center									{ text-align: center; display: block; }
.centered									{ margin: 0 auto; }
.flex									{ display: flex; flex-wrap: wrap; }
.flexshrink								{ display: flex; flex-wrap: wrap; }
.flexspace								{ display: flex; flex-wrap: wrap; justify-content: space-between; }
.flexaround								{ display: flex; flex-wrap: wrap; align-content: space-around; align-items: flex-start; }
.flexstart								{ display: flex; flex-wrap: wrap; align-content: flex-start; }
.flexcenter								{ display: flex; flex-wrap: wrap; justify-content: center; align-content: space-between; }
.flexend									{ display: flex; flex-wrap: wrap; justify-content: flex-end; }
.flexenditems								{ display: flex; flex-wrap: wrap; align-content: flex-end; }
.flexspacetop								{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; align-content: space-between; }
.flexcc									{ display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }

header										{ width: 100%; }
main											{ width: 100%; }
footer										{ width: 100%; }
nav											{ width: 100%; }