#audio {
        text-align: center}
#wrapper {
    max-width: 1400em;
    margin: 1em}
h1 {color: darkred}
h2 {color: darkred;
	text-align: center}
h4 {color: darkred;
    text-align: center}
h3 {color: darkred;
    text-align: center}
p {color: darkred;
    text-align: center}
.impressum {text-align: center;
            color: darkred}
#wir {margin-left: 2em;
      margin-right: 2em;
      color: darkred}
table,
th,
td {
	border: 1.5px solid;
    border-collapse: collapse
}
#preise {color: darkred;
        text-align: center;
        border-collapse: collapse;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: 2em;
        margin-right: 2em}
#libriprojekte,#ludiprojekte_uebersicht,#ludiprojekte_informationen,#ludicomputatoriiprojekte,#notitiaprojekte,#ludicomputatoriiprojekte_uebersicht,#ludicomputatoriiprojekte_informationen, #libriprojekte_uebersicht, #libriprojekte_informationen {
           color: darkred;
           display: flex;
           justify-content: center;
           align-items: center}
#kontakt {text-align: center}
#body   {background-image: url(rock-2929204_1280.jpg)}
#menue  {display:flex;
         justify-content: center;
         align-items: center;
         flex-direction: row}
@media (max-width: 70em) 
{
        #menue {flex-direction: column}
        p,h6,table,ol {font-size: 0.8em}
        h5 {font-size: 1em}
        h4 {font-size: 1.1em}
        h3 {font-size: 1.2em}
        h2 {font-size: 1.3em}
        h1 {font-size: 1.5em}
}
@media (min-width: 150em)
{
        #menue {flex-direction: row}
        #menue1 {width: 15em}
        #menueA {width: 15em}
        p,h6,table,ol {font-size: 1.5em}
        h5 {font-size: 2em}
        h4 {font-size: 2.5em}
        h3,a {font-size: 3em}
        h2 {font-size: 3.5em}
        h1 {font-size: 4em}
        border {2px}
}
@media (min-width: 1000em)
{
        #menue {flex-direction: row}
        #menue1 {width: 65em}
        #menueA {width: 65em}
        p,h6,table,ol,tr,th,td {font-size: 8em}
        h5 {font-size: 8em}
        h4 {font-size: 10em}
        h3,a {font-size: 12em}
        h2 {font-size: 14em}
        h1 {font-size: 16em}
        #impressum,#menue1,#menueA {border: 20px }
}
#menue1 {border-style: outset;
        min-width: 10em;
        margin-left: .5em;
        margin-top: .5em;
        font-size: 1.1em;
        background-color: darkred;
        border-color: goldenrod;
        color: goldenrod}
#menueA {border-style: outset;
        min-width: 10em;
        margin-left: .5em;
        margin-top: .5em;
        color: blue;
        font-size: 1.1em;
        background-color: darkred;
        border-color: goldenrod;
        color: goldenrod;
        text-decoration-style: double}

#impressum { color: goldenrod;
             background-color: darkred;
             text-align: center;
             border-style: solid;
             border-color: goldenrod}
a:link {color: goldenrod}
a:visited {color: DarkGoldenrod}

#partner {color: darkred;
          text-align: center}
#logo {display: flex; 
       justify-content: center}
nav > ul {
    list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column}

nav li {
	margin: 0.5em;
	padding: 0;
	font-size: 1.5rem;
	flex: 1 1 0%;
}

@media (min-width: 47em) {
	nav > ul {
		flex-direction: row;
		height: 3em;
	}
	nav li {
		flex: 1;
		font-size: 1em;
	}
}

nav > ul {
    list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column}

nav li {
	margin: 0.5em;
	padding: 0;
	font-size: 1.5rem;
	flex: 1 1 0%;
}

@media (min-width: 47em) {
	nav > ul {
		flex-direction: row;
		height: 3em;
	}
	nav li {
		flex: 1;
		font-size: 1em;
	}
}

nav a {
	display: block;
	padding: 0.5em;
	text-decoration: none;
	text-align: center;
	border: 2px double darkred;
	color: white;
	background-color: darkred;
	transition: all .1s ease-in;
    width: inherit
}
nav a[aria-current] {
	display: block;
	padding: 0.5em;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	border: 2px double darkred;
	color: goldenrod;
	background-color: darkred;
	transition: all .1s ease-in;
    width: inherit
}

nav li[aria-current] a {
	background-color: darkred;
	color: white
}

nav a:focus,
nav a:hover,
nav li[aria-current] a:focus,
nav li[aria-current] a:hover {
	color: goldenrod;
	background-color: darkred;
}
nav .submenu {
	visibility: hidden;
	height: 0;
	z-index: 1000;
}
nav .submenu li .subsubmenu {
	visibility: hidden;
	height: 0;
	z-index: 1000;
}
nav .submenu li .subsubmenu li {
	display: block;
    width: auto;
}
nav .submenu li {
	display: block;
    width: auto;
}
nav li:hover .submenu,
nav li:active .submenu,
nav li:focus .submenu {
	visibility: visible;
	height: auto;
}
nav li:hover .submenu li .subsubmenu,
nav li:active .submenu li .subsubmenu,
nav li:focus .submenu li .subsubmenu {
	visibility: visible;
	height: auto;
}


nav li:focus-within .submenu{
	visibility: visible;
	height: auto;
}
nav li:focus-within .submenu li .subsubmenu {
	visibility: visible;
	height: auto;
}
#zurueck {border-style: double}
#style {text-align: center}
img {justify-content: center}