/* xxxxxxxxx CSS-Flexbox-Einstellungen montessori xxxxxxxxx */

/* xxxxxxx Montessori-Material xxxxxxxx */

/* xxxx Ändern der Browser-Grundeinstellungen xxxx */

* {
  margin: 0;/* Außenabstand */
  padding: 0;/* Innenabstand */
  font-family: Helvetica, Arial, Times, sans-serif;/*Schriftfamilien*/
  font-weight: bold;/* Schriftgewicht */
  font-size: 100.01%;/* Schriftgröße, entspricht 1em oder 16px */
  line-height: 1.5em;/* Zeilenhöhe */
  text-align: center;/* Text wird zentriert */
  -webkit-hyphens: auto;/* Automatische Wörtertrennung */
  -moz-hyphens: auto;/* Automatische Wörtertrennung */
  -ms-hyphens: auto;/* Automatische Wörtertrennung */
  -o-hyphens: auto;/* Automatische Wörtertrennung */
  hyphens: auto;/* Automatische Wörtertrennung */
}

html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  color: #000000;
  /* border: 0.25em solid #B22222; Farbton FireBrick *//*Rahmenfarbe*/
  background-color: #ff9850;/* Farbe von Montessorilogo */
}

*, *::before, *::after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  -ms-box-sizing: inherit;
  -o-box-sizing: inherit;
  box-sizing: inherit;
}


h1,h2,h4 {
text-align: center;/*Überschriften Zentriert*/
color: #FF8000;
}

h3 {
color: Black;
}

em {
color: #CC3333;/*Sonderfarbe für Text*/
}

mark {
background-color: yellow;
}

li mark {
background-color: yellow;
color: blue;
}

a[href^="http:"]::after {
background: url(/img/links/ext-icon-13.png) top right no-repeat;
padding-right: 0.3125em;
}

a[href^="http://www.xn--seitenschtze-ocb.de/"], a[href^="http://xn--seitenschtze-ocb.de/"] {
 background-image: none;
 padding-right: 0;
 }

a[href^="http://www.xn--seitenschtze-ocb.de/index.html"], a[href^="http://xn--seitenschtze-ocb.de/index.html"] {
 background-image: none;
 padding-right: 0;
 }

a[href^="http://data-vocabulary.org/Breadcrumb"] {
 background-image: none;
 padding-right: 0;
 }

/* interne Sprungmarke zum Seitenanfang */

a[href^="#top"]::before{
    content:url("http://www.kidsundcohome.de/img/pfeil/pfeile32x32.png");
    display: inline-block;
    font-size: 1.5em;
}

body {
  padding: 0.25em;
  width: auto;
  border: 0.25em solid #FA8072;/* Farbton Salmon */
  background-color: #ff9850;/* Farbe von Montessorilogo */
}

body header#kopf {
  padding-top: 0.25em;
  padding-right: 0.25em;
  padding-left: 0.25em;
  width: auto;
  /*border: 0.25em solid #FFFF00;*//* Farbton Yellow */
  background-color: #ff9850;/* Farbe von Montessorilogo */
}

body header#kopf figure.logo {
  width: 100%;
  height: auto;
  /*border: 0.25em solid red;*/
}

body header#kopf figure.logo a {
  width: auto;
}

body header#kopf figure.logo a img.logo {
  width: 100%;
  height: 4em;
  /*border: 0.25em solid blue;*/
}

body header#kopf figure.logo a img.logo src {
  width: 100%;
  height: 4em;
  /*border: 0.25em solid green;*/
}

/* Navigation - Normalisierung(Zurückstellung) der Werte auf "NULL" */

nav,
nav ul,
nav ul li,
body header#kopf nav.grundnaviOben,
body header#kopf nav.grundnaviOben ul,
body header#kopf nav.grundnaviOben ul li {
  list-style: none;
  margin: 0em;/*Außenabstand*/
  padding: 0em;/*Innenabstand*/
  border: 0em;
}

/* ---------- Navigation oben ----------*/

body header#kopf nav.grundnaviOben {
  padding: 0.25em;
  width: auto;
  min-height: 2em;/* 2em Mindesthöhe*/
  background: #FFFFFF;
}

body header#kopf nav.grundnaviOben ul {
  width: auto;
  min-height: 2em;/* 2em Mindesthöhe*/
  margin-bottom: 0.3125em;/* 5px Außenabstand unten*/
}

body header#kopf nav.grundnaviOben ul li {
  margin-top: 0.3125em;/* 5px Außenabstand oben*/
  padding: 0.3125em;/* 5px Innenabstand alle Seiten*/
  width: auto;
  min-height: 2em;/* 2em Mindesthöhe*/
  border: 0.125em solid;/* 3px Rahmendicke*/
  border-color: #800080;/*Rahmenfarbe*/
  border-radius: 0.625em;/*Abrundungsgröße der Ecken*/
  background: #E1E1E1/*#FFFFFF*/;
}

/* ---------- Veränderungen durch Aktionen ----------*/

a:link {
  color: blue;
  text-decoration: none;
}

a:visited {
  color: red;
  text-decoration: line-through;
}

a:focus {
  color: orange;
  text-decoration: overline;
}

a:hover {
  background-color: greenyellow;/*Hintergrundfarbe*/
  transition: background-color 0.01s;/* Schrittweise Farbänderung beim Überfahren mit dem Mauspfeil */
}

a:active {
  color: green;
  text-decoration: underline;
}

/* ---------- Breadcrumb ----------*/

body header#kopf nav.breadcrumb {
  padding: 0.25em;
  width: auto;
  min-height: 2em;/*Mindesthöhe*/
  /*border: 1px solid red;*/
}

body header#kopf nav.breadcrumb ul {
  padding-top: 0.3em;/*Innenabstand oben*/
  padding-bottom: 0.3em;/*Innenabstand unten*/
  padding-left: 0.2em;/*Innenabstand links*/
  padding-right: 0.2em;/*Innenabstand rechts*/
  width: auto;
  min-height: 2em;/*Mindesthöhe*/
}

body header#kopf nav.breadcrumb ul li {
  padding: 0.3em;/*Innenabstand alle Seiten*/
  width: auto;
  min-height: 2em;/*Mindesthöhe*/
  border: 0.125em solid;/*Rahmendicke*/
  border-color: blue;/*Rahmenfarbe*/
  border-radius: 0.625em;/*Abrundungsgröße der Ecken*/
  background-color: #CCFFFF;/*Hintergrundfarbe*/
}

body header#kopf nav.breadcrumb ul li::before {
content: ' >> '; /*Zeichen, die die Navigationsrichtung angeben*/
}

body header#kopf nav.breadcrumb ul li:first-child::before {
content: ''; /*Bewirkt, das vor dem ersten Navigationsnamen keine Zeichen angezeigt werden*/
}

/* Abgerundete Karteireiter von css-tricks */

body header#kopf nav.karteireiter {
  width: auto;
  height: auto;
  /*border: 1px solid yellow;*/

}

body header#kopf nav.karteireiter ul {
  text-align: center;
  list-style: none;
  padding: 0.625em 0 0em;
  width: auto;
  height: auto;
  overflow: hidden;
  font-size: 0.9375em;
  font-family: verdana;
  position: relative;
}

body header#kopf nav.karteireiter ul li {
  margin: 0 -0.5em;
  padding: 0 1em;
  width: auto;
  border: 0.0625em solid #AAA;
  background: #D1D1D1;
  background: -o-linear-gradient(to top, #ECECEC 50%, #D1D1D1 100%);
  background: -ms-linear-gradient(to top, #ECECEC 50%, #D1D1D1 100%);
  background: -moz-linear-gradient(to top, #ECECEC 50%, #D1D1D1 100%);
  background: -webkit-linear-gradient(to top, #ECECEC 50%, #D1D1D1 100%);
  background: linear-gradient(to top, #ECECEC 50%, #D1D1D1 100%);
  display: inline-block;
  z-index: 0;
  border-top-left-radius: 0.625em;
  border-top-right-radius: 0.625em;
  box-shadow: 0 0.1875em 0.1875em rgba(0, 0, 0, 0.4), inset 0 0.0625em 0 #FFF;
  text-shadow: 0 0.0625em #FFF;
}


body header#kopf nav.karteireiter ul li a {
color: #555;
text-decoration: none;
}

body header#kopf nav.karteireiter ul li.selected {
background: #FACC2E;
z-index: 2;
border-bottom-color: black;
}

body header#kopf nav.karteireiter ul li.selected a{
color: #FF8000;
text-shadow:
 0.0625em 0.0625em 0.0625em hsla(0, 0%, 0%, 1),
 0.0625em -0.0625em 0.0625em hsla(0, 0%, 0%, 1),
 -0.0625em 0.0625em 0.0625em hsla(0, 0%, 0%, 1);
 letter-spacing: 0.35em;/* Buchstaben-Abstand */
}

body header#kopf nav.karteireiter ul::before {
position: absolute;
content: " ";
width: 0.3125em;
bottom: 0;
left: 0;
border-bottom: 0.0625em solid #AAA;
z-index: 1;
}

body header#kopf nav.karteireiter ul li::before,
body header#kopf nav.karteireiter ul li::after {
border: 0.0625em solid #AAA;
position: absolute;
bottom: -0.0625em;
width: 0.3125em;
height: 0.3125em;
content: " ";
}

body header#kopf nav.karteireiter ul li::before {
left: -0.375em;
border-bottom-right-radius: 0.625em;
border-width: 0 0.0625em 0.0625em 0;
box-shadow: 0.125em 0.125em 0 #D1D1D1;
}

body header#kopf nav.karteireiter ul li::after {
right: -0.375em;
border-bottom-left-radius: 0.3125em;
border-width: 0 0 0.0625em 0.0625em;
box-shadow: -0.125em 0.125em 0 #D1D1D1;
}

body header#kopf nav.karteireiter ul li.selected::before {
box-shadow: 0.125em 0.125em 0 #FFF;
}

body header#kopf nav .karteireiter ul li.selected::after {
box-shadow: -0.125em 0.125em 0 #FFF;
}

/* Ende abgerundete Karteireiter */

/* ---------- Ende Navigation ----------*/

/* Inhaltsbereich */

body main {
  width: auto;
  background-color: #ff9850;/* Farbe von Montessorilogo */
  /*border: 0.25em solid red;*/
}

body main header {
  width: auto;
  height: 1.25em;
  background-color: #FAFAFA/*#FACC2E*/;/*Hintergrundfarbe*/
}

body main header h3 {
  color: black;
  height: 0.5em;
}

 body main section {
  width: 100%;
  text-align: center;
  background-color: #ff9850;/* Farbe von Montessorilogo */
  /*border: 0.25em solid green;*/
}

body main section header#Material {
    margin-top: 0.125em;
    padding: 0.125em;
    width: 100%;
    height: auto; /*3.5em*/
    background-color: #FAFAFA;/*Hintergrundfarbe*/
    /*border: 0.25em solid darkmagenta;*/
}

body main section header#Material h1 span {
    font-size: 1.1875em;
    text-shadow:
    0.0625em 0.0625em 0.0625em hsla(0, 0%, 0%, 1),
    0.0625em -0.0625em 0.0625em hsla(0, 0%, 0%, 1),
    -0.0625em 0.0625em 0.0625em hsla(0, 0%, 0%, 1),
    0.0625em -0.0625em 0em hsla(30, 100%, 70%, 1),
    0.125em -0.125em 0em hsla(30, 100%, 65%, 1);
    letter-spacing: 0.35em;
}

body main section header#Material h2 span {
    font-size: 1.1875em;
    text-shadow:
    0.0625em 0.0625em 0.0625em hsla(0, 0%, 0%, 1),
    0.0625em -0.0625em 0.0625em hsla(0, 0%, 0%, 1),
    -0.0625em 0.0625em 0.0625em hsla(0, 0%, 0%, 1);
    letter-spacing: 0.35em;
}

body main section article header h3 {
    color: #FF8000;
    text-shadow:
    0.0625em 0.0625em 0.0625em hsla(0, 0%, 0%, 1),
    0.0625em -0.0625em 0.0625em hsla(0, 0%, 0%, 1),
    -0.0625em 0.0625em 0.0625em hsla(0, 0%, 0%, 1);
    letter-spacing: 0.35em;
}

body main section article:nth-of-type(1) {
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0em;
    margin-right: 0em;
    padding: 0.125em;
    width: 100%;
    height: auto;
    font-family: arial;
    text-align: left;
    line-height: 1.25em;
    background-color: #FAFAFA;/*Hintergrundfarbe*/
}

body main section article:nth-of-type(1) header {
    width: 100%;
    height: 2em;
    border: 1px solid red;
    background-color: #FAFAFA;/*Hintergrundfarbe*/    
}

body main section article:nth-of-type(1) p {
    padding: 0.3125em;
    text-align: center;
    width: auto;
    height: auto;
}

body main section article:nth-of-type(1) p a img {
    width: auto;
    height: auto;
    margin: 0.5em;
}

body main section article:nth-of-type(1) p a img src {
    width: auto;
    height: auto;
    margin: 0.5em;
}

body main section article:nth-of-type(2) {
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0em;
    margin-right: 0em;
    padding: 0.125em;
    width: 100%;
    height: auto;
    font-family: arial;
    text-align: left;
    line-height: 1.25em;
    background-color: #FAFAFA;/*Hintergrundfarbe*/
}

body main section article:nth-of-type(2) header {
    width: 100%;
    height: 4em;
    border: 1px solid red;
    background-color: #FAFAFA;/*Hintergrundfarbe*/
}

body main section article:nth-of-type(2) p {
    padding-right: /*0.3125em*/1em;
    padding-left: 1em;
    text-align: center;
    width: auto;
    height: auto;
}

body main section article:nth-of-type(2) p a img {
    width: 95%;
    height: auto;
    margin: 0.5em;
}

body main section article:nth-of-type(2) p a img src {
    width: 95%;
    height: auto;
    margin: 0.5em;
}

body main section article:nth-of-type(3) {
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0em;
    margin-right: 0em;
    padding: 0.125em;
    width: 100%;
    height: auto;
    font-family: arial;
    text-align: center;
    line-height: 1.25em;
    background-color: #FAFAFA;/*Hintergrundfarbe*/
}

body main section article:nth-of-type(3) header {
    width: 100%;
    height: 3em;
    border: 1px solid red;
    background-color: #FAFAFA;/*Hintergrundfarbe*/
}

body main section article:nth-of-type(3) p {
    padding: 0.5em;
    text-align: center;
    width: 100%;
    height: auto;
}

body main section article:nth-of-type(3) p script {
    text-align: center;
    width: 95%;
    height: auto;
    margin: 0.5em;
}

body main section article:nth-of-type(3) p script src {
    text-align: center;
    width: 95%;
    height: auto;
    margin: 0.5em;
}

body main section article:nth-of-type(4) {
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0em;
    margin-right: 0em;
    padding: 0.125em;
    width: 100%;
    height: auto;
    font-family: arial;
    text-align: left;
    line-height: 1.25em;
    background-color: #FAFAFA;/*Hintergrundfarbe*/
}

body main section article:nth-of-type(4) header {
    width: 100%;
    height: 3em;
    border: 1px solid red;
    background-color: #FAFAFA;/*Hintergrundfarbe*/
}

body main section article:nth-of-type(4) p {
    padding-right: /*0.3125em*/1em;
    padding-left: 1em;
    text-align: center;
    width: auto;
    height: auto;
}

body main section article:nth-of-type(4) p a img {
    width: 95%;
    height: auto;
    margin: 0.5em;
}

body main section article:nth-of-type(4) p a img src {
    width: 95%;
    height: auto;
    margin: 0.5em;
}

body main section article:nth-of-type(5) {
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0em;
    margin-right: 0em;
    padding: 0.125em;
    width: 100%;
    height: auto;
    font-family: arial;
    text-align: left;
    line-height: 1.25em;
    background-color: #FAFAFA;/*Hintergrundfarbe*/
}

body main section article:nth-of-type(5) header {
    width: 100%;
    height: 3em;
    border: 1px solid red;
    background-color: #FAFAFA;/*Hintergrundfarbe*/
}

body main section article:nth-of-type(5) p {
    padding-right: /*0.3125em*/1em;
    padding-left: 1em;
    text-align: center;
    width: auto;
    height: auto;
}

body main section article:nth-of-type(5) p a img {
    width: auto;
    height: auto;
    margin: 0.5em;
}

body main section article:nth-of-type(5) p a img src {
    width: auto;
    height: auto;
    margin: 0.5em;
}

body main section article:nth-of-type(6) {
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0em;
    margin-right: 0em;
    padding: 0.125em;
    width: 100%;
    height: auto;
    font-family: arial;
    text-align: left;
    line-height: 1.25em;
    background-color: #FAFAFA;/*Hintergrundfarbe*/
}

body main section article:nth-of-type(6) header {
    width: 100%;
    height: 3em;
    border: 1px solid red;
    background-color: #FAFAFA;/*Hintergrundfarbe*/
}

body main section article:nth-of-type(6) p {
    padding-right: /*0.3125em*/1em;
    padding-left: 1em;
    text-align: center;
    width: auto;
    height: auto;
}

body main section article:nth-of-type(6) p a img {
    width: auto;
    height: auto;
    margin: 0.5em;
}

body main section article:nth-of-type(6) p a img src {
    width: auto;
    height: auto;
    margin: 0.5em;
}

body main section article:nth-of-type(7) {
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0em;
    margin-right: 0em;
    padding: 0.125em;
    width: 100%;
    height: auto;
    font-family: arial;
    text-align: left;
    line-height: 1.25em;
    background-color: #FAFAFA;/*Hintergrundfarbe*/
}

body main section article:nth-of-type(7) header {
    width: 100%;
    height: 5em;
    border: 1px solid red;
    background-color: #FAFAFA;/*Hintergrundfarbe*/
}

body main section article:nth-of-type(7) p {
    text-align: center;
    width: 100%;
    height: auto;
}

body main section article:nth-of-type(7) p a img {
    width: 95%;
    height: 4em;
    margin: 0.5em;
}

body main section article:nth-of-type(7) p a img src {
    width: 95%;
    height: 4em;
    margin: 0.5em;
}

body main section article:nth-of-type(8) {
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0em;
    margin-right: 0em;
    padding: 0.125em;
    width: 100%;
    height: auto;
    font-family: arial;
    text-align: left;
    line-height: 1.25em;
    background-color: #FAFAFA;/*Hintergrundfarbe*/
 }

body main section article:nth-of-type(8) header {
    width: 100%;
    height: 3em;
    border: 1px solid red;
    background-color: #FAFAFA;/*Hintergrundfarbe*/
}

body main section article:nth-of-type(8) p {
    width: auto;
    height: auto;
}

body main section article:nth-of-type(8) p a img {
    width: 95%;
    height: 4em;
    margin: 0.5em;
}

body main section article:nth-of-type(8) p a img src {
    width: 95%;
    height: 4em;
    margin: 0.5em;
}

body main aside.vermerk {
    margin-bottom: 1em;
    padding: 0.3125em;
    width: auto;
    height: auto;
    border: 0.0625em solid black;
    background: /*#F2F2F2*/#FAFAFA;
}

body footer {
    padding: 0.3125em;
    width: 100%;
    height: auto;
    text-align: left;
    background-color: #D8D8D8;/*Hintergrundfarbe*/
    /*border: 0.25em solid purple; */
}

/* Navigation unten - Normalisierung(Zurückstellung) der Werte auf "NULL" */

nav,
nav ul,
nav ul li,
body footer nav.grundnaviUnten,
body footer nav.grundnaviUnten ul,
body footer nav.grundnaviUnten ul li {
  list-style: none;
  margin: 0em;/*Außenabstand*/
  padding: 0em;/*Innenabstand*/
  border: 0em;
}

/* ---------- Navigation unten ----------*/

body footer nav.grundnaviUnten {
  padding: 0.25em;
  width: auto;
  min-height: 2em;
  background: #FFFFFF;
}

body footer nav.grundnaviUnten ul {
  width: auto;
  min-height: 2em;
  margin-bottom: 0.3125em;/* 5px Außenabstand unten*/
}

body footer nav.grundnaviUnten ul li {
  margin-top: 0.3125em;/* 5px Außenabstand oben*/
  padding: 0.3125em;/* 5px Innenabstand alle Seiten*/
  width: auto;
  min-height: 2em;/* 2em Mindesthöhe*/
  border: 0.125em solid;/* 3px Rahmendicke*/
  border-color: #B22222;/* Farbton FireBrick *//*Rahmenfarbe*/
  border-radius: 0.625em;/*Abrundungsgröße der Ecken*/
  background: #E1E1E1/*#FFFFFF*/;
}

body footer article h3 {
    margin: 0.125em; 
    padding: 0.125em;
    text-align: center;
    border: 1px solid red;
}

body footer article:nth-of-type(1){
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0em;
    margin-right: 0em;
    width: auto;
    height: auto;
    text-align: left;
    background-color: #FAFAFA;/*Hintergrundfarbe*/
}

body footer article:nth-of-type(2){
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0em;
    margin-right: 0em;
    width: auto;
    height: auto;
    text-align: left;
    background-color: #FAFAFA;/*Hintergrundfarbe*/
}

body footer article:nth-of-type(3){
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0em;
    margin-right: 0em;
    width: auto;
    height: auto;
    text-align: left;
    background-color: #FAFAFA;/*Hintergrundfarbe*/
}

body footer article:nth-of-type(3)#fb-root{
    padding: 0.125em;
    width: auto;
    height: auto;
    text-align: center;
}

body footer article:nth-of-type(3) src{
    padding: 0.125em;
    width: auto;
    height: auto;
}

body footer article:nth-of-type(3).fb-like-box{
    padding: 0.125em;
    width: auto;
    height: auto;
    text-align: center;
}

body footer article:nth-of-type(4){
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0em;
    margin-right: 0em;
    width: auto;
    height: auto;
    text-align: center;
    background-color: #FAFAFA;/*Hintergrundfarbe*/
}

body footer article:nth-of-type(4).g-plusone{
    padding: 0.125em;
    width: auto;
    height: auto;
    text-align: center;
}

body footer article:nth-of-type(4).g-plus{
    padding: 0.125em;
    width: auto;
    height: auto;
    text-align: center;
}

body footer aside.vermerk {
    margin: 0.3125em;
    padding: 0.5em;
    text-align: center;
    font-weight: bold;
    font-size: 1em;
    width: auto;
    height: auto;
    border: 0.0625em solid black;
    background-color: #FAFAFA;/*Hintergrundfarbe*/
}

/* xxxxxxx Ende Grundkoniguration xxxxxxx */



 /* xxxxx flex  flex  flex  xxxx */

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


/* xxxxxx 200px bis 360px Breite xxxxxx */


@media screen and (min-width: 12.5em) and (max-width: 22.5em) {

html {
    font-size: 80.01%;
    line-height: 1.2em;
    /*border: 0.25em solid #00FFFF;
    background-color: #B22222;*/
}

body, body header#kopf, body main, body footer {
	-webkit-flex: 1 100%;
	-moz-flex: 1 100%;
	-ms-flex: 1 100%;
	-o-flex: 1 100%;
	flex: 1 100%;
}

body {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	-o-flex-flow: row wrap;
	flex-flow: row wrap;
}

body header#kopf figure.logo {
	-webkit-flex: 1 1 0;
	-moz-flex: 1 1 0;
	-ms-flex: 1 1 0;
	-o-flex: 1 1 0;
	flex: 1 1 0;
}

body header#kopf figure.logo a {
	-webkit-flex: 1 1 0;
	-moz-flex: 1 1 0;
	-ms-flex: 1 1 0;
	-o-flex: 1 1 0;
	flex: 1 1 0;
}

body header#kopf figure.logo a img.logo {
	-webkit-flex: 1 1 0;
	-moz-flex: 1 1 0;
	-ms-flex: 1 1 0;
	-o-flex: 1 1 0;
	flex: 1 1 0;
}

body header#kopf figure.logo a img.logo src {
	-webkit-flex: 1 1 0;
	-moz-flex: 1 1 0;
	-ms-flex: 1 1 0;
	-o-flex: 1 1 0;
	flex: 1 1 0;
}

/* ---------- Navigation ----------*/

body header#kopf nav.grundnaviOben {
    -webkit-flex: 1 1 100%;
	-moz-flex: 1 1 100%;
	-ms-flex: 1 1 100%;
	-o-flex: 1 1 100%;
	flex: 1 1 100%;
}

body header#kopf nav.grundnaviOben ul {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
}

body header#kopf nav.grundnaviOben ul li {
	-webkit-flex: 1 1 0;
	-moz-flex: 1 1 0;
	-ms-flex: 1 1 0;
	-o-flex: 1 1 0;
	flex: 1 1 0;
}

/* ---------- Breadcrumb ----------*/

body header#kopf nav.breadcrumb {
    -webkit-flex: 1 1 100%;
	-moz-flex: 1 1 100%;
	-ms-flex: 1 1 100%;
	-o-flex: 1 1 100%;
	flex: 1 1 100%;
}

body header#kopf nav.breadcrumb ul {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
}

body header#kopf nav.breadcrumb ul li {
	-webkit-flex: 1 1 0;
	-moz-flex: 1 1 0;
	-ms-flex: 1 1 0;
	-o-flex: 1 1 0;
	flex: 1 1 0;
}

/* ---------- Abgerundete Karteireiter von css-tricks ----------*/

body header#kopf nav.karteireiter {
    -webkit-flex: 1 1 100%;
	-moz-flex: 1 1 100%;
	-ms-flex: 1 1 100%;
	-o-flex: 1 1 100%;
	flex: 1 1 100%;
}

body header#kopf nav.karteireiter ul {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
}

body header#kopf nav.karteireiter ul li {
	-webkit-flex: 1 1 0;
	-moz-flex: 1 1 0;
	-ms-flex: 1 1 0;
	-o-flex: 1 1 0;
	flex: 1 1 0;
}

/* Ende abgerundete Karteireiter */

/* ---------- Ende Navigation ----------*/

/* Inhaltsbereich */

body main {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
}

body main header h3 span#Uhrzeit {
	-webkit-flex: 1 1 0;
	-moz-flex: 1 1 0;
	-ms-flex: 1 1 0;
	-o-flex: 1 1 0;
	flex: 1 1 0;
}

body main section {
	-webkit-flex: 1 1 0;
	-moz-flex: 1 1 0;
	-ms-flex: 1 1 0;
	-o-flex: 1 1 0;
	flex: 1 1 0;
}

body main section header#Material {
	-webkit-flex: 1 1 0;
	-moz-flex: 1 1 0;
	-ms-flex: 1 1 0;
	-o-flex: 1 1 0;
	flex: 1 1 0;
}

body main section article {
	-webkit-flex: 1 1 0;
	-moz-flex: 1 1 0;
	-ms-flex: 1 1 0;
	-o-flex: 1 1 0;
	flex: 1 1 0;
}

body main section article header {
	-webkit-flex: 1 1 0;
	-moz-flex: 1 1 0;
	-ms-flex: 1 1 0;
	-o-flex: 1 1 0;
	flex: 1 1 0;
}

body main section article p {
	-webkit-flex: 1 1 0;
	-moz-flex: 1 1 0;
	-ms-flex: 1 1 0;
	-o-flex: 1 1 0;
	flex: 1 1 0;
}

body main section article p script {
	-webkit-flex: 1 1 0;
	-moz-flex: 1 1 0;
	-ms-flex: 1 1 0;
	-o-flex: 1 1 0;
	flex: 1 1 0;
}

body main section article p script src {
	-webkit-flex: 1 1 0;
	-moz-flex: 1 1 0;
	-ms-flex: 1 1 0;
	-o-flex: 1 1 0;
	flex: 1 1 0;
}

body main section article p a {
	-webkit-flex: 1 1 0;
	-moz-flex: 1 1 0;
	-ms-flex: 1 1 0;
	-o-flex: 1 1 0;
	flex: 1 1 0;
}

body main section article p a img {
	-webkit-flex: 1 1 0;
	-moz-flex: 1 1 0;
	-ms-flex: 1 1 0;
	-o-flex: 1 1 0;
	flex: 1 1 0;
}

body main section article p a img src {
	-webkit-flex: 1 1 0;
	-moz-flex: 1 1 0;
	-ms-flex: 1 1 0;
	-o-flex: 1 1 0;
	flex: 1 1 0;
}

body main section aside.vermerk {
	-webkit-flex: 1 1 0;
	-moz-flex: 1 1 0;
	-ms-flex: 1 1 0;
	-o-flex: 1 1 0;
	flex: 1 1 0;
}

body footer {
    -webkit-flex: 1 1 100%;
	-moz-flex: 1 1 100%;
	-ms-flex: 1 1 100%;
	-o-flex: 1 1 100%;
	flex: 1 1 100%;
}

body footer nav.grundnaviUnten {
    -webkit-flex: 1 1 100%;
	-moz-flex: 1 1 100%;
	-ms-flex: 1 1 100%;
	-o-flex: 1 1 100%;
	flex: 1 1 100%;
}

body footer nav.grundnaviUnten ul {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
}

body footer nav.grundnaviUnten ul li {
	-webkit-flex: 1 1 0;
	-moz-flex: 1 1 0;
	-ms-flex: 1 1 0;
	-o-flex: 1 1 0;
	flex: 1 1 0;
}

body footer article {
	-webkit-flex: 1 1 0;
	-moz-flex: 1 1 0;
	-ms-flex: 1 1 0;
	-o-flex: 1 1 0;
	flex: 1 1 0;
}

figure {
    text-align: left;
}

body footer aside.vermerk {
	-webkit-flex: 1 1 0;
	-moz-flex: 1 1 0;
	-ms-flex: 1 1 0;
	-o-flex: 1 1 0;
	flex: 1 1 0;
}


}

/* xxxxxx 361px bis 600px Breite xxxxxx */

@media screen and (min-width: 22.5625em) and (max-width: 37.5em) {

html {
  font-size: 80.01%;
  line-height: 1.5em;
  /*border: 0.25em solid #F4A460;
  background-color: #D4FFAA;*/
}

body, body header#kopf, body main, body footer {
	-webkit-flex: 1 100%;
	-moz-flex: 1 100%;
	-ms-flex: 1 100%;
	-o-flex: 1 100%;
	flex: 1 100%;
}

body {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	-o-flex-flow: row wrap;
	flex-flow: row wrap;
}

body header#kopf figure.logo {
	-webkit-flex: 1 1 0;
	-moz-flex: 1 1 0;
	-ms-flex: 1 1 0;
	-o-flex: 1 1 0;
	flex: 1 1 0;
}

body header#kopf figure.logo a {
	-webkit-flex: 1 1 0;
	-moz-flex: 1 1 0;
	-ms-flex: 1 1 0;
	-o-flex: 1 1 0;
	flex: 1 1 0;
}

body header#kopf figure.logo a img.logo {
	-webkit-flex: 1 1 0;
	-moz-flex: 1 1 0;
	-ms-flex: 1 1 0;
	-o-flex: 1 1 0;
	flex: 1 1 0;
}

body header#kopf figure.logo a img.logo src {
	-webkit-flex: 1 1 0;
	-moz-flex: 1 1 0;
	-ms-flex: 1 1 0;
	-o-flex: 1 1 0;
	flex: 1 1 0;
}

/* ---------- Navigation ----------*/

body header#kopf nav.grundnaviOben {
    -webkit-flex: 1 1 100%;
	-moz-flex: 1 1 100%;
	-ms-flex: 1 1 100%;
	-o-flex: 1 1 100%;
	flex: 1 1 100%;
}

body header#kopf nav.grundnaviOben ul {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
}

body header#kopf nav.grundnaviOben ul li {
	-webkit-flex: 1 1 0;
	-moz-flex: 1 1 0;
	-ms-flex: 1 1 0;
	-o-flex: 1 1 0;
	flex: 1 1 0;
}

/* ---------- Breadcrumb ----------*/

body header#kopf nav.breadcrumb {
    -webkit-flex: 1 1 100%;
	-moz-flex: 1 1 100%;
	-ms-flex: 1 1 100%;
	-o-flex: 1 1 100%;
	flex: 1 1 100%;
}

body header#kopf nav.breadcrumb ul {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
}

body header#kopf nav.breadcrumb ul li {
	-webkit-flex: 1 1 0;
	-moz-flex: 1 1 0;
	-ms-flex: 1 1 0;
	-o-flex: 1 1 0;
	flex: 1 1 0;
}

/* ---------- Abgerundete Karteireiter von css-tricks ----------*/

body header#kopf nav.karteireiter {
    -webkit-flex: 1 1 100%;
	-moz-flex: 1 1 100%;
	-ms-flex: 1 1 100%;
	-o-flex: 1 1 100%;
	flex: 1 1 100%;
}

body header#kopf nav.karteireiter ul {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
}

body header#kopf nav.karteireiter ul li {
	-webkit-flex: 1 1 0;
	-moz-flex: 1 1 0;
	-ms-flex: 1 1 0;
	-o-flex: 1 1 0;
	flex: 1 1 0;
}

/* Ende abgerundete Karteireiter */

/* ---------- Ende Navigation ----------*/

/* Inhaltsbereich */

body main {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
}

body main header h3 span#Uhrzeit {
	-webkit-flex: 1 1 0;
	-moz-flex: 1 1 0;
	-ms-flex: 1 1 0;
	-o-flex: 1 1 0;
	flex: 1 1 0;
}

body main section {
	-webkit-flex: 1 1 0;
	-moz-flex: 1 1 0;
	-ms-flex: 1 1 0;
	-o-flex: 1 1 0;
	flex: 1 1 0;
}

body main section header#Material {
    -webkit-flex: 1 1 0;
	-moz-flex: 1 1 0;
	-ms-flex: 1 1 0;
	-o-flex: 1 1 0;
	flex: 1 1 0;
}

body main section article header {
	-webkit-flex: 1 1 0;
	-moz-flex: 1 1 0;
	-ms-flex: 1 1 0;
	-o-flex: 1 1 0;
	flex: 1 1 0;
}

body main section article p {
	-webkit-flex: 1 1 0;
	-moz-flex: 1 1 0;
	-ms-flex: 1 1 0;
	-o-flex: 1 1 0;
	flex: 1 1 0;
}

body main section article p script {
	-webkit-flex: 1 1 0;
	-moz-flex: 1 1 0;
	-ms-flex: 1 1 0;
	-o-flex: 1 1 0;
	flex: 1 1 0;
}

body main section article p script src {
	-webkit-flex: 1 1 0;
	-moz-flex: 1 1 0;
	-ms-flex: 1 1 0;
	-o-flex: 1 1 0;
	flex: 1 1 0;
}

body main section article p a {
	-webkit-flex: 1 1 0;
	-moz-flex: 1 1 0;
	-ms-flex: 1 1 0;
	-o-flex: 1 1 0;
	flex: 1 1 0;
}

body main section article p a img {
	-webkit-flex: 1 1 0;
	-moz-flex: 1 1 0;
	-ms-flex: 1 1 0;
	-o-flex: 1 1 0;
	flex: 1 1 0;
}

body main section article p a img src {
	-webkit-flex: 1 1 0;
	-moz-flex: 1 1 0;
	-ms-flex: 1 1 0;
	-o-flex: 1 1 0;
	flex: 1 1 0;
}

body main section aside.vermerk {
	-webkit-flex: 1 1 0;
	-moz-flex: 1 1 0;
	-ms-flex: 1 1 0;
	-o-flex: 1 1 0;
	flex: 1 1 0;
}

body footer {
   	-webkit-flex: 1 1 100%;
	-moz-flex: 1 1 100%;
	-ms-flex: 1 1 100%;
	-o-flex: 1 1 100%;
	flex: 1 1 100%;
}

body footer nav.grundnaviUnten {
    -webkit-flex: 1 1 100%;
	-moz-flex: 1 1 100%;
	-ms-flex: 1 1 100%;
	-o-flex: 1 1 100%;
	flex: 1 1 100%;
}

body footer nav.grundnaviUnten ul {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
}

body footer nav.grundnaviUnten ul li {
	-webkit-flex: 1 1 0;
	-moz-flex: 1 1 0;
	-ms-flex: 1 1 0;
	-o-flex: 1 1 0;
	flex: 1 1 0;
}

body footer article {
	-webkit-flex: 1 1 0;
	-moz-flex: 1 1 0;
	-ms-flex: 1 1 0;
	-o-flex: 1 1 0;
	flex: 1 1 0;
}

figure {
    text-align: left;
}

body footer aside.vermerk {
	-webkit-flex: 1 1 0;
	-moz-flex: 1 1 0;
	-ms-flex: 1 1 0;
	-o-flex: 1 1 0;
	flex: 1 1 0;
}

}

/* xxxxxxxxxx 601px bis 900px Breite xxxxxxxxxx */

@media screen and (min-width: 37.5625em) and (max-width: 56.25em) {

html {
  font-size: 90.01%;/* Schriftgröße, entspricht 1em oder 16px */
  line-height: 1.5em;/* Zeilenhöhe */
  /*border: 0.25em solid #FFFF00;
  background-color: #8B0000;*/
}

body, body header#kopf, body main, body footer {
	-webkit-flex: 1 100%;
	-moz-flex: 1 100%;
	-ms-flex: 1 100%;
	-o-flex: 1 100%;
	flex: 1 100%;
}

body {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	-o-flex-flow: row wrap;
	flex-flow: row wrap;
}

body header#kopf figure.logo {
	-webkit-flex: 1 1 0;
	-moz-flex: 1 1 0;
	-ms-flex: 1 1 0;
	-o-flex: 1 1 0;
	flex: 1 1 0;
}

body header#kopf figure.logo a {
	-webkit-flex: 1 1 0;
	-moz-flex: 1 1 0;
	-ms-flex: 1 1 0;
	-o-flex: 1 1 0;
	flex: 1 1 0;
}

body header#kopf figure.logo a img.logo {
	-webkit-flex: 1 1 0;
	-moz-flex: 1 1 0;
	-ms-flex: 1 1 0;
	-o-flex: 1 1 0;
	flex: 1 1 0;
}

body header#kopf figure.logo a img.logo src {
	-webkit-flex: 1 1 0;
	-moz-flex: 1 1 0;
	-ms-flex: 1 1 0;
	-o-flex: 1 1 0;
	flex: 1 1 0;
}

/* ---------- Navigation ----------*/

body header#kopf nav.grundnaviOben {
    -webkit-flex: 1 1 100%;
	-moz-flex: 1 1 100%;
	-ms-flex: 1 1 100%;
	-o-flex: 1 1 100%;
	flex: 1 1 100%;
}

body header#kopf nav.grundnaviOben ul {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	-o-flex-direction: row;
	flex-direction: row;
}

body header#kopf nav.grundnaviOben ul li {
	-webkit-flex: 1 1 0;
	-moz-flex: 1 1 0;
	-ms-flex: 1 1 0;
	-o-flex: 1 1 0;
	flex: 1 1 0;
}

/* ---------- Breadcrumb ----------*/

body header#kopf nav.breadcrumb {
    -webkit-flex: 1 1 100%;
	-moz-flex: 1 1 100%;
	-ms-flex: 1 1 100%;
	-o-flex: 1 1 100%;
	flex: 1 1 100%;
}

body header#kopf nav.breadcrumb ul {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	-o-flex-direction: row;
	flex-direction: row;
}

body header#kopf nav.breadcrumb ul li {
	-webkit-flex: 1 1 0;
	-moz-flex: 1 1 0;
	-ms-flex: 1 1 0;
	-o-flex: 1 1 0;
	flex: 1 1 0;
}

/* ---------- Abgerundete Karteireiter von css-tricks ----------*/

body header#kopf nav.karteireiter {
    -webkit-flex: 1 1 100%;
	-moz-flex: 1 1 100%;
	-ms-flex: 1 1 100%;
	-o-flex: 1 1 100%;
	flex: 1 1 100%;
}

body header#kopf nav.karteireiter ul {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	-o-flex-direction: row;
	flex-direction: row;
}

body header#kopf nav.karteireiter ul li {
	-webkit-flex: 1 1 0;
	-moz-flex: 1 1 0;
	-ms-flex: 1 1 0;
	-o-flex: 1 1 0;
	flex: 1 1 0;
}

/* Ende abgerundete Karteireiter */

/* ---------- Ende Navigation ----------*/

/* Inhaltsbereich */

body main {
    -webkit-flex: 1 1 100%;
	-moz-flex: 1 1 100%;
	-ms-flex: 1 1 100%;
	-o-flex: 1 1 100%;
	flex: 1 1 100%
}

body main header h3 span#Uhrzeit {
	-webkit-flex: 1 1 0;
	-moz-flex: 1 1 0;
	-ms-flex: 1 1 0;
	-o-flex: 1 1 0;
	flex: 1 1 0;
}

body main section {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	-o-flex-flow: row wrap;
	flex-flow: row wrap;
}

body main section header#Material {
/*    -webkit-flex: 1 1 0;
	-moz-flex: 1 1 0;
	-ms-flex: 1 1 0;
	-o-flex: 1 1 0;
	flex: 1 1 0;*/
	-webkit-flex: 1 100%;
	-moz-flex: 1 100%;
	-ms-flex: 1 100%;
	-o-flex: 1 100%;
	flex: 1 100%;
}

body main section article:nth-of-type(1) {
    width: 30%;
    height: auto;
    margin: 0.5em;
}

body main section article:nth-of-type(2) {
    width: 30%;
    height: auto;
    margin: 0.5em;
}

body main section article:nth-of-type(2) header {
    width: auto;
    height: 4.5em;
}

body main section article:nth-of-type(3) {
    width: 30%;
    height: auto;
    margin: 0.5em;
}

body main section article:nth-of-type(4) {
    width: 30%;
    margin: 0.5em;
}

body main section article:nth-of-type(5) {
    width: 30%;
    margin: 0.5em;
}

body main section article:nth-of-type(6) {
    width: 30%;
    margin: 0.5em;
}

body main section article:nth-of-type(7) {
    width: 100%;
    margin: 0.5em;
}

body main section article:nth-of-type(7) header {
    width: 100%;
    height: 1.5em;
}

body main section article:nth-of-type(8) {
    width: 100%;
    margin: 0.5em;
}

body main section article:nth-of-type(8) header {
    width: 100%;
    height: 1.5em;
}

body main section aside.vermerk {
	-webkit-flex: 1 1 0;
	-moz-flex: 1 1 0;
	-ms-flex: 1 1 0;
	-o-flex: 1 1 0;
	flex: 1 1 0;
}

body footer {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	-o-flex-flow: row wrap;
	flex-flow: row wrap;
}

body footer nav.grundnaviUnten {
    -webkit-flex: 1 1 100%;
	-moz-flex: 1 1 100%;
	-ms-flex: 1 1 100%;
	-o-flex: 1 1 100%;
	flex: 1 1 100%;
}

body footer nav.grundnaviUnten ul {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	-o-flex-direction: row;
	flex-direction: row;
}

body footer nav.grundnaviUnten ul li {
	-webkit-flex: 1 1 0;
	-moz-flex: 1 1 0;
	-ms-flex: 1 1 0;
	-o-flex: 1 1 0;
	flex: 1 1 0;
}

body footer article:nth-of-type(1){
    width: 45%;
    padding: 0.4em;
    margin: 0.5em;
}

body footer article:nth-of-type(2){
    width: 45%;
    padding: 0.4em;
    margin: 0.5em;
}

body footer article:nth-of-type(3){
    width: 45%;
    margin: 0.5em;
}

body footer article:nth-of-type(4){
    width: 45%;
    margin: 0.5em;
}

figure {
    text-align: left;
}

body footer aside.vermerk {
	-webkit-flex: 1 100%;
	-moz-flex: 1 100%;
	-ms-flex: 1 100%;
	-o-flex: 1 100%;
	flex: 1 100%;
}


}


/* xxxxxxxxxx 901px bis 1260px Breite xxxxxxxxxx */

@media screen and (min-width: 56.3125em) and (max-width: 78.75em) {

html {
  font-size: 100.01%;/* Schriftgröße, entspricht 1em oder 16px */
  line-height: 1.5em;/* Zeilenhöhe */
  /*border: 0.25em solid #FF00FF;
  background-color: #008B00; */
}

body, body header#kopf, body main, body footer {
	-webkit-flex: 1 100%;
	-moz-flex: 1 100%;
	-ms-flex: 1 100%;
	-o-flex: 1 100%;
	flex: 1 100%;
}

body {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	-o-flex-flow: row wrap;
	flex-flow: row wrap;
}

body header#kopf figure.logo {
	-webkit-flex: 1 1 0;
	-moz-flex: 1 1 0;
	-ms-flex: 1 1 0;
	-o-flex: 1 1 0;
	flex: 1 1 0;
}

body header#kopf {
    text-align: center;
}

body header#kopf figure.logo a {
	-webkit-flex: 1 1 0;
	-moz-flex: 1 1 0;
	-ms-flex: 1 1 0;
	-o-flex: 1 1 0;
	flex: 1 1 0;
}

body header#kopf figure.logo a img.logo {
	-webkit-flex: 1 1 0;
	-moz-flex: 1 1 0;
	-ms-flex: 1 1 0;
	-o-flex: 1 1 0;
	flex: 1 1 0;
}

body header#kopf figure.logo a img.logo src {
	-webkit-flex: 1 1 0;
	-moz-flex: 1 1 0;
	-ms-flex: 1 1 0;
	-o-flex: 1 1 0;
	flex: 1 1 0;
}

/* ---------- Navigation ----------*/

body header#kopf nav.grundnaviOben {
    -webkit-flex: 1 1 100%;
	-moz-flex: 1 1 100%;
	-ms-flex: 1 1 100%;
	-o-flex: 1 1 100%;
	flex: 1 1 100%;
}

body header#kopf nav.grundnaviOben ul {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	-o-flex-direction: row;
	flex-direction: row;
	justify-content: center;
}

body header#kopf nav.grundnaviOben ul li {
	-webkit-flex: 1 1 0;
	-moz-flex: 1 1 0;
	-ms-flex: 1 1 0;
	-o-flex: 1 1 0;
	flex: 1 1 0;
}

/* ---------- Breadcrumb ----------*/

body header#kopf nav.breadcrumb {
    -webkit-flex: 1 1 100%;
	-moz-flex: 1 1 100%;
	-ms-flex: 1 1 100%;
	-o-flex: 1 1 100%;
	flex: 1 1 100%;
}

body header#kopf nav.breadcrumb ul {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	-o-flex-direction: row;
	flex-direction: row;
	justify-content: center;
}

body header#kopf nav.breadcrumb ul li {
	-webkit-flex: 1 1 0;
	-moz-flex: 1 1 0;
	-ms-flex: 1 1 0;
	-o-flex: 1 1 0;
	flex: 1 1 0;
}

/* ---------- Abgerundete Karteireiter von css-tricks

----------*/

body header#kopf nav.karteireiter {
    -webkit-flex: 1 1 100%;
	-moz-flex: 1 1 100%;
	-ms-flex: 1 1 100%;
	-o-flex: 1 1 100%;
	flex: 1 1 100%;
}

body header#kopf nav.karteireiter ul {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	-o-flex-direction: row;
	flex-direction: row;
	justify-content: center;
}

body header#kopf nav.karteireiter ul li {
	-webkit-flex: 1 1 0;
	-moz-flex: 1 1 0;
	-ms-flex: 1 1 0;
	-o-flex: 1 1 0;
	flex: 1 1 0;
}

/* Ende abgerundete Karteireiter */

/* ---------- Ende Navigation ----------*/

/* Inhaltsbereich */

body main {
    -webkit-flex: 1 1 100%;
	-moz-flex: 1 1 100%;
	-ms-flex: 1 1 100%;
	-o-flex: 1 1 100%;
	flex: 1 1 100%
}

body main header h3 span#Uhrzeit {
	-webkit-flex: 1 1 0;
	-moz-flex: 1 1 0;
	-ms-flex: 1 1 0;
	-o-flex: 1 1 0;
	flex: 1 1 0;
}

body main section {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	-o-flex-flow: row wrap;
	flex-flow: row wrap;
}

body main section header#Material {
	width: 100%;
}

body main section article:nth-of-type(1) {
    width: 30%;
    height: auto;
    margin: 0.5em;
}

body main section article:nth-of-type(2) {
    width: 30%;
    height: auto;
    margin: 0.5em;
}

body main section article:nth-of-type(2) header {
    width: auto;
    height: 4.5em;
}

body main section article:nth-of-type(3) {
    width: 30%;
    height: auto;
    margin: 0.5em;
}

body main section article:nth-of-type(4) {
    width: 30%;
    margin: 0.5em;
}

body main section article:nth-of-type(5) {
    width: 30%;
    margin: 0.5em;
}

body main section article:nth-of-type(6) {
    width: 30%;
    margin: 0.5em;
}

body main section article:nth-of-type(7) {
    width: 100%;
    margin: 0.5em;
}

body main section article:nth-of-type(7) header {
    width: 100%;
    height: 1.5em;
}

body main section article:nth-of-type(8) {
    width: 100%;
    margin: 0.5em;
}

body main section article:nth-of-type(8) header {
    width: 100%;
    height: 1.5em;
}

body main section aside.vermerk {
	-webkit-flex: 1 1 0;
	-moz-flex: 1 1 0;
	-ms-flex: 1 1 0;
	-o-flex: 1 1 0;
	flex: 1 1 0;
}

body footer {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	-o-flex-flow: row wrap;
	flex-flow: row wrap;
}

body footer nav.grundnaviUnten {
    -webkit-flex: 1 1 100%;
	-moz-flex: 1 1 100%;
	-ms-flex: 1 1 100%;
	-o-flex: 1 1 100%;
	flex: 1 1 100%;
}

body footer nav.grundnaviUnten ul {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	-o-flex-direction: row;
	flex-direction: row;
	justify-content: center;
}

body footer nav.grundnaviUnten ul li {
	-webkit-flex: 1 1 0;
	-moz-flex: 1 1 0;
	-ms-flex: 1 1 0;
	-o-flex: 1 1 0;
	flex: 1 1 0;
}

body footer article:nth-of-type(1){
    width: 45%;
    padding: 0.4em;
    margin: 0.5em;
}

body footer article:nth-of-type(2){
    width: 45%;
    padding: 0.4em;
    margin: 0.5em;
}

body footer article:nth-of-type(3){
    width: 45%;
    padding: 0.3em;
    margin: 0.5em;
}

body footer article:nth-of-type(4){
    width: 45%;
    padding: 0.3em;
    margin: 0.5em;
}

figure {
    text-align: left;
}

body footer aside.vermerk {
	-webkit-flex: 1 100%;
	-moz-flex: 1 100%;
	-ms-flex: 1 100%;
	-o-flex: 1 100%;
	flex: 1 100%;
}


}

/* xxxxxxxxxx 1261px bis 1500px Breite xxxxxxxxxx */

@media screen and (min-width: 78.8125em) and (max-width: 93.75em) {

html {
  font-size: 100.01%;/* Schriftgröße, entspricht 1em oder 16px */
  line-height: 1.5em;/* Zeilenhöhe */
  /*border: 0.25em solid #0F4F8F;
  background-color: #8B0967;*/
}

body, body header#kopf, body main, body footer {
	-webkit-flex: 1 100%;
	-moz-flex: 1 100%;
	-ms-flex: 1 100%;
	-o-flex: 1 100%;
	flex: 1 100%;
}

body {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	-o-flex-flow: row wrap;
	flex-flow: row wrap;
}

body header#kopf figure.logo {
	-webkit-flex: 1 1 0;
	-moz-flex: 1 1 0;
	-ms-flex: 1 1 0;
	-o-flex: 1 1 0;
	flex: 1 1 0;
}

body header#kopf figure.logo a {
	-webkit-flex: 1 1 0;
	-moz-flex: 1 1 0;
	-ms-flex: 1 1 0;
	-o-flex: 1 1 0;
	flex: 1 1 0;
}

body header#kopf figure.logo a img.logo {
	-webkit-flex: 1 1 0;
	-moz-flex: 1 1 0;
	-ms-flex: 1 1 0;
	-o-flex: 1 1 0;
	flex: 1 1 0;
}

body header#kopf figure.logo a img.logo src {
	-webkit-flex: 1 1 0;
	-moz-flex: 1 1 0;
	-ms-flex: 1 1 0;
	-o-flex: 1 1 0;
	flex: 1 1 0;
}

/* ---------- Navigation ----------*/

body header#kopf nav.grundnaviOben {
    -webkit-flex: 1 1 100%;
	-moz-flex: 1 1 100%;
	-ms-flex: 1 1 100%;
	-o-flex: 1 1 100%;
	flex: 1 1 100%;
}

body header#kopf nav.grundnaviOben ul {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	-o-flex-direction: row;
	flex-direction: row;
	justify-content: center;
}

body header#kopf nav.grundnaviOben ul li {
	-webkit-flex: 1 1 0;
	-moz-flex: 1 1 0;
	-ms-flex: 1 1 0;
	-o-flex: 1 1 0;
	flex: 1 1 0;
}

/* ---------- Breadcrumb ----------*/

body header#kopf nav.breadcrumb {
    -webkit-flex: 1 1 100%;
	-moz-flex: 1 1 100%;
	-ms-flex: 1 1 100%;
	-o-flex: 1 1 100%;
	flex: 1 1 100%;
}

body header#kopf nav.breadcrumb ul {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	-o-flex-direction: row;
	flex-direction: row;
	justify-content: center;
}

body header#kopf nav.breadcrumb ul li {
	-webkit-flex: 1 1 0;
	-moz-flex: 1 1 0;
	-ms-flex: 1 1 0;
	-o-flex: 1 1 0;
	flex: 1 1 0;
}

/* Abgerundete Karteireiter von css-tricks */

body header#kopf nav.karteireiter {
  height: 3.5em;
  font-size: 1em;
  line-height: 1.2em;
}

body header#kopf nav.karteireiter ul {
    height: 3.5em;
    font-size: 1em;
    line-height: 1.2em;
}

body header#kopf nav.karteireiter ul li {
    padding: 1em;
}

body header#kopf nav.karteireiter {
    -webkit-flex: 1 1 100%;
	-moz-flex: 1 1 100%;
	-ms-flex: 1 1 100%;
	-o-flex: 1 1 100%;
	flex: 1 1 100%;
}

body header#kopf nav.karteireiter ul {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	-o-flex-direction: row;
	flex-direction: row;
	justify-content: center;
}

body header#kopf nav.karteireiter ul li {
	-webkit-flex: 1 1 0;
	-moz-flex: 1 1 0;
	-ms-flex: 1 1 0;
	-o-flex: 1 1 0;
	flex: 1 1 0;
}

/* Ende abgerundete Karteireiter */

/* ---------- Ende Navigation ----------*/

/* Inhaltsbereich */

body main {
    -webkit-flex: 1 1 100%;
	-moz-flex: 1 1 100%;
	-ms-flex: 1 1 100%;
	-o-flex: 1 1 100%;
	flex: 1 1 100%
}

body main header h3 span#Uhrzeit {
	-webkit-flex: 1 1 0;
	-moz-flex: 1 1 0;
	-ms-flex: 1 1 0;
	-o-flex: 1 1 0;
	flex: 1 1 0;
}

body main section {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	-o-flex-flow: row wrap;
	flex-flow: row wrap;
}

body main section header#Material {
	width: 100%;
}

body main section article:nth-of-type(1) {
    width: 15%;
    height: auto;
    margin: 0.5em;
}

body main section article:nth-of-type(2) {
    width: 30%;
    height: auto;
    margin: 0.5em;
}

body main section article:nth-of-type(2) header {
    width: auto;
    height: 4.5em;
}

body main section article:nth-of-type(3) {
    width: 18%;
    height: auto;
    margin: 0.5em;
}

body main section article:nth-of-type(4) {
    width: 30%;
    margin: 0.5em;
}

body main section article:nth-of-type(5) {
    width: 15%;
    margin: 0.5em;
}

body main section article:nth-of-type(6) {
    width: 15%;
    margin: 0.5em;
}

body main section article:nth-of-type(7) {
    width: 32%;
    margin: 0.5em;
}

body main section article:nth-of-type(7) header {
    width: 100%;
    height: 5em;
}

body main section article:nth-of-type(8) {
    width: 32%;
    margin: 0.5em;
}

body main section article:nth-of-type(8) header {
    width: 100%;
    height: 4em;
}

body main section aside.vermerk {
	-webkit-flex: 1 1 0;
	-moz-flex: 1 1 0;
	-ms-flex: 1 1 0;
	-o-flex: 1 1 0;
	flex: 1 1 0;
}

body footer {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	-o-flex-flow: row wrap;
	flex-flow: row wrap;
}

body footer nav.grundnaviUnten {
    -webkit-flex: 1 1 100%;
	-moz-flex: 1 1 100%;
	-ms-flex: 1 1 100%;
	-o-flex: 1 1 100%;
	flex: 1 1 100%;
}

body footer nav.grundnaviUnten ul {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	-o-flex-direction: row;
	flex-direction: row;
	justify-content: center;
}

body footer nav.grundnaviUnten ul li {
	-webkit-flex: 1 1 0;
	-moz-flex: 1 1 0;
	-ms-flex: 1 1 0;
	-o-flex: 1 1 0;
	flex: 1 1 0;
}

body footer article:nth-of-type(1){
    width: 20%;
    padding: 0.4em;
    margin: 0.5em;
}

body footer article:nth-of-type(2){
    width: 20%;
    padding: 0.4em;
    margin: 0.5em;
}

body footer article:nth-of-type(3){
    width: 27%;
    padding: 0.3em;
    margin: 0.5em;
}

body footer article:nth-of-type(4){
    width: 27%;
    padding: 0.3em;
    margin: 0.5em;
}

figure {
    text-align: left;
}

body footer aside.vermerk {
	-webkit-flex: 1 100%;
	-moz-flex: 1 100%;
	-ms-flex: 1 100%;
	-o-flex: 1 100%;
	flex: 1 100%;
}

}


/* xxxxxxxxxx 1501px bis ~~~~ Breite xxxxxxxxxx */

@media screen and (min-width: 93.8125em) {

html {
  font-size: 100.01%;/* Schriftgröße, entspricht 1em oder 16px */
  line-height: 1.5em;/* Zeilenhöhe */
  /*border: 0.25em solid #436748;
  background-color: #991207;*/
}

body, body header#kopf, body main, body footer {
	-webkit-flex: 1 100%;
	-moz-flex: 1 100%;
	-ms-flex: 1 100%;
	-o-flex: 1 100%;
	flex: 1 100%;
}

body {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	-o-flex-flow: row wrap;
	flex-flow: row wrap;
}

body header#kopf figure.logo {
	-webkit-flex: 1 1 0;
	-moz-flex: 1 1 0;
	-ms-flex: 1 1 0;
	-o-flex: 1 1 0;
	flex: 1 1 0;
}

body header#kopf figure.logo a {
	-webkit-flex: 1 1 0;
	-moz-flex: 1 1 0;
	-ms-flex: 1 1 0;
	-o-flex: 1 1 0;
	flex: 1 1 0;
}

body header#kopf figure.logo a img.logo {
	-webkit-flex: 1 1 0;
	-moz-flex: 1 1 0;
	-ms-flex: 1 1 0;
	-o-flex: 1 1 0;
	flex: 1 1 0;
}

body header#kopf figure.logo a img.logo src {
	-webkit-flex: 1 1 0;
	-moz-flex: 1 1 0;
	-ms-flex: 1 1 0;
	-o-flex: 1 1 0;
	flex: 1 1 0;
}

/* ---------- Navigation ----------*/

body header#kopf nav.grundnaviOben {
    -webkit-flex: 1 1 100%;
	-moz-flex: 1 1 100%;
	-ms-flex: 1 1 100%;
	-o-flex: 1 1 100%;
	flex: 1 1 100%;
}

body header#kopf nav.grundnaviOben ul {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	-o-flex-direction: row;
	flex-direction: row;
	justify-content: center;
}

body header#kopf nav.grundnaviOben ul li {
	-webkit-flex: 1 1 0;
	-moz-flex: 1 1 0;
	-ms-flex: 1 1 0;
	-o-flex: 1 1 0;
	flex: 1 1 0;
}

/* ---------- Breadcrumb ----------*/

body header#kopf nav.breadcrumb {
    -webkit-flex: 1 1 100%;
	-moz-flex: 1 1 100%;
	-ms-flex: 1 1 100%;
	-o-flex: 1 1 100%;
	flex: 1 1 100%;
}

body header#kopf nav.breadcrumb ul {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	-o-flex-direction: row;
	flex-direction: row;
	justify-content: center;
}

body header#kopf nav.breadcrumb ul li {
	-webkit-flex: 1 1 0;
	-moz-flex: 1 1 0;
	-ms-flex: 1 1 0;
	-o-flex: 1 1 0;
	flex: 1 1 0;
}

/* Abgerundete Karteireiter von css-tricks */

body header#kopf nav.karteireiter {
  height: 3.5em;
  font-size: 1em;
  line-height: 1.2em;
}

body header#kopf nav.karteireiter ul {
    height: 3.5em;
    font-size: 1em;
    line-height: 1.2em;
}

body header#kopf nav.karteireiter ul li {
    padding: 1em;
}

body header#kopf nav.karteireiter {
    -webkit-flex: 1 1 100%;
	-moz-flex: 1 1 100%;
	-ms-flex: 1 1 100%;
	-o-flex: 1 1 100%;
	flex: 1 1 100%;
}

body header#kopf nav.karteireiter ul {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	-o-flex-direction: row;
	flex-direction: row;
	justify-content: center;
}

body header#kopf nav.karteireiter ul li {
	-webkit-flex: 1 1 0;
	-moz-flex: 1 1 0;
	-ms-flex: 1 1 0;
	-o-flex: 1 1 0;
	flex: 1 1 0;
}

/* Ende abgerundete Karteireiter */

/* ---------- Ende Navigation ----------*/

/* Inhaltsbereich */

body main {
    -webkit-flex: 1 1 100%;
	-moz-flex: 1 1 100%;
	-ms-flex: 1 1 100%;
	-o-flex: 1 1 100%;
	flex: 1 1 100%
}

body main header h3 span#Uhrzeit {
	-webkit-flex: 1 1 0;
	-moz-flex: 1 1 0;
	-ms-flex: 1 1 0;
	-o-flex: 1 1 0;
	flex: 1 1 0;
}

body main section {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	-o-flex-flow: row wrap;
	flex-flow: row wrap;
}

body main section header#Material {
	width: 100%;
}

body main section article:nth-of-type(1) {
    width: 15%;
    height: auto;
    margin: 0.5em;
}

body main section article:nth-of-type(2) {
    width: 30%;
    height: auto;
    margin: 0.5em;
}

body main section article:nth-of-type(2) header {
    width: auto;
    height: 4.5em;
}

body main section article:nth-of-type(3) {
    width: 18%;
    height: auto;
    margin: 0.5em;
}

body main section article:nth-of-type(4) {
    width: 30%;
    margin: 0.5em;
}

body main section article:nth-of-type(5) {
    width: 15%;
    margin: 0.5em;
}

body main section article:nth-of-type(6) {
    width: 15%;
    margin: 0.5em;
}

body main section article:nth-of-type(7) {
    width: 32%;
    margin: 0.5em;
}

body main section article:nth-of-type(7) header {
    width: 100%;
    height: 5em;
}

body main section article:nth-of-type(8) {
    width: 32%;
    margin: 0.5em;
}

body main section article:nth-of-type(8) header {
    width: 100%;
    height: 4em;
}

body main section aside.vermerk {
	-webkit-flex: 1 1 0;
	-moz-flex: 1 1 0;
	-ms-flex: 1 1 0;
	-o-flex: 1 1 0;
	flex: 1 1 0;
}

body footer {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	-o-flex-flow: row wrap;
	flex-flow: row wrap;
}

body footer nav.grundnaviUnten {
    -webkit-flex: 1 1 100%;
	-moz-flex: 1 1 100%;
	-ms-flex: 1 1 100%;
	-o-flex: 1 1 100%;
	flex: 1 1 100%;
}

body footer nav.grundnaviUnten ul {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	-o-flex-direction: row;
	flex-direction: row;
	justify-content: center;
}

body footer nav.grundnaviUnten ul li {
	-webkit-flex: 1 1 0;
	-moz-flex: 1 1 0;
	-ms-flex: 1 1 0;
	-o-flex: 1 1 0;
	flex: 1 1 0;
}

body footer article:nth-of-type(1){
    width: 20%;
    padding: 0.4em;
    margin: 0.5em;
}

body footer article:nth-of-type(2){
    width: 20%;
    padding: 0.4em;
    margin: 0.5em;
}

body footer article:nth-of-type(3){
    width: 27%;
    padding: 0.3em;
    margin: 0.5em;
}

body footer article:nth-of-type(4){
    width: 27%;
    padding: 0.3em;
    margin: 0.5em;
}

figure {
    text-align: left;
}

body footer aside.vermerk {
	-webkit-flex: 1 100%;
	-moz-flex: 1 100%;
	-ms-flex: 1 100%;
	-o-flex: 1 100%;
	flex: 1 100%;
}

}