@import 'loader.css';
@import 'progress.css';
@import 'talk.css';
@import 'lbclean.css';
@import url('https://fonts.cdnfonts.com/css/linux-libertine-o');
@import url('https://fonts.cdnfonts.com/css/vesper-libre');
* {font-family: 'Linux Libertine O', sans-serif;font-size:24px;}
@media screen and (max-width: 1900px){
  html{
      width: 1900px;
      overflow: auto;
  }
}
@media screen and (max-height: 1060px){
  html{
      height:  1060px;
      overflow: auto;
  }
}
 
@font-face {
    font-family: 'Exocet Bold';
         src: local("exocetB.ttf"), url("exocetB.ttf") format("TrueType");
}  
@font-face {
    font-family: 'Exocet';
          src: local("../exocetR.ttf"), url("../exocetR.ttf") format("TrueType");
}  
@font-face,  {
    font-family: 'Vesper Libre', sans-serif;
          src: local("VesperLibre-Regular.ttf"), url("VesperLibre-Regular.ttf") format("TrueType");
} 
@font-face, .oldl {
    font-family: 'Old London';
         src: local("OldLondon.ttf"), url("OldLondon.ttf") format("TrueType");
}  

.glass-container {
    position: relative;
   /* width: 150px;
    height: 50px;*/
display:inline-block;
}


.svg-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2; /* 🔹 SVG über Button */
    pointer-events: none; /* Klicks blockieren nicht */
    opacity: 0;
    transition: opacity 0.3s ease;
 
}

/* 🔹 SVG selbst passt sich 100% dem Button an */
.hover-effect {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Sorgt dafür, dass SVG sich komplett in den Button einfügt */
}

.userprfl {background:rgb(45, 45, 68); border-radius:24px;padding:8px;}
[contenteditable] {
  outline: 1px dotted red;
}
.image {
    position:relative;
    display:block;
    /*box-shadow:5px 5px 5px #001600;*/
    transition: all 1s linear;
    padding:2px;
    margin:2px;
 
    float:inherit;

}
.image .overlay { opacity: 0;
position: absolute;
max-width: 200px;
max-height: 24px;
visibility: hidden;
float: right;
right: 0;
z-index: +1;
margin-right: -200px;
}
.overlay {
	overflow:hidden;
    max-width:200px;
      max-height:24px;
    bottom:5%;
    height:0;
position:absolute; 
    opacity:0;
    transition: all 1s linear;
    font-size:16px;

}
.image:hover .overlay {
    max-width:200px;
      max-height:24px;

  visibility:visible;
    width:100%;
    height:45%;
text-shadow:1px 1px #004400;
    background:rgba(102,153,0,.6);
    position:relative;
    bottom:0;
    left:0;
    color:#CCFF66;
    display:block;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    z-index:1;
    opacity:1;
display:block;
transition: height 1s linear;
transition: all 1s linear;
    /* All other styling - see example */

    img {

        vertical-align:top; display:none;  background: url('images/88x31.png');  border-radius:10px 10px 0px 0px;transition: all 1s linear;/* Default is baseline, this fixes a common alignment issue */
    }

}
.tt {display:inline;}
.tto {display:none;position:absolute;}
.tt:hover .tto {display:block;z-index:+1;margin:0px;}
.tto img {max-width:192px;}
.mit {margin-top:-24px;top:-24px;margin-bottom:4px;}
span:hover   ~ img.hvimg {display:block; flaot:right;}
body {
/*background-image: url("../imgs/dohaerisletters2.png");
    background-repeat: no-repeat;
	background-size:contain ;*/

  background-image: url("../imgs/bricks.png");
    background-repeat: repeat-x;
  background-blend-mode:  lighten;
   background-position: top; 
   background-size:auto ;
 
  color:rgb(240,240,240); /* rgb(245,245,245) rgb(255, 255, 255) Lavender*/
  margin:0; 
 font-size:20px;
  z-index:-1;
  position:absolute;
    background-position:bottom middle;
      font-family: 'Exocet';
      src: local("exocetR.ttf"), url("exocetR.ttf") format("TrueType"); /* */
      background-color:rgb(5,2,3); 
      padding: 0px;
      text-decoration:none;
      font-color:#F0F0F0; /*#F5F5F5*/
width:100%;
-ms-user-select: None;
-webkit-user-select: None;
-moz-user-select: None;
-o-user-select: None;
 height:100%; 
}
 
.announce {background: -webkit-linear-gradient(left, rgba(65,65,99,1), rgba(255,0,0,0));text-align:left;padding:4px;margin:4px;border-width: 1px; padding-bottom: 2px;display:block;mix-blend-mode:multiply;}
.what {color: #33e1ed;width:224px;display:inline-block;filter:drop-shadow(1px 1px 3px #050203);font-weight:bold;}
.announce:before{
  content: "";

  background-image: url("../imgs/marmorred.jpg"), linear-gradient(to right, transparent , #050203);
  background-repeat: no-repeat;
   background-size:480px 27px ;
   background-blend-mode: hard-light;
  position: absolute;
  height:100%;
  width: 480px;
  mix-blend-mode:overlay multiply;
  z-index: -1;opacity:.5;
}
    
 h2, h3, b {
 font-family: 'Vesper Libre', sans-serif; src: local("VesperLibre-Regular.ttf"), url("VesperLibre-Regular.ttf") format("TrueType");font-weight:bold;margin-bottom: 0;color:#ecdf90;font-weight:bold;
 }
.lnks { border-radius:16px;max-width:192px;  margin:4px;margin-top:0;padding:16px;background-color:#2d2d44;vertical-align:center;display:table-cell;text-align: center;display:inline-flex;float:left;}
 .invert{filter: invert(1);}
h1 {   
		 font-size:54px;font-weight:bold;line-height:88%;margin-bottom: 0;}
	.menu {z-index:;max-width:1280px;min-width:1280px; display:block;margin: auto;margin-top:320px;line-height:; text-align:center;  width: 50%;} 	
           
.cntbox{max-width:1280px;min-width:1280px;min-height:380px;height:380px; overflow:auto; display: block;  margin-left: auto;
  margin-right: auto; margin-top:4px;text-align:justify;align-content:justify;hyphens:auto;  width: 50%;  padding:16px;  position:absolute;
  background-image: url(/imgs/xd4tree.jpg);
    background-size: cover;
 box-sizing: content-box;


background-blend-mode: xluminosity; 
filter: opacity(1);


 /*576*/
border: 48px solid;
border-image: url("../imgs/borderslicesy.png") 48 / 48px / 0px stretch;
}
.cntbox .image { }
/**/
.wiz {color:#43ACE8;display:inline-block;}
.dh {color:#F05323;display:inline-block;}
.barb {color:#B49100;display:inline-block;}
.crusi {color:#6FBF4B;display:inline-block;}
.tb {color:#B28F75;display:inline-block;}
.monk {color:#FF00F9;display:inline-block;}/*#502D84*/
.bk {color:#990D33;display:inline-block;}
.none, .none div, div .none {display:inline-block;font-weight:bold; padding:1px;text-shadow:0px 0px 2px yellow;}
.none:before {
    content: "\00a0";
}
input {
  all: unset;
}

input[type="number"],input[type="text"], input[type="password"],textarea  {max-width:56px;background-color:#33373a;border:0;color:#33e1ed;font-family: 'Exocet';padding:8px;text-align: center;font-size:32px;}
input[type="text"]:focus, input[type="password"]:focus , textarea:focus{background-color:#2d2d44;box-shadow:0px 0px 6px;text-align: center;font-size:32px;}
td[contenteditable="true"]{background-color:#33373a;border:0;color:#33e1ed;font-family: 'Exocet';}
.glass{
	/* background styles */
	position: relative;
	display: inline-block;
	padding: 8px 8px;
	background-color: green; /*for compatibility with older browsers*/
	background-image: linear-gradient(#1e1e2c,#2d2d44);

	/* text styles */
	text-decoration: none;
	color: #33e1ed;
	font-size: 25px;
	font-family: sans-serif;
	font-weight: 100;
	border-radius: 3px;
box-shadow: 0px 1px 4px -2px #333;
text-shadow: 0px -1px 3px #050203;
font-weight:bold;
 /*  box-shadow: inset 0.2em 0.2em 0.2em 0 rgba(255,255,255,0.5), inset -0.2em -0.2em 0.2em 0 rgba(5,2,3,0.5);*/
     box-shadow:
        inset 0 0 2px 0 rgba(255,255,255,.4),
        inset 0 0 3px 0 rgba(5,2,3,.4),
        inset 0 0 3px 5px rgba(5,2,3,.05),
        2px 2px 4px 0 rgba(5,2,3,.25);
 box-sizing: border-box; 
}


input[type=checkbox] {
         position: absolute;
	       cursor: pointer;
		   display:inline-block;
		
    }
    input[type=checkbox]:before {
         content: "";
         display: block;
         position: absolute;
         width: 32px;
         height: 32px;
         top: 0;
         left: 0;
         border: 2px solid  #33E1ED;
         border-radius: 3px;
         background-color: #33373a;
}
    input[type=checkbox]:checked:after {
         content: "";
         display: block;
         width: 15px;
         height: 20px;
         border: solid green;
         border-width: 0 4px 4px 0;
         -webkit-transform: rotate(45deg);
         -ms-transform: rotate(45deg);
         transform: rotate(45deg);
         position: absolute;
         top: 2px;
         left: 8px;
}

.glass:after{
	content: '';
	position: absolute;
	top: 2px;
	left: 2px;
	width: calc(100% - 4px);
	height: 50%;
	background: linear-gradient(rgba(5,2,3,0.8), rgba(5,2,3,0.2));
	z-index: ;
}
.glass:hover, .active{
	/*background: linear-gradient(#073,#0fa);*/filter:drop-shadow(0px 0px 6px #33E1ED);color:white;background:#414163;
}
#karte {  background-image: url("../imgs/sanktuario-karte.jpg");
    background-repeat: no-repeat;
/*  background-blend-mode:  lighten;*/
  opacity:.2;
   background-position: center; 
   background-size:auto ;
   width:60%;
   bottom:24px;
   z-index:-99;
   overflow:hidden;
   display:none;
   }
/*.active {background:#414163;}*/
#main-notice {border-radius:16px;max-width:480px; position:absolute;margin:4px;margin-top:0;padding:4px;background-color:#2d2d44;vertical-align:top;display:table-cell;text-align: top;margin: auto;width:50%;}
.notice {border-radius:16px;max-width:480px; margin:4px;margin-top:0;padding:4px;background-color:#2d2d44;vertical-align:top;display:table-cell;text-align: top;margin: auto;width:50%;}
#sec-notice {z-index:-1;border-radius:16px;max-width:1024;  margin:4px;margin-top:0;padding:4px;background-color:#2d2d44;vertical-align:top;display:table-cell;text-align: top;margin: auto;width:50%;}
.btnicon {}
.svg {max-width:32px;display:inline-block;}
.cloader {
  border: 8px solid transparent; /* Light grey */
  border-top: 4px solid #33e1ed; /* Blue */
  border-radius: 50%;
  width: 32px;
  height: 32px;
display:inline-block;
padding-left:2px;
  animation: cspin 2s linear infinite;
}

@keyframes cspin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
#loadings {display:inline;
animation: blinker 1s linear infinite;
color:#33e1ed;
font-size:24px;
font-weight:bold;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}
 .footer {position:fixed;bottom:2px;font-size:16px;}
 .svg {}
 .mnuimg {width:24px;float:left;padding:4px;}
 
    .center, #grayout {
            display: flex;
            justify-content: center;
  
        }
		
		
li.tooltip, div.tooltip, tr.tooltip
{
display:inline-block;

  position:relative ;
  text-decoration: none;
}
	
li.tooltip span, div.tooltip span, tr.tooltip span
{

  display: none;
  color:#F5FFFA;
  position: absolute;
  
}

li.tooltip:hover span, div.tooltip:hover span, .tooltip:hover span , .tooltip:hover div 
{
margin-top:-32px;
  opacity:.8;
  position: absolute;
  display: block;
  /*top: 1.5em;
  left: 30em;*/
  width:120px;
  border: 1px solid #F5FFFA;
  background-color:gray;
  padding: 0.2em;
  z-index:+3;
  -moz-border-radius:3px;
  border-radius:3px;/**/
  box-shadow:2px 2px 2px #001600;
}
.tblx {min-width:954px;max-width:954px;}
.tblx tr:first-child td{background-color:#414163;vertical-align:center;display:table-cell;text-align: center; padding:4px;font-weight:bold;}
.flip {transform:rotate(180deg);}
.descr {font-size:16px;}
.bgchecked {
animation: fadeli 0.3s forwards;
  animation-duration: 0.3s;
/*  animation-play-state: paused;*/
opacity:0;
}

@keyframes fadeli {
  from { opacity: 0;   left:+245px;margin-left:+245px;}
  to { opacity: 1;   left:0px;margin-left:0px; }
}

 .scrolli  {
	 top:0;
	 width:100%;height:100%; position:absolute;
mask-type:luminance ;
	 opacity:.7;	 
 /*	   background: url("seamless3.png");
    background-repeat: repeat;
	background-size:contain;
    animation: scroll-anim  40s infinite linear;
background-position: 0%;*/
   mix-blend-mode:normal;
  -webkit-mask-image: url("../imgs/indolettersmask.png");
  mask-image: url("../imgs/indolettersmask.png"); */
 z-index:+5;
 

}
 
@keyframes scroll-anim {
    from {
        background-position: 0%;
    }
    
    to {
        background-position:  100%;
    }
}
 /*
.scrolli  { position: absolute;  width:100%;  z-index:-1; }
 */
  .layh { 
  position: absolute;  
  
 mix-blend-mode:lighten;
 opacity:.4;
 top:0;/*
   -webkit-mask-image: url("../imgs/dohaerisletters2layermask.png");
  mask-image: url("../imgs/dohaerisletters2layermask.png");   */
 
  }
    .layhx { width:100%; 
  position: absolute; 

 
  z-index:3;
 
  }
  .imgl { mix-blend-mode:lighten; }
  .scrollcont { top:px;left:-100px;
  position: absolute;}
  .busybox {z-index:1;position:absolute; mix-blend-mode: lighten; opacity:.8; top:0;left:0;}
  .maskme {-webkit-mask-image: url("../imgs/indolettersmask.png");mask-image: url("../imgs/indolettersmask.png"); top:0;left:0;}
  .bg{
  top:0;left:0;
  position: absolute; opacity:.3; 
  z-index: +1;
  opacity:.2;
  mix-blend-mode:lighten multiply;
  background: url("seamless.png");
  -webkit-animation-name: MOVE-BG;
          animation-name: MOVE-BG;
  -webkit-animation-duration: 33s;
          animation-duration: 33s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;

filter:blur(4px);
}
@keyframes MOVE-BG {
   from {
    background-position: 0%;
   }
   to { 
   background-position: -100%;
   }
}
  .imglb{
  top:-16px;left:-48px;
  position: absolute; ; 
  z-index: +1;
  opacity:1;
  mix-blend-mode:overlay darken;overflow:hidden;
  }
 .teamssummary table tr td.cff {background-color:#414163;text-align: center;color: #33e1ed;text-align: center;}
 .teamssummary { background:#050203;}
  .teamssummary table tr td  {background: -webkit-linear-gradient(left, rgba(65,65,99,1), rgba(255,0,0,0));text-align: center; }
  .editMode {border-bottom:thin solid red;background:red;}
  .hglt {color:#33e1ed;}
  .tractive:hover {background: -webkit-linear-gradient(left, rgba(65,65,99,1), rgba(255,0,0,0));}
  .hidden {
    opacity:0;
}
.block {
 background:#4C4C4C;
}
a {color: #33e1ed;}
 .tractive:hover   #del , .tractive:hover >  #del {display:block;}
 pre, .pre {font-family: monospace;max-width:1024px;color: #33e1ed;white-space: pre-wrap;font-size:16px;padding:4px;margin:4px;border:thin solid #2d2d44;border-radius:24px;}
 .hglt {color: #33e1ed;font-weight:bold;}
 #clipboard, pre {
	 -ms-user-select: text;
-webkit-user-select: text;
-moz-user-select: text;
-o-user-select: text;
  
 }
 
 
 
 .shineoverlay {
display: inline-block;
mask: linear-gradient( #050203 99.9%, transparent 0%);
}
 
.shine:before {
  mask-type: alpha;box-sizing: border-box;
	content:'';
  top:0;
	transform:translateX(100%);
	width:256px;
	height:100%;

opacity:.5;
background-blend-mode:color-dodge multiply;
	position: absolute;
	z-index:+3;
animation-delay:1s;
animation-iteration-count: infinite;
animation-fill-mode: forwards;
transform: skewX(-5deg) translateX(10%);
/*transform-origin: bottom left;*/
animation-duration:5s;
	animation-name: shine ;
	background: linear-gradient(to right, rgba(204,255,102,0) 0%,rgba(204,255,102,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* W3C */
}
@keyframes shine {
0% {display:inline-block;transform:translateX(-100%);}
20% {transform:translateX(100%);}
21% {display:none;transform:translateX(100%);}
100% {display:none;transform:translateX(100%);}
}
.glowing::before{
  content: '';
  position: absolute;
  left: -2px;
  top: -2px;
/*  background: linear-gradient(45deg, #e8f74d, #ff6600d9, #00ff66, #13ff13, #ad27ad, #bd2681, #6512b9, #ff3300de, #5aabde);*/
background: linear-gradient(45deg, #004000, #004000, #e8f74d, #004000);
  background-size: 400%;
  width: calc(100% + 5px);
  height: calc(100% + 5px);
  z-index: -2;
  animation: glower 20s linear infinite;
}

@keyframes glower {
  0% {
    background-position: 0 0;
  }
  
  50% {
    background-position: 400% 0;
  }
  
  100% {
    background-position: 0 0;
  }
}
 
#oben, #unten, #links, #rechts {
 
	position: fixed;
	opacity:1;
	-moz-opacity:1; 
 z-index:+1;
  
	}
	#links, #rechts {
	

		top: 0; bottom: 0;
		width: 250px;
		}
		#links { left: 0; 
		  
		  	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b8860b+0,000000+100&0.65+0,0+100 */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I4ODYwYiIgc3RvcC1vcGFjaXR5PSIwLjY1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  rgba(5,2,3,0.65) 0%, rgba(5,2,3,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(5,2,3,0.65)), color-stop(100%,rgba(5,2,3,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(5,2,3,0.65) 0%,rgba(5,2,3,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(5,2,3,0.65) 0%,rgba(5,2,3,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(5,2,3,0.65) 0%,rgba(5,2,3,0) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(5,2,3,0.65) 0%,rgba(5,2,3,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6b8860b', endColorstr='#05020300',GradientType=1 ); /* IE6-8 */

	
		}
		#rechts { right: 0; 
		  
		  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#050203+0,b8860b+100&0+0,0.65+100 */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiODg2MGIiIHN0b3Atb3BhY2l0eT0iMC42NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  rgba(5,2,3,0) 0%, rgba(5,2,3,0.65) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(5,2,3,0)), color-stop(100%,rgba(5,2,3,0.65))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(5,2,3,0) 0%,rgba(5,2,3,0.65) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(5,2,3,0) 0%,rgba(5,2,3,0.65) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(5,2,3,0) 0%,rgba(5,2,3,0.65) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(5,2,3,0) 0%,rgba(5,2,3,0.65) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05020300', endColorstr='#a6b8860b',GradientType=1 ); /* IE6-8 */

		  
		}
		
	#oben, #unten {
	
		left: 0; right: 0;
		height: 100px;
		}
		#oben { top: 0;
		 
		 z-index:+999;
		 /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b8860b+0,000000+99&0.65+0,0+98 */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I4ODYwYiIgc3RvcC1vcGFjaXR5PSIwLjY1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk4JSIgc3RvcC1jb2xvcj0iIzAyMDEwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);

background: -moz-linear-gradient(top,  rgba(5,2,3,0.99) 0%, rgba(2,1,0,0) 98%, rgba(5,2,3,0) 99%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(5,2,3,0.99)), color-stop(98%,rgba(2,1,0,0)), color-stop(99%,rgba(5,2,3,0))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(5,2,3,0.99) 0%,rgba(2,1,0,0) 98%,rgba(5,2,3,0) 99%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(5,2,3,0.99) 0%,rgba(2,1,0,0) 98%,rgba(5,2,3,0) 99%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(5,2,3,0.99) 0%,rgba(2,1,0,0) 98%,rgba(5,2,3,0) 99%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(5,2,3,0.99) 0%,rgba(2,1,0,0) 98%,rgba(5,2,3,0) 99%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6b8860b', endColorstr='#05020300',GradientType=0 ); /* IE6-8 */


 	  
		}
		#unten { bottom: 0; 
		
		  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#050203+0,b8860b+100&0+0,0.65+100 */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiODg2MGIiIHN0b3Atb3BhY2l0eT0iMC42NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(5,2,3,0) 0%, rgba(5,2,3,0.99) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(5,2,3,0)), color-stop(100%,rgba(5,2,3,0.65))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(5,2,3,0) 0%,rgba(5,2,3,0.99) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(5,2,3,0) 0%,rgba(5,2,3,0.99) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(5,2,3,0) 0%,rgba(5,2,3,0.99) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(5,2,3,0) 0%,rgba(5,2,3,0.99) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05020300', endColorstr='#a6b8860b',GradientType=0 ); /* IE6-8 */

		}
		
		.flickrganim  {  margin:0;width:256px;height:256px;position:fixed;top:80px;right:360px;transform:scale(0.5);display:none;filter:blur(20px);
		mix-blend-mode:multiply hard-light;
  height: 1024px;z-index:-1; padding: 0;
	background: rgb(249,109,49);
z-index:-1;
	  background-size: cover;
  background-position: center;

  mask-size: contain;
 transition:all 1s linear;
   background: linear-gradient(236deg, #db4500, #ffc100, #ca0000, #e86800);
    background-size: 300% 300%;background-repeat:no-repeat;
/*
    -webkit-animation: AnimationName 3s ease infinite;
    -moz-animation: AnimationName 3s ease infinite;*/
    animation: flicker 3s ease infinite;
}
@keyframes flicker {
    0%{background:#db4500 ;}
    25%{background:#ff8700 ;}
    50%{background:#ca4b00 ;}
	 75%{background:#e86800 ;}
	  100%{background:#db4500 ;}

}