/* 
Theme Name: dt-the7-child
Author: Stephan Dittmann
Author URI: https://www.dessounds.de
Description: DRHV06_Theme ist das Theme des Dessau-Rosslauer HV 06. Es ist ein Child-Theme von dt-the7. Das Parent-Theme darf daher nicht gelöscht oder bearbeitet werden.
Version: 6.5.0

/************************************** GENERAL STUFF */


.drhv-ts-loader {
    width: 20px;
    height: 20px;
    display: flex;
    transform: rotate(45deg);
    animation: triangle-square-0 1.5s infinite linear;
  }

.drhv-ts-loader:before,
.drhv-ts-loader:after {
    content: "";
    width: 50%;
    background: #514b82;
    clip-path: polygon(0 50%,100% 0,100% 100%);
    animation: inherit;
    animation-name: triangle-square-1;
  }

.drhv-ts-loader:after {
    clip-path: polygon(0 0,100% 50%,0% 100%);
    animation-name: triangle-square-2;
  }

  /* ****************************************************************
  /** ********************* Keyframes ******************************
  ****************************************************************** */ 

  @keyframes triangle-square-0 {
    25% {width:50px;height:50px;transform:rotate(0)}
    50% {width:50px;height:50px}
    75% {width:70.70px;height:35.35px}
    100%{width:70.70px;height:35.35px;transform:rotate(0)}
  }
  @keyframes triangle-square-1 {
    0%,25% {clip-path: polygon(0 50% ,100% 0,100% 100%);transform:translate(0.3px)}
    50%    {clip-path: polygon(0 50% ,100% 0,100% 100%);transform:translate(-5px)}
    75%    {clip-path: polygon(0 100%,0    0,100% 100%);transform:translate(-5px)}
    100%   {clip-path: polygon(0 100%,0    0,100% 100%);transform:translate(17.7px)}
  }
  @keyframes triangle-square-2 {
    0%,25% {clip-path: polygon(0 0,100% 50%,0    100%);transform:translate(-0.3px) }
    50%    {clip-path: polygon(0 0,100% 50%,0    100%);transform:translate(5px) }
    75%    {clip-path: polygon(0 0,100% 0  ,100% 100%);transform:translate(5px)}
    100%   {clip-path: polygon(0 0,100% 0  ,100% 100%);transform:translate(-17.7px) }
  }