html {
     font-size: 100%;
}






body {
     margin: 0;
     padding: 0;
     background-color: #F4F4DC;
}






.cc   { 
      width: 60rem;
      font-family: Tahoma, Verdana, Segoe, sans-serif;
      font-size: 1.2rem;
      color: #002200;
      margin: 0 auto;
      margin-top: 2rem;
      margin-bottom: 3rem;
      padding: 1rem;
      background-color: #F4F4F4;
      border-width: 0.125rem;
      border-style: solid;
      border-radius: 1.25rem;
      box-shadow: 0.5rem 0.5rem 0.5rem #606060;
}


@media (max-width: 750px) {
      .cc {
          width: 80%;
          font-family: Tahoma, Verdana, Segoe, sans-serif;
          font-size: 1.2rem;
          color: #002200;
          margin: 0 auto;
          margin-top: 2rem;
          margin-bottom: 3rem;
          padding: 1rem;
          background-color: #F4F4F4;
          border-width: 0.125rem;
          border-style: solid;
          border-radius: 1.25rem;
          box-shadow: 0.5rem 0.5rem 0.5rem #606060;
          }
}






.hdcont  {
         display: grid;
         grid-template-columns: auto auto auto auto auto auto auto;
         column-gap: 2.5rem;
         background-color: #000080;
         border-radius: 0.625rem;
         font-size: 2rem;
         height: 5rem;
         color: #F4F4F4;
         padding-left: 0.3125rem;
         padding-right: 0.3125rem;
         margin: auto;
         margin-bottom: 0.75rem;
         align-items: center; 
}


.hdcont a  {   
           color: #F4F4F4;
           text-decoration: none;
}






.nvcont {
        display: grid;
        justify-content: center; 
        grid-template-columns: repeat(8, [col-start] 1fr) ;  
        grid-gap: 1rem;
        list-style: none;
        padding-left: 0rem;
}


.nv11 {
      grid-column: col-start 1 / span 2;
      height: 3rem; 
}


.nv12 {
      grid-column: col-start 3 / span 2;
      height: 3rem;
}


.nv13 {
      grid-column: col-start 5 / span 2;
      height: 3rem;
} 


.nv14 {
      grid-column: col-start 7 / span 2;
      height: 3rem;
}


.nv15 {
      grid-column: col-start 2 / span 2;
      height: 3rem;
}


.nv16 {
      grid-column: col-start 4 / span 2;
      height: 3rem;
}


.nv17 {
      grid-column: col-start 6 / span 2;
      height: 3rem;
}


.nva  {
      color: #002200;
      text-decoration: none;
      background-color: #F4F4F4;
      height: 3rem;
      min-width: 10rem;
      border-style: solid;
      border-radius: 0.75rem;
      border-width: 0.125rem;
      border-color: #000080;
      margin-top: 0.3125rem;
      padding-left: 0.625rem;
      display: flex;
      align-items: center;                
}


.nva:hover  {
            color: #FFFF00;
            background-color: #000080;
            height: 3rem;
                     
}


.nv2ul {
       display: none;
}


.nv14:hover .nv2ul {
                   padding-left: 0rem;
                   min-width: 10rem;
                   list-style: none;
                   background-color: #F4F4F4;
                   display: block;
                   position: absolute;
}


.nv3ul {
       display: none;
}


.nv2li:hover .nv3ul { 
                    list-style: none;
                    display: block;
                    position: absolute;
                    top: 1.25rem;
                    left: -6.25rem;
}






main img {
         margin-right: 0.5rem;
}






.ft {
    grid-area: ft1;
    margin-top: 2.5rem;
}


.ft ul  { 
        padding-left: 0rem;
        margin: auto;
        display: flex; 
        justify-content: space-between; 
        align-items: center;
}

 
.ft ul li  {
           font-size: 1.2rem;
           color: #002200;
           display: flex; 
           align-items: center;
}


.ft img {
        display: inline; 
}


.ft a {
      color: #002200;
      width: 13rem;
      height: 3rem;
      margin-top: 0.3125rem;
      padding-left: 0.625rem;
      border-style: solid;
      border-radius: 0.75rem;
      border-width: 0.125rem;
      border-color: #000080;
      display: flex;
      align-items: center; 
}


.ft a:hover {
            color: #FFFF00;
            background-color: #000080;
}






figcaption {
           font-size: 0.8rem;
           margin-bottom: 0.8rem;
}


p {   
  margin-bottom: 2.5rem;
}


a  {   
   text-decoration: none;
   color: #FF0000;
}


a:hover {
        color: #FFFF00;
}




h1  {   
    color: #000080;
    font-size: 1.8rem;
}


h2  {   
    color: #000080;
    font-size: 1.6rem;
}






.colorkl  {   
          color: #000080;
          font-size: 1.2rem;
}


.colorgr  {   
          color: #000080;
          font-size: 1.6rem;
}


.colorxxl  {   
           color: #000080;
           font-size: 3.5rem;
}


.inp {   
     height: 3.125rem;
}


.links {   
       float: left;
}


.rechts {   
        float: right;
}


.imgcent {
         display: block;
         margin-left: auto;
         margin-right: auto
}