@charset "utf-8";
@import url('/assets/fontawesome/css/all.min.css');
@font-face { font-family: 'Lato'; font-style: italic; font-weight: 400; font-display: swap; src: url(/assets/fonts/Lato-italic-400.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Lato'; font-style: italic; font-weight: 700; font-display: swap; src: url(/assets/fonts/Lato-italic-700.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Lato'; font-style: normal; font-weight: 400; font-display: swap; src: url(/assets/fonts/Lato-normal-400.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Lato'; font-style: normal; font-weight: 700; font-display: swap; src: url(/assets/fonts/Lato-normal-700.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Karla'; font-style: normal; font-weight: 400; font-display: swap; src: url(/assets/fonts/karla.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Karla'; font-style: normal; font-weight: 500; font-display: swap; src: url(/assets/fonts/karla.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* Grundeinstellungen */
*														{ margin: 0; padding: 0; box-sizing: border-box; }
body								        { font-size: 16px; font-family: "Lato", sans-serif; background-color: #ffffff; color: #333; line-height: 1.6; display: flex; flex-direction: column; min-height: 100vh;}
header											{ width: 100%; text-align: center; padding: 2.5rem 1rem; background-color: #f1f1f1 }
header h1										{ color: #000; font-size: 2rem; margin-bottom: 0,.5rem }
header p										{ font-size: 1.1rem; color: #333; }
nav													{ width: 100%; top: 0; position: fixed; z-index: 1; background: #ffffff; box-shadow: 4px 0px 8px #000; }
main												{ flex: 1; display: flex; flex-wrap: wrap; justify-content: center; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; }
footer											{ text-align: center; padding: 1.5rem; background-color: #f1f1f1; color: #333333; font-size: 0.9rem; }

.card												{ background: #f1f1f1; border-radius: 8px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); width: 100%; max-width: 450px; padding: 2rem; display: flex; flex-direction: column; justify-content: space-between; }

.card h2										{ font-size: 1.5rem; color: #2c3e50; margin-bottom: 1rem; text-align: center; }
.card p											{	margin-bottom: 1.5rem;	color: #555; }
.btn												{ display: inline-block; background-color: #f69608; color: #000; padding: 0.75rem 1.5rem; border-radius: 4px; text-decoration: none; text-align: center; font-weight: bold; transition: background-color 0.2s; }
.btn:hover									{ background-color: #333333; color: #ffffff; }