/*bild vergrößern erste Seite*/

img.icon1 {
margin:0 0px 0 0;
-webkit-transition: -webkit-transform 0.6s ease-out;	/* Saf3.1+, Chrome */
-moz-transition: -moz-transform 0.6s ease-out;	/* FF3.5+ */
-o-transition: -o-transform 0.6s ease-out;	/* Opera */
transition: transform 0.6s ease-out;
box-shadow:0px 0px 10px gray;

 border:solid 1px #ffffff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;

}

img.icon1:hover {
-webkit-transform: scale(1.2);	/* Saf3.1+, Chrome */
-moz-transform: scale(1.2);	/* FF3.5+ */
-ms-transform: scale(1.2);	/* IE9+ */
-o-transform: scale(1.2);	/* Opera */
transform: scale(1.2);
box-shadow:0px 0px 5px gray; /*CSS3 shadow: 30px blurred shadow all around image*/
-webkit-box-shadow:0px 0px 5px gray; /*Safari shadow version*/
-moz-box-shadow:0px 0px 5px gray; /*Mozilla shadow version*/
opacity: 1;
}



/*bild vergrößern Shop*/

img.icon2 {
position:relative;
 top:0px;
 left:0px;
margin:0 0px 0 0;
-webkit-transition: -webkit-transform 0.0s ease-out;	/* Saf3.1+, Chrome */
-moz-transition: -moz-transform 0.0s ease-out;	/* FF3.5+ */
-o-transition: -o-transform 0.0s ease-out;	/* Opera */
transition: transform 0.0s ease-out;
box-shadow:0px 0px 10px gray;

 border:solid 1px #ffffff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;

}

img.icon2:hover {

position:relative;
 top:90px;
 left:70px;

-webkit-transform: scale(1.7);	/* Saf3.1+, Chrome */
-moz-transform: scale(1.7);	/* FF3.5+ */
-ms-transform: scale(1.7);	/* IE9+ */
-o-transform: scale(1.7);	/* Opera */
transform: scale(1.7);
box-shadow:0px 0px 5px gray; /*CSS3 shadow: 30px blurred shadow all around image*/
-webkit-box-shadow:0px 0px 5px gray; /*Safari shadow version*/
-moz-box-shadow:0px 0px 5px gray; /*Mozilla shadow version*/
opacity: 1;
}


/*bild schattieren*/

img.schatten {
    -moz-box-shadow: 0px 0px 10px gray;
    -webkit-box-shadow: 0px 0px 10px gray;
    box-shadow: 0px 0px 10px gray;

    border:solid 2px #ffffff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
/*text schattieren*/


.textschatten { 
text-shadow: 3px 3px 3px #3D3D3D;}



/*text vergrößern*/
.link{
    display: inline-block;
    color: #000000;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
text-shadow:3px 3px 5px #666666;
}
 
.link:hover {
    -webkit-transform: scale(1.1,1.1);
    -moz-transform: scale(1.1,1.1);
    -o-transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);
    transform: scale(1.1,1.1);
}