@charset "utf-8";
*         {padding: 3px;margin: 0;}
html, php {background:transparent;}
body      {margin:1em auto;font:normal 20px sans-serif;color:#333333;}
/* ----------------- */
/*                   */
/*   Ansicht Handy   */
/*                   */
/* ----------------- */
@media all and (min-width: 18em) {
 body {
  max-width:20em!important;	/* Handy */
  max-width:65em;		/* Lappi */
 }
 nav, menu, main, li {
   display:flex;
   flex-direction:column;
 }
 .imgadbe       {width:200px;}
 .imgadbe1x     {width:150px;}
 .imgadbe2x     {width:150px;float:right;}
 .imgadbe4x     {width:70px;}
 .imgadbe6x     {width:70px;}
 .imgadbe8x     {width:70px;}
 .imgadberund   {width:100%;border-radius:10%;}
 iframe, video  {width:200px}
}
/* ----------------- */
/*                   */
/*   Ansicht Lappi   */
/*                   */
/* ----------------- */
@media all and (min-width: 55em) {
 body {
  max-width:20em;		/* Handy */
  max-width:65em!important;	/* Lappi */
 }
 nav, menu, main, li {
   display:flex;
   flex-direction:row;
 }
 .imgadbe       {width:660px;}
 .imgadbe1x     {width:400px;}
 .imgadbe2x     {width:300px;float:right;}
 .imgadbe4x     {width:220px;}
 .imgadbe6x     {width:160px;}
 .imgadbe8x     {width:110px;}
 .imgadberund   {width:90%;border-radius:10%;}
 iframe, video  {width:800px}
}
/* ------------------------- */
/*                           */
/*   Struktur Definitionen   */
/*                           */
/* ------------------------- */
main	            {background:#eeeeee;flex:auto;}
header	            {background: url('../Bilder/FFE-Filmstreifen.jpg') no-repeat center center;background-size:cover;color:#009d00;font:bold 30px sans-serif;text-transform:uppercase;padding:3px;display:flex;flex-direction:column;}
nav                 {background:#ffe694;margin:0;padding:0;}
aside	            {background:#d9d3c7;border:30px solid #eeeeee;}
article	            {background:transparent;}
footer	            {background:#ffe694;color:#283583;height:150px;font:normal 18px sans-serif;}
header td, aside td {text-align:center;vertical-align:middle;}
article form td     {text-align:left;vertical-align:top;}
footer a            {font:bold 22px sans-serif;}
section             {display:flex;justify-content:center;border-radius:12px;border:4px solid;border-color:#d9d3c7;}
/* -------------------------- */
/*                            */
/*   Steuerung Definitionen   */
/*                            */
/* -------------------------- */
nav menu li   {list-style:none;border:0px;padding:10px;flex:auto;}
nav menu li a {border-radius:8px;border:4px solid;display:inline-block;font:bold 16px sans-serif;text-transform:normal;text-decoration:none;background-color:#b71700;text-align:center;vertical-align:middle;color:#ffffff;padding:10px;}
nav menu li a:hover, nav li a:focus {text-decoration:none;color:#009d00;background-color:#ffffff;font:bold 16px sans-serif;}
nav menu li a[aria-current=page]    {text-decoration:none;color:#0028a0;background-color:#ffffff;font:bold 16px sans-serif;}
/* ----------------------- */
/*                         */
/*   Andere Definitionen   */
/*                         */
/* ----------------------- */
section td {text-align: center;}
hr {
  border: none;
  border-top: 3px solid #009d00;
  color: #009d00;
  overflow: visible;
  text-align: center;
  height: 5px;
}
h1       {font-family:Verdana,Arial;font-size:40px;font-weight:bold;color:#b71700;text-align:center;}
h2       {font-family:Verdana,Arial;font-size:30px;font-weight:bold;color:#009d00;text-align:center;}
h3       {font-family:Verdana,Arial;font-size:30px;font-weight:bold;color:#0028a0;text-align:center;}
h4       {font-family:Verdana,Arial;font-size:25px;font-weight:bold;color:#000000;text-align:center;}
h5       {font-family:Verdana,Arial;font-size:30px;font-weight:bold;color:blue;text-align:left;}
menu li  {background:transparent;list-style:none;padding:15px;border-radius:8px;border:4px solid;background-color:#ffe694;} 
a	 {text-decoration:underline;color:#327323;font-weight:bold;}
a:hover  {text-decoration:none;color:#283583;font-weight:bold;}
.adbetab     {padding:0px 0px 0px 100px;font-size:15px;}