/* ---------General Styles--------------------------------------*/


/* ---------Navigation Styles--------------------------------------*/
/*
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #dddddd;
}

{
    display: inline;
    float: left;
}

{
    background-color: #dddddd;
    display: block;
    padding: 5px;
    text-align: center;
    padding: 10px 14px;
    text-decoration: none;
    margin: 5px 0 6px 0;
    padding: 7px 8px;
}

 :hover {
    background-color: ;
}

*//* ---------Navigation Styles--------------------------------------*/

.nav1-navigation :hover {
background-color: #555;
color: white;

}
.nav-top-midle{

width:100%;

 text-decoration: none;
  list-style-type: none;
}

.nav2-navigation{
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  text-decoration: none;
  float: right;
  display: block;
  color: black;
  text-align: center;
  padding: 10px 10px;
 text-decoration: none;
  list-style-type: none;
   
}
.nav2-navigation1{
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  text-decoration: none;
  float: right;
  display: block;
  color: black;
  text-align: center;
  padding: 10px 10px;
 text-decoration: none;
  list-style-type: none;
   
}
.nav2-navigation2{
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  text-decoration: none;
  float: right;
  display: block;
  color: black;
  text-align: center;
  padding: 10px 10px;
 text-decoration: none;
  list-style-type: none;
   
}
.nav2-navigation3{
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  text-decoration: none;
  float: right;
  display: block;
  color: black;
  text-align: center;
  padding: 10px 10px;
 text-decoration: none;
  list-style-type: none;
   
}
.nav2-navigation4{
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  text-decoration: none;
  float: right;
  display: block;
  color: black;
  text-align: center;
  padding: 10px 10px;
 text-decoration: none;
  list-style-type: none;
   
}
.nav2-navigation5{
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  text-decoration: none;
  float: right;
  display: block;
  color: black;
  text-align: center;
  padding: 10px 10px;
 text-decoration: none;
  list-style-type: none;
   
}
.nav2-navigation6{
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  text-decoration: none;
  float: right;
  display: block;
  color: black;
  text-align: center;
  padding: 10px 10px;
 text-decoration: none;
  list-style-type: none;
   
}

         



.header-h2222{

  /*text-align: center;*/

  text-align:left;
}
/* ---------Navigation Styles--------------------------------------*/

  
  /* ---------Hersteller Styles--------------------------------------*/
  
  
  
  .filters {
      text-decoration: none;
  }
  
  li input ul a li a:hover label {
      list-style-type: none;
      margin: 0;
      padding: 0;
      width: 200px;
      background-color: #f1f1f1;
      display: block;
      color: #000;
      padding: 8px 16px;
      text-decoration: none;
      /* Change the link color on hover */
      background-color: #555;
      color: white;
  }
  
  input[type="checkbox"] {
      display: none;
  }
  
  input[type="checkbox"]+label {
      color: #f2f2f2;
  }
  
  
  /*--------boton--------------------------*/
  
  #myBtn {
      display: none;
      /* Hidden by default */
      position: fixed;
      /* Fixed/sticky position */
      bottom: 20px;
      /* Place the button at the bottom of the page */
      right: 30px;
      /* Place the button 30px from the right */
      z-index: 99;
      /* Make sure it does not overlap */
      border: none;
      /* Remove borders */
      outline: none;
      /* Remove outline */
      background-color: gray;
      /* Set a background color */
      color: white;
      /* Text color */
      cursor: pointer;
      /* Add a mouse pointer on hover */
      padding: 15px;
      /* Some padding */
      border-radius: 10px;
      /* Rounded corners */
      font-size: 18px;
      /* Increase font size */
  }
  
  #myBtn:hover {
      background-color: #555;
      /* Add a dark-grey background on hover */
  }
  
  #myInput {
      background-image: url('/css/searchicon.png');
      /* Add a search icon to input */
      background-position: 10px 12px;
      /* Position the search icon */
      background-repeat: no-repeat;
      /* Do not repeat the icon image */
      width: 100%;
      /* Full-width */
      font-size: 16px;
      /* Increase font-size */
      padding: 12px 20px 12px 40px;
      /* Add some padding */
      border: 1px solid #ddd;
      /* Add a grey border */
      margin-bottom: 12px;
      /* Add some space below the input */
  }
  
  #myUL {
      /* Remove default list styling */
      list-style-type: none;
      padding: 0;
      margin: 0;
  }
   
  #myUL li a {
      border: 1px solid #ddd;
      /* Add a border to all links */
      margin-top: -1px 15px;
      /* Prevent double borders */
      background-color: #f6f6f6;
      /* Grey background color */
      padding: 10px;
      /* Add some padding */
      text-decoration: none;
      /* Remove default text underline */
      font-size: 18px;
      /* Increase the font-size */
      color: gray;
      /* Add a black text color */
      display: block;
      /* Make it into a block element to fill the whole list */
     
  }
  
  #myUL li a:hover:not(.header) {
      background-color: rgb(199, 194, 194);
      /* Add a hover effect to all links, except for headers */
  }
  
  .topnav {
      overflow: hidden;
      background-color: #dcdcdc;
  }
  
  
  /* Style the links inside the navigation bar */
  
  .topnav a {
      float: right;
      display: block;
      color: black;
      text-align: center;
      padding: 14px 16px;
      text-decoration: none;
      font-size: 17px;
  }
  
  
  /* Change the color of links on hover */
  
  .topnav a:hover {
      background-color: #ddd;
      color: black;
  }
  
  
  /* Style the "active" element to highlight the current page */
  
  .topnav a.active {
      background-color: #2196F3;
      color: white;
  }
  
  
  /* Style the search box inside the navigation bar */
  
  .topnav input[type=text] {
      float: right;
      padding: 6px;
      border: none;
      margin-top: 8px;
      margin-right: 16px;
      font-size: 17px;
  }
  
  
  /* When the screen is less than 600px wide, stack the links and the search field vertically instead of horizontally */
  
  @media screen and (max-width: 600px) {
      .topnav a,
      .topnav input[type=text] {
          float: none;
          display: block;
          text-align: left;
          width: 100%;
          margin: 0;
          padding: 14px;
      }
      .topnav input[type=text] {
          border: 1px solid #ccc;
      }
  }
  
  
  
  body #app nav .ss-main {
      flex: 0 1 auto;
      height: var(--height-nav);
      font-weight: 700;
  }
  
  .ss-main.ss-open-below {
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
  }
  
  .ss-main {
      display: flex;
      flex-direction: row;
      position: relative;
      user-select: none;
      color: var(--ss-font-color);
      min-height: var(--ss-main-height);
      width: 100%;
      padding: var(--ss-spacing-s);
      cursor: pointer;
      border: 1px solid var(--ss-border-color);
      border-radius: var(--ss-border-radius);
      background-color: var(--ss-bg-color);
      outline: 0;
      box-sizing: border-box;
      transition: background-color var(--ss-animation-timing);
  }
  
  
  /*    dddddddddddddddddddddddddddddddd */
  
  
  
  
  
  /*    dddddddddddddddddddddddddddddddd */
  
  
  /*    search */
  
  * {
    box-sizing: border-box;
  }
  
  #myInput {
      background-image: url('/css/searchicon.png');
      background-position: 10px 12px;
      background-repeat: no-repeat;
      width: 250px;
      font-size: 16px;
      padding: 12px 20px 12px 40px;
      border: 1px solid #ddd;
      margin-bottom: 12px;
  
  }
  
  #myUL {
      list-style-type: none;
      padding: 0;
      margin: 0;
      
  }
  
  #myUL li a div {
      border: 1px solid #ddd;
      margin-top: -1px;
      /* Prevent double borders */
      background-color: #f6f6f6;
      padding: 12px;
      text-decoration: none;
      font-size: 18px;
      color: gray;
      display: block;
      overflow-x: scroll;
      overflow-y: hidden;
      float:left;
  }
  
  #myUL li a:hover:not(.header) {
      background-color: #eee;
  }
  
  
  /*    search */
  
  
  /*    collapse */
  
  
  /*    collapse */
  
  
  /*    collapse 1111endaöb*/
  
  
  
  
 .collapsible {
  
  background-color: #777;
  color: white;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
}

.active, .collapsible:hover {
  background-color: #555;
}

.content {
  padding: 0 18px;
  display: none;
  overflow: hidden;
  background-color: #f1f1f1;
}

  
  
  
  
  /*    collapse1111end */
  
  .data-a{
  
      width:1210px;
      height:500px;
     
      float:right;
      margin:10px;
      border-radius: 5px;
      
  
  }
  .data-b{
  
      width:100%;
      height:200px;  
      margin:10px;
      border-radius: 5px;
   
  
  }
  
  
  
  .filterDiv {
      float:right;
      background-color: whitesmoke;
      color: black;
      margin: 5px;
      line-height: 100px;
      display: none;
      width: 1210px;
      height: 400px;
      border-radius: 5px;
      
     
  }
  
  
  
  
  
  /* filter element */  
  
  .dropbtn {
      background-color: #04AA6D;
      color: white;
      padding: 16px;
      font-size: 16px;
      border: none;
      cursor: pointer;
      
    }
    
    .dropbtn:hover, .dropbtn:focus {
      background-color: #3e8e41;
    }
    
    #myInput {
      box-sizing: border-box;
      background-image: url('searchicon.png');
      background-position: 14px 12px;
      background-repeat: no-repeat;
      font-size: 16px;
      padding: 14px 20px 12px 45px;
      border: none;
      border-bottom: 1px solid #ddd;
    }
    
    #myInput:focus {outline: 3px solid #ddd;}
    
    .dropdown {
      position: relative;
      display: inline-block;
      
    }
    
    .dropdown-content {
      display: none;
      position: absolute;
      background-color: #f6f6f6;
      min-width: 230px;
      overflow: auto;
      border: 1px solid #ddd;
      z-index: 1;
      overflow-x: scroll;
      overflow-x: hidden;
      overflow-y: scroll;
      overflow: auto;
      height: 300px;
    }
    
    .dropdown-content a {
      color: black;
      padding: 12px 16px;
      text-decoration: none;
      display: block;
    }
    
    .dropdown a:hover {background-color: #ddd;}
    
    .show {display: block;}
  
    .dropdown {
      position: relative;
      display: inline-block;
      
    }
  
  /* w3 filter */
  
  /*
    .filterDiv {
      float: right;
      background-color: #2196F3;
      color: #ffffff;
      margin: 2px;
      line-height: 100px;
      
     
      display: none;
      width: 900px;
      height: 400px;
      
     
    }
    */
    .show {
      display: block;
    }
    
    .container {
      margin-top: 20px;
      overflow: hidden;
    }
    
    /* Style the buttons */
    .btn {
      border: none;
      outline: none;
      padding: 12px 16px;
      background-color: #f1f1f1;
      cursor: pointer;
    }
    
    .btn:hover {
      background-color: #ddd;
    }
    
    .btn.active {
      background-color: #666;
      color: white;
    }
  
    /* w3 filter */
    /* produkt carte */
  
    
    
   
   
   
  
    .img1{
      height: 400px;
      width: 300px;
      float:left;}
      /*
      padding-right:00px;
    }
  */
    /* produkt carte */
    /* 
    @media only screen and (min-width: 100px){
      */
    .table1 {
      padding-right:200px;
    }
  
  
    
  /*Werbung mitte Fussbal nachricnten anfang*/
  
 

    

    .ma1{
      width:100%;
      height:200px ;
    }

  
  .links{
      height:200px;
      width:200px;
      float:right;
      
    }
    .mitte{
      height:200px;
      width:500px;
      float:left;
  
    }
    
 
   
  
   
    .rechts1{
      float:left;
      width:150px;
      height:150px;
      margin-left: 25px;
     
      }
  
      .rechts11{
        float:left;
        width:200px;
        height:200px;
        width:400px;
        height: 200px;
        }
  
  
      .h3na{
        margin: 8px ;
      }
      
  
      /*Werbung mitte Fussbal nachichten Ende*/
  
  /*footer navigaion style*/
  
  
  
  .links11{
        
    height: 100px;
    overflow-y: scroll;
    width: 250px ;
    
    display: block;
    outline: none;
   
  float:left;
  
  
  }
  

  .menu-az{
    padding-top: 500px;
  }
  
  .fo1{
  
    width:100%;
    
    float:left;
  
  }
  
  
  
  
     

  
  /*footer navigaion style*/  
  
  .mitte{
    float:left;
    width: 100%;
   height:100%;
    
 }


  div.scroll-container {
    width: 100%;
        height: 600px;
        background-color: wheat;
        overflow: auto;
        white-space: nowrap;
        padding-left: 10px;
      }

      div.scroll-container img {
        padding: 10px;
      }

      .card {

       width: 430px;
       height: 400px;

      }

      .container {
       padding-left: 10px;
        text-align: center;
      }

     /* 
.basic {
padding-left: 10px;
text-align: center;

width:250px;
height:750px;
border: 2px solid black;
float: left;
}
*/

.basic{
  float: left;
  min-height: fit-content;
  min-width:content; 
  width: 200px;
  height: 250px;
  border: 2px solid black;
  margin:25px;
}


h1{
text-align: center;
}
.help{

float: left;

}
.basic1{
float: left;

}

/** text mitte**/
.textarea{
float: left;
border: 2px solid black;
background-color: #04AA6D;
}
.textarea1{
text-align: center;

  
  }  
  .h2textarea1{
 background-color: #04AA6D;

  }
   .h2textarea12{
    background-color: #04AA6D;
    text-align: center;
  }
  .textarea12{
     padding-left: 10px;
    border: 2px solid black;

  }
 
  .h2textarea13{
  background-color: #04AA6D;
  text-align: center;
}
  .textarea13{
    padding-left: 10px;
   
  }

.h2textarea14{
  background-color: #04AA6D;
  text-align: center;
}
.textarea14{
   padding-left: 10px;
  
   
}
/*bracnehn*/

.textarea2{
  text-align: center;
}

.h2textarea211{
background-color: #04AA6D;
  text-align: center;
}

.textarea22{
padding-left: 10px;
   border: 2px solid black;
}

.h2textarea212{
background-color: #04AA6D;
  text-align: center;
}

.textarea23{
padding-left: 10px;
   border: 2px solid black;
}

.h2textarea213{
background-color: #04AA6D;
  text-align: center;
}

.textarea24{
padding-left: 10px;
   border: 2px solid black;
}

.h2textarea214{
background-color: #04AA6D;
  text-align: center;
}

.textarea25{
padding-left: 10px;
   border: 2px solid black;
}

.h2textarea215{
background-color: #04AA6D;
  text-align: center;
}

.textarea26{
padding-left: 10px;
   border: 2px solid black;
}

.h2textarea216{
background-color: #04AA6D;
  text-align: center;
}

.textarea27{
padding-left: 10px;
   border: 2px solid black;
}

.h2textarea217{
background-color: #04AA6D;
  text-align: center;
}

.textarea28{
padding-left: 10px;
   border: 2px solid black;
}

.h2textarea218{
background-color: #04AA6D;
  text-align: center;
}

.textarea29{
padding-left: 10px;
   border: 2px solid black;
}

.h2textarea219{
background-color: #04AA6D;
  text-align: center;
}

.textarea210{
padding-left: 10px;
   border: 2px solid black;
}

.h2textarea210{
background-color: #04AA6D;
  text-align: center;
}

.textarea211{
padding-left: 10px;
   border: 2px solid black;
}

.h2textarea211{
background-color: #04AA6D;
  text-align: center;
}

.textarea212{
padding-left: 10px;
   border: 2px solid black;
}

.h2textarea212{
background-color: #04AA6D;
  text-align: center;
}

.textarea213{
padding-left: 10px;
   border: 2px solid black;
}

.h2textarea213{
background-color: #04AA6D;
  text-align: center;
}

.textarea214{
padding-left: 10px;
   border: 2px solid black;
}

.h2textarea214{
background-color: #04AA6D;
  text-align: center;
}

.textarea215{
padding-left: 10px;
   border: 2px solid black;
}

.h2textarea215{
background-color: #04AA6D;
  text-align: center;
}

.textarea216{
padding-left: 10px;
   border: 2px solid black;
}

.h2textarea216{
background-color: #04AA6D;
  text-align: center;
}

.textarea217{
padding-left: 10px;
   border: 2px solid black;
}

.h2textarea217{
background-color: #04AA6D;
  text-align: center;
}

.textarea218{
padding-left: 10px;
   border: 2px solid black;
}

.h2textarea218{
background-color: #04AA6D;
  text-align: center;
}

.textarea219{
padding-left: 10px;
   border: 2px solid black;
}

.h2textarea219{
background-color: #04AA6D;
  text-align: center;
}

.textarea220{
padding-left: 10px;
   border: 2px solid black;
}

.h2textarea220{
background-color: #04AA6D;
  text-align: center;
}
/*ankauf*/

.textarea3{

}

.h2textarea31{
  background-color: #04AA6D;
  text-align: center;
}

.textarea32{
padding-left: 10px;
   border: 2px solid black;
   
}

.textarea33{
padding-left: 10px;
   border: 2px solid black;

}

.textarea34{
padding-left: 10px;
   border: 2px solid black;
 
}
/*verkauf*/

.textarea4{
  
}

.h2textarea41{
   background-color: #04AA6D;
  text-align: center;
}

.textarea42{
 padding-left: 10px;
   border: 2px solid black;
}
.textarea43{
  padding-left: 10px;
   border: 2px solid black;
}
.textarea44{
  padding-left: 10px;
   border: 2px solid black;
}

/*Drucktechnologie*/

.textarea5{
  
}

.h2textarea51{
  background-color: #04AA6D;
  text-align: center;
}

.textarea52{
  padding-left: 10px;
   border: 2px solid black;
}

.h2textarea52{
 background-color: #04AA6D;
  text-align: center;
}

.textarea53{
  padding-left: 10px;
   border: 2px solid black;
}

.h2textarea53{
   background-color: #04AA6D;
  text-align: center;
}

.textarea54{
  padding-left: 10px;
   border: 2px solid black;
}


.h2textarea54{
   background-color: #04AA6D;
  text-align: center;
}
.textarea55{
  padding-left: 10px;
   border: 2px solid black;
}
.h2textarea55{
   background-color: #04AA6D;
  text-align: center;
}


.textarea56{
  padding-left: 10px;
   border: 2px solid black;
}

.h2textarea56{
   background-color: #04AA6D;
  text-align: center;
}

.textarea57{
  padding-left: 10px;
   border: 2px solid black;
}

.h2textarea57{
   background-color: #04AA6D;
  text-align: center;
}

.textarea58{
  padding-left: 10px;
   border: 2px solid black;
}

.h2textarea58{
   background-color: #04AA6D;
  text-align: center;
}

.textarea59{
  padding-left: 10px;
   border: 2px solid black;
}

.h2textarea59{
   background-color: #04AA6D;
  text-align: center;
}

.textarea510{
  padding-left: 10px;
   border: 2px solid black;
}

.h2textarea510{
   background-color: #04AA6D;
  text-align: center;
}

.textarea511{
  padding-left: 10px;
   border: 2px solid black;
}

.h2textarea511{
   background-color: #04AA6D;
  text-align: center;
}

.textarea512{
  padding-left: 10px;
   border: 2px solid black;
}

.h2textarea512{
   background-color: #04AA6D;
  text-align: center;
}

.textarea513{
  padding-left: 10px;
   border: 2px solid black;
}

.h2textarea513{
   background-color: #04AA6D;
  text-align: center;
}

.textarea514{
  padding-left: 10px;
   border: 2px solid black;
}

.h2textarea514{
   background-color: #04AA6D;
  text-align: center;
}

.textarea515{
  padding-left: 10px;
   border: 2px solid black;
}

.h2textarea515{
   background-color: #04AA6D;
  text-align: center;
}

.textarea516{
  padding-left: 10px;
   border: 2px solid black;
}

.h2textarea516{
   background-color: #04AA6D;
  text-align: center;
}

.textarea517{
  padding-left: 10px;
   border: 2px solid black;
}

.h2textarea517{
   background-color: #04AA6D;
  text-align: center;
}

.textarea518{
  padding-left: 10px;
   border: 2px solid black;
}

.h2textarea518{
 background-color: #04AA6D;
  text-align: center;
}

.textarea519{
  padding-left: 10px;
   border: 2px solid black;
}

.h2textarea519{
   background-color: #04AA6D;
  text-align: center;
}

.textarea520{
  padding-left: 10px;
   border: 2px solid black;
}

.h2textarea520{
   background-color: #04AA6D;
  text-align: center;
}

.textarea521{
  padding-left: 10px;
   border: 2px solid black;
}

.h2textarea521{
   background-color: #04AA6D;
  text-align: center;
}

.textarea522{
  padding-left: 10px;
   border: 2px solid black;
}

.h2textarea522{
   background-color: #04AA6D;
  text-align: center;
}

.textarea523{
  padding-left: 10px;
   border: 2px solid black;
}

.h2textarea523{
   background-color: #04AA6D;
  text-align: center;
}

.textarea524{
  padding-left: 10px;
   border: 2px solid black;
}

.h2textarea524{
   background-color: #04AA6D;
  text-align: center;
} 

.textarea525{
  padding-left: 10px;
   border: 2px solid black;
}

.h2textarea525{
   background-color: #04AA6D;
  text-align: center;
}

.textarea526{
  padding-left: 10px;
   border: 2px solid black;
}

.h2textarea526{
   background-color: #04AA6D;
  text-align: center;
}

.textarea527{
  padding-left: 10px;
   border: 2px solid black;
}

.h2textarea527{
   background-color: #04AA6D;
  text-align: center;
} 

.textarea528{
  padding-left: 10px;
   border: 2px solid black;
}

.h2textarea528{
   background-color: #04AA6D;
  text-align: center;
}

.textarea529{
  padding-left: 10px;
   border: 2px solid black;
}

.h2textarea529{
   background-color: #04AA6D;
  text-align: center;
}

.textarea530{
  padding-left: 10px;
   border: 2px solid black;
}

.h2textarea530{
   background-color: #04AA6D;
  text-align: center;
}

.textarea531{
  padding-left: 10px;
   border: 2px solid black;
}

.h2textarea531{
   background-color: #04AA6D;
  text-align: center;
}

.textarea532{
  padding-left: 10px;
   border: 2px solid black;
}

.h2textarea532{
   background-color: #04AA6D;
  text-align: center;
}

.textarea533{
  padding-left: 10px;
   border: 2px solid black;
}

.h2textarea533{
   background-color: #04AA6D;
  text-align: center;
}

.textarea534{
  padding-left: 10px;
   border: 2px solid black;
}

.h2textarea534{
   background-color: #04AA6D;
  text-align: center;
}

/*Drucktechnologie*/

/*Service, Reparaturen und Wartung*/
.textarea6{

}



  .h2textarea61{
 background-color: #04AA6D;
  text-align: center;
  
  } 
.textarea62{

  padding-left: 10px;
   border: 2px solid black
}

.textarea3h62{

 }

.textarea3p61{

 
}


.textarea3p51{

 

 }

 .textarea3p61{

 

 }


 .textarea63{
padding-left: 10px;
   border: 2px solid black
}



  .textarea3h63{
 
 
  
  } 
.textarea3p62{

  
}
.textarea3p62{

}

.textarea3p62{

  
}





 .textarea64{
padding-left: 10px;
   border: 2px solid black
}



  .textarea3h64{
 
  
  
  } 
.textarea3p63{

  
}

.textarea3p63{

 
 }

.textarea3p63{

  
}






/*Service, Reparaturen und Wartung*/

 .hh2{
  text-align:left;
  width: 800px;

 
  }
  /** text mitte**/
      /*------------------werbung------------------*/

.werbung-advertising{
  padding-left:0px;
  float:left;
  text-decoration: none;
  list-style-type: none;
}
.werbungimg-advertisingimg{
margin-top:3px;
width:150px;
height:150px;
text-decoration: none;
list-style-type: none;
margin-left:25px;
}
.werbungimg-advertisingimg1{
margin-top:3px;
width:175px;
height:175px;
text-decoration: none;
list-style-type: none;

}


.werbungimg-advertisingimg2{
margin-top:3px;
width:175px;
height:175px;
text-decoration: none;
list-style-type: none;

}

.werbungimg-advertisingimg3{
margin-top:3px;
width:175px;
height:175px;
text-decoration: none;
list-style-type: none;

}

.werbungimg-advertisingimg4{
margin-top:3px;
width:175px;
height:175px;
text-decoration: none;
list-style-type: none;

}

.werbungimg-advertisingimg5{
margin-top:3px;
width:175px;
height:175px;
text-decoration: none;
list-style-type: none;

}

/*werbung*/
 /* ----------------------Dienst2222-------------------------------*/



.firmen{

margin:2px;
 padding: 10px 10px;
  text-decoration:none;
  list-style-type:none;
 float:left;
  width: 100px;
 border:2px solid black;
  padding-bottom:50px;
 padding-top: 50px;
 text-align: center;
}


.dienstleister{

 padding: 10px 10px;
  text-decoration:none;
  list-style-type:none;
 float:left;
  width: 100px;
   margin:2px;
  border:2px solid black;
  padding-bottom:50px;
 padding-top: 50px;
 text-align: center;
 

}
.dienstleistungen{

 padding: 10px 10px;
  text-decoration:none;
  list-style-type:none;
 float:left;
  width: 150px;
   margin:2px;
  border:2px solid black;
  padding-bottom:50px;
 padding-top: 50px;
 text-align: center;
 

}

.drucker{

 padding: 10px 10px;
  text-decoration:none;
  list-style-type:none;
 float:left;
  width: 100px;
   margin:2px;
  border:2px solid black;
  padding-bottom:50px;
 padding-top: 50px;
 text-align: center;
 

}
.zeichenwerkzeuge{

 padding: 10px 10px;
  text-decoration:none;
  list-style-type:none;
 float:left;
  width: 150px;
   margin:2px;
  border:2px solid black;
  padding-bottom:50px;
 padding-top: 50px;
 text-align: center;
 

}

.austattung{

 padding: 10px 10px;
  text-decoration:none;
  list-style-type:none;
 float:left;
  width: 100px;
   margin:2px;
  border:2px solid black;
  padding-bottom:50px;
 padding-top: 50px;
 text-align: center;
 

}
.zubehör{

 padding: 10px 10px;
  text-decoration:none;
  list-style-type:none;
 float:left;
  width: 100px;
   margin:2px;
  border:2px solid black;
  padding-bottom:50px;
 padding-top: 50px;
 text-align: center;
 

}


.bucher{

 padding: 10px 10px;
  text-decoration:none;
  list-style-type:none;
 float:left;
  width: 100px;
   margin:2px;
  border:2px solid black;
  padding-bottom:50px;
 padding-top: 50px;
 text-align: center;
 

}
.kurse{

 padding: 10px 10px;
  text-decoration:none;
  list-style-type:none;
 float:left;
  width: 100px;
   margin:2px;
  border:2px solid black;
  padding-bottom:50px;
 padding-top: 50px;
 text-align: center;
 

}
.labs{

 padding: 10px 10px;
  text-decoration:none;
  list-style-type:none;
 float:left;
  width: 100px;
   margin:2px;
  border:2px solid black;
  padding-bottom:50px;
 padding-top: 50px;
 text-align: center;
 

}
.materialien{

 padding: 10px 10px;
  text-decoration:none;
  list-style-type:none;
 float:left;
  width: 100px;
   margin:2px;
  border:2px solid black;
  padding-bottom:50px;
 padding-top: 50px;
 text-align: center;
 

}

.modelle{

 padding: 10px 10px;
  text-decoration:none;
  list-style-type:none;
 float:left;
  width: 100px;
   margin:2px;
  border:2px solid black;
  padding-bottom:50px;
 padding-top: 50px;
 text-align: center;
 

}
.scanner{

 padding: 10px 10px;
  text-decoration:none;
  list-style-type:none;
 float:left;
  width: 100px;
   margin:2px;
  border:2px solid black;
  padding-bottom:50px;
 padding-top: 50px;
 text-align: center;
 

}

.marktplatz{

 padding: 10px 10px;
  text-decoration:none;
  list-style-type:none;
 float:left;
  width: 100px;
   margin:2px;
  border:2px solid black;
  padding-bottom:50px;
 padding-top: 50px;
 text-align: center;
 

}

.shop{

 padding: 10px 10px;
  text-decoration:none;
  list-style-type:none;
 float:left;
  width: 100px;
   margin:2px;
  border:2px solid black;
  padding-bottom:50px;
 padding-top: 50px;
 text-align: center;
 

}
.software{

 padding: 10px 10px;
  text-decoration:none;
  list-style-type:none;
 float:left;
  width: 100px;
   margin:2px;
  border:2px solid black;
  padding-bottom:50px;
 padding-top: 50px;
 text-align: center;
 

}

.jobs{

  padding: 10px 10px;
  text-decoration:none;
  list-style-type:none;
 float:left;
  width: 100px;
   margin:2px;
  border:2px solid black;
 padding-bottom:50px;
 padding-top: 50px;
 text-align: center;
}

.produkte{

 padding: 10px 10px;
  text-decoration:none;
  list-style-type:none;
 float:left;
  width: 100px;
margin:2px;
 border:2px solid black;
  padding-bottom:50px;
 padding-top: 50px;
 text-align: center;
}

.messen{

 padding: 10px 10px;
  text-decoration:none;
  list-style-type:none;
 float:left;
width: 100px;
margin:2px;
 border:2px solid black;
  padding-bottom:50px;
 padding-top: 50px;
 text-align: center;
}

.events{

   padding: 10px 10px;
  text-decoration:none;
  list-style-type:none;
 float:left;
  width: 100px;
   margin:2px;
  border:2px solid black;
  padding-bottom:50px;
 padding-top: 50px;
 text-align: center;
}

.kongresse{

  padding: 10px 10px;
 text-decoration:none;
  list-style-type:none;
  float:left;
  width: 100px;
  margin:2px;
 border:2px solid black;
  padding-bottom:50px;
 padding-top: 50px;
 text-align: center;
}

.kooperation{
padding: 10px 10px;
 text-decoration:none;
  list-style-type:none;
  float:left;
  width: 100px;
  margin:2px;
 border:2px solid black;
  padding-bottom:50px;
 padding-top: 50px;
 text-align: center;
}

.nachfolge{
padding: 10px 10px;
 text-decoration:none;
  list-style-type:none;
  float:left;
  width: 100px;
  margin:2px;
 border:2px solid black;
  padding-bottom:50px;
 padding-top: 50px;
 text-align: center;
}

.branchen{

  padding: 10px 10px;
 text-decoration:none;
  list-style-type:none;
  float:left;
  width: 100px;
  margin:2px;
 border:2px solid black;
  padding-bottom:50px;
 padding-top: 50px;
 text-align: center;
}

.großhändler{

  padding: 10px 10px;
 text-decoration:none;
  list-style-type:none;
  float:left;
  width: 100px;
  margin:2px;
 border:2px solid black;
  padding-bottom:50px;
 padding-top: 50px;
 text-align: center;
}

.händler{

  padding: 10px 10px;
 text-decoration:none;
  list-style-type:none;
  float:left;
  width: 100px;
  margin:2px;
 border:2px solid black;
  padding-bottom:50px;
 padding-top: 50px;
 text-align: center;
}

.hersteller{

  padding: 10px 10px;
 text-decoration:none;
  list-style-type:none;
  float:left;
  width: 100px;
  margin:2px;
 border:2px solid black;
  padding-bottom:50px;
 padding-top: 50px;
 text-align: center;
}

.kataloge{

  padding: 10px 10px;
 text-decoration:none;
  list-style-type:none;
  float:left;
  width: 100px;
  margin:2px;
 border:2px solid black;
  padding-bottom:50px;
 padding-top: 50px;
 text-align: center;
}


.lieferant{

  padding: 10px 10px;
 text-decoration:none;
  list-style-type:none;
  float:left;
  width: 100px;
  margin:2px;
 border:2px solid black;
  padding-bottom:50px;
 padding-top: 50px;
 text-align: center;
}

.magazine{

  padding: 10px 10px;
 text-decoration:none;
  list-style-type:none;
  float:left;
  width: 100px;
  margin:2px;
 border:2px solid black;
  padding-bottom:50px;
 padding-top: 50px;
 text-align: center;
}

.marken{

  padding: 10px 10px;
 text-decoration:none;
  list-style-type:none;
  float:left;
  width: 100px;
  margin:2px;
 border:2px solid black;
  padding-bottom:50px;
 padding-top: 50px;
 text-align: center;
}

.zulieferer{

  padding: 10px 10px;
 text-decoration:none;
  list-style-type:none;
  float:left;
  width: 100px;
  margin:2px;
 border:2px solid black;
  padding-bottom:50px;
 padding-top: 50px;
 text-align: center;
}


.privat{

  padding: 10px 10px;
  text-decoration:none;
  list-style-type:none;
  float:left;
  width: 100px;
  margin:2px;
  border:2px solid black;
 padding-bottom:50px;
 padding-top: 50px;
 text-align: center;
}

.sonstiges{

  padding: 10px 10px;
  text-decoration:none;
  list-style-type:none;
  float:left;
  width: 100px;
  margin:2px;
  border:2px solid black;
 padding-bottom:50px;
 padding-top: 50px;
 text-align: center;
}

/* table dienst u pro  -------------------------------*/

/* diasschow  -------------------------------*/
.card{
  display:inline-block;
  vertical-align:bottom;
  text-align: center;
}
.card2{
  width:400px; 
  height:300px;
}
.card3{
  display:inline;
}
/* diasschow  -------------------------------*/
/* 
.sterne{
float:left;
border:2px solid black;
width:100%;
height:20%;
 }
*/


 .table-1 {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
  
}

  .table-3,.tab4,.tab5,.tab6,
  .tab7,.tab8,.tab9
  ,.tab10,.tab11,.tab12
  ,.tab13,.tab14,.tab15
  ,.tab16,.tab17,.tab18
  ,.tab19,.tab20,.tab21
  ,.tab22,.tab23,.tab24
  ,.tab25,.tab26,.tab27
  ,.tab28,.tab29,.tab30
  ,.tab31,.tab32,.tab33
  ,.tab34,.tab135,.tab36
  ,.tab37,.tab38,.tab39
  ,.tab40,.tab41,.tab42
  ,.tab43,.tab44,.tab45
  ,.tab46,.tab47,.tab48
  ,.tab49,.tab50,.tab51,
  .table-4,.table-5,.table-7{
  border: 1px solid #dddddd;
  text-align: center;
  padding: 8px;
  width: 10%;
  border: 1px solid #dddddd;
  text-align: center;
  padding: 8px;
  text-decoration: none;
  list-style-type: none;
} 

.table-6{
  text-decoration: none;
  list-style-type: none;
  
}

  .table-2,.tab1,.tab2,.tab3{
  border: 1px solid #dddddd;
  text-align: center;
  padding: 8px;
  width: 10%;
  border: 1px solid #dddddd;
  
  padding: 8px;
  background-color: rgb(63, 196, 149);
  text-decoration: none;
  list-style-type: none;
} 



tr:nth-child(even) {
  background-color: #dddddd;
}