@charset "utf-8";
html, php {background:transparent;}
body {background:#ffffff;}
body {margin:1em auto;font:normal 20px sans-serif;color:#333333;border-radius:20px;border:10px solid;border-color:#000044;}
nav, menu, main {display:flex;margin:0;}
/* ----------------- */
/*                   */
/*   Ansicht Handy   */
/*                   */
/* ----------------- */
@media all and (min-width: 25em) { body {max-width:22em;} nav, menu, main {flex-direction:column;} section img {width:100%;} header {height:;} }
/* ----------------- */
/*                   */
/*   Ansicht Lappi   */
/*                   */
/* ----------------- */
@media all and (min-width: 50em) { body {max-width:58em;} main {flex-direction:row;} nav, menu {flex-direction:column;} section img {width:80px;} header {height:400px;} }
/* ------------------------- */
/*                           */
/*   Struktur Definitionen   */
/*                           */
/* ------------------------- */
main    {background:url('../Bilder/BAF-Seite-hintergrund.jpg');background-size:auto auto;background-size:cover;}
nav     {background:#7b97bf;border:1px solid #000044;margin:0;color:#ffffff;}
aside   {background:transparent;padding:0 5px;color:#000044;width:20em;}
article {background:transparent;padding:0 20px;border:2px solid #e3e3d5;width:90%;}
section {background:transparent;padding:0 0 0 5px;border-top:2px solid #000044;color:#000044;}
footer  {background:#000044;height:30px;padding:10px;color:#ffffff;font-size:17px;}
footer a{color:#ffffff;}
/* -------------------------- */
/*                            */
/*   Steuerung Definitionen   */
/*                            */
/* -------------------------- */
nav  menu    {justify-content:center;margin: 0px 50px 0px 0px;}
nav  menu li {list-style:none;padding:5px;}
nav  menu li a {border-radius:8px;border:3px solid;display:inline-block;text-decoration:none;width:75%;background-color:#F2F0EA;text-align:center;vertical-align:middle;font-weight:normal;color:#000044;padding:5px;}
nav  menu li a:hover, nav li a:focus {text-decoration:none;color:#960300;background-color:#ffffff;}
nav  menu li a[aria-current=page] {text-decoration:none;color:#5c86c1;background-color:#DCDADD;}
main menu li {list-style:none;padding:10px;}
main menu li a {border-radius:8px;border:3px solid;display:inline-block;text-decoration:none;background:#F2F0EA;padding:20px;}
main menu li a:hover, main menu li a:focus {text-decoration:none;background:#DCDACC;color:#ff0000;}
/* ----------------------- */
/*                         */
/*   Andere Definitionen   */
/*                         */
/* ----------------------- */
h1 {font-family:serif;font-size:30px;color:#000044;}
h2 {font-family:serif;font-size:28px;color:#000044;}
h3 {font-family:sans-serif;font-size:20px;color:#000044;}
a       {text-decoration:none;color:#000044;}
a:hover {text-decoration:none;color:#ff0000;}
th {font-family:sans-serif;font-size:30px;color:#ffffff;}
.auto-AdBe-rotd {color: #b30000;}
.auto-AdBe-grud {color: #006600;}
.auto-AdBe-lila {background-color: #FFCCFF;}
.auto-AdBe-blau {background-color: #CCFFFF;}
.auto-AdBe-gelb {background-color: #FFFFCC;}
.auto-AdBe-rosa {background-color: #FFCCCC;}
.auto-AdBe-grun {background-color: #CCFFCC;}
.auto-AdBe-oran {background-color: #FF9900;}
.auto-AdBe-gold {background-color: #D4B60E;}
.auto-AdBe-petr {background-color: #5F9EA0;}
.auto-AdBe-blue {background-color: #1E90FF;}
.auto-AdBe-bage {background-color: #FFD39B;}
.auto-AdBe-brau {background-color: #CD3333;}