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

@font-face {
    font-family: 'FontL';
    
    src: url(../src/fonts/light.eot), /* IE9 Compat Modes */
         url(../src/fonts/light.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
         url(../src/fonts/light.woff2) format('woff2'),
         url(../src/fonts/light.woff) format('woff'), /* Modern Browsers */
         url(../src/fonts/light.ttf)  format('truetype'), /* Safari, Android, iOS */
         url(../src/fonts/light.svg#FontL) format('svg'), /* Legacy iOS */
    
         url(http://www.calloffun.de/fonts/light/Titil_light.eot), /* IE9 Compat Modes */
         url(http://www.calloffun.de/fonts/light/Titil_light.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
         url(http://www.calloffun.de/fonts/light/Titil_light.woff2) format('woff2'),
         url(http://www.calloffun.de/fonts/light/Titil_light.woff) format('woff'), /* Modern Browsers */
         url(http://www.calloffun.de/fonts/light/Titil_light.ttf)  format('truetype'), /* Safari, Android, iOS */
         url(http://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(../src/fonts/light.eot), /* IE9 Compat Modes */
         url(../src/fonts/light.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
         url(../src/fonts/light.woff2) format('woff2'),
         url(../src/fonts/light.woff) format('woff'), /* Modern Browsers */
         url(../src/fonts/light.ttf)  format('truetype'), /* Safari, Android, iOS */
         url(../src/fonts/light.svg#FontN) format('svg'), /* Legacy iOS */
    
         url(http://www.calloffun.de/fonts/reg/Titil_reg.eot), /* IE9 Compat Modes */
         url(http://www.calloffun.de/fonts/reg/Titil_reg.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
         url(http://www.calloffun.de/fonts/reg/Titil_reg.woff2) format('woff2'),
         url(http://www.calloffun.de/fonts/reg/Titil_reg.woff) format('woff'), /* Modern Browsers */
         url(http://www.calloffun.de/fonts/reg/Titil_reg.ttf)  format('truetype'), /* Safari, Android, iOS */
         url(http://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(../src/fonts/bold.eot), /* IE9 Compat Modes */ 
         url(../src/fonts/bold.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
         url(../src/fonts/bold.woff2) format('woff2'),
         url(../src/fonts/bold.woff) format('woff'), /* Modern Browsers */
         url(../src/fonts/bold.ttf)  format('truetype'), /* Safari, Android, iOS */
         url(../src/fonts/bold.svg#FontB) format('svg'), /* Legacy iOS */
        
         url(http://www.calloffun.de/fonts/bold/Titil_bold.eot), /* IE9 Compat Modes */ 
         url(http://www.calloffun.de/fonts/bold/Titil_bold.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
         url(http://www.calloffun.de/fonts/bold/Titil_bold.woff2) format('woff2'),
         url(http://www.calloffun.de/fonts/bold/Titil_bold.woff) format('woff'), /* Modern Browsers */
         url(http://www.calloffun.de/fonts/bold/Titil_bold.ttf)  format('truetype'), /* Safari, Android, iOS */
         url(http://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:#000000;
    text-align: left;

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

    overflow-x: hidden;

}
/*
::-webkit-scrollbar { 
display: none;
}
*/

::-webkit-scrollbar{
    width:9px;
    height:9px;
}
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment{
    display:block;
    height:0;
    background-color:transparent;
}

::-webkit-scrollbar-track-piece{
    background-color:#323232;
    -webkit-border-radius:0;
}
::-webkit-scrollbar-thumb:vertical{
    height:50px;
    background-color:#000;
}

::-webkit-scrollbar-thumb:horizontal{
    width:50px;
    background-color:#000;
}

a{
    text-decoration:none;
    color: #000000;
    
        -webkit-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    transition: all 0.15s ease;
}

a:link, a:visited {
    color: #000000;
    
}

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

/* 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);}
}

#Content{
    background-color: #fff;
    width: 92%;
    float: left;
    display: block;
    
    padding: 0;
    margin: 0;
}

@media only screen and (min-width: 150px) and (max-width: 720px) {
    #Content{
        width: 100%;
        float: none;
        margin-top: 10vh;
    }
}