@charset 'UTF-8';

@supports (-ms-ime-align:auto) /* NUR Edge 12+ */
{ }

@media all and (-ms-high-contrast: active), (-ms-high-contrast: none) /* NUR IE 10+ */
{ }

@-moz-document url-prefix() /* NUR FF */
{ }

@media all and (-webkit-min-device-pixel-ratio:0) /* NUR Chrome oder Safari */
{ }

img.Cerberus { animation:Atem 2.5s infinite; animation-delay:2s; animation-direction:alternate; animation-timing-function:ease-in-out; }
@keyframes Atem
{
0%   { transform:matrix3d(1.00, 0.00, 0.00, 0.00000,   0.00, 1.00, 0.00, 0.00000,  0.00, 0.00, 1.00, 0.00000,   0.00,  0.00,  0.00, 1.00); }
100% { transform:matrix3d(1.04, 0.03, 0.10, 0.00000,   0.00, 1.06, 0.15, 0.00000,  0.10, 0.15, 1.00, 0.00000,   0.00,-16.00,  0.00, 1.00); }
}

td.Fisch { cursor:url('./../Grafik/fisch.gif') 8 52, pointer; animation:Fisch 800ms infinite; }
@supports (-ms-ime-align:auto) /** NUR Edge 12+ **/
{ td.Fisch { cursor:url('./../Grafik/fisch.ani'), pointer; animation:none; } }
@media all and (-ms-high-contrast: active), (-ms-high-contrast: none) /* NUR IE 10+ */
{ td.Fisch { cursor:url('./Grafik/fisch.ani'), pointer; animation:none; } }

@keyframes Fisch
{
0%      { cursor:url('./../Grafik/fisch1.png') 8 52, pointer; }
14.29%  { cursor:url('./../Grafik/fisch2.png') 8 52, pointer; }
28.57%  { cursor:url('./../Grafik/fisch3.png') 8 52, pointer; }
42.86%  { cursor:url('./../Grafik/fisch4.png') 8 52, pointer; }
57.14%  { cursor:url('./../Grafik/fisch5.png') 8 52, pointer; }
71.43%  { cursor:url('./../Grafik/fisch6.png') 8 52, pointer; }
85.71%  { cursor:url('./../Grafik/fisch7.png') 8 52, pointer; }
100%    { cursor:url('./../Grafik/fisch8.png') 8 52, pointer; }
}

td.Graeten { cursor:url('./../Grafik/graeten.gif') 12 40, auto; }
@supports (-ms-ime-align:auto) /** NUR Edge 12+ **/
{ td.Graeten { cursor:url('./../Grafik/graeten.ani'), auto; } }
@media all and (-ms-high-contrast: active), (-ms-high-contrast: none) /* NUR IE 10+ */
{ td.Graeten { cursor:url('./Grafik/graeten.ani'), auto; } }

img.Flagge { border:transparent 1px solid; margin:0px 2px; }
img.FlaggeA { border:transparent 1px solid; animation:FlaggeA 5s infinite; }
@keyframes FlaggeA
{
0%   { border:#FFFF00 1px solid; }
50%  { border:#FF0000 1px solid; }
100% { border:#FFFF00 1px solid; }
}

img.Flagge:hover, img.FlaggeA:hover { border:#FFFF00 1px solid; animation:FlaggeH 1s 2; cursor:pointer; }
@keyframes FlaggeH
{
0%   { transform:skew(0deg); border:#FFFF00 1px solid; }
25%  { transform:skew(-15deg); }
50%  { transform:skew(0deg); border:#FF0000 1px solid; }
75%  { transform:skew(15deg); }
100% { transform:skew(0deg); border:#FFFF00 1px solid; }
}