ul.menu2 {
   list-style: none;
   float: right;
   margin: 0 auto;
}

ul.menu2 ul {
   list-style: none;
}

ul.menu2 a {
   /*display: block;*/
   padding: 3px 10px 0 10px;
   font-weight: normal;
}

ul.menu2 li {
   padding: 0;
   margin: 0;
   float: left;
   background-color: #fdfdfd;
   /*border:1px solid #808080;*/
   /*height: 20px;*/
}

/* Für Unterpunkte keine Float-Eigenschaft */

ul.menu2 ul li {
   float: none;
   background-color: transparent;
   border-top: 1px solid #808080;
}

/* Links auf Unterpunkten sollen die Hintergrundfarbe ändern */

ul.menu2 ul li.hover, ul.menu2 ul li:hover {
   background-color: #fdfdfd;
}

/* Zweite Ebene */

ul.menu2 ul {
   margin: 0;
   padding: 0;
   position: absolute;
   background-color: #eaeaea;
   border: 1px solid #808080;
   display: none;
   width: 220px;
}

/* Zweite Ebene anzeigen */

ul.menu2 li.hover ul, ul.menu2 li:hover ul {
   display: block;
}

.visibleDesktop {
   visibility: visible;
   width: auto;
   height: auto;
}

.visibleMobile {
   visibility: hidden;
   width: 0;
   height: 0;
}

.pageMenu {
   max-width: 795px;
   margin: 0 auto;
   padding-left: 0;
   padding-right: 0;
   padding-top: 20px;
   padding-bottom: 0;
   clear: both;
}

.pageHeader {
   max-width: 780px;
   /*margin: 0 auto;*/
   margin-top: -10px;
   margin-left: -30px;
   margin-right: -30px;
   padding-left: 20px;
   padding-right: 0;
   padding-top: 25px;
   padding-bottom: 25px;
   background-color: #56829e;
   background-image: url(../img/bg7.png);
   clear: both;
   color: #fafafd;
   font-family: Verdana, Arial;
   font-size: 32px;
   font-style: italic;
   font-weight: bold;
}


.pageMobileMenuVisible {
   max-width: 780px;
   margin: 0 auto;
   padding: 0;
   clear: both;
   visibility: visible;
   height: auto;
}
.pageMobileMenuHidden {
   max-width: 780px;
   margin: 0 auto;
   padding: 0;
   clear: both;
   visibility: hidden;
   height: 0;
}

.pageMain {
   max-width: 740px;
   margin: 0 auto;
   padding-left: 30px;
   padding-right: 30px;
   padding-top: 10px;
   padding-bottom: 30px;
   background-color: #ffffff;
   clear: both;
}

.pageMainBottom {
   /*dadurch wird pageMain bis zum Ende angewandt und der Hintergrund bleibt weiss */
   width: 100%;
   float: none;
   clear: both;
}

.pageFooter {
   clear: both;
   color: #505050;
   text-align: center;
   padding-top: 25px;
   padding-bottom: 20px;
   font-size: 11px;
   line-height: 15px;
}

.box {
   padding-top: 25px;
   float: none;
   clear: both;
}

.boxLeft {
   padding-top: 25px;
   width: 65%;
   float: left;
}

.boxRight {
   padding-top: 25px;
   width: 30%;
   float: right;
   text-align: left;
}

.boxRightHeader {
   background-image: url(../img/bg_gray.gif);
   background-size: auto 100%;
   padding: 5px;
   text-align: left;
   font-family: Verdana, Arial;
   font-size: 12px;
   line-height: 15px;
}

.boxTestimonial {
   max-width: 450px;
   margin: 0 auto;
   padding-top: 35px;
   clear: both;
}

ul.testimonial {
   background: none top left no-repeat;
   list-style: none outside none;
   margin: 0;
   padding-left: 10px;
   padding-right: 25px;
   padding-top: 15px;
   padding-bottom: 15px;
   background-color: #f0f0f0;
}

ul.testimonial li {
   background: none no-repeat top left;
   padding-left: 40px;
}


div.table {
   display: table;
}

div.tr {
   display: table-row;
}

div.td {
   display: table-cell;
   text-align: left;
   vertical-align: top;
}

div.textCenter {
   text-align: center;
}

div.center {
   display: flex;
   justify-content: center;
}

table.table0 {
   width: auto;
   border-spacing: 0;
   border-collapse: separate;
}
table.table2 {
   width: auto;
   border-spacing: 2;
   border-collapse: separate;
}
table.table5 {
   border-spacing: 5px;
   border-collapse: separate;
}

td.padding5 {
   padding: 5px;
}

td.padding10 {
   padding: 10px;
}

td.padding15 {
   padding: 15px;
}

td.padding20 {
   padding: 20px;
}

td.top {
   vertical-align: top;
}
td.colorF0 {
   background-color: #f0f0f0;
}
td.colorF4 {
   background-color: #f4f4f4;
}
td.colorF8 {
   background-color: #f8f8f8;
}
td.colorFA {
   background-color: #fafafa;
}
td.colorE0 {
   background-color: #e0e0e0;
}td.colorEA {
   background-color: #eaeaea;
}
td.alignTop {
   vertical-align: top;
}
td.alignRight {
   text-align: right;
}

.nobr {
   white-space: nowrap;
}

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


td.contactFieldName {
   text-align: right;
   width: 150px;
}

td.contactFieldValue {
   width: 80%;
}

.contactDFspam {
   width: 25%;
}

.contactDFproduct {
   width: 27%;
}

.contactDFallg {
   width: 55%;
}

.contactDFtext {
   width: 75%;
}

@media screen and (max-width:1020px) {
   /*   ul.menu2 {
      float: none;
      padding: 5px;
   }*/

   .visibleDesktop {
      visibility: hidden;
      width: 0;
      height: 0;
   }
   .visibleMobile {
      visibility: visible;
      width: auto;
      height: auto;
   }

   .pageMenu {
      padding-top: 10px;
      margin-right: 10px;
   }

   .pageFooter {
      font-size: 14px;
      line-height: 20px;
   }

   .boxLeft {
      margin-top: 10px;
      width: auto;
      float: none;
      clear: both;
   }
   .boxRight {
      margin-top: 10px;
      float: none;
      clear: both;
      width: auto;
      text-align: left;
   }

   .boxRightHeader {
      font-family: Verdana, Arial;
      font-size: 17px;
      line-height: 22px;
   }

   table.mobile {
      width: auto;
      border-spacing: 0;
   }
   td.mobile {
      display: block;
      width: auto;
      margin-top: 5px;
   }

   td.contactFieldName {
      margin-top: 15px;
      margin-bottom: 0;
      text-align: left;
      width: 100%;
   }

   td.contactFieldValue {
      width: 95%;
   }

   .contactDFspam {
      width: 50%;
   }

   .contactDFproduct {
      width: 90%;
   }

   .contactDFallg {
      width: 100%;
   }

   .contactDFtext {
      width: 100%;
   }
}