body {
  font-family:'arial',sans-serif;
  color: #3A3C69;
  font-size:1em;
background-image:url(texture07.jpg);                    /*   url(texture07.jpg);             texture09.jpg    */
background-color:#B0C4DE;
background-repeat:repeat;
background-attachment:fixed;
background-position:left top;
margin:10px;
}

div#wrapper {
  background-color:#FAEBD7;
  background-image:url(texture07.jpg);
  border: #3A3C69 1px solid;
  margin: 0px auto;
  max-width: 50em;
  display: flex;
  flex-flow: row wrap;
}

/* Mobile first - alle Dokument-Blöcke bekommen 100% Breite */  

header {
  width:100%;
  border: 0px solid;
  padding:3% 6% 0 6%;
  text-align:center;
  margin:0;  
  flex: 1 100%;
  align-items:center;
  
}

main {
  width:100%;
  border: 0px solid;
  padding:0 6%;
  margin:0;
  font-size:0.9em; 
}

footer {
  width:100%;
  border: 0px solid;
  padding:0 6% 6% 6%;
  text-align:center;
}

img{
max-width:100%;
border-top:#ffffff 1px solid;
border-right:#3A3C69 1px solid;
border-bottom:#3A3C69 1px solid;
border-left:#ffffff 1px solid;
text-align:center;
}

.flex-container {
display:flex;
flex-direction:column;
flex-flow: row wrap;
align-items: center;
justify-content: space-between;
}

.flex1 {
	border: 0px solid;
	margin-top: 0.8em;
	padding: 0em;
    text-align:center;
    flex:1 0 20%;  
}

.flex2 {
	border: 0px solid;
	margin-top: 0.8em;
	padding: 0.8em;
    text-align:center;
    flex:1 0 40%;  
}

.flex3 {
	border: 0px solid;
	margin-top: 0.8em;
	padding: 0em;
    text-align:center;
    flex:1 0 20%;  
}

/*  Schriften   */
h1 {font-family:"baskerville";padding-bottom:0px;padding-top:0;}             /*   2em   */
h2 {padding-bottom:0px;padding-top:0;}                                       /*   1.5em    */
h3 {padding-bottom:0px;padding-top:0;}                                       /*  1.17em   */
h4 {padding-bottom:0px;padding-top:0;text-align:center;}                                       /*   1em   */

/*   Linien   */
hr {background-color:#3A3C69;height:1px;border:0px;}                               /*    #666666;   */
.unten{margin-top:2em;}


/*   schriftgrößen   */
.klein  {font-size:0.9em;}
.super  {font-size:0.7em;}
.superklein  {font-size:0.6em;text-align:justify;}
.link  {color:#3A3C69;font-family:"arial","sans-serif";font-size:0.9em;}

/*   Ausrichtung   */
.xlfoto  {text-align:center;padding-top:6%;}
.normal_m  {text-align:center;padding:10px;}


/*   Links   */
a:link{color:#3A3C69;text-decoration:none;}
a:visited{color:#3A3C69;text-decoration:none;}
a:hover{color:maroon;text-decoration:underline;}
a:active{color:maroon;text-decoration:none;}

[aria-current] {color:maroon;text-decoration:none;}

/* Smart Phones und Tablets mit mittlerer Auflösung */

@media all and (min-width: 600px) {
}

.flex-container {flex-direction: row;}



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

body {background-image:url(texture03.jpg);}
}