/*                                       >J                                   
                                   n.nr4?+nMhnxh..                              
                                ..J?%!!!!!!`(<!!(*L..                           
                              'd?!!!!!!!!!!!:!!!!!!(M                           
                             x?!!!!!!!!!!!!!<!!!!!!!!?M                         
                            r!!!!!!!UU)UUX!!!!~:?!!!!!!*M                       
                          n=!<!!Xd$$#o$$#?!!!!!!!!!!!!!!!n.                     
                        xx)!!!!4$$FRP?!!!!!!!!!!!!!!!!!!~<*..                   
                        M<!<!!!MMM.!!!!!!!!!!!!!!!!!!!X!!<:4                    
                        M!)!!!!?(!!!!!!!:!!!!!!!!!!!!!#$X!:~M                   
                        M!!!!!!!!!!!!<><!?!!!!!!!!!!!!!Ri&!<C                   
                        M!!!!!!!!!~` <!!!!!:!!!!!!~!!!!!$$b!M                   
                        M!\!!!!!!<<:/~::!~<!<'!!!!<!!!!!M?$H4  ....   .....     
                        MX!!!!!.~ ~.xHR!:!!!!!!'!!~!!!!!.M?4M  fh/M   4M@L.     
                        MM!!!!<!!!WM#>:/!<t!!\!!!!`!>!!!X!!<M  >MMh   4tMP      
                         f!!!!!!!\$  %u'?J%!H!!!!!'! !!!:>!!/  MMMM  MXHMXMd2N> 
                        nH!!!!!:!!7Wi$$$$NWP!~!<)R!<!!!!!!\!   !?!M 'k!#XMMdM?> 
                        4X!!!!<!~!h$$$$$$$$R!X>-+)~!!!!!!!HX<  /MM?..XM<MMTMM4r 
                        4M!!<<<!<~/X$$$$$$RU(( 3!~!'!~\X!!M?d  MMM/MMMMMMdM*M>. 
                         'h!<<<~<(<M5$$$$$$B$$$R!` !<?XX~HH)M  MkMM4%M(M(MLM>M?C
                          PXX<~<`d)Q$$$$$$##9$R!:<<\FfMXM!MMH*<M?MMkMM<XMMMMM3Mh
                           "M?<<hh9$$$e@$$$$MT~<<:JMM """)d.<<MMWMMMMMM:!MMhHMX)
                            Mc<<<!~R$$$N@#!` < <n<M*=     ^kh<<=dMi!MMMHx!<</*" 
                            !$$$iL'>!#"`<L"!`n!d<d3        M8x<iMRMH<MM*MkxMh   
                          nh$~$$$$  nnH$MhMMM%CU3C*M<      4X$MM99R!MXMM:/      
                         4Mb$e.$$$ HM"`$ """9$$$$$$$CMJ      M$RRM!<<MMMMJ      
                      nnM!.P$$$$$?#RMMX3. <<<<"$5"  ^$K=     M#$?!<<:?M*<Mr     
                . ....M"<L$$$$Ib$$$#2@88N$$ << $9. < #$MM    3MP$HHMMH~<XM      
                MSb$$"<\$$$$$$X$$W$$$$$$$$F<<< $$RN@R@$Et    JP8^*MMMMMMHC      
              M"*$$$ <<@$$$$$$MP$$$$$$$$$$     R$$$NW$$R\    >~$$NI@MMMd>       
            MM  <$$ <<~$$$$$***"$$$$$$$$$"       $$$$$$!M    .$$$$I$R8x*(       
            MH' z5$    $$$$$2@S:$$$$$$$$         $$$$$$4M    M#$$$$$$$$R>       
            MXM9X$$    $$$$eo$e$$$I$N$$$i        $$$$$$4M    .dWF7$*$$R4>       
            MH$N$$$  .$$$$$$$$$$$$$$$$$$$c      3$$$$$RXM    d$$$MMMMMP*>       
            "M$$$$$ $NdN$$$$3$$$$$$$$$$$$B      '$$$$$N94    "$$$$NM%>"         
              ?$$$l$$$$$$$$$$$$$$$$$$$$$$R    X   "$$$"%M  *M #$$$RMM           
              M$$l$$$$$$$$$$$$$$$RMMMR$$$M    M     $$KxM  M   $$$MxM           
              M$%$$$$$$$d$$$$$$$$MMMMMMMM!   <.      #$hX  M   $$$MM*           
              M$$$$$$$$*"*$$$$$RMMMMMMMMP    hX       "$M  ~  J$$Mx*            
              "J/R$$$Rf<  ^$$$MMMMMMMM9`   iMM\r       "/M"   $$$MM             
               M$?MMMM>    $$$$MxWN@dMMM XMMMX)M        #f    $$R%L             
               M$  ""3k    $$$$$*$$$NQ2N@$$M)  4x             $$MMM             
               *$   %$$   x$$#...` ..  'MMMMH  -*.           $$$PP>             
                R  :'$$L' $$$!    `'   .M!h"n    M           $$MH"              
                f ~  '$$ d$$$       .!` M        '/          $MMh               
                M  '  $$L$$$$e...nnMMMMf"        MHN        <RM^P               
                4     '$K$$$$$$$MMMMM*M>         '"/$       :M!MM               
                dL     $$$$$$$$$$8MMMLM>           M$       H*M=                
                xM     4$#$$$$$$$$M8$$(>           M7L    xM)*'                 
                       '$%$$$$$$$$$$$$$M           *4$  u$MhM                   
                  L    J$$$$$$$$$$$$$$$$t.           hN$$PH                     
                  M    $$$$$$$$$$$$$$$$$$>n          MHRC""                     
                  M    $$$$$$$$$$$$$$$$$$$M..        " ""                       
                  %    $$$$$$$$$$$$$$$$$@$$2>                                   
                 P     $$$$$$$$$$$$$$$$$$$@$HnC                                 
                M~     $$$9$$$$$$$$$E$$$$$$$NP4                                 
              nn)      '$$%$$$$$$$$$R$$$$$$$$$HM.                               
              MM$       #$NR$$$$$$$$X$$$$$$$$$$M? .                             
              M)$       x$$K$$$$$$$$?$$$$$$$$$$$MhM                             
              M$$       Mb$$4$$$$$$$33$$$$$$$$$$NMLhx                           
              M$$      :P>N$$G$$$$$$$N$$$$$$$$$$$$M M                           
              M$$      M "!R$$*$$$$$$$$$$$$$$$$$$$~ /:                          
              f$F     xr  /HRRNB$$$$$$f$$$$$$$$$$$  M4M                         
              d$"    .)\ 4!(?R*$$$$$$&$$$$$$$$$$$  dMHM                         
            dP$$     M  nMt)xX$$@$$$$$2$$$$$$$$$  z$MMf                         
            Md$$    :M  M)4MMMXR$B$$$$M9$$$$$$$> .$$RMMMM                       
            M$$~    MC  M%MMMMX97NR$$$M9$$$$$$P  $$$$MM?M                       
          ..3$$$.  .h-  MX9MMMMM?X$$$$M8$$$$$$  $$$$$MM~M                       
          JM$$$RMh M    PCXMMMMMMXxRRMM$$$$$$F x$$$$$MM 4                       
        M3NW$$$MMMJM    JhhMRMMMMH9?!*M9$$$$$  $$$$$$M" H                       
       C3$$$$$*$$RMM   .RMMMMMMMHMMP)H!9$$$$$e$$$$$$$` JMMM                     
      'M$$<<~?*$$etM  nd4MMMMMMMMXHHH!X8$$$$$$$$$$$$   MMM"                     
      '*M)Ri><<$$$\*  MktXMMMMMMMMM!MH9$$$$$$$$$$$$" .MMMM.                     
        4?bMHRm$$$M'  M3MMMMMMMMMHM9XMM$$$$$$$$$$$F :MMMMtM                     
      Mn9$$$$MMM**    MWMXMMMMMMMMMMXhP$$$$$$$$$$$  RMMMM4M                     
    .nt@$$$$$M?M""    MRHMMMMMMMMMMMXSM$$$$$$$$$$  @MMMMM4M                     
  .n*$$$$$$$$E#4      MRMMMMMMMMMMMMS*H$$$$$$$$$` d$MMMMM4M                     
. MQ$$$$$$$$%XM/      MRMMMMMMMMMMMMhXk$$$$$$$$F  $$MMMMM4M                     
Mt@$$$#$$$$3H"        MMMMMMMMMMMMMMPEM$$$$$$$$$e$$MMMMMM4M                     
M$$$#>!d$$PM          MMMMMMMMMMMMMM@HM$$$$$$$$$$$$MMMMMMXM
 *
 *
 * TZF Multi-Gaming Clan
 * styles.css
 * Copyright (C) 2017 Tobias Nitsch
 *
 *
 */


/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../fonts/lato-v23-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/lato-v23-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* fira-sans-condensed-regular - latin */
@font-face {
  font-family: 'Fira Sans Condensed';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../fonts/fira-sans-condensed-v10-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/fira-sans-condensed-v10-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

html { }
body {
    overflow: hidden;
    background-color: #ffffff;
    color: white;
    font-family: 'Lato', sans-serif;
    font-size: 2em;
    text-shadow: rgb(0, 0, 0) 1px 1px 5px;
    }
h1, h2, h3, h4, h5, h6 {
    font-family: 'Fira Sans Condensed', sans-serif;
}
p {
    font-family: 'Lato', sans-serif;
}
#logo {
    -webkit-filter: drop-shadow(1px 1px 5px rgba(0,0,0,0));
    filter: url(#drop-shadow);
    -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
    filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
    margin-bottom: -10px;
}
#tooltip {
    position: absolute;
    right: 5px;
    bottom: 5px;
}

/* backgrounds */
.section {
    background-size: cover;
    text-align: center;
}
#section0 {
    background-image: url(../img/section0.jpg);
	}
#section1 {
    background-image: url(../img/section1.jpg);
	}
#section2 {
    background-image: url(../img/section2.jpg);
	}
#section3 {
    background-image: url(../img/section3.jpg);
	}
#section4 {
    background-image: url(../img/section4.jpg);
	}
#section5 {
    background-color: #333333;
}
/* container */
#opening {
    padding: 50px;
}
#disclamerr {
    font-size: .7em;
    text-align: justify;
    padding: 55px 150px;
}
#copy {
    text-shadow: none;
    font-size: 17px;
    padding: 0px 5px;
}
#powered {
    line-height: 50px;
    padding: 0px 5px;
}
#brand {
    height: 40px;
    vertical-align: middle;
}
.links {
    float: left;
    display: inline;
    text-align: left;
}
.rechts {
    float: right;
    display: inline;
    text-align: right;
}
/* verlinkungen */
#verlinkung {
    margin: 0;
    padding: 0;
    display: inline-block;
    list-style: none;
    text-align: center;
}
#verlinkung li {
    float: left;
}
#icon {
    height: 48px;
    margin-left: 5px;
    margin-right: 5px;
}
/* Wobble Vertical */
@-webkit-keyframes hvr-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes hvr-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.hvr-wobble-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.hvr-wobble-vertical:hover, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:active {
  -webkit-animation-name: hvr-wobble-vertical;
  animation-name: hvr-wobble-vertical;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
/* Wobble Horizontal */
@-webkit-keyframes hvr-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }
  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes hvr-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }
  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.hvr-wobble-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.hvr-wobble-horizontal:hover, .hvr-wobble-horizontal:focus, .hvr-wobble-horizontal:active {
  -webkit-animation-name: hvr-wobble-horizontal;
  animation-name: hvr-wobble-horizontal;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
/* Push */
@-webkit-keyframes hvr-push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes hvr-push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.hvr-push {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.hvr-push:hover, .hvr-push:focus, .hvr-push:active {
  -webkit-animation-name: hvr-push;
  animation-name: hvr-push;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}