#findeImg{
    width:500px; 
    height:100px;
}
/* goole bereich */
#googleBtn{

    border: solid gray 1px;
    background: linear-gradient(white  , whitesmoke, lightgrey);
    box-shadow: 5px 8px 8px lightgray;
    margin-left: 5%;

}
#googleBtn1{

    border: solid gray 1px;
    background: linear-gradient(red  , whitesmoke, lightgrey);
    box-shadow: 5px 8px 8px lightgray;
    margin-left: 7%;

}
#googleBtn:hover{
    color: #000066;
    border: solid background 1px;
    box-shadow: 5px 8px 8px gray;

}
#googleImg{
    height: 6em;
    width: 7em;
}
#googleImg1{
    height: 6em;
    width: 7em;
}
#googleInput{
    width: 30em;
}
#googleInput1{
    width: 30em;
}
#tab1{
    border-radius: 10px;
}

.td1{
    border: solid lightgrey 2px;

}
.b1{
    background-color: #f4f4f4;
    border: solid lightgrey 2px;

}
.b2{
    border: solid lightgrey 2px;

}


/*Main Button */
.mainBtn{
    width: 380px;
    height: 100px;
    padding-right:20px;
    box-shadow: 5px 8px 18px #888888;
    border: solid gray 1px;
    border-radius:20px;
    background: linear-gradient(white  , whitesmoke, lightgrey);
    position: relative;

}
.mainBtn:hover {
    box-shadow: 5px 8px 18px black;
    cursor: pointer;
    width:381px;

}
.mainBtnImg{
    position: absolute;
    width:80%;
    left: 10%;
    top:10%; 
}

.mainBtnTxt{
    font-size: 120%;
    position:absolute;
    text-shadow: 1px 1px lightgray;
    left: 13%;
    top:7%;
    letter-spacing: 2px; 
    margin-bottom: 0px;
    z-index: 200;
    color: darkslategray;
    font-weight: bold;
}

/*Footer main */

#mainFooter{
    margin-top: 15%;
    text-align: center;
    margin-bottom: 0px;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
}
#mainFooter2{
    text-align: center;
    margin-bottom: 0px;

}

#mainFooter1{
    text-align: center;
    position: absolute;
    margin-bottom: 0px;
    right: 0;
    bottom: 0;
    left: 0;
}
/*best htm */
.grun {
    margin:1em;
    width: 120px;
    height: 80px;
    border-radius: 10px;
    box-shadow: 5px 8px 18px #888888;
    transition: box-shadow 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;

}
.grun:hover {
    box-shadow: 5px 8px 18px black;
    cursor: pointer;


}
#logo{
    width:110px;
    height: 25px; 
    margin-left: 10px;
    display:inline-block; 
}
#gooRes
{
    display: none;
}
#googleBtn1{

    border: solid gray 1px;
    background: linear-gradient(white  , whitesmoke, lightgrey);
    box-shadow: 5px 8px 8px lightgray;
    margin-left: 1%;

}
#googleBtn1:hover{
    color: #000066;
    border: solid background 1px;
    box-shadow: 5px 8px 8px gray;

}
.pic{
    width: 190px;
    height: 190px;
    margin:6%;
    border: solid gray 1px;
    border-radius: 10px;

}
.pic:hover{

    box-shadow: 5px 8px 8px gray;

}
.w1{
    height: 220px;
    width: 220px;
    display: inline-block;
    margin-top:1%;    
    align-content: center;
    border: solid gray 1px;
    border-radius: 10px;
    background-color: #f3eeee;
}
#hinweis{
    margin: 3%;
    color:gray;
}


@media all and (max-width: 650px) {
    
     #findeImg{
        width:50%; 
        height:8%;
    }
    
    .mainBtn{
        width: 60%;
        height: 10%;


    }
    .mainBtn:hover{
        width: 61%;


    }
     #googleBtn{
        display: none !important;
    }

    #gooRes
    {
        background-color: whitesmoke;
        margin: 6%;
        display: block;
    }
      #googleInput{
        width: 19em;
    }
    #googleImg{
        height: 3em;
        width: 4em;
    }
    /* page 2*/
    
    #mainFooter2{
        display: none !important;

    }
    #hinweis{
        margin-top: 10%;
    }
   
  
     #googleImg1{
        height: 3em;
        width: 4em;
    }

}