/**
 * @package ista Internet Relaunch
 *
 * Frontend Refactor
 * @author Matthias Becker <matthias.becker@twt.de>
 *
 * Content:
 *  mediaQuery
 *  box-sizing
 *  background-gradient
 *  background-size
 *  border-radius
 *  box-shadow
 *  transform
 *  transform-style
 *  transition
 *  perspective
 *  perspective-origin
 *  keyframe
 *  animation
 *  flex-flow
 *  flexbox
 *  flex
 *  order
 *
 */
.clearfix:after {
  display: block;
  clear: both;
  content: ''; }

/**
 * @package ista Internet Relaunch
 *
 * Frontend Refactor
 * @author Matthias Becker <matthias.becker@twt.de>
 *
 */
.redesign-power-wave {
  height: 200px;
  margin: -200px -75px 0;
  pointer-events: none;
  position: relative;
  z-index: 10;
  transform: translateY(50%) translateY(-10px); }
  .redesign-power-wave::before {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.013) 8.1%, rgba(255, 255, 255, 0.049) 15.5%, rgba(255, 255, 255, 0.104) 22.5%, rgba(255, 255, 255, 0.175) 29%, rgba(255, 255, 255, 0.259) 35.3%, rgba(255, 255, 255, 0.352) 41.2%, rgba(255, 255, 255, 0.45) 47.1%, rgba(255, 255, 255, 0.55) 52.9%, rgba(255, 255, 255, 0.648) 58.8%, rgba(255, 255, 255, 0.741) 64.7%, rgba(255, 255, 255, 0.825) 71%, rgba(255, 255, 255, 0.896) 77.5%, rgba(255, 255, 255, 0.951) 84.5%, rgba(255, 255, 255, 0.987) 91.9%, white 100%);
    height: 100px;
    display: block;
    content: '';
    position: absolute;
    top: 10px;
    right: 0;
    left: 0; }
  .redesign-power-wave::after {
    background: no-repeat url(../../js/redesign/plugins/powerwave/power-wave-static.png) left center;
    height: 200px;
    display: block;
    opacity: 0;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 15; }
  .redesign-power-wave--static::after {
    opacity: 1; }
  .redesign-power-wave canvas {
    position: relative;
    z-index: 15; }
  @media only screen and (max-width: 1450px) {
    .redesign-power-wave {
      margin-right: -35px;
      margin-left: -35px; } }
  @media only screen and (max-width: 767px) {
    .redesign-power-wave {
      margin-right: -15px;
      margin-left: -15px; } }