body {
   margin: 8px;
   color: #d4d9c8;    /*Überall Schriftfarbe*/
   background: #000000;    /*Hinterste Hintergrund Farbe*/

    font-family: Arial, Helvetica, sans-serif, sans-serif;
 }


 header {
   padding-top: 1px;
   padding-bottom: 1px;
   padding-left: 24px;
   font-weight: bold;
   font-size: 20px;
   color: #F1EFE4 !important;
   background-image: url(/bilder/header.jpg);
   background-repeat: repeat;
 }

 nav {
   position: sticky;
   top: 0;
   font-weight: 500;

   /* Das ist dafür, dass die Navigation jederzeit anklickbar ist */
   z-index: 99;
 }

 footer,
 nav {
   backdrop-filter: blur(8px);
 }


 @media screen and (min-width: 800px) {
   .teaser {
     height: 600px;
   }
 }

 .teaser img {
   width: 100%;
   height: 100%;
   object-fit: cover;
 }

 footer ul,
 nav ul {
   margin: 0;
   padding: 0;
   list-style: none;
 }

 footer ul li,
 nav ul li {
   padding: 24px;
 }

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

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

 section {
   max-width: 1200px;
   margin-left: auto;
   margin-right: auto;
   padding: 24px;
   box-sizing: border-box;


   /* Das ist dafür, dass die Überschrift nicht hinter dem verschwomennen Bereich ist */
   padding-top: 48px;
   transform: translateY(-48px);
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 h1 a,
 h2 a,
 h3 a,
 h4 a,
 h5 a,
 h6 a h1 a:hover,
 h2 a:hover,
 h3 a:hover,
 h4 a:hover,
 h5 a:hover,
 h6 a:hover h1 a:visited,
 h2 a:visited,
 h3 a:visited,
 h4 a:visited,
 h5 a:visited,
 h6 a:visited,
 .art-postheader,
 .art-postheader a,
 .art-postheader a:link,
 .art-postheader a:visited,
 .art-postheader a:hover,
 .art-blockheader .t,
 .art-vmenublockheader .t,
 .art-logo-text,
 .art-logo-text a,
 h1.art-logo-name,
 h1.art-logo-name a,
 h1.art-logo-name a:link,
 h1.art-logo-name a:visited,
 h1.art-logo-name a:hover {
   font-style: normal;
   text-decoration: none;
   font-weight: bold;
   font-size: 28px;
   text-align: left;
 }

 a {
   text-decoration: underline;
   color: #e10ab9;
 }

 a:link {
   text-decoration: underline;
   color: #b3ae9a;
 }

 a:visited,
 a.visited {

  /*color: #64785a;*/
  color: #868484;
}

 a:hover,
 a.hover {
   text-decoration: none;
   /*color: #ceb044;*/
   color: #fdfefd;
 }

 h1,
 h1 a,
 h1 a:link,
 h1 a:visited,
 h1 a:hover {
  /*color: #c8e0c5;*/
  color: #d4d9c8;
 }

 h2,
 h2 a,
 h2 a:link,
 h2 a:visited,
 h2 a:hover {
   font-size: 22px;
   color: #d4d9c8;
 }

 h3,
 h3 a,
 h3 a:link,
 h3 a:visited,
 h3 a:hover {
   font-size: 16px;
   color: #d4d9c8;
 }

 h4,
 h4 a,
 h4 a:link,
 h4 a:visited,
 h4 a:hover {
   font-size: 16px;
   color: #d4d9c8;
 }

 h5,
 h5 a,
 h5 a:link,
 h5 a:visited,
 h5 a:hover {
   font-size: 14px;
   color: #d4d9c8;
 }

 h6,
 h6 a,
 h6 a:link,
 h6 a:visited,
 h6 a:hover {
   font-size: 22px;
   color: #ca5759;
 }

 #art-main {
   position: relative;
   width: 100%;
   left: 0;
   top: 0;
   cursor: default;
 }

 #art-page-background-glare {
   position: absolute;
   width: 100%;
   height: 588px;
   left: 0;
   top: 0;
 }

 #art-page-background-glare-image {
   background-image: url(bilder/page_gl.png);
   background-repeat: no-repeat;
   height: 1000px;
   width: 1000px;
   margin: 0;
 }

 html:first-child #art-page-background-glare {
   border: 1px solid transparent;
   /* Opera fix */
 }

 .cleared {
   float: none;
   clear: both;
   margin: 0;
   padding: 0;
   border: none;
   font-size: 1px;
 }

 form {
   padding: 0 !important;
   margin: 0 !important;
 }

 table.position {
   position: relative;
   width: 100%;
   table-layout: fixed;
 }

 /* end Page */

 /* begin Box, Sheet */
 .art-sheet {
   position: relative;
   z-index: 0;
   margin: 0 auto;
   width: 100%;
   min-width: 47px;
   min-height: 47px;
 }

 .art-sheet-body {
   position: relative;
   z-index: 1;
   padding: 16px;  
 }

 .art-sheet-tr,
 .art-sheet-tl,
 .art-sheet-br,
 .art-sheet-bl,
 .art-sheet-tc,
 .art-sheet-bc,
 .art-sheet-cr,
 .art-sheet-cl {
   position: absolute;
   z-index: -1;
 }

 .art-sheet-tr,
 .art-sheet-tl,
 .art-sheet-br,
 .art-sheet-bl {
   width: 58px;
   height: 58px;
   background-image: url(bilder/sheet_s.png);
 }

 .art-sheet-tl {
   top: 0;
   left: 0;   
   clip: rect(auto, 29px, 29px, auto);
 }

 .art-sheet-tr {
   top: 0;
   right: 0;
   clip: rect(auto, auto, 29px, 29px);
 }

 .art-sheet-bl {
   bottom: 0;
   left: 0;
   clip: rect(29px, 29px, auto, auto);
 }

 .art-sheet-br {
   bottom: 0;
   right: 0;
   clip: rect(29px, auto, auto, 29px);
 }

 .art-sheet-tc,
 .art-sheet-bc {
   left: 29px;
   right: 29px;
   height: 58px;
   background-image: url(bilder/sheet_h.png);
 }

 .art-sheet-tc {
   top: 0;
   clip: rect(auto, auto, 29px, auto);
 }

 .art-sheet-bc {
   bottom: 0;
   clip: rect(29px, auto, auto, auto);
 }

 .art-sheet-cr,
 .art-sheet-cl {
   top: 29px;
   bottom: 29px;
   width: 58px;
   background-image: url(bilder/sheet_v.png);
 }

 .art-sheet-cr {
   right: 0;
   clip: rect(auto, auto, auto, 29px);
 }

 .art-sheet-cl {
   left: 0;
   clip: rect(auto, 29px, auto, auto);
 }

 .art-sheet-cc {
   position: absolute;
   z-index: -1;
   top: 29px;
   left: 29px;
   right: 29px;
   bottom: 29px;
   background-image: url(bilder/sheet_c.png);
 }

 .art-sheet {
   margin-top: 0px !important;
   cursor: auto;
 }

 #art-page-background-simple-gradient,
 #art-page-background-gradient,
 #art-page-background-glare {
   min-width: 900px;
 }

 /* end Box, Sheet */

 /* begin Header */
 div.art-header {
   margin: 0 auto;
   position: relative;
   z-index: 0;
   width: 100%;
   height: 85px;
   overflow: hidden;
 }

 div.art-header-jpeg {
   position: absolute;
   z-index: -1;
   top: 0;
   left: 0;
   width: 100%;
   height: 85px;
   background-image: url(bilder/header_dk.jpg);
   background-repeat: repeat;   
  }

 /* end Header */

 /* begin Logo */

 .art-logo {
  display: block;
  position: absolute;
  left: 32px;
  top: 10px;
  width: 842px;
  } 

 h1.art-logo-name {
   display: block;
   text-align: left;
 }

 h1.art-logo-name,
 h1.art-logo-name a,
 h1.art-logo-name a:link,
 h1.art-logo-name a:visited,
 h1.art-logo-name a:hover {
   font-size: 38px;
   text-decoration: none;
   padding: 0;
   margin: 0;
   color: #f7d707 !important; /* www.dl1mfk*/
 }

 .art-logo-text {
   display: block;
   text-align: left;
 }

 .art-logo-text,
 .art-logo-text a {
   font-weight: normal;
   font-size: 21px;
   padding: 0;
   margin: 0;
   color: #f0e4a8 !important; /* Amateurfunkseiten*/
  }

 /* end Logo */

 /* begin Menu */
 /* menu structure */

 .art-menu a,
 .art-menu a:link,
 .art-menu a:visited,
 .art-menu a:hover {
   text-align: left;
   text-decoration: none;
   outline: none;
   letter-spacing: normal;
 }

 .art-menu,
 .art-menu ul {
   margin: 0;
   padding: 0;
   border: 0;
   list-style-type: none;
   display: block;
 }

 .art-menu li {
   margin: 0;
   padding: 0;
   border: 0;
   display: block;
   float: left;
   position: relative;
   z-index: 5;
   background: none;
 }

 .art-menu li:hover {
   z-index: 10000;
   white-space: normal;
 }

 .art-menu li li {
   float: none;
 }

 .art-menu ul {
   visibility: hidden;
   position: absolute;
   z-index: 10;
   left: 0;
   top: 0;
   background: none;
 }

 .art-menu li:hover>ul {
   visibility: visible;
   top: 100%;
 }

 .art-menu li li:hover>ul {
   top: 0;
   left: 100%;
 }

 .art-menu:after,
 .art-menu ul:after {
   content: ".";
   height: 0;
   display: block;
   visibility: hidden;
   overflow: hidden;
   clear: both;
 }

 .art-menu,
 .art-menu ul {
   min-height: 0;
 }

 .art-menu ul {
   background-image: url(bilder/spacer.gif);
   padding: 10px 30px 30px 30px;
   margin: -10px 0 0 -30px;
 }

 .art-menu ul ul {
   padding: 30px 30px 30px 10px;
   margin: -30px 0 0 -10px;
 }

 /* menu structure */

 .art-menu {
   padding: 12px 6px 0 6px;
 }

 .art-nav {
   position: relative;
   height: 21px;
   z-index: 100;
 }

 .art-nav .l,
 .art-nav .r {
   position: absolute;
   z-index: -1;
   top: 0;
   height: 41px;
   background-image: url(bilder/nav.png);
 }

 .art-nav .l {
   left: 0;
   right: 0;
 }

 .art-nav .r {
   right: 0;
   width: 868px;
   clip: rect(auto, auto, auto, 868px);
 }

 /* end Menu */

 /* begin MenuItem */
 .art-menu a {
   position: relative;
   display: block;
   overflow: hidden;
   height: 29px;
   cursor: pointer;
   text-decoration: none;
 }

 .art-menu li {
   margin-right: 2px;
   margin-left: 2px;
 }

 .art-menu ul li {
   margin: 0;
   clear: both;
 }


 .art-menu a .r,
 .art-menu a .l {
   position: absolute;
   display: block;
   top: 0;
   z-index: -1;
   background-image: url(bilder/menuitem.png);
   height: 87px;
 }

 .art-menu a .l {
   left: 0;
   right: 4px;
 }

 .art-menu a .r {
   width: 408px;
   right: 2px;
   clip: rect(auto, auto, auto, 404px);
 }

 .art-menu a .t {
   margin-right: 10px;
   margin-left: 10px;
   color: #ffffff;/*Menue schriftfarbe Karteikarte nicht ausgewählt */
   padding: 0 19px;
   margin: 0 4px;
   line-height: 29px;
   text-align: center;
 }

 .art-menu a:hover .l,
 .art-menu a:hover .r {
   top: -29px;
 }

 .art-menu li:hover>a .l,
 .art-menu li:hover>a .r {
   top: -29px;
 }

 .art-menu li:hover a .l,
 .art-menu li:hover a .r {
   top: -29px;
 }

 .art-menu a:hover .t {
   color: #40ea07;
 }

 .art-menu li:hover a .t {
   color: #41de0d;
 }

 .art-menu li:hover>a .t {
   color: #000000;   /*Menue schriftfarbe Karteikarte ausgewählt*/
 }

 .art-menu a.active .l,
 .art-menu a.active .r {
   top: -57px;
 }

 .art-menu a.active .t {
  color: #000000;   /*HOME Zeichenfarbe*/
}

 /* end MenuItem */

 /* begin MenuSubItem */
 .art-menu ul a {
   display: block;
   text-align: center;
   white-space: nowrap;
   height: 20px;
   width: 260px;
   overflow: hidden;
   line-height: 20px;
   background-image: url(bilder/subitem.png);
   background-position: left top;
   background-repeat: repeat-x;
   border-width: 0;
   border-style: solid;
 }

 .art-nav ul.art-menu ul span,
 .art-nav ul.art-menu ul span span {
   display: inline;
   float: none;
   margin: inherit;
   padding: inherit;
   background-image: none;
   text-align: inherit;
   text-decoration: inherit;
 }

 .art-menu ul a,
 .art-menu ul a:link,
 .art-menu ul a:visited,
 .art-menu ul a:hover,
 .art-menu ul a:active,
 .art-nav ul.art-menu ul span,
 .art-nav ul.art-menu ul span span {
   text-align: left;
   text-indent: 12px;
   text-decoration: none;
   line-height: 20px;
   color: #000000;
   margin-right: 10px;
   margin-left: 10px;
   margin: 0;
   padding: 0;
 }

 .art-menu ul li a:hover {
  color: #ff0000;
  background-position: 0 -20px;
}
 .art-menu ul li a:hover {
   color: #ff0000;
   background-position: 0 -20px;
 }

 .art-menu ul li:hover>a {
   color: #f8f1f1;   /* Textfarbe Menue mit Maus*/
   background-position: 0 -20px;
 }

 .art-nav .art-menu ul li a:hover span,
 .art-nav .art-menu ul li a:hover span span {
   color: #ff0000;
 }
 .art-nav .art-menu ul li:hover>a span,
 .art-nav .art-menu ul li:hover>a span span  {
   color: #ff0000;
 }


 /* end MenuSubItem */

 /* begin Layout */
 .art-content-layout {
   display: table;
   padding: 0;
   border: none;
   width: 100%;
 }

 .art-content-layout .art-content-layout {
   width: auto;
   margin: 0;
 }

 div.art-content-layout div.art-layout-cell,
 div.art-content-layout div.art-layout-cell div.art-content-layout div.art-layout-cell {
   display: table-cell;
 }

 div.art-layout-cell div.art-layout-cell {
   display: block;
 }

 div.art-content-layout-row {
   display: table-row;
 }

 .art-content-layout {
   table-layout: fixed;
   border-collapse: collapse;
   background-color: Transparent;
   border: none !important;
   padding: 0 !important;
 }

 .art-layout-cell,
 .art-content-layout-row {
   background-color: Transparent;
   vertical-align: top;
   text-align: left;
   border: none !important;
   margin: 0 !important;
   padding: 0 !important;

 }

 /* end Layout */

 /* begin Footer */
 .art-footer {
   position: relative;
   z-index: 0;
   overflow: hidden;
   width: 100%;
   margin: 0 auto;
 }

 .art-footer .art-footer-inner {
   height: 1%;
   position: relative;
   z-index: 0;
   padding: 8px;
   text-align: center;
 }

 .art-footer .art-footer-background {
   position: absolute;
   z-index: -1;
   background-repeat: no-repeat;
   background-image: url(bilder/footer.png);
   width: 868px;
   height: 150px;
   bottom: 0;
   left: 0;
 }


 .art-footer .art-footer-text p {
   margin: 0;
 }

 .art-footer .art-footer-text {
   display: inline-block;
   color: #beb9b9;   /*Footer Textfarbe*/
   font-size: 11px;
 }

 .art-footer .art-footer-text a:link {
   text-decoration: none;
   color: #dfddd5;   /*Footer Link-Text Farbe*/

 }

 .art-footer .art-footer-text a:visited {
   text-decoration: none;
   color: #191B18;

 }

 .art-footer .art-footer-text a:hover {
   color: #f1ecda;   /* Link Hover-Farbe*/
   text-decoration: none;
 }

 /* end Footer */

 /* begin PageFooter */
 .art-page-footer,
 .art-page-footer a,
 .art-page-footer a:link,
 .art-page-footer a:visited,
 .art-page-footer a:hover {
   font-size: 10px;
   letter-spacing: normal;
   word-spacing: normal;
   font-style: normal;
   font-weight: normal;
   text-decoration: underline;
   color: #B3911A;
 }

 .art-page-footer {
   margin: 1em;
   text-align: center;
   text-decoration: none;
   color: #887A44;
 }

 /* end PageFooter */