html, body {
	 height: 100%;
	 width: 100%;
	 margin: 0;
	 padding: 0;
 }

body{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.1rem;
text-decoration: none;
}
/* Farbschema */
.back1 {background-color: #dfc0a0;}
.back2 {background-color: #e4dcbd;}
.back3 {background-color: #271806;}
.back4 {background-color: #7d7874;}
.back5 {background-color: #e5e5e5;}

.color1 {color: #dfc0a0;}
.color2 {color: #e4dcbd;}
.color3 {color: #271806;}
.color4 {color: #7d7874;}
.color5 {color: #e5e5e5;}

h1 {
color: #271806;
font-size: 1.5em;
text-align: center;
text-decoration: none;
font-weight: bold;
}

#wrapper {
 display: flex;
 flex-direction: column;
 height: 100%;
 min-height: 100%;
}
#mehrspaltig {
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;
}
article {
	 display: flex;
	 flex-direction: column;
 text-align: center;
  align-items: center;
 justify-content: space-around;
line-height: 1.2rem;
}
a{
font-size: 1.2rem;
color:#271806;
}
a:link,a:active {
font-weight: bold;
text-decoration: none;
border-bottom: 1pt solid #271806;
/* border-left: 4pt solid #880000; */
}
a:visited {
font-weight: bold;
text-decoration: none;
border-bottom: 1pt solid #336600;
/* border-right: 4pt solid #336600; */
border-left: 0pt;
}

a:hover {
color:#880000;
text-decoration: none;
border-right: 0pt;
border-left: 4pt;
}

#copyright a{
font-size: 0.9rem;
text-align: right;
text-decoration: none;
}
#mail a{

font-size: 0.9rem;
text-align: left;
text-decoration: none;
}

div#flaggenlink a:link,
div#flaggenlink a:active{
text-decoration: none;
border-bottom: 0;
border-left: 0;
}
img, a img{
border: 0;
max-width: 100%;
height: auto;
margin: 20 0 20 0;
}

@media all and (min-width: 800px) /* Desktop */ {


         #wrapper {
             display: flex;
             flex-direction: column;
             height: 100%;
             min-height: 100%;
         }

         #mehrspaltig {
             flex: 1;
             display: flex;
             flex-direction: column;
             /* background-color: darkblue; */
         }

         nav {
             flex: 2;
             /* background-color: darkblue; */
             text-align: center;
             align-self: center;
         }

         article {
             flex: 5;
             /* background-color: darkblue; */
             text-align: center;
             align-self: center;
         }

         aside {
                 flex: 2;
                 /* background-color: darkblue; */
                 text-align: center;
                 align-self: center;
         }

#copyright{
font-size: 8pt;
text-align: right;
text-decoration: none;
}
#mail{
font-size: 8pt;
text-align: left;
text-decoration: none;
}
}
@media all  and (max-width: 799px) /* Tablet */ {
   html{
                 height: 100%;
                 }
         body {
                 height: 100%;
                 /* background-color: darkblue; */
                              margin: 0;
             padding: 0;
                 }
          #wrapper {
             display: flex;
             flex-direction: column;
             height: 100%;
             min-height: 100%;
         }

         #mehrspaltig {
         flex: 1;
             display: flex;
             flex-direction: column;
             /* background-color: darkblue; */
         }
         nav {

             /* background-color: darkblue; */
             text-align: center;
         }

         article {
             flex: 1;
             /* background-color: darkblue; */
             text-align: center;

         }

         aside {
                 flex: 2;
                 /* background-color: darkblue; */
                 text-align: center;

         }

#copyright{
text-align: center;
text-decoration: none;
}
#mail{
text-align: center;
text-decoration: none;
}
}
@media all and (max-width: 500px) /* Mobile */ {
         html{
                 height: 100%;
                 }
         body {
                 height: 100%;
                 /* background-color: darkblue; */
            margin: 0;
             padding: 0;
                 }
          #wrapper {
             display: flex;
             flex-direction: column;
             height: 100%;
             min-height: 100%;
         }

         #mehrspaltig {
         flex: 1;
             display: flex;
             flex-direction: column;
             /* background-color: darkblue; */
         }
         nav {

             /* background-color: darkblue; */
             text-align: center;
         }

         article {
             flex: 1;
             /* background-color: darkblue; */
             text-align: center;

         }

         aside {
                 flex: 2;
                 /* background-color: darkblue; */
                 text-align: center;

         }
#copyright{
text-align: center;
text-decoration: none;
}
#mail{
text-align: center;
text-decoration: none;
}
}