/* Total Resett */
*{
    margin:0;
    padding:0;
    font-family:"tahoma", Helvetica, sans-serif;
}
body{
    background: url(../images/background2.jpg);
    /*background-color: black;*/
    background-size: 16%;
    background-attachment: fixed;
}

nav.grid960{
    position: relative;
}
.grid960 {
	width:940px;
    margin:0 auto;
    padding:0 10px;
    background-color: white;
}
.grid960:after {
	display: table;
    content:"";
    clear:both;
}
#adress{ z-index: 100;
         position: absolute;
         display: block;
         top: -120px;
         right: 100px;
         width: 208px;
}

#adress a img{ width: 35px;
               position: relative;
               float: right;
               margin: 0px 4px 0px 6px
}

#b2top{ z-index: 220;
        position: fixed;
        display: inline-block;
        bottom: 2%;
        width: 100%;
}
.social-icons {
  text-align: center;
  float: right;
  }  
.social-icons li {
  display:inline-block;
  list-style-type:none;
  -webkit-user-select:none;
  -moz-user-select:none;
  }
.social-icons li a {
  border-bottom: none;
  }
.social-icons li img {
  width:35px;
  height:35px;
  margin-right: 0px;
}

#b2top img{ display: block;
            position: relative;
            float: right;
            margin: 0px 20% 0px 0px;
            width: 35px;
}
.full-size {
	width:100%;
}
nav ul{ list-style-type: none;
        width: 940px;
        text-align:center;
        padding:10px 0;
      }

nav ul li{
    display: block;
    margin: 0px 0px 0px 48px;
    width: 170px;
}

nav ul li a{
    color:black;
    font-size: 30px;
    text-decoration: none;
    font-variant: all-small-caps;
 /*-----------------------*/    
    transition: 0.3s;
/*-----------------------*/
}

nav ul li a:hover{
    color:#ffba00;
}

a.logo{
    display: block;
    position: absolute;
    width: 320px;
    top:70px;
    left:40%;
    margin-left:-160px;
}
.header-image {
	background-image: url(../images/);
    background-size: 100%;
    background-position: 50%;
    padding:150px 0 105px 0;
}
hgroup{
    text-align: center;
}

hgroup{
    text-align: center;
}
hgroup h1{
    padding:10px 0 0 0;
    font-size: 20px;
    font-variant: small-caps;
}

hgroup h2{
    font-size: 24px;
}

.wrapper{
    background-color: rgb(255, 255, 255);
    width:940px;
    margin-left: auto;
    margin-right: auto;
    padding:0px;
}

 /*---------------------------------------------------------------------
| Preise Seite CSS / Tabelle |
---------------------------*/
.pricing{ margin: 0 auto;
        }

table{ border-collapse: collapse;
     }

table th{ border-bottom: medium solid;
          border-top: medium solid;
          border-bottom-color: #000000;
          border-top-color: #c19033;
          border-top-width: 6px;
        }

#no_seperate{ border:none;
              font-weight:normal;
            }

.pricing tr th{ width: 200px;
                padding: 10px 0 10px 0;
              }

.pricing tr td{ text-align: center;
                padding: 10px 0 10px 0;
              }

#pricep{ font-weight: bold;
         text-align: center;
         font-size: 14px;
       }

#otherstuff tr th{ padding: 0 0 0 0;
                   border: none;
                 }

#firsttable .lastrowprice{ border-bottom: medium solid;
                           padding: 0 0 30px 0;
                         }

#firsttable .firstrow{ border-top: none;
                     }

table tr .childrow{ border-bottom-width: 6px;
                    border-bottom-color: #c19033;
                  }

#malecut1{ border: none;
         }

#malecut2{ border-top: none;
         }

#priceh1{ text-align: center;
        }

#priceh2{ font-weight: lighter;
          font-style: italic;
        }

 /*---------------------------------------------------------------------
| Kontakt Seite CSS |
------------------*/
#piccontact #googlemap2{ width: 800px;
                         height: 800px;
                         display: none;
                         margin: 0 auto;
                       }

#piccontact #googlemap1{ width: 800px;
                         height: 800px;
                         display: block;
                         margin: 0 auto;
                       }

#googlemap1{ z-index: 40;
           }

#googlemap2{ z-index: 20;
           }

#piccontact:hover #googlemap1{ display: none;
                             }

#piccontact:hover #googlemap2{ display: block;
                             }

#contacttext{ text-align: center;
              font-weight: Regular;
            }
 /*---------------------------------------------------------------------
| Team Seite CSS |
---------------*/
#namefloater div{ float: left;
                  position: relative;
                  padding: 10px 00px 0px 84px;
                }

#teampiccontainer div{ float: left;
                       position: relative;
                       padding: 0 200px 0 86px;
                     }

#teampiccontainer #teambild1f{ display: none;
                               margin: 0 auto;
                             }

#teampiccontainer #teambild1g{ display: block;
                               margin: 0 auto;
                             }

#teampiccontainer #teambild3f{ display: none;
                               margin: 0 auto;
                             }

#teampiccontainer #teambild3g{ display: block;
                               margin: 0 auto;
                             }

#piccontainer01:hover #teambild1g{ display: none;
                                 }

#piccontainer01:hover #teambild1f{ display: block;
                                 }

#piccontainer03:hover #teambild3g{ display: none;
                                 }

#piccontainer03:hover #teambild3f{ display: block;
                                 }

.namepic{ width:384px;
        }

/*--------------------------------------------------------------------*/
#footer{ width: 960px;
         height: 40px;
         margin: 20px auto;
         background-color: white;
         
       }

#footer .links{ display: flex;
              }

#footer .links p{ margin: 10px 10px 0px 0px;
                  z-index: 240;
                }

#cover{ position:fixed;
        top:0;
        left:0; 
        background:rgba(0,0,0,0.6); 
        z-index:110; 
        width:100%; 
        height:100%; 
        display:none;
      }

footer div p a{ color:black;
              }

footer div p a:hover{ color:#ffba00;
                    }

#popupimpressum{ height:460px; 
                 width:600px; 
                 margin:0 auto; 
                 position:relative; 
                 z-index:240; 
                 display:none; 
                 background-color: white;
                 border:5px solid #e8a740; 
                 border-radius:0px;
               }

#popupimpressum:target, 

#popupimpressum:target + #cover{ display:block; 
                                 opacity:2;
                               }

#popupdisclaimer{ height:600px; 
                  width:600px; 
                  margin:0 auto; 
                  position:relative; 
                  z-index:240; 
                  display:none; 
                  background-color: white;
                  border:5px solid #e8a740; 
                  border-radius:0px;
                  overflow-y: scroll;
                }
/* Ggf. Textanpassung fuer das Disclaimer Pop-up in folgenden 3 Code-Bloecken eintragen */
/* Block 1 */ #popupdisclaimer h1{ margin: 10px 0px 10px 0px; 
                                 }

/* Block 2 */ #popupdisclaimer p{ margin: 20px 0px 20px 0px; 
                                }

/* Block 3 */ #popupdisclaimer p h2{
                                   }

#popupdisclaimer:target, 

#popupdisclaimer:target + #cover{ display:block; 
                                  opacity:2;
                                }

.cancel{ display:block; 
         position:absolute; 
         top:3px;
         right:2px; 
         background:rgb(255, 255, 255);
         color:black; 
         height:30px; 
         width:35px; 
         font-size:30px; 
         text-decoration:none; 
         text-align:center; 
         font-weight:bold;
         padding: 0px 0px 10px 0px;
         border: 2px solid black;
       }
/*--------------------------------------------------------------------*/

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color:white;
}

li {
    float: left;
}

li a, .dropbtn {
    display: inline-block;
    color:black;
    text-align: center;
    padding: 10px 16px;
    text-decoration: none;
}

li a:hover, .dropdown:hover .dropbtn {
    background-color: none;
}

li.dropdown {
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color:none;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 10;
}

.dropdown-content a {
    color:black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown-content a:hover {background-color:none;}

.dropdown:hover .dropdown-content {
    display: block;
}