html        {height: 100%; }
body *{box-sizing: border-box; }
body        {min-height: 100%; display: -webkit-flex; display: flex; flex-flow: column; align-items: stretch; margin: 0; }
main        {flex: 1; display: -webkit-flex; display: flex; }

article        {flex: 1; padding-left: 1em; }

object        {width: 40em; height: 50em;}

 .main-nav {
      display: flex;
      padding: 1em;
      border-radius: 5px;
      background-color: #fafafa;
      color: white;
           }

   .main-nav > ul {
      display: flex;
      flex: 2;
      align-items: center;  justify-content: center;
      padding: 0;
      margin: 0;
      list-style-type: none;
            }
    .main-nav li {  margin-right: 1em; }

 .main-nav li a{  font-family:Facade Condensed; font-weight:bold; font-size:17px; padding: 0.3em;
        text-decoration: none; text-align: center; color: #782c8b; background: #f2f2f2;
        border: none; border-bottom: 1px solid blue; border-right: 2px solid darkblue; border-radius: 10px;
        transition: all .25s ease-in; display:inline-block;
        -webkit-transition:color 0.2s linear, background 0.2s linear;
        -moz-transition:color 0.2s linear, background 0.2s linear;
        -o-transition:color 0.2s linear, background 0.2s linear;
        transition:color 0.2s linear, background 0.2s linear; }

  .main-nav li a:hover        {color:#0d0d62; text-decoration:underline;  background: #f4e9ce; }

    @media screen and (max-width: 575px) {.main-nav { flex-direction: column; } .main-nav ul { margin-bottom: 1em; }}

#ort        { position:relative; width:100%; margin:0 auto; padding-top:10px; padding-bottom:40px; alignment:center;}
#retur        {padding-top: 20px; margin-left: 5px;}
#Uhr {font-family:Roboto; font-size:13px}
.urtxt {font-family:Arial; font-size:10px; color: #0000ff; padding-bottom: 12px;}


.seitwahl {display: flex;}

.seitwahl li { list-style-type:none; color:red; font-weight:BOLD; }

.seitwahl li a{  font-family:Roboto;  font-size:15px; padding: 10em;
        text-decoration: none; text-align: center; color: #782c8b; background: #f0f0f0;
        border: none; border-bottom: 1px solid blue; border-right: 2px solid darkblue; border-radius: 10px;
        margin-bottom:1em;
        transition: all .25s ease-in; display:inline-block;
        -webkit-transition:color 0.2s linear, background 0.2s linear;
        -moz-transition:color 0.2s linear, background 0.2s linear;
        -o-transition:color 0.2s linear, background 0.2s linear;
        transition:color 0.2s linear, background 0.2s linear; }

.seitwahl a:link,
.seitwahl a:visited,
.seitwahl a:active        {font-family: Facade Condensed; font-weight: bold; font-size:17px; padding: 0.2em 0.2em; color: blue;
        border: none; border-bottom: 1px solid blue; border-right: 2px solid blue; border-radius: 10px;}

.seitwahl li a:hover        {color:#0d0d62; text-decoration:underline;  background: #f3e8df; }

.seitwahl a:link        {text-decoration:none; background-color: #f0f0f0; }

.seitwahl a:visited {text-decoration:none; background-color: #eaeaff; color: darkblue;}


  .seitelinks {display: flex;}
  .seitelinks.relative { position: relative;  left: 10px;}
  
   .seitentext { text-align: left; margin-left:50px;}
 
  #bag01 {background-color: #f7f7f7;}
#rand01	{ position:relative; width:100%; padding-left: 5em; padding-right: 5em;}