@charset 'utf-8';
/* CSS Document */

@font-face {
    font-family: 'FontL';
    
    src: url(https://calloffun.de/fonts/light/Titil_light.eot), /* IE9 Compat Modes */
         url(https://calloffun.de/fonts/light/Titil_light.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
         url(https://calloffun.de/fonts/light/Titil_light.woff2) format('woff2'),
         url(https://calloffun.de/fonts/light/Titil_light.woff) format('woff'), /* Modern Browsers */
         url(https://calloffun.de/fonts/light/Titil_light.ttf)  format('truetype'), /* Safari, Android, iOS */
         url(https://calloffun.de/fonts/light/Titil_light.svg#FontL) format('svg'), /* Legacy iOS */
    
         url(https://www.calloffun.de/fonts/light/Titil_light.eot), /* IE9 Compat Modes */
         url(https://www.calloffun.de/fonts/light/Titil_light.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
         url(https://www.calloffun.de/fonts/light/Titil_light.woff2) format('woff2'),
         url(https://www.calloffun.de/fonts/light/Titil_light.woff) format('woff'), /* Modern Browsers */
         url(https://www.calloffun.de/fonts/light/Titil_light.ttf)  format('truetype'), /* Safari, Android, iOS */
         url(https://www.calloffun.de/fonts/light/Titil_light.svg#FontL) format('svg'); /* Legacy iOS */
    
    
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FontN';
    src: url(https://calloffun.de/fonts/reg/Titil_reg.eot), /* IE9 Compat Modes */
         url(https://calloffun.de/fonts/reg/Titil_reg.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
         url(https://calloffun.de/fonts/reg/Titil_reg.woff2) format('woff2'),
         url(https://calloffun.de/fonts/reg/Titil_reg.woff) format('woff'), /* Modern Browsers */
         url(https://calloffun.de/fonts/reg/Titil_reg.ttf)  format('truetype'), /* Safari, Android, iOS */
         url(https://calloffun.de/fonts/reg/Titil_reg.svg#FontN) format('svg'), /* Legacy iOS */
    
        url(https://www.calloffun.de/fonts/reg/Titil_reg.eot), /* IE9 Compat Modes */
         url(https://www.calloffun.de/fonts/reg/Titil_reg.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
         url(https://www.calloffun.de/fonts/reg/Titil_reg.woff2) format('woff2'),
         url(https://www.calloffun.de/fonts/reg/Titil_reg.woff) format('woff'), /* Modern Browsers */
         url(https://www.calloffun.de/fonts/reg/Titil_reg.ttf)  format('truetype'), /* Safari, Android, iOS */
         url(https://www.calloffun.de/fonts/reg/Titil_reg.svg#FontN) format('svg'); /* Legacy iOS */
    
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FontB';  
    src: url(https://calloffun.de/fonts/bold/Titil_bold.eot), /* IE9 Compat Modes */ 
         url(https://calloffun.de/fonts/bold/Titil_bold.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
         url(https://calloffun.de/fonts/bold/Titil_bold.woff2) format('woff2'),
         url(https://calloffun.de/fonts/bold/Titil_bold.woff) format('woff'), /* Modern Browsers */
         url(https://calloffun.de/fonts/bold/Titil_bold.ttf)  format('truetype'), /* Safari, Android, iOS */
         url(https://calloffun.de/fonts/bold/Titil_bold.svg#FontB) format('svg'), /* Legacy iOS */
        
         url(https://www.calloffun.de/fonts/bold/Titil_bold.eot), /* IE9 Compat Modes */ 
         url(https://www.calloffun.de/fonts/bold/Titil_bold.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
         url(https://www.calloffun.de/fonts/bold/Titil_bold.woff2) format('woff2'),
         url(https://www.calloffun.de/fonts/bold/Titil_bold.woff) format('woff'), /* Modern Browsers */
         url(https://www.calloffun.de/fonts/bold/Titil_bold.ttf)  format('truetype'), /* Safari, Android, iOS */
         url(https://www.calloffun.de/fonts/bold/Titil_bold.svg#FontB) format('svg'); /* Legacy iOS */
    
    font-weight: normal;
    font-style: normal;
}
*/

html{
    margin: 0;
    padding: 0;
    border:0;
}

body{
    font-family:'FontN' !important;
    font-size: .75vw;
    color:#fff;
    text-align: left;
    background-color: #000;


    margin: 0;
    padding: 0;
    border:0;
    width: 100%;

    overflow-x: hidden;

}
/*
::-webkit-scrollbar { 
display: none;
}
*/
a{
    text-decoration:none;
}

a:link, a:visited {
    color:#00ff00;
}

a:hover, a:active {
    color: #009000;
}

/* safari and chrome */
@-webkit-keyframes wiggle {
    0% {-webkit-transform:translateY(0);}
    15% {-webkit-transform:translateY(.5vh);}
    30% {-webkit-transform:translateY(-.4vh);}
    45% {-webkit-transform:translateY(.3vh);}
    60% {-webkit-transform:translateY(-.2vh);}
    75% {-webkit-transform:translateY(.1vh);}
    100% {-webkit-transform:translateY(0);}
}

/* firefox */
@-moz-keyframes wiggle {
    0% {-moz-transform:translateY(0);}
    15% {-moz-transform:translateY(.5vh);}
    30% {-moz-transform:translateY(-.4vh);}
    45% {-moz-transform:translateY(.3vh);}
    60% {-moz-transform:translateY(-.2vh);}
    75% {-moz-transform:translateY(.1vh);}
    100% {-moz-transform:translateY(0);}
}
}

/* anyone brave enough to implement the ideal method */
@keyframes wiggle {
    0% {transform:translateY(0);}
    15% {transform:translateY(.5vh);}
    30% {transform:translateY(-.4vh);}
    45% {transform:translateY(.3vh);}
    60% {transform:translateY(-.2vh);}
    75% {transform:translateY(.1vh);}
    100% {transform:translateY(0);}
}
    
.Button { 
    font-family: 'FontB' !important;
    color:#000 !important; 
    background-color:#0f0;

    font-size: 1.5vw;
    text-transform:uppercase; 
    text-align: center;

    cursor: pointer;
    display: inline-block;

    width: 100%;
    padding: 1vw 0;
    margin: 0;
    
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;

    -webkit-border-radius: .5vw;
    -moz-border-radius: .5vw;
    border-radius: .5vw;
    
    box-shadow: inset .3vw .3vw 0 0 #009000;

    }

.Button:hover{
    background-color: #009000;
    color: #fff !important;
    box-shadow: inset .15vw .15vw 0 0 #2f2f2f;

}

@media only screen and (min-width: 150px) and (max-width: 1000px) {
.Button { 

    font-size: 5vw;

    padding: 5vw 0;
    margin: 0;
    
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;

    -webkit-border-radius: 2vw;
    -moz-border-radius: 2vw;
    border-radius: 2vw;
    
    box-shadow: inset 1vw 1vw 0 0 #009000;

    }

.Button:hover{
    background-color: #009000;
    color: #0f0 !important;
    box-shadow: inset .5vw .5vw 0 0 #0f0;

}
    
}