* {
padding : 0;
margin : 0;
}

html {
background-color: #000000;
background: url(bg11.jpg);
font-size : 100%;
scroll-behavior : smooth;
}

body {
text-align : center;
scroll-behavior : smooth;
}

.container {
background : #000000;
box-shadow : 0 0 12px #FFFFFF;
border-radius : 30px;
margin : 0 auto;
padding : 0.9rem;
max-width : 720px;
}


p {
font : 1.1rem/1.5 Verdana, Georgia, Sans Serif;
color : #FFFFFF;
margin : 0 0 30px 0;
text-indent : 0;
text-align : justify;
}



pcenter {
font : 1.1rem/1.5 Verdana, Georgia, Sans Serif;
color : #FFFFFF;
margin : 0 0 0px 0;
text-indent : 0;
text-align : center;
}

pkursiv { font-style:italic;
font-size:1.0rem;
}

h1 {
font : 2.4rem/1.5 Verdana, Georgia, Serif;
color : #FFFFFF;
margin : 0 0 0 0;
text-indent : 0;
text-align : center;
}

h2 {
font : 1.5rem/1.5 Verdana, Georgia, Serif;
color : #FFFFFF;
margin : 0 0 0 0;
text-indent : 0;
text-align : center;
  animation: textwelle 5s;
}

@keyframes textwelle {
  0% {
    transform: scale(0.1);
    opacity: 0;
  }
  70% {
    transform: scale(1.25);
    opacity: 1;
  }
  98% {
    transform: scale(1);
    opacity: 1;
  }
}

h3 {
font : 1.4rem/1.5 Verdana, Georgia, Serif;
color : #FFFFFF;
margin : 0 0 0 0;
text-indent : 0;
text-align : center;
}

h4 {
font : 1.0rem/1.5 Verdana, Georgia, Serif;
color : #FFFFFF;
margin : 0 0 0 0;
text-indent : 0;
text-align : center;
}

h5 {
font : 0.8rem/1.5 Verdana, Georgia, Serif;
color : #FFFFFF;
margin : 0 0 0 0;
text-indent : 0;
text-align : justify;
}



i {
text-decoration : underline dotted;
cursor: pointer;
font : 1.1rem/1.5 Verdana, Georgia, Sans Serif;
color : #FFFFFF;
}


img.bild {
box-shadow : 0 0 20px #808080;
border-radius : 30px;
}

.container * {
padding : 0.1rem;
}

a:link, a:visited, a:active, a:hover {
text-decoration : none;
font-size : 1.1rem;
font-weight : normal;
color : #FFFFFF;
}
a:active, a:hover {
color : #333335;
text-decoration : underline;
}


a.text:link, a.text:visited {
font-size : 1.2rem;
text-decoration : underline;
font-weight : normal;
color : #FFFFFF;
}
a.text:active, a.text:hover {
color : #000000;
text-decoration : none;
}

a.nav:link, a.nav:visited {
font : 1.1rem Verdana, Georgia, Sans Serif;
text-decoration : none;
font-weight : normal;
color : #000000;
}
a.nav:active, a.nav:hover {
color : #808080;
text-decoration : none;
}


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


nav {
box-sizing : border-box;
float : left;
width : 100%;
font-size : 1.2rem;
}
nav ul {
margin : 0;
padding : 0;
}
nav a {
display : block;
color : #fff;
text-decoration : none;
}

nav ul li {
position : relative;
float : left;
list-style : none;
}

nav ul li a {
padding : 10px;
}

nav ul ul {
position : absolute;
top : -9999px;
left : -9999px;
background : #FFFFFF;
box-shadow : 0 0 20px black;
border-radius : 30px;
}

nav ul ul li {
float : none;
width : 200px;
}

nav ul ul li a {
padding : 10px 20px;
}

nav ul li:hover > ul {
top : 100%;
left : 0;
}

nav ul ul li:hover > ul {
top : 0;
left : 200px;
}

nav ul li.submenu > a:after {
position : relative;
float : right;
content : '';
margin-left : 10px;
margin-top : 5px;
}

nav ul ul li.submenu a:after {
margin-left : auto;
margin-right : -10px;
border-left : 5px solid #fff;
border-right : 5px solid transparent;
border-top : 5px solid transparent;
border-bottom : 5px solid transparent;
}

nav ul ul li:last-child {
border-bottom : none;
}

.header {
background : #808080;
}

.nav-main {
background : #808080;
text-align : center;
}

.main {
background : #808080;
}

@media screen and (min-width: 800px) {
body {
margin : 0.8rem;
}
.content {
display : flex;
}
}