.i1, .i2 {
    visibility:hidden;
    position:fixed;
    display:block;
    background-color:rgba(255,255,255,0.3);
    border-radius:1rem;
    border-style:solid;
    border-width:0.1rem;
    border-color:rgba(0,0,0,0.3);
    box-sizing:border-box;
    transition:all ease 0.25s;
    z-index:32;
  }
  .i1 { left:0%;  top: 0%;  width:100%;  height:10%; }
  .i2 { left:0%;  top:90%;  width:100%;  height:10%; }
  .i1_1, .i1_2, .i1_3, .i2_1, .i2_2, .i2_3 {
    visibility:hidden;
    opacity:0.0;
    position:fixed;
    display:block;
    transition:all ease 0.25s;
    z-index:35;
  }
  .i1_1 { left: 0.000%;  top:0%;  width:33.333%;  height:100%; }
  .i1_2 { left:33.333%;  top:0%;  width:33.333%;  height:100%; }
  .i1_3 { left:66.667%;  top:0%;  width:33.333%;  height:100%; }
  .i2_1 { left: 0.000%;  top:0%;  width:33.333%;  height:100%; }
  .i2_2 { left:33.333%;  top:0%;  width:33.333%;  height:100%; }
  .i2_3 { left:66.667%;  top:0%;  width:33.333%;  height:100%; }



  .b_nohover, .b_hover {
    display:block;
    position:absolute;
    left:0%;
    top:0%;
    width:100%;
    height:100%;
    transition:all ease 0.25s;
  }
  .b_hover:hover {
    left:-5%;
    top:-5%;
    width:110%;
    height:110%;
  }



  .b1_steel, .b2_steel, .b3_steel, .b4_steel, .b5_steel, .b6_steel {
    position:absolute;
    display:block;
    left:5%;
    top:5%;
    width:90%;
    height:90%;
    background-size:100% 100%;
    background-position:50% 50%;
    background-repeat:no-repeat;
    visibility:visible;
    opacity:0.0;
    z-index:36;
    transition:all ease 0.25s;
  }
  .b1_steel { background-image:url("/imagesDE/b1_steel.png"); }
  .b2_steel { background-image:url("/imagesDE/b2_steel.png"); }
  .b3_steel { background-image:url("/imagesDE/b3_steel.png"); }
  .b4_steel { background-image:url("/imagesDE/b4_steel.png"); }
  .b5_steel { background-image:url("/imagesDE/b5_steel.png"); }
  .b6_steel { background-image:url("/imagesDE/b6_steel.png"); }


  .b1_white, .b2_white, .b3_white, .b4_white, .b5_white, .b6_white {
    position:absolute;
    display:block;
    left:5%;
    top:5%;
    width:90%;
    height:90%;
    background-size:100% 100%;
    background-position:50% 50%;
    background-repeat:no-repeat;
    visibility:visible;
    opacity:0.0;
    z-index:37;
    transition:all ease 0.25s;
  }
  .b1_white { background-image:url("/imagesDE/b1_white.png"); }
  .b2_white { background-image:url("/imagesDE/b2_white.png"); }
  .b3_white { background-image:url("/imagesDE/b3_white.png"); }
  .b4_white { background-image:url("/imagesDE/b4_white.png"); }
  .b5_white { background-image:url("/imagesDE/b5_white.png"); }
  .b6_white { background-image:url("/imagesDE/b6_white.png"); }


  .b1_plain, .b2_plain, .b3_plain, .b4_plain, .b5_plain, .b6_plain {
    position:absolute;
    display:block;
    left:5%;
    top:5%;
    width:90%;
    height:90%;
    background-size:100% 100%;
    background-position:50% 50%;
    background-repeat:no-repeat;
    visibility:visible;
    opacity:1.0;
    z-index:38;
    transition:all ease 0.25s;
  }
  .b1_plain { background-image:url("/imagesDE/b1_plain.png"); }
  .b2_plain { background-image:url("/imagesDE/b2_plain.png"); }
  .b3_plain { background-image:url("/imagesDE/b3_plain.png"); }
  .b4_plain { background-image:url("/imagesDE/b4_plain.png"); }
  .b5_plain { background-image:url("/imagesDE/b5_plain.png"); }
  .b6_plain { background-image:url("/imagesDE/b6_plain.png"); }


  .b1_bevel, .b2_bevel, .b3_bevel, .b4_bevel, .b5_bevel, .b6_bevel {
    position:absolute;
    display:block;
    left:5%;
    top:5%;
    width:90%;
    height:90%;
    background-size:100% 100%;
    background-position:50% 50%;
    background-repeat:no-repeat;
    visibility:visible;
    opacity:0.0;
    z-index:39;
    transition:all ease 0.25s;
  }
  .b1_bevel { background-image:url("/imagesDE/b1_bevel.png"); }
  .b2_bevel { background-image:url("/imagesDE/b2_bevel.png"); }
  .b3_bevel { background-image:url("/imagesDE/b3_bevel.png"); }
  .b4_bevel { background-image:url("/imagesDE/b4_bevel.png"); }
  .b5_bevel { background-image:url("/imagesDE/b5_bevel.png"); }
  .b6_bevel { background-image:url("/imagesDE/b6_bevel.png"); }

  .b1_revel, .b2_revel, .b3_revel, .b4_revel, .b5_revel, .b6_revel {
    position:absolute;
    display:block;
    left:5%;
    top:5%;
    width:90%;
    height:90%;
    background-size:100% 100%;
    background-position:50% 50%;
    background-repeat:no-repeat;
    visibility:visible;
    opacity:0.0;
    z-index:40;
    transition:all ease 0.25s;
  }
  .b1_revel { background-image:url("/imagesDE/b1_revel.png"); }
  .b2_revel { background-image:url("/imagesDE/b2_revel.png"); }
  .b3_revel { background-image:url("/imagesDE/b3_revel.png"); }
  .b4_revel { background-image:url("/imagesDE/b4_revel.png"); }
  .b5_revel { background-image:url("/imagesDE/b5_revel.png"); }
  .b6_revel { background-image:url("/imagesDE/b6_revel.png"); }

  .b_click {
    position:absolute;
    display:none;
    left:0%;
    top:0%;
    width:100%;
    height:100%;
    background-image:url('/imagesDE/buttons_click.png');
    background-repeat:no-repeat;
    background-size:contain;
    background-position:50% 50%;
    z-index:41;
    transition:all linear 0.5s;
    transform:rotate(0deg);
    opacity:0.0;
  }
  .b_light {
    position:absolute;
    display:none;
    left:0%;
    top:0%;
    width:100%;
    height:100%;
    background-image:url('/imagesDE/buttons_highlight.png');
    background-repeat:no-repeat;
    background-size:contain;
    background-position:50% 50%;
    z-index:42;
    transition:all linear 0.5s;
    transform:rotate(0deg);
    opacity:0.0;
  }


  .i000_plain, .i000_bevel, .i001_plain, .i001_bevel, .i002_plain, .i002_bevel, .i003_plain, .i003_bevel,
  .i004_plain, .i004_bevel, .i005_plain, .i005_bevel, .i006_plain, .i006_bevel, .i007_plain, .i007_bevel,
  .i008_plain, .i008_bevel, .i009_plain, .i009_bevel, .i010_plain, .i010_bevel, .i011_plain, .i011_bevel,
  .i012_plain, .i012_bevel, .i013_plain, .i013_bevel, .i014_plain, .i014_bevel, .i015_plain, .i015_bevel,
  .i016_plain, .i016_bevel, .i017_plain, .i017_bevel, .i018_plain, .i018_bevel, .i019_plain, .i019_bevel,
  .i020_plain, .i020_bevel, .i021_plain, .i021_bevel, .i022_plain, .i022_bevel, .i023_plain, .i023_bevel,
  .i024_plain, .i024_bevel, .i025_plain, .i025_bevel, .i026_plain, .i026_bevel, .i027_plain, .i027_bevel,
  .i028_plain, .i028_bevel, .i029_plain, .i029_bevel, .i030_plain, .i030_bevel, .i031_plain, .i031_bevel,
  .i032_plain, .i032_bevel, .i033_plain, .i033_bevel, .i034_plain, .i034_bevel, .i035_plain, .i035_bevel,
  .i036_plain, .i036_bevel, .i037_plain, .i037_bevel, .i038_plain, .i038_bevel, .i039_plain, .i039_bevel,
  .i040_plain, .i040_bevel, .i041_plain, .i041_bevel, .i042_plain, .i042_bevel, .i043_plain, .i043_bevel,
  .i044_plain, .i044_bevel, .i045_plain, .i045_bevel, .i046_plain, .i046_bevel, .i047_plain, .i047_bevel,
  .i048_plain, .i048_bevel, .i049_plain, .i049_bevel, .i050_plain, .i050_bevel, .i051_plain, .i051_bevel,
  .i052_plain, .i052_bevel, .i053_plain, .i053_bevel, .i054_plain, .i054_bevel, .i055_plain, .i055_bevel,
  .i056_plain, .i056_bevel, .i057_plain, .i057_bevel, .i058_plain, .i058_bevel, .i059_plain, .i059_bevel,
  .i060_plain, .i060_bevel, .i061_plain, .i061_bevel, .i062_plain, .i062_bevel, .i063_plain, .i063_bevel,
  .i064_plain, .i064_bevel, .i065_plain, .i065_bevel, .i066_plain, .i066_bevel, .i067_plain, .i067_bevel {
    position:absolute;
    display:block;
    left:0%;
    top:0%;
    width:100%;
    height:100%;
    background-size:100% 100%;
    background-position:50% 50%;
    background-repeat:no-repeat;
    z-index:43;
    transition:all ease 0.25s;
  }
  .i000_plain, .i001_plain, .i002_plain, .i003_plain, .i004_plain, .i005_plain, .i006_plain, .i007_plain,
  .i008_plain, .i009_plain, .i010_plain, .i011_plain, .i012_plain, .i013_plain, .i014_plain, .i015_plain,
  .i016_plain, .i017_plain, .i018_plain, .i019_plain, .i020_plain, .i021_plain, .i022_plain, .i023_plain,
  .i024_plain, .i025_plain, .i026_plain, .i027_plain, .i028_plain, .i029_plain, .i030_plain, .i031_plain,
  .i032_plain, .i033_plain, .i034_plain, .i035_plain, .i036_plain, .i037_plain, .i038_plain, .i039_plain,
  .i040_plain, .i041_plain, .i042_plain, .i043_plain, .i044_plain, .i045_plain, .i046_plain, .i047_plain,
  .i048_plain, .i049_plain, .i050_plain, .i051_plain, .i052_plain, .i053_plain, .i054_plain, .i055_plain,
  .i056_plain, .i057_plain, .i058_plain, .i059_plain, .i060_plain, .i061_plain, .i062_plain, .i063_plain,
  .i064_plain, .i065_plain, .i066_plain, .i067_plain {
    cursor:default;
    visibility:visible;
    opacity:1.0;
  }
  .i000_bevel, .i001_bevel, .i002_bevel, .i003_bevel, .i004_bevel, .i005_bevel, .i006_bevel, .i007_bevel,
  .i008_bevel, .i009_bevel, .i010_bevel, .i011_bevel, .i012_bevel, .i013_bevel, .i014_bevel, .i015_bevel,
  .i016_bevel, .i017_bevel, .i018_bevel, .i019_bevel, .i020_bevel, .i021_bevel, .i022_bevel, .i023_bevel,
  .i024_bevel, .i025_bevel, .i026_bevel, .i027_bevel, .i028_bevel, .i029_bevel, .i030_bevel, .i031_bevel,
  .i032_bevel, .i033_bevel, .i034_bevel, .i035_bevel, .i036_bevel, .i037_bevel, .i038_bevel, .i039_bevel,
  .i040_bevel, .i041_bevel, .i042_bevel, .i043_bevel, .i044_bevel, .i045_bevel, .i046_bevel, .i047_bevel,
  .i048_bevel, .i049_bevel, .i050_bevel, .i051_bevel, .i052_bevel, .i053_bevel, .i054_bevel, .i055_bevel,
  .i056_bevel, .i057_bevel, .i058_bevel, .i059_bevel, .i060_bevel, .i061_bevel, .i062_bevel, .i063_bevel,
  .i064_bevel, .i065_bevel, .i066_bevel, .i067_bevel {
    cursor:pointer;
    visibility:visible;
    opacity:0.0;
  }
  .i000_plain { background-image:url("/imagesDE/i000_plain.png"); }
  .i000_bevel { background-image:url("/imagesDE/i000_bevel.png"); }
  .i001_plain { background-image:url("/imagesDE/i001_plain.png"); }
  .i001_bevel { background-image:url("/imagesDE/i001_bevel.png"); }
  .i002_plain { background-image:url("/imagesDE/i002_plain.png"); }
  .i002_bevel { background-image:url("/imagesDE/i002_bevel.png"); }
  .i003_plain { background-image:url("/imagesDE/i003_plain.png"); }
  .i003_bevel { background-image:url("/imagesDE/i003_bevel.png"); }
  .i004_plain { background-image:url("/imagesDE/i004_plain.png"); }
  .i004_bevel { background-image:url("/imagesDE/i004_bevel.png"); }
  .i005_plain { background-image:url("/imagesDE/i005_plain.png"); }
  .i005_bevel { background-image:url("/imagesDE/i005_bevel.png"); }
  .i006_plain { background-image:url("/imagesDE/i006_plain.png"); }
  .i006_bevel { background-image:url("/imagesDE/i006_bevel.png"); }
  .i007_plain { background-image:url("/imagesDE/i007_plain.png"); }
  .i007_bevel { background-image:url("/imagesDE/i007_bevel.png"); }
  .i008_plain { background-image:url("/imagesDE/i008_plain.png"); }
  .i008_bevel { background-image:url("/imagesDE/i008_bevel.png"); }
  .i009_plain { background-image:url("/imagesDE/i009_plain.png"); }
  .i009_bevel { background-image:url("/imagesDE/i009_bevel.png"); }
  .i010_plain { background-image:url("/imagesDE/i010_plain.png"); }
  .i010_bevel { background-image:url("/imagesDE/i010_bevel.png"); }
  .i011_plain { background-image:url("/imagesDE/i011_plain.png"); }
  .i011_bevel { background-image:url("/imagesDE/i011_bevel.png"); }
  .i012_plain { background-image:url("/imagesDE/i012_plain.png"); }
  .i012_bevel { background-image:url("/imagesDE/i012_bevel.png"); }
  .i013_plain { background-image:url("/imagesDE/i013_plain.png"); }
  .i013_bevel { background-image:url("/imagesDE/i013_bevel.png"); }
  .i014_plain { background-image:url("/imagesDE/i014_plain.png"); }
  .i014_bevel { background-image:url("/imagesDE/i014_bevel.png"); }
  .i015_plain { background-image:url("/imagesDE/i015_plain.png"); }
  .i015_bevel { background-image:url("/imagesDE/i015_bevel.png"); }
  .i016_plain { background-image:url("/imagesDE/i016_plain.png"); }
  .i016_bevel { background-image:url("/imagesDE/i016_bevel.png"); }
  .i017_plain { background-image:url("/imagesDE/i017_plain.png"); }
  .i017_bevel { background-image:url("/imagesDE/i017_bevel.png"); }
  .i018_plain { background-image:url("/imagesDE/i018_plain.png"); }
  .i018_bevel { background-image:url("/imagesDE/i018_bevel.png"); }
  .i019_plain { background-image:url("/imagesDE/i019_plain.png"); }
  .i019_bevel { background-image:url("/imagesDE/i019_bevel.png"); }
  .i020_plain { background-image:url("/imagesDE/i020_plain.png"); }
  .i020_bevel { background-image:url("/imagesDE/i020_bevel.png"); }
  .i021_plain { background-image:url("/imagesDE/i021_plain.png"); }
  .i021_bevel { background-image:url("/imagesDE/i021_bevel.png"); }
  .i022_plain { background-image:url("/imagesDE/i022_plain.png"); }
  .i022_bevel { background-image:url("/imagesDE/i022_bevel.png"); }
  .i023_plain { background-image:url("/imagesDE/i023_plain.png"); }
  .i023_bevel { background-image:url("/imagesDE/i023_bevel.png"); }
  .i024_plain { background-image:url("/imagesDE/i024_plain.png"); }
  .i024_bevel { background-image:url("/imagesDE/i024_bevel.png"); }
  .i025_plain { background-image:url("/imagesDE/i025_plain.png"); }
  .i025_bevel { background-image:url("/imagesDE/i025_bevel.png"); }
  .i026_plain { background-image:url("/imagesDE/i026_plain.png"); }
  .i026_bevel { background-image:url("/imagesDE/i026_bevel.png"); }
  .i027_plain { background-image:url("/imagesDE/i027_plain.png"); }
  .i027_bevel { background-image:url("/imagesDE/i027_bevel.png"); }
  .i028_plain { background-image:url("/imagesDE/i028_plain.png"); }
  .i028_bevel { background-image:url("/imagesDE/i028_bevel.png"); }
  .i029_plain { background-image:url("/imagesDE/i029_plain.png"); }
  .i029_bevel { background-image:url("/imagesDE/i029_bevel.png"); }
  .i030_plain { background-image:url("/imagesDE/i030_plain.png"); }
  .i030_bevel { background-image:url("/imagesDE/i030_bevel.png"); }
  .i031_plain { background-image:url("/imagesDE/i031_plain.png"); }
  .i031_bevel { background-image:url("/imagesDE/i031_bevel.png"); }
  .i032_plain { background-image:url("/imagesDE/i032_plain.png"); }
  .i032_bevel { background-image:url("/imagesDE/i032_bevel.png"); }
  .i033_plain { background-image:url("/imagesDE/i033_plain.png"); }
  .i033_bevel { background-image:url("/imagesDE/i033_bevel.png"); }
  .i034_plain { background-image:url("/imagesDE/i034_plain.png"); }
  .i034_bevel { background-image:url("/imagesDE/i034_bevel.png"); }
  .i035_plain { background-image:url("/imagesDE/i035_plain.png"); }
  .i035_bevel { background-image:url("/imagesDE/i035_bevel.png"); }
  .i036_plain { background-image:url("/imagesDE/i036_plain.png"); }
  .i036_bevel { background-image:url("/imagesDE/i036_bevel.png"); }
  .i037_plain { background-image:url("/imagesDE/i037_plain.png"); }
  .i037_bevel { background-image:url("/imagesDE/i037_bevel.png"); }
  .i038_plain { background-image:url("/imagesDE/i038_plain.png"); }
  .i038_bevel { background-image:url("/imagesDE/i038_bevel.png"); }
  .i039_plain { background-image:url("/imagesDE/i039_plain.png"); }
  .i039_bevel { background-image:url("/imagesDE/i039_bevel.png"); }
  .i040_plain { background-image:url("/imagesDE/i040_plain.png"); }
  .i040_bevel { background-image:url("/imagesDE/i040_bevel.png"); }
  .i041_plain { background-image:url("/imagesDE/i041_plain.png"); }
  .i041_bevel { background-image:url("/imagesDE/i041_bevel.png"); }
  .i042_plain { background-image:url("/imagesDE/i042_plain.png"); }
  .i042_bevel { background-image:url("/imagesDE/i042_bevel.png"); }
  .i043_plain { background-image:url("/imagesDE/i043_plain.png"); }
  .i043_bevel { background-image:url("/imagesDE/i043_bevel.png"); }
  .i044_plain { background-image:url("/imagesDE/i044_plain.png"); }
  .i044_bevel { background-image:url("/imagesDE/i044_bevel.png"); }
  .i045_plain { background-image:url("/imagesDE/i045_plain.png"); }
  .i045_bevel { background-image:url("/imagesDE/i045_bevel.png"); }
  .i046_plain { background-image:url("/imagesDE/i046_plain.png"); }
  .i046_bevel { background-image:url("/imagesDE/i046_bevel.png"); }
  .i047_plain { background-image:url("/imagesDE/i047_plain.png"); }
  .i047_bevel { background-image:url("/imagesDE/i047_bevel.png"); }
  .i048_plain { background-image:url("/imagesDE/i048_plain.png"); }
  .i048_bevel { background-image:url("/imagesDE/i048_bevel.png"); }
  .i049_plain { background-image:url("/imagesDE/i049_plain.png"); }
  .i049_bevel { background-image:url("/imagesDE/i049_bevel.png"); }
  .i050_plain { background-image:url("/imagesDE/i050_plain.png"); }
  .i050_bevel { background-image:url("/imagesDE/i050_bevel.png"); }
  .i051_plain { background-image:url("/imagesDE/i051_plain.png"); }
  .i051_bevel { background-image:url("/imagesDE/i051_bevel.png"); }
  .i052_plain { background-image:url("/imagesDE/i052_plain.png"); }
  .i052_bevel { background-image:url("/imagesDE/i052_bevel.png"); }
  .i053_plain { background-image:url("/imagesDE/i053_plain.png"); }
  .i053_bevel { background-image:url("/imagesDE/i053_bevel.png"); }
  .i054_plain { background-image:url("/imagesDE/i054_plain.png"); }
  .i054_bevel { background-image:url("/imagesDE/i054_bevel.png"); }
  .i055_plain { background-image:url("/imagesDE/i055_plain.png"); }
  .i055_bevel { background-image:url("/imagesDE/i055_bevel.png"); }
  .i056_plain { background-image:url("/imagesDE/i056_plain.png"); }
  .i056_bevel { background-image:url("/imagesDE/i056_bevel.png"); }
  .i057_plain { background-image:url("/imagesDE/i057_plain.png"); }
  .i057_bevel { background-image:url("/imagesDE/i057_bevel.png"); }
  .i058_plain { background-image:url("/imagesDE/i058_plain.png"); }
  .i058_bevel { background-image:url("/imagesDE/i058_bevel.png"); }
  .i059_plain { background-image:url("/imagesDE/i059_plain.png"); }
  .i059_bevel { background-image:url("/imagesDE/i059_bevel.png"); }
  .i060_plain { background-image:url("/imagesDE/i060_plain.png"); }
  .i060_bevel { background-image:url("/imagesDE/i060_bevel.png"); }
  .i061_plain { background-image:url("/imagesDE/i061_plain.png"); }
  .i061_bevel { background-image:url("/imagesDE/i061_bevel.png"); }
  .i062_plain { background-image:url("/imagesDE/i062_plain.png"); }
  .i062_bevel { background-image:url("/imagesDE/i062_bevel.png"); }
  .i063_plain { background-image:url("/imagesDE/i063_plain.png"); }
  .i063_bevel { background-image:url("/imagesDE/i063_bevel.png"); }
  .i064_plain { background-image:url("/imagesDE/i064_plain.png"); }
  .i064_bevel { background-image:url("/imagesDE/i064_bevel.png"); }
  .i065_plain { background-image:url("/imagesDE/i065_plain.png"); }
  .i065_bevel { background-image:url("/imagesDE/i065_bevel.png"); }
  .i066_plain { background-image:url("/imagesDE/i066_plain.png"); }
  .i066_bevel { background-image:url("/imagesDE/i066_bevel.png"); }
  .i067_plain { background-image:url("/imagesDE/i067_plain.png"); }
  .i067_bevel { background-image:url("/imagesDE/i067_bevel.png"); }

/*
  .i000_bevel:hover, .i001_bevel:hover, .i002_bevel:hover, .i003_bevel:hover, .i004_bevel:hover, .i005_bevel:hover,
  .i006_bevel:hover, .i007_bevel:hover, .i008_bevel:hover, .i009_bevel:hover, .i010_bevel:hover, .i011_bevel:hover,
  .i012_bevel:hover, .i013_bevel:hover, .i014_bevel:hover, .i015_bevel:hover, .i016_bevel:hover, .i017_bevel:hover,
  .i018_bevel:hover, .i019_bevel:hover, .i020_bevel:hover, .i021_bevel:hover, .i022_bevel:hover, .i023_bevel:hover,
  .i024_bevel:hover, .i025_bevel:hover, .i026_bevel:hover, .i027_bevel:hover, .i028_bevel:hover, .i029_bevel:hover,
  .i030_bevel:hover, .i031_bevel:hover, .i032_bevel:hover, .i033_bevel:hover, .i034_bevel:hover, .i035_bevel:hover,
  .i036_bevel:hover, .i037_bevel:hover, .i038_bevel:hover, .i039_bevel:hover, .i040_bevel:hover, .i041_bevel:hover,
  .i042_bevel:hover, .i043_bevel:hover, .i044_bevel:hover, .i045_bevel:hover, .i046_bevel:hover, .i047_bevel:hover,
  .i048_bevel:hover, .i049_bevel:hover, .i050_bevel:hover, .i051_bevel:hover, ***** [...] ***** {
    left:-10%;
    top:-10%;
    width:120%;
    height:120%;
  }
*/

  .t_hover, .t_nohover {
    display:block;
    position:absolute;
    left:0.100%;
    top:2%;
    width:99.800%;
    height:98%;
    transition:all ease 0.25s;
  }
  .t_hover {
    cursor:pointer;
  }
  .t_hover:hover {
    left:-1%;
    top:0%;
    width:102%;
    height:100%;
  }
  .tf_nohover {
    display:block;
    position:absolute;
    left:0.100%;
    top:0%;
    width:99.800%;
    height:98%;
    transition:all ease 0.25s;
  }

  .font_teaser1  { font-size:2.5rem; line-height:2.5rem; font-weight:normal; }  /* bold */
  .font_teaser2  { font-size:4.0rem; line-height:4.2rem; font-weight:bold;   }  /* bold */
  .font_teaser3  { font-size:2.5rem; line-height:2.5rem; font-weight:normal; }  /* bold */

  .font_title    { font-size:2.7rem; line-height:3.0rem; font-weight:bold;   }  /* bold */
  .font_floating { font-size:2.7rem; line-height:3.0rem; font-weight:normal; }


  .topics {
    position:absolute;
    display:block;
    left:0%;
    /*top:6%;*/
    top:0%;
    width:100%;
    /*height:94%;*/
    height:100%;
    overflow-y:scroll;
    transition:all ease 0.5s;
    scroll-behavior:smooth;
    font-size:2rem;
    scrollbar-width:none;
  }
  .topics::-webkit-scrollbar {
    display:none;
  }



  .soundinterface {
    visibility:visible;
    position:fixed;
    display:none;
    opacity:0.0;
    left:0%;
    top:10%;
    width:100%;
    /*height:80%;*/
    height:40rem;
    OFFbackground-color:rgba(0,0,0,0.4);
    transition:all ease 0.5s;
    z-index:1000;
    overflow:hidden;
  }
  .soundinterface_box {
    visibility:visible;
    position:absolute;
    display:block;
    opacity:0.0;
    left:10%;
    top:25%;
    width:80%;
    /*height:50%;*/
    /* height:25rem; */
    background-color:rgba(7,7,5,0.9);
    border-style:solid;
    border-width:0.2rem;
    border-color:rgba(255,255,255,0.9);
    border-radius:2rem;
    box-sizing:border-box;
    transition:all ease 0.5s;
    z-index:1001;
    overflow:hidden;
  }
  #wrapper.onecolumn .soundinterface_box {
    height:25rem;
  }
  #wrapper.twocolumns .soundinterface_box {
    height:50rem;
  }
  .soundinterface_title {
    position:absolute;
    left:39%;
    top:19%;
    font-family:'MV Boli';
    font-weight:normal;
    color:rgba(255,255,255,0.7);
    visibility:visible;
    opacity:1.0;
    transition:all ease 0.750s;
    z-index:1005;
  }
  #wrapper.onecolumn .soundinterface_title {
    font-size:3rem;
    line-height:3.6rem;
  }
  #wrapper.twocolumns .soundinterface_title {
    font-size:6rem;
    line-height:7.2rem;
  }


  .soundinterface_soundsbox {
    visibility:visible;
    position:absolute;
    display:block;
    opacity:1.0;
    left:2%;
    top:35%;
    width:96%;
    height:40%;
    OFFbackground-color:rgba(7,7,5,0.9);
    border-style:solid;
    border-width:0.2rem;
    border-color:rgba(255,255,255,0.9);
    border-radius:2rem;
    box-sizing:border-box;
    transition:all ease 0.5s;
    z-index:1002;
    overflow:hidden;
  }
  .soundinterface_box_sub {
    position:relative;
    display:block;
    width:100%;
    height:100%;">
  }
  .siclose,
  .sis0, .sis25, .sis50, .sis75, .sis100,
  .sim0, .sim25, .sim50, .sim75, .sim100 {
    visibility:visible;
    opacity:1.0;
    position:absolute;
    display:block;
    transition:all ease 0.25s;
    z-index:1010;
  }
  .siclose { left:77%;  top: 4%;  width:18%;  height:30%; }
  .sis0    { left: 5%;  top:34%;  width:18%;  height:30%; }
  .sis25   { left:23%;  top:34%;  width:18%;  height:30%; }
  .sis50   { left:41%;  top:34%;  width:18%;  height:30%; }
  .sis75   { left:59%;  top:34%;  width:18%;  height:30%; }
  .sis100  { left:77%;  top:34%;  width:18%;  height:30%; }
  .sim0    { left: 5%;  top:64%;  width:18%;  height:30%; }
  .sim25   { left:23%;  top:64%;  width:18%;  height:30%; }
  .sim50   { left:41%;  top:64%;  width:18%;  height:30%; }
  .sim75   { left:59%;  top:64%;  width:18%;  height:30%; }
  .sim100  { left:77%;  top:64%;  width:18%;  height:30%; }