@charset "utf-8";
html, php {background:transparent;width:902px;}
body {background:transparent;margin:0px;padding:0px;}
body {font:normal 20px sans-serif;color:#333333;border-radius:0px;border:1px solid #637E9B";}
main, nav, menu, li, footer {display:flex;margin:0px;padding:0px;}
/* ----------------- */
/*                   */
/*   Ansicht Handy   */
/*                   */
/* ----------------- */
@media all and (min-width: 18em) { body {max-width:22em;} main, nav, menu, li, footer {flex-direction:column;} }
/* ----------------- */
/*                   */
/*   Ansicht Lappi   */
/*                   */
/* ----------------- */
@media all and (min-width: 26em) { body {max-width:64em;} main, footer {flex-direction:row;} nav, menu, li {flex-direction:column;} }
/* ------------------------- */
/*                           */
/*   Struktur Definitionen   */
/*                           */
/* ------------------------- */
main    {background:#ffffff;display:flex;flex-direction:row;}
header  {background:url('../Bilder/daff-header.jpg') no-repeat left center;background-size:cover;height:201px;} 
li      {background:url('../Bilder/buttonblau.jpg') no-repeat center center;background-size:cover;}
article {background:transparent;padding:0px 20px;border:1px solid #637E9B;color:#637E9B;}
aside   {background:transparent;padding:0px 2px;border:1px solid #637E9B;color:#637E9B;}
nav     {background:#637E9B;border:1px solid #637E9B;margin:0px;padding:0px;color:#ffffff;}
footer  {background:#637E9B;padding:10px;color:#ffffff;font-size:10px;flex-direction:row;}
footer a{color:#ffffff;}
/* -------------------------- */
/*                            */
/*   Steuerung Definitionen   */
/*                            */
/* -------------------------- */
nav  menu li {list-style:none;padding:7px;width:90%;}
nav  menu li a {display:inline-block;text-decoration:none;width:90%;background-color:transparent;text-align:center;vertical-align:middle;font-weight:normal;color:#ffff00;}
nav  menu li a:hover, nav menu li a:focus {text-decoration:none;background-color:transparent;color:#ffffff;}
nav  menu li a[aria-current=page] {text-decoration:none;background-color:transparent;color:#00ff00;}
main menu li {list-style:none;padding:7px;width:90%;}
main menu li a {display:inline-block;text-decoration:none;width:90%;background-color:transparent;text-align:center;vertical-align:middle;font-weight:normal;color:#ffff00;}
main menu li a:hover, main menu li a:focus {text-decoration:none;background-color:transparent;color:#ffffff;}
main menu li a[aria-current=page] {text-decoration:none;background-color:transparent;color:#00ff00;}
/* ----------------------- */
/*                         */
/*   Andere Definitionen   */
/*                         */
/* ----------------------- */
h1      {font-family:serif;font-size:36px;color:#660000;}
h2      {font-family:serif;font-size:28px;color:#660000;}
h3      {font-family:sans-serif;font-size:20px;color:#660000;}
a       {text-decoration:none;color:#660000;}
a:hover {text-decoration:none;color:#ff0000;}
iframe  {width:650px;height:100vh;}