*{margin: 0; padding: 0; border: 0;}
        @font-face { font-family: 'Raleway-Thin';
             src: url('Raleway-Thin.ttf') format('truetype');
             src: url('Raleway-Thin.woff') format('woff');}
        @font-face { font-family: 'Raleway-Regular';
             src: url('Raleway-Regular.ttf') format('truetype');
             src: url('Raleway-Regular.woff') format('woff');}
        @font-face { font-family: 'Domdiagn';
             src: url('Domdiagn.ttf') format('truetype');
             src: url('Domdiagn.woff') format('woff');}
        
#wrapper{max-width: 1280px;margin: 0 auto;}
 
#navigation{width: 13.750000vw;margin-top: 4.687500vw;float: right;}
 
#above1
    {width: 4.531250vw;
     margin: 0 0.625000vw;
     padding: 0.156250vw 0.625000vw;
     font-family:'Raleway-Regular';
     font-size: 0.859375vw;
     color: #30498f;
     text-decoration: none;
     text-align: center;
     float: left;
     border-bottom: 1px solid #30498f;
     border-right: 1px solid #30498f;}
 
#above2
    {width: 4.531250vw;
     margin: 0 0 0 0.625000vw;
     padding: 0.156250vw 0.625000vw;
     font-family:'Raleway-Regular';
     font-size: 0.859375vw;
     color: #30498f;
     text-decoration: none;
     text-align: center;
     float: left;
     border-bottom: 1px solid #30498f;
     border-right: 1px solid #30498f;}
 
#above1:hover, #above2:hover{border-bottom: 1px solid #e4672f;border-right: 1px solid #e4672f;color: #e4672f;}
 
#headcontainer{height:3.437500vw;margin:0 0 1.406250vw 10.937500vw;padding-top:8.125000vw;}
       
#kopf1
    {color: rgb(48,73,143);
     font-family:'Raleway-Thin';
     font-size: 3.125000vw;
     text-align: left;
     float: left;}
        
#kopf2
    {color: rgb(228,103,47);
     font-family:'Raleway-Regular';
     font-size: 3.125000vw;
     text-align: left;
     padding-left: 0.312500vw;
     float: left;}


#picturestart,#picturepraxis, #picturehom,#picturebio,#pictureverhalten,#picturerat,#picturemich,#picturekontakt
    {width: 92.187500vw;
     height: 24.218750vw;
     margin: 0 0 1.875000vw 0;
     float: left;
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center;}
        
 #picturestart{background-image:url(merlinstuhl1180auf310.jpg);}       
 #picturepraxis{background-image:url(hund1180auf310.jpg);}
 #picturehom{background-image:url(fineschnee1180auf310.jpg);}
 #picturebio{background-image:url(pferdeherde1180auf310.jpg);}
 #pictureverhalten{background-image:url(hinterteil1180auf310.jpg);}
 #picturerat{background-image:url(schafe1180auf310.jpg);}
 #picturemich{background-image:url(dreihunde1180auf310.jpg);}
 #picturekontakt{background-image:url(jagd1180auf310.jpg);}
 
.linestart
    {color: rgb(48,73,143); font-family:'Raleway-Thin'; font-size: 2.656250vw;
     text-align: left;margin: 0 0 0 10.937500vw;clear: left;} 
.line
    {color: rgb(48,73,143); font-family:'Raleway-Thin'; font-size: 2.656250vw;
     text-align: left;margin: 0 0 0 10.937500vw;clear: left;} 
        
#copystart
    {text-align: justify;line-height: 1.6;width: 35.937500vw;height: auto;margin: 1.250000vw 0 0.937500vw 10.937500vw;float: left;
     font-family: 'Raleway-Regular';font-size:13px;color: rgb(0,0,0);}
#copy
    {text-align: justify;line-height: 1.6;width: 35.937500vw;height: auto;margin: 1.250000vw 0 0.937500vw 10.937500vw;float: left;
     font-family: 'Raleway-Regular';font-size:13px;color: rgb(0,0,0);}
    
#verband
    {width: 27.343750vw;
     height: 7.031250vw;
     font-family: 'Raleway-Regular';
     font-size: 0.937500vw;
     text-align: justify;
     line-height: 1.4;
     margin-top: 1.718750vw;
     padding: 0.156250vw 0 0.312500vw 0;
     float: right;
     color: rgb(0,0,0);
     border-top: 1px dotted #30498f;}

#casestart
    {width: 12.812500vw;
     height: 4.687500vw;
     clear: right;
     float: right;}
    
#caserest
    {width: 12.812500vw;
     height: 4.687500vw;
     margin-top: 9.062500vw;
     clear: right;
     float: right;}    

#surround
    {width: 2.343750vw;
     height: 4.687500vw;
     margin: 0 1.093750vw;
     position: relative;
     float: left;}

#klammerlinks
    {width: 0.781250vw;
     height: 2.343750vw;
     margin-top: 1.953125vw;
     padding-right: 3.281250vw;
     float: left;
     -webkit-transition: transform 0.3s;
     -moz-transition: transform 0.3s;
     -o-transition: transform 0.3s;
     transition: transform 0.3s;}

#klammerrechts
    {width: 0.781250vw;
     height: 2.343750vw;
     margin-top: 1.953125vw;
     padding-left: 3.281250vw;
     float: left;
     -webkit-transition: transform 0.3s;
     -moz-transition: transform 0.3s;
     -o-transition: transform 0.3s;
     transition: transform 0.3s;}
    
#klammerlinks:hover, #klammerrechts:hover{transform:scaley(1.7);}

#hund{width: 1.093750vw;height: 1.875000vw;background-image: url(hundjump.png);background-position: bottom;
      background-repeat: no-repeat;background-size:cover;float: left;margin-top: 2.031250vw;}
#katz{width: 1.093750vw;height: 1.875000vw;background-image: url(katzjump.png);background-position: bottom;
      background-repeat: no-repeat;background-size:cover;float: left;margin-top: 2.031250vw;}

#casestart:hover #hund{animation: wave 1.0s 3 ease-in-out;}
#casestart:hover #katz{animation: wave 1.0s 3 ease-in-out;animation-delay: 0.1s;}

@keyframes wave {
    0%  {transform:translateY(0);}
    25% {transform:translateY(-2.109375vw);}
    50% {transform:translateY(0);}
    100%{transform:translateY(0);}
}
.imageBox {position: relative;width: 92.187500vw; overflow: hidden;margin: 0 auto;}

.figure {position: absolute;}

.slidein
    {right: -81.875000vw;
     top: 43.750000vw;
     width: 40.937500vw;
     height: 7.343750vw;
     background-color: #ffffff;
     border-bottom: 1px dotted #30498f;
     -webkit-transition: all 1s;
     -moz-transition: all 1s;
     -o-transition: all 1s;
     transition: all 1s;}
    
.callin{display: none;}
.standin {right:0;top: 43.750000vw;width: 40.937500vw;height: 7.343750vw;background-color: #ffffff;border-bottom: 1px dotted #30498f;}
.bein{display: none;}
.navwrap {width: 5.781250vw;height: 7.031250vw;margin-right: 1.250000vw;float: left;text-decoration: none;}
#navwrap960 {display: none;}
#navwrapright{width: 5.781250vw;height: 7.031250vw;float: left;margin: 0;text-decoration: none;}

.picstart
    {width: 5.781250vw;
     height: 5.781250vw;
     opacity: 0;
     -webkit-transition: opacity 0.5s ease-in 0.5s, border-radius 0.2s linear;
     -moz-transition: opacity 0.5s ease-in 0.5s, border-radius 0.2s linear;
     -o-transition: opacity 0.5s ease-in 0.5s, border-radius 0.2s linear;
     transition: opacity 0.5s ease-in 0.5s, border-radius 0.2s linear;}

.picrest {width: 5.781250vw;height: 5.781250vw;
         -webkit-transition: border-radius 0.2s linear;
         -moz-transition: border-radius 0.2s linear;
         -o-transition: border-radius 0.2s linear;
         transition: border-radius 0.2s linear;}

.picactual {width: 5.781250vw;height: 5.781250vw;opacity: 0.3;border-radius: 50%;}

.text
    {width: 5.781250vw;
    text-decoration: none;
    font-family: 'Raleway-Regular';
    font-size: 0.859375vw;
    text-align: center;
    color: #30498f;
    opacity: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;}

.textactual
    {width: 5.781250vw;
    text-decoration: none;
    font-family: 'Raleway-Regular';
    font-size: 0.859375vw;
    text-align: center;
    color: #30498f;
    opacity: 0.5;}

#casestart:hover .slidein {right: 0;}
#casestart:hover .picstart {opacity: 1;}

.navwrap:hover .picstart, #navwrapright:hover .picstart, .navwrap:hover .picrest, #navwrapright:hover .picrest
    {border-radius: 50%;}
.navwrap:hover .text{opacity: 1;}
#navwrapright:hover .text{opacity: 1;}

.link{font-family: 'Raleway-Regular';font-size:13px;color: rgb(0,0,0); text-decoration: none;}
.link:hover{color:rgb(228,103,47);}

#copywrap
    {width: 35.937500vw;
     margin: 1.250000vw 0 0.937500vw 10.937500vw;
     float: left;
     text-align: justify;
     line-height: 1.6;
     font-family: 'Raleway-Regular';
     font-size:13px;
     color: rgb(0,0,0);}
    
#postit{width: 35.937500vw;height: 20.312500vw;margin-top: 1.562500vw;}

#heft1 {background-color: #FF3;}
#heft2 {background-color: #FF3;}
#heft3 {background-color: #FF3;}

.drop-shadow
    {position:relative;
    font-family: 'Domdiagn';
    width: 28.125000vw;
    height: 5.000000vw;
    font-size: 1.562500vw;
    text-align: center;
    text-decoration: none;
    color: rgb(48,73,143);
    margin: 0.781250vw 0 0.781250vw 0.781250vw;
    padding: 0.781250vw;
    float: right;
    -webkit-transition: color 0.5s;
    -moz-transition: color 0.5s;
    -o-transition: color 0.5s;
    transition: color 0.5s;}
    
.drop-shadow:before
    {content: "";
    position: absolute;
    z-index: -1;
    bottom: 1.171875vw;
    left: 0.781250vw;
    width: 50%;
    height: 20%;
    -webkit-box-shadow: 0 1.171875vw 0.781250vw 0px hsla(0, 0%, 0%, 0.7);
    -moz-box-shadow: 0 1.171875vw 0.781250vw hsla(0, 0%, 0%, 0.7);
    box-shadow: 0 1.171875vw 0.781250vw hsla(0, 0%, 0%, 0.7);
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);}
    
.info
    {width: 23.437500vw;
    text-decoration: none;
    font-family: 'Raleway-Regular';
    font-size: 0.937500vw;
    text-align: center;
    margin: 0 2.343750vw 0 2.343750vw;
    color: #000000;
    opacity: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;}

.drop-shadow:hover .info{opacity: 1;}
.drop-shadow:hover {color: rgb(228,103,47);}

a{text-decoration: none;}

span{color: rgb(48,73,143);cursor: pointer;text-decoration: none;}
span:hover{color: rgb(228,103,47);}