.center {
	display: flex;
	align-items: center;
	justify-content: center;
}
.verteilt1 {
	justify-content: space-between;
}

.backButton {
    width: 2em;
    height: 2em;
    margin-left: -2em;
    margin-top: -1em;
}

.upDownButton {
    width: 1.5em;
    margin-left: 0em;
    margin-top: 1em;
    margin-bottom: 1em;
}

.listButton {
    width: 0.2em;
    margin-left: 0em;
    margin-top: 0em;
    margin-right: 0.2em;
}

.listItemIcon {
    width: 80px; 
    margin-top:1.2em; 
    margin-left: .7em; 
    margin-right: .7em;
}
.listItemText {
    font-size: x-large;
}

.zitat {
    margin-left: 2em; 
    margin-right: 2em; 
    font-style: italic;
    font-weight: bold; 
}

.zentriert {
     white-space:pre-wrap;	
     text-align: center;
}

.umbruch {
     white-space:pre-wrap;	
}

.downloadLink {
    text-align: right;
}

.opener {
    font-size: xx-large;
}

.author {
    font-style: italic;
}

.accent {
    font-style: italic;
    font-weight: bold; 
}
.accent2 {
    font-style: italic;
    font-weight: bold;
    text-decoration: underline;
}



body {
	display: flex;
	flex-flow: row wrap;
	background-image: url("../gfx/KoenigsLogo.svg");
    background-color : #002366;
	background-repeat: repeat;
    background-size: 90%; /* auto 75em*/
    /* <blend-mode> = normal | multiply | screen | overlay | darken | lighten | color-dodge | color-burn | hard-light | soft-light | difference | exclusion | hue | saturation | color | luminosity */
    background-blend-mode: lighten;
}
/*royal blue: dunkel: #002366  hell: #4169e1*/
article {
    background-color : #4169e1; /* rgba(47, 123, 171, 1);*/
    padding: 2em;
}

header {
    background-color : #002366; /*rgba(47, 123, 171, 1);*/
    padding-left: 2em;
    margin-top: 2em;
}

footer {
	background-color : #002366; /*rgba(87, 147, 210, 1);*/
    padding-left: 2em;
}

li {
    list-style-type: none;
}

section {
    margin: 0.5em 0em;
    padding: 1em;
    background-color: #002366;
}

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

header,
nav a,
article,
section,
aside,
footer {
	flex: 1 100%;
}

nav {
	flex: 1 50%;
}


.flex-container {
	display: flex;
	flex-direction: column;
}

h1,
h2,
h3,
p,
a {
    color: #eeeeee;
}


/* SVG buttons */
/*svg:hover .arrow {
        stroke: red;
    }*/
.arrow {
    
    opacity:1;
    fill: none;
    fill-opacity:1;
    stroke:#002366;
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:bevel;
    stroke-miterlimit:1.5;
    stroke-dasharray:none;
    stroke-dashoffset:0;
    stroke-opacity:1;
    paint-order:markers fill stroke
   }
.background  {      
    opacity:1;
    fill:#4169e1;
    fill-opacity:1;
    stroke:#002366;
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:bevel;
    stroke-miterlimit:1.5;
    stroke-dasharray:none;
    stroke-dashoffset:0;
    stroke-opacity:1;
    paint-order:markers fill stroke
}

/* große Viewports */

@media all and (min-width: 40em) {
	.flex-container {
		flex-direction: row;
	}
    
    .backButton {
        margin-left: -3em;
    }

    body {
        margin-left: 5em;
        margin-right: 5em;
    }
}