@charset "utf-8";

@media print {
    #header, #footer {
        display: none;
    }

}
/* Reset * * * * * * * * */
*{
    margin: 0;
    padding: 0;
    -mozbox-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.flyer {

    position: absolute;
    z-index: 1;

}
.email {
    -webkit-transform: rotateX(30deg) rotateY(30deg) rotateZ(63deg) scale(0.1);
    -moz-transform: rotateX(30deg) rotateY(30deg) rotateZ(63deg) scale(0.1);
    -ms-transform: rotateX(30deg) rotateY(30deg) rotateZ(63deg) scale(0.1);
    -o-transform: rotateX(30deg) rotateY(30deg) rotateZ(63deg) scale(0.1);
    transform:  rotateX(30deg) rotateY(30deg) rotateZ(63deg) scale(0.1);
    
    top: 34%;
    right: 30%;



    animation: emailki 1s steps(80) both;
    animation-timing-function: ease-in;
    -webkit-animation-name: emailki;
    animation-delay: 1s;
}
@keyframes emailki {
    0% {
        opacity: 0;
        -webkit-transform: rotateX(30deg) rotateY(30deg) rotateZ(63deg) scale(0.1);
        -moz-transform: rotateX(30deg) rotateY(30deg) rotateZ(63deg) scale(0.1);
        -ms-transform: rotateX(30deg) rotateY(30deg) rotateZ(63deg) scale(0.1);
        -o-transform: rotateX(30deg) rotateY(30deg) rotateZ(63deg) scale(0.1);
        transform:  rotateX(30deg) rotateY(30deg) rotateZ(63deg) scale(0.1);
        
        top: 34%;
        right: 30%;


    }
    20% {
        opacity: 1;
    }

    50% {
        -webkit-transform: rotateX(30deg) rotateY(30deg) rotateZ(63deg) scale(0.3);
        -moz-transform: rotateX(30deg) rotateY(30deg) rotateZ(63deg) scale(0.3);
        -ms-transform: rotateX(30deg) rotateY(30deg) rotateZ(63deg) scale(0.3);
        -o-transform: rotateX(30deg) rotateY(30deg) rotateZ(63deg) scale(0.3);
        transform:  rotateX(30deg) rotateY(30deg) rotateZ(63deg) scale(0.3);
        
        top: 65%;
        right: 25%;
    }
    75% {
        transform: scale(0.75);
    }
    
    100% {
        -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
        -moz-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
        -ms-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
        -o-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
        transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);
        
        top: 84%;
        right: 10%;
        z-index: 4;

    }
}


.tel {
    -webkit-transform: rotateX(30deg) rotateY(30deg) rotateZ(63deg) scale(0.1);
    -moz-transform: rotateX(30deg) rotateY(30deg) rotateZ(63deg) scale(0.1);
    -ms-transform: rotateX(30deg) rotateY(30deg) rotateZ(63deg) scale(0.1);
    -o-transform: rotateX(30deg) rotateY(30deg) rotateZ(63deg) scale(0.1);
    transform:  rotateX(30deg) rotateY(30deg) rotateZ(63deg) scale(0.1);
    top: 34%;
    right: 30%;

    animation: telki 0.5s steps(80) both;
    animation-timing-function: ease-in;
    -webkit-animation-name: telki;
    animation-delay: 0.5s;
}
@keyframes telki {
    0% {
        opacity: 0;
        -webkit-transform: rotateX(30deg) rotateY(30deg) rotateZ(63deg) scale(0.1);
        -moz-transform: rotateX(30deg) rotateY(30deg) rotateZ(63deg) scale(0.1);
        -ms-transform: rotateX(30deg) rotateY(30deg) rotateZ(63deg) scale(0.1);
        -o-transform: rotateX(30deg) rotateY(30deg) rotateZ(63deg) scale(0.1);
        transform:  rotateX(30deg) rotateY(30deg) rotateZ(63deg) scale(0.1);
        top: 34%;
        right: 30%;
    }
    20% {
        opacity: 1;
    }

    50% {
        -webkit-transform: rotateX(30deg) rotateY(30deg) rotateZ(63deg) scale(0.3);
        -moz-transform: rotateX(30deg) rotateY(30deg) rotateZ(63deg) scale(0.3);
        -ms-transform: rotateX(30deg) rotateY(30deg) rotateZ(63deg) scale(0.3);
        -o-transform: rotateX(30deg) rotateY(30deg) rotateZ(63deg) scale(0.3);
        transform:  rotateX(30deg) rotateY(30deg) rotateZ(63deg) scale(0.3);
        top: 56%;
        right: 28%;
    }
    100% {
        -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
        -moz-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
        -ms-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
        -o-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
        transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg) ;
        top: 76%;
        right: 10%;
        z-index: 4;
    }
}

.formular {
    -webkit-transform: rotateX(30deg) rotateY(30deg) rotateZ(63deg) scale(0.1);
    -moz-transform: rotateX(30deg) rotateY(30deg) rotateZ(63deg) scale(0.1);
    -ms-transform: rotateX(30deg) rotateY(30deg) rotateZ(63deg) scale(0.1);
    -o-transform: rotateX(30deg) rotateY(30deg) rotateZ(63deg) scale(0.1);
    transform:  rotateX(30deg) rotateY(30deg) rotateZ(63deg) scale(0.1);
    top: 27%;
    right: 30%;


    animation: formularki 1.5s steps(80) both;
    animation-timing-function: ease-in;
    -webkit-animation-name: formularki;
    animation-delay: 1.5s;
}

@keyframes formularki {
    0% {
        opacity: 0;
        -webkit-transform: rotateX(30deg) rotateY(30deg) rotateZ(63deg) scale(0.1);
        -moz-transform: rotateX(30deg) rotateY(30deg) rotateZ(63deg) scale(0.1);
        -ms-transform: rotateX(30deg) rotateY(30deg) rotateZ(63deg) scale(0.1);
        -o-transform: rotateX(30deg) rotateY(30deg) rotateZ(63deg) scale(0.1);
        transform:  rotateX(30deg) rotateY(30deg) rotateZ(63deg) scale(0.1);
        top: 27%;
        right: 30%;
    }
    20% {

    }

    50% {
        opacity: 0;
        -webkit-transform: rotateX(30deg) rotateY(30deg) rotateZ(63deg) scale(0.3);
        -moz-transform: rotateX(30deg) rotateY(30deg) rotateZ(63deg) scale(0.3);
        -ms-transform: rotateX(30deg) rotateY(30deg) rotateZ(63deg) scale(0.3);
        -o-transform: rotateX(30deg) rotateY(30deg) rotateZ(63deg) scale(0.3);
        transform:  rotateX(30deg) rotateY(30deg) rotateZ(63deg) scale(0.3);
        top: 27%;
        right: 30%;
    }
    75% {
        opacity: 1;
        -webkit-transform: rotateX(30deg) rotateY(30deg) rotateZ(63deg) scale(0.5);
        -moz-transform: rotateX(30deg) rotateY(30deg) rotateZ(63deg) scale(0.5);
        -ms-transform: rotateX(30deg) rotateY(30deg) rotateZ(63deg) scale(0.5);
        -o-transform: rotateX(30deg) rotateY(30deg) rotateZ(63deg) scale(0.5);
        transform:  rotateX(30deg) rotateY(30deg) rotateZ(63deg) scale(0.5);
        top: 65%;
        right: 25%;
        z-index: 1;
    }

    100% {
        -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
        -moz-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
        -ms-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
        -o-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
        transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg) ;
        top: 92%;
        right: 10%;
        z-index: 4;
    }
}



.flyer a {
    color: whitesmoke;


}
#teaser_kontakt .col_1_2:last-child {


}
#mailbox_huzat img{
    z-index: 3;
}



@media only screen and (min-width: 760px) and (max-width: 979px){


}



@media only screen and (max-width: 759px) {

    .email {
        -webkit-transform: rotateX(30deg) rotateY(30deg) rotateZ(63deg) scale(0.1);
        -moz-transform: rotateX(30deg) rotateY(30deg) rotateZ(63deg) scale(0.1);
        -ms-transform: rotateX(30deg) rotateY(30deg) rotateZ(63deg) scale(0.1);
        -o-transform: rotateX(30deg) rotateY(30deg) rotateZ(63deg) scale(0.1);
        transform:  rotateX(30deg) rotateY(30deg) rotateZ(63deg) scale(0.1);
        
        top: 34%;
        right: 10%;


  
        animation: emailkikicsi 1s steps(80) both;
        animation-timing-function: ease-in;
        -webkit-animation-name: emailkikicsi;
        animation-delay: 1s;
    }
    @keyframes emailkikicsi {
        0% {
            opacity: 0;
            -webkit-transform: rotateX(30deg) rotateY(30deg) rotateZ(63deg) scale(0.1);
            -moz-transform: rotateX(30deg) rotateY(30deg) rotateZ(63deg) scale(0.1);
            -ms-transform: rotateX(30deg) rotateY(30deg) rotateZ(63deg) scale(0.1);
            -o-transform: rotateX(30deg) rotateY(30deg) rotateZ(63deg) scale(0.1);
            transform:  rotateX(30deg) rotateY(30deg) rotateZ(63deg) scale(0.1);
            top: 34%;
            right: 10%;


        }
        20% {
            opacity: 1;
        }

        50% {
            -webkit-transform: rotateX(30deg) rotateY(30deg) rotateZ(63deg) scale(0.3);
            -moz-transform: rotateX(30deg) rotateY(30deg) rotateZ(63deg) scale(0.3);
            -ms-transform: rotateX(30deg) rotateY(30deg) rotateZ(63deg) scale(0.3);
            -o-transform: rotateX(30deg) rotateY(30deg) rotateZ(63deg) scale(0.3);
            transform:  rotateX(30deg) rotateY(30deg) rotateZ(63deg) scale(0.3);
            top: 65%;
            right: 15%;
        }
        100% {
            -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
            -moz-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
            -ms-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
            -o-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
            transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);
            top: 84%;
            right: 10%;
            z-index: 4;

        }
    }

    .tel {
        -webkit-transform: rotateX(30deg) rotateY(30deg) rotateZ(63deg) scale(0.1);
        -moz-transform: rotateX(30deg) rotateY(30deg) rotateZ(63deg) scale(0.1);
        -ms-transform: rotateX(30deg) rotateY(30deg) rotateZ(63deg) scale(0.1);
        -o-transform: rotateX(30deg) rotateY(30deg) rotateZ(63deg) scale(0.1);
        transform:  rotateX(30deg) rotateY(30deg) rotateZ(63deg) scale(0.1);
        top: 34%;
        right: 20%;
  
        animation: telkikicsi 0.5s steps(80) both;
        animation-timing-function: ease-in;
        -webkit-animation-name: telkikicsi;
        animation-delay: 0.5s;
    }
    @keyframes telkikicsi {
        0% {
            opacity: 0;
            -webkit-transform: rotateX(30deg) rotateY(30deg) rotateZ(63deg) scale(0.1);
            -moz-transform: rotateX(30deg) rotateY(30deg) rotateZ(63deg) scale(0.1);
            -ms-transform: rotateX(30deg) rotateY(30deg) rotateZ(63deg) scale(0.1);
            -o-transform: rotateX(30deg) rotateY(30deg) rotateZ(63deg) scale(0.1);
            transform:  rotateX(30deg) rotateY(30deg) rotateZ(63deg) scale(0.1);
            top: 34%;
            right: 20%;
        }
        20% {
            opacity: 1;
        }

        50% {
            -webkit-transform: rotateX(30deg) rotateY(30deg) rotateZ(63deg)  scale(0.3);
            -moz-transform: rotateX(30deg) rotateY(30deg) rotateZ(63deg) scale(0.3);
            -ms-transform: rotateX(30deg) rotateY(30deg) rotateZ(63deg) scale(0.3);
            -o-transform: rotateX(30deg) rotateY(30deg) rotateZ(63deg) scale(0.3);
            transform:  rotateX(30deg) rotateY(30deg) rotateZ(63deg) scale(0.3);
            top: 56%;
            right: 15%;
        }
        100% {
            -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
            -moz-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
            -ms-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
            -o-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
            transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg) ;
            top: 76%;
            right: 10%;
            z-index: 4;
        }
    }
    .formular {
        -webkit-transform: rotateX(30deg) rotateY(30deg) rotateZ(63deg) scale(0.1);
        -moz-transform: rotateX(30deg) rotateY(30deg) rotateZ(63deg) scale(0.1);
        -ms-transform: rotateX(30deg) rotateY(30deg) rotateZ(63deg) scale(0.1);
        -o-transform: rotateX(30deg) rotateY(30deg) rotateZ(63deg) scale(0.1);
        transform:  rotateX(30deg) rotateY(30deg) rotateZ(63deg) scale(0.1);
        top: 27%;
        right: 20%;

   
        animation: formularki 1.5s steps(80) both;
        animation-timing-function: ease-in;
        -webkit-animation-name: formularki;
        animation-delay: 1.5s;
    }

    @keyframes formularki {
        0% {
            opacity: 0;
            -webkit-transform: rotateX(30deg) rotateY(30deg) rotateZ(63deg) scale(0.1);
            -moz-transform: rotateX(30deg) rotateY(30deg) rotateZ(63deg) scale(0.1);
            -ms-transform: rotateX(30deg) rotateY(30deg) rotateZ(63deg) scale(0.1);
            -o-transform: rotateX(30deg) rotateY(30deg) rotateZ(63deg) scale(0.1);
            transform:  rotateX(30deg) rotateY(30deg) rotateZ(63deg) scale(0.1);
            top: 27%;
            right: 20%;
        }
        20% {

        }

        50% {
            opacity: 0;
            -webkit-transform: rotateX(30deg) rotateY(30deg) rotateZ(63deg) scale(0.3);
            -moz-transform: rotateX(30deg) rotateY(30deg) rotateZ(63deg) scale(0.3);
            -ms-transform: rotateX(30deg) rotateY(30deg) rotateZ(63deg) scale(0.3);
            -o-transform: rotateX(30deg) rotateY(30deg) rotateZ(63deg) scale(0.3);
            transform:  rotateX(30deg) rotateY(30deg) rotateZ(63deg) scale(0.3);
            top: 27%;
            right: 20%;
        }
        65% {
            z-index: 1;
        }
        75% {
            opacity: 1;
            -webkit-transform: rotateX(30deg) rotateY(30deg) rotateZ(63deg) scale(0.5);
            -moz-transform: rotateX(30deg) rotateY(30deg) rotateZ(63deg) scale(0.5);
            -ms-transform: rotateX(30deg) rotateY(30deg) rotateZ(63deg) scale(0.5);
            -o-transform: rotateX(30deg) rotateY(30deg) rotateZ(63deg) scale(0.5);
            transform:  rotateX(30deg) rotateY(30deg) rotateZ(63deg) scale(0.5);
            top: 65%;
            right: 15%;
            z-index: 1;
        }

        100% {
            -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
            -moz-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
            -ms-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
            -o-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
            transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg) ;
            top: 92%;
            right: 10%;
            z-index: 4;
        }
    }

}