/* Straw Bear Style Sheet */ 

.main {
    width: 100%;
   
   }

body {
	background: #ffffc0;
	font-size: 100%;
	margin: 0em;
	padding: 0em;
		}




img {
    max-width: 100%;
    height: auto;
	vertical-align: middle;
}

 .top-container {
  background: #FEA;
  font-size: 100%;
	  padding: 1em;
     }

.text {
  color: yellow;
  font-size: 1.2em;
  padding: 0em; 
  position: relative;
  bottom: 1.7em; 
  right: 1em;
 width: 50%;
  text-align: right;
 }
 
   .pwidth {
	 width: 50%;
         }  

.slideshow-container {
  max-width: 35em;
  position:relative;
  margin: auto;
 }


/*Header*/

#menubar {display: block;background: #FEA;}
#menubar ul {display: block; width: 2em; padding: 0.2em; }
#menubar ul li {display: inline; }
#menubar ul li a.menubutton{display: none;
}

.sticky{
   position: -webkit-sticky;
    position: sticky;
    top: 0;
	 background-color: #ffffc0; 
}

.content {
        margin: 2em  auto;
}
   

/* Navigation  */

.navbar {
  overflow: hidden;
  background-color:  #FEA;
}
.navbar a {
  float: left;
  font-size: 16px;
  color: black;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

.subnav {
  float: left;
  overflow: hidden;
}
.subnav .subnavbtn {
  font-size: 16px;
  border: none;
  outline: none;
  color: black;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 5;
}
.navbar a:hover, .subnav:hover .subnavbtn {
  background-color: #ffdead;
}
.subnav-content {
  display: none;
  position: absolute;
 
  background-color: #ffdead;
  width: relative;
  z-index: 1;
}
.subnav-content a {
  float: left;
  color: black;
  text-decoration: none;
}
.subnav-content a:hover {
  background-color: #eee;
  color: black;
}
.subnav:hover .subnav-content {
  display: block;
} 
.navft {
  overflow: hidden;
  text-align: center;
    padding: 1em 1em;
  background-color:  #FEA;
}
.navft a {
  display: -webkit-inline-box ;
  font-size: 1em;
  color: black;
  text-align: center;
  padding: 0.4em 0.5em;
  text-decoration: none;
}
.navft a:hover {
  background-color: #ffdead;
}
.navft1 {
  overflow: hidden;
  text-align: center;
  padding-bottom: 1em;
  background-color:  #FEA;
}

/* Pagestyle */

u1 { display: block; font-size: 1.5em; font-weight: bold; margin-top: 0.8em; margin-bottom: 1.3em; margin-left: 1vh; text-shadow:0 2px 2px rgba(0,0,0, .7);}
u2 { display: block; font-size: 3em; font-weight: bold;margin-top: 0.2em; margin-bottom: 2.2em; margin-left: 1vh; text-shadow:0 2px 2px rgba(0,0,0, .7); }
u3 { font-size: 1.1em;font-weight: bold ; color:#0000ff; text-shadow:0 1px 1px rgba(0,0,0, .7);}
u4 { font-size: 2.5em;font-weight: bold ; color: red; text-shadow:0 3px 3px rgba(0,0,0, .7);}
u5 { font-size: 1.7em;font-weight: bold ; color: red; text-shadow:0 1px 1px rgba(0,0,0, .7);}
u6 { font-size: 3em;font-weight: bold ; color: black; text-shadow:0 3px 3px rgba(0,0,0, .7);}
u7 { font-size: 3em;font-weight: bold ; color: blue; text-shadow:0 1px 1px rgba(0,0,0, .7);}
u4 {display: block;font-size: 2.5em;font-weight: bold ; color: red; margin-top: .2em; margin-bottom: .2em; text-shadow:0 3px 3px rgba(0,0,0, .7);}

b1 { font-size: 2em; font-weight: bold; background:#FEA; padding:5px; border-radius: 8px; box-shadow:0 5px 5px rgba(0,0,0, .5);}
b2 { font-size: 1em; font-weight: bold; background:#FEA; padding:5px; border-radius: 8px; box-shadow:0 5px 5px rgba(0,0,0, .5);}
b3 { font-size: 0.7em; font-weight: bold; background:#FEA; padding:3px; border-radius: 4px; box-shadow:0 5px 5px rgba(0,0,0, .5);}

	
/* Tabellen*/
	
	<style type="text/css">
.eu {width: 80%;border: 0}
.eu tr {border:2px #daa520 solid;}
.eu th {background:#ffff30; border:2px #daa520 solid;}
.eu td {background:#ffffA0; border:2px #daa520 solid;}

.ausw{width: 100%;  border: 0}
.ausw tr {border:2px #daa520 solid;}
.ausw th {background:#ffff30; border:2px #daa520 solid;}
.ausw td {background:#ffffA0; border:2px #daa520 solid;}

.row {
    display: -ms-flexbox; /* IE10 */
    display: flex;
    -ms-flex-wrap: wrap; /* IE10 */
    flex-wrap: wrap;
    padding: 0 4px;
}

/* Spalten */
.column-0 {
    -ms-flex: 10%; /* IE10 */
    flex: 10%;
    max-width:10%;
    padding: 0 4px;
}
.column {background-color:  #FEA;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    -ms-flex: 17%; /* IE10 */
    flex: 17%;
    max-width: 17%;
    padding:  1em;
}
.column-i {background-color:  #FEA;
	  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    -ms-flex: 20%; /* IE10 */
    flex: 20%;
    max-width: 20%;
    padding:  1em;
}

.column img {
    margin-top: 8px;
    vertical-align: middle;
}

.column-1 {
		background-color:  #FEA;
    -ms-flex: 45%; /* IE10 */
    flex: 45%;
    max-width: 45%;
    padding:  1em;
}

.column-1 img {
    margin-top: 8px;
    vertical-align: middle;
}

.column-2 {
	
    -ms-flex: 17%; /* IE10 */
    flex: 17%;
    max-width: 17%;
    padding:  1em;
}



.column-4 {
	-ms-flex: 27%; /* IE10 */
    flex: 27%;
    max-width: 27%;
    padding: 0 4px;
}
.column-4a {
	-ms-flex: 20%; /* IE10 */
    flex: 20%;
    max-width: 20%;
    padding: 0 4px;
}
.column-im {
	background-color:  #FEA;
	-ms-flex: 60%; /* IE10 */
    flex: 60%;
    max-width: 60%;
    padding: 0 4px;
}

@media screen and (max-width: 500px)
 {
    body {background:  #ffffc0;
	font-size: 100%;
	margin: 0em;
	padding: 0em;
 }
		 .navbar a 
		 {
  float: left;
  font-size: 0.9em;
  color: black;
  text-align: center;
  padding:  0.4em 0.8em 0.8em 0.5em;
  text-decoration: none;
}
.subnav .subnavbtn {
  font-size: 0.8em;
  border: none;
  outline: none;
  color: black;
  padding:   0.4em 0.3em 1.3em 0.2em;
  background-color: inherit;
  font-family: inherit;
  margin: 5;
}
		 u4 {display: block;
		 font-size: 1.3em;
		 font-weight: bold ;
		 color: red;
		 margin-top: .2em;
		 margin-bottom: .2em;
		 text-shadow:0 3px 3px rgba(0,0,0, .7);
		 }
		 u3 { font-size: 1.2em;
		 font-weight: bold ;
		 color:#0000ff;
		 text-shadow:0 1px 1px rgba(0,0,0, .7);
		 }
		 .pwidth {
	 width: 100%;
         }  
		   .column {
        -ms-flex: 100%;
        flex: 100%;
        max-width: 100%;
		    }
		.column-i {
	background-color:  #FEA;
    -ms-flex: 100%; /* IE10 */
    flex: 100%;
    max-width: 100%;
    padding:  1em;	
		}
	.column-1 {
	background-color:  #FEA;
    -ms-flex: 100%; /* IE10 */
    flex: 100%;
    max-width: 100%;
    padding:  1em;
}
.column-4 {
	background-color:  #FEA;
    -ms-flex: 98%; /* IE10 */
    flex: 98%;
    max-width: 98%;
    padding:  0.5em;
}
.column-4a {
	    -ms-flex: 98%; /* IE10 */
    flex: 98%;
    max-width: 98%;
    padding:  0.5em;
}
.column-im {
	background-color:  #FEA;
	-ms-flex: 98%; /* IE10 */
    flex: 98%;
    max-width: 98%;
    padding: 0 4px;
}
}

@media screen and (max-width: 700px) and (min-width: 501px)
{
			 .navbar a 
		 {
  float: left;
  font-size: 0.9em;
  color: black;
  text-align: center;
  padding:  0.4em 0.8em 0.8em 0.5em;
  text-decoration: none;
}
.subnav .subnavbtn {
  font-size: 0.8em;
  border: none;
  outline: none;
  color: black;
  padding:   0.4em 0.3em 1.3em 0.2em;
  background-color: inherit;
  font-family: inherit;
  margin: 5;
}
 u4 {display: block;
		 font-size: 1.3em;
		 font-weight: bold ;
		 color: red;
		 margin-top: .2em;
		 margin-bottom: .2em;
		 text-shadow:0 3px 3px rgba(0,0,0, .7);
		 }

 .slideshow-container {
  max-width: 32.9em;
   position:relative;
  margin: auto;
 }

 
	    .column {
			box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
        -ms-flex: 19%;
        flex: 19%;
        max-width: 19%;
		    }
	
	.column-i {
		 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
	background-color:  #FEA;
    -ms-flex: 19%; /* IE10 */
    flex: 19%;
    max-width: 19%;
    padding:  1em;	
		}
		.column-4 {
	    -ms-flex: 33%; /* IE10 */
    flex: 33%;
    max-width: 33%;
    padding:  0.5em;
}
.column-4a {
	-ms-flex: 15%; /* IE10 */
    flex: 15%;
    max-width: 15%;
    padding: 0 4px;
}
.column-1 {
		background-color:  #FEA;
    -ms-flex: 50%; /* IE10 */
    flex: 50%;
    max-width: 50%;
    padding:  1em;
}
				}