/* ==============================================================
    ============================================================
     ===                                                    ===
      ===  copyright by realtoker media // Kai Drachsdorf  ===
      ===  ALL RIGHTS RESERVED // ALLE RECHTE VORBEHALTEN  ===
     ===                                                    ===
   =============================================================
  =============================================================== */
/* Wed, 21 Feb 2024 */
.hamburgermenu{display:block;height:100%;width:100%;text-align:right}input[type=checkbox].hamburgermenuCB{appearance:none;position:absolute;display:flex;top:45%;right:0;padding:0;width:clamp(2px,calc(2vw + 10px),50px);height:clamp(calc(100vmin * .0075),50%,5px);align-content:center;justify-content:center;background-color:var(--color_SW1);transform:translate(0,-2.5px) rotate(0);transition:height .5s,transform .5s,opacity;cursor:pointer}input[type=checkbox].hamburgermenuCB::after,input[type=checkbox].hamburgermenuCB::before{display:inline-block;position:absolute;content:"\2014 ";width:clamp(2px,calc(2vw + 10px),50px);height:100%;font-size:var(--text_size);background-color:var(--color_SW1);transform-origin:center;color:transparent;border:0;margin:10px 0;cursor:pointer}input[type=checkbox].hamburgermenuCB::before{top:calc(-1vw + -10px);transform:rotate(0);transition:top .25s .15s,transform .5s .15s}input[type=checkbox].hamburgermenuCB::after{bottom:calc(-1vw + -10px);transform:rotate(0);transition:bottom .25s .15s,transform .5s .15s}input[type=checkbox].hamburgermenuCB:checked{transform:translate(2px,-2px) rotate(-585deg);transition:height .5s,transform .6s .3s}input[type=checkbox].hamburgermenuCB:checked::after,input[type=checkbox].hamburgermenuCB:checked::before{display:block;content:"";font-size:var(--text_size);background-color:var(--color_SW1)}input[type=checkbox].hamburgermenuCB:checked::before{top:-10px;transform:rotate(-270deg);transition:top .2s,transform .75s ease-out .3s}input[type=checkbox].hamburgermenuCB:checked::after{bottom:-10px;opacity:0;transform:rotate(-180deg);transition:bottom .2s,transform .5s ease-out .3s,opacity 0s .5s}input[type=checkbox].hamburgermenuCB+label::before{display:-webkit-inline-flex;content:"menu";height:100%;margin-right:5vw;align-items:center}input[type=checkbox]:checked.hamburgermenuCB+label::before{display:-webkit-inline-flex;content:"close";height:100%;margin-right:5vw;align-items:center}
/*============================================================  RESPONSIVE PHONE  ===============================================================================*/
@media screen and (max-width:1024px){input[type=checkbox].hamburgermenuCB{top:50%;height:clamp(calc(50vmin * .0075),5%,5px)}}
/*============================================================  RESPONSIVE BIGSCREEN  ===========================================================================*/
@media screen and (orientation:portrait) and (max-width:1024px){input[type=checkbox].hamburgermenuCB{height:2.5px}input[type=checkbox].hamburgermenuCB::before{top:calc(-1vw + -12px)}input[type=checkbox].hamburgermenuCB::after{bottom:calc(-1vw + -12px)}input[type=checkbox].hamburgermenuCB+label::before,input[type=checkbox]:checked.hamburgermenuCB+label::before{margin-top:-2px;margin-right:50px}}