{\rtf1\ansi\ansicpg1252\cocoartf2818
\cocoatextscaling0\cocoaplatform0{\fonttbl\f0\fswiss\fcharset0 Helvetica;}
{\colortbl;\red255\green255\blue255;}
{\*\expandedcolortbl;;}
\paperw11900\paperh16840\margl1440\margr1440\vieww11520\viewh8400\viewkind0
\pard\tx566\tx1133\tx1700\tx2267\tx2834\tx3401\tx3968\tx4535\tx5102\tx5669\tx6236\tx6803\pardirnatural\partightenfactor0

\f0\fs24 \cf0 /* styles.css */\
\
/* Grundlegende Stile */\
body \{\
    font-family: Arial, sans-serif;\
    margin: 0;\
    padding: 0;\
    background-color: #f0f0f0;\
\}\
\
/* Navigation */\
nav \{\
    background-color: #333;\
\}\
\
nav ul \{\
    list-style-type: none;\
    margin: 0;\
    padding: 0;\
    overflow: hidden;\
\}\
\
nav li \{\
    float: left;\
\}\
\
nav li a \{\
    display: block;\
    color: white;\
    text-align: center;\
    padding: 14px 20px;\
    text-decoration: none;\
\}\
\
nav li a:hover \{\
    background-color: #111;\
\}\
\
/* Hauptinhalt */\
main \{\
    padding: 20px;\
    background-color: white;\
    min-height: calc(100vh - 48px); /* H\'f6he der Navigation ber\'fccksichtigen */\
\}\
\
/* \'dcberschriften */\
h1 \{\
    color: #333;\
\}\
\
h2 \{\
    color: #555;\
\}\
\
/* Abs\'e4tze */\
p \{\
    color: #555;\
    line-height: 1.6;\
\}\
\
/* Links */\
a \{\
    color: #0066cc;\
\}\
\
a:hover \{\
    text-decoration: underline;\
\}\
\
/* Medienabfragen f\'fcr mobiles Design */\
@media screen and (max-width: 600px) \{\
    nav ul \{\
        display: flex;\
        flex-direction: column;\
    \}\
\
    nav li \{\
        width: 100%;\
    \}\
\}}