/*@media (min-width:320px) and (max-width:1280px) { */




/*@media (max-width:1280px) { */
@media ((max-width:1025px) and (orientation:portrait)) {
  html {
    /*overflow: auto;*/
    background-color: #051321;
    /*height: 100%;
width:100%;*/
    /*font-size:16px;*/
  }


  .shophtml {
    background-color: white;
    /*font-size: 35px;*/
  }


  @font-face {
    font-family: "deebal-alphabet";
    font-weight: 400;
    font-display: swap;
    src: url("fonts/deebal-regular.woff2") format("woff2");
  }


  @font-face {
    font-family: "deebal-alphabet";
    font-weight: 700;
    font-display: swap;
    src: url("fonts/deebal-bold.woff2") format("woff2");
  }

  #bg {
    position: fixed;
    /*
  top: -50%; 
  left: -50%; 
  width: 200%; 
  height: 200%;*/
    background-position: center;


    top: -5vh;
    left: -2vw;
    Height: 110vh;
    Width: 104vw;

    overflow: hidden;









    /* Safari 5.1+, Chrome 10+ */
    /* Firefox 3.6+ */
    /* IE 10 */
    /* IE 9 */
    /* Opera 11.10+ #FF72879C*/


    /*


background: -webkit-linear-gradient(top, #354a5f, #283a4e);
background: -moz-linear-gradient(top, #354a5f, #283a4e);
background: -ms-linear-gradient(top, #354a5f, #283a4e);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#354a5f', endColorstr='#283a4e', GradientType=0);
background:linear-gradient(top, #354a5f, #283a4e);


*/


    /*

background:linear-gradient(to bottom, #414041, #585858);*/


    background-color: #080808;
    /* rgba(15,15,15,1) #23408e;  #8d98f2;  #354a5f;*/


  }


  button {
    outline: none;
    border: none;
    -webkit-tap-highlight-color: transparent;
    /* für iOS & Android*/
  }

  button:focus,
  button:active {
    outline: none;
    box-shadow: none;
  }

  button::-moz-focus-inner {
    border: 0;
    /* für Firefox */
  }


  #backdropfront {
    display: none;
  }

  #visible {
    display: block;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    min-width: 0%;

  }




  #headbar {
    display: flex;
    position: absolute;
    top: 0px;
    left: 0%;
    width: 100%;
    height: 76px;
    /*
  background:linear-gradient(to right bottom, #414041, #585858);*/
    background-color: #c8c8c8;
    /*background:transparent;
  border-bottom:2px Solid black;
  box-sizing: border-box;*/
    margin-top: 0;
    justify-content: center;
    z-index: 52;
    opacity: 1;
  }

  /*
#headbar a:focus {
    outline: none !important;
-webkit-tap-highlight-color: transparent;
}*/


  .noSelect {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  .noSelect:focus {
    outline: none !important;
  }

  .logo {
    position: relative;
    top: 16px;
    background-image: url('logo-512x512.png');
    background-size: auto 48px;
    background-repeat: no-repeat;
    background-position-x: center;
    padding-bottom: 48px;
    width: 48px;
  }

  #navButtonBox {
    display: box;
    position: absolute;
    top: 28px;
    /*right:25px;*/
    /*Visibility:hidden;*/
  }


  #navButton {
    position: absolute;
    background-color: transparent;
    outline: none;
    border: none;
    right: 10px;
  }

  paypal-cart-button {
    display: block;
    position: relative;
    right: 65vw;
    top: 14px;
  }

  .navMenu {
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%;
    height: 356px;
    /*calc(100vh - 130px); 850px*/
    overflow: hidden;
    transform: translatey(-100%);
    transition: transform 0.23s;
    box-shadow: none;
    z-index: 50;
    padding-top: 0;
    margin-top: 0;
    opacity: 1;
  }


  .navicon {
    position: relative;
    top: 3.2px;
    background-image: url('gifs/nav_icon.png');
    background-size: 28px 16px;
    background-repeat: no-repeat;
    background-position-x: center;
    padding-bottom: 16px;
    width: 28px;

  }

  .activated {
    /*
box-shadow: 0 12px 6px -6px gray;*/
    visibility: visible;
    transform: translatey(0);
  }

  .navicon {
    right: 10px;
  }

  .navicon_activated {
    right: 14px;
  }

  .navicon_activated {
    position: relative;
    top: 3.2px;
    background-image: url('gifs/nav-exit.png');
    background-size: 20px 16px;
    background-repeat: no-repeat;
    background-position-x: center;
    padding-bottom: 16px;
    width: 20px;
  }

  #headbar p {
    margin: 0 auto;
  }

  .navbar {
    position: absolute;
    top: 70.4px;
    left: 0%;
    width: 100%;
    height: 288px;
    /*calc(100vh - 260px);  720px
  background-color:#a10f10;*/
    background-color: #c8c8c8;

    border-top: 0px;
    border-bottom: 0px;
    box-sizing: border-box;
    font-size: 1.247rem;
    font-family: deebal-alphabet;
    font-weight: 400;
    letter-spacing: 0.6px;

    text-shadow: 0px 0.04px, 0.04px 0px, 0.04px 0.04px;

  }


  #nav1 {
    display: none;
    position: relative;
    Top: 4px;
    left: 5%;
    height: 19.2px;
    width: 30%;
    border-top-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    text-align: center;
    vertical-align: middle;
  }

  #nav2 {
    position: absolute;
    top: 4px;
    left: 10%;
    height: 19.2px;
    width: 40%;
    text-align: center;
  }

  #nav3 {
    position: absolute;
    top: 4px;
    left: 50%;
    height: 19.2px;
    width: 40%;
    border-top-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-style: solid;
    border-color: #000096;
    text-align: center;
  }

  #nav1desk {
    display: none;
  }

  #nav2desk {
    display: none;
  }

  #nav3desk {
    display: none;
  }


  .subnav {
    position: relative;
    Top: 40px;
    left: 0%;
    width: 100%;
    border-left: 0px;
    border-right: 0px;
    /*
border-top:1px Solid #000000;*/
    text-align: left;
    vertical-align: middle;
    Display: none;
  }

  #subnav1 {}

  .subnav a {
    Display: inline-block;
    position: relative;
    left: 10%;
    text-align: left;
    vertical-align: middle;
    padding-top: 10px;
    padding-bottom: 10px;

    font-size: 1.207rem;
    Font-weight: 400;
    Font-family: deebal-alphabet;
    /*text-shadow: 0px 0.1px, 0.1px 0px, 0.1px 0.1px;*/
    letter-spacing: 0.48px;
  }


  #subnav2 {}



  #subnav3 {
    /*
border-bottom: 1px Solid #000000;*/
  }



  #subnav4 {
    /*
border-bottom:1px Solid #000000;*/
  }



  #subnav5 {}



  #subnav6 {}


  .languagenav {
    position: absolute;
    Bottom: 8px;
    Right: 8px;
    width: 100%;
    text-align: right;
    vertical-align: middle;

    font-size: 1.207rem;
    Font-weight: 400;
    Font-family: deebal-alphabet;
    /*text-shadow: 0px 0.1px, 0.1px 0px, 0.1px 0.1px;*/
    letter-spacing: 0.48px;
  }


  .blur {
    display: none;
    backdrop-filter: blur(1.6px);
  }

  #mainall {}


  #main {
    display: inline-block;
    position: relative;
    /*top 167px*/
    top: 66.8px;
    left: 0px;
    width: 100%;
    min-height: 110vh;
    /* background-color:#fafafa; c2c2c2  fafafa  Ededed
  border:10px solid #000000;
  border-left:0px;
  border-right:0px;
  border-top:0px Solid #000000;*/
    text-align: center;
    font-size: 1.609rem;
    /*padding-top:0px;
margin-top: 0px;*/
    box-sizing: border-box;
    /*Font-family:deebal-alphabet;
  z-index:-2;*/
  }


  #main a {
    display: inline-block;
    overflow-wrap: break-word;
    word-break: break-all;
  }

  #main h1 {
    text-align: left;
    font-size: 1.77rem;
    margin-left: 8px;
    margin-right: 8px;
    Font-weight: 700;
    Font-family: deebal-alphabet;
    /*text-shadow: 0px 0.1px, 0.1px 0px, 0.1px 0.1px;*/
    letter-spacing: 0.8px;
  }



  #main h2 {
    text-align: left;
    font-size: 0.965rem;
    margin-left: 8px;
    margin-right: 8px;
    Font-weight: 700;
    Font-family: deebal-alphabet;
    /*text-shadow: 0px 0.01px, 0.01px 0px, 0.01px 0.01px;*/
    letter-spacing: 0.4px;
  }


  #main h3 {
    text-align: center;
    font-size: 1.609rem;
    margin-left: 8px;
    margin-right: 8px;
    Font-weight: 700;
    Font-family: deebal-alphabet;
    /*text-shadow: 0px 0.01px, 0.01px 0px, 0.01px 0.01px;*/
    letter-spacing: 0.4px;
  }

  .welcomeCaption {
    text-Align: right;
  }

  #main p,
  #main ul {
    text-align: left;
    font-size: 0.965rem;
    margin-left: 8px;
    margin-right: 8px;
    Font-weight: 400;
    Font-family: deebal-alphabet;
    /*text-shadow: 0px 0.1px, 0.1px 0px, 0.1px 0.1px;*/
    letter-spacing: 0.48px;
  }


  #shop {
    display: inline-block;
    position: relative;
    /*top 167px*/
    top: 76px;
    left: 0px;
    width: 100%;
    min-height: 110vh;
    /* background-color:#fafafa; c2c2c2  fafafa  Ededed
  border:0px solid #000000;
  border-left:0px;
  border-right:0px;
  border-top:0px Solid #000000;*/
    text-align: center;
    /*  font-size:4rem;*/
    padding: 10px;
    /*margin-top: 0px;*/
    box-sizing: border-box;
    /*Font-family:deebal-alphabet;
  z-index:-2;*/



  }


  #shop h1 {
    text-align: left;
    /*font-size:4.4rem;*/
    margin-left: 8px;
    margin-right: 8px;
    Font-weight: 700;
    Font-family: deebal-alphabet;
    /*text-shadow: 0px 0.1px, 0.1px 0px, 0.1px 0.1px;*/
    letter-spacing: 0.8px;
  }

  #shop h2 {
    text-align: left;
    /*font-size: 2.4rem;*/
    margin-left: 8px;
    margin-right: 8px;
    Font-weight: 700;
    Font-family: deebal-alphabet;
    /*text-shadow: 0px 0.01px, 0.01px 0px, 0.01px 0.01px;*/
    letter-spacing: 0.4px;
  }


  #shop h3 {
    text-align: center;
    /*font-size:4rem;*/
    margin-left: 8px;
    margin-right: 8px;
    Font-weight: 700;
    Font-family: deebal-alphabet;
    /*text-shadow: 0px 0.01px, 0.01px 0px, 0.01px 0.01px;*/
    letter-spacing: 0.4px;
    white-space: nowrap;
  }


  #shop p,
  #shop ul,
  #shop label {
    text-align: left;
    /*font-size:2.4rem;*/
    margin-left: 8px;
    margin-right: 8px;
    Font-weight: 400;
    Font-family: deebal-alphabet;
    /*text-shadow: 0px 0.1px, 0.1px 0px, 0.1px 0.1px;*/
    letter-spacing: 0.48px;
    white-space: nowrap;
  }




  button {
    font-size: 0.805rem;
    Font-weight: 700;
    Font-family: deebal-alphabet;
    /*text-shadow: 0px 0.1px, 0.1px 0px, 0.1px 0.1px;*/
    letter-spacing: 0.48px;
    margin: 4px;
  }

  /* .shop button {
    font-size: 0.362rem;
  } */

  #main span {
    text-align: left;
    display: inline-block;
    font-size: 0.362rem;
    margin-left: 8px;
    margin-right: 8px;
  }

  /* .shop #main span {
    font-size: 0.362rem;
  } */


  .textcontainer {
    padding: 4px;
  }

  .overlaytext {
    position: relative;
    box-sizing: border-box;
    color: white;
    padding: 120px 8px;
    margin: 16px 12px;
    vertical-align: middle;
    width: auto;
    border-radius: 8px;
    line-height: 1.5;
    background-color: rgba(60, 60, 60, 0.3);
    /* semi-transparent white */
  }


  .indexoverlay1 {
    background-color: white;
    margin: 0px 0px;
    border-radius: 0px;
    color: black;
  }

  .indexoverlay2 {
    background-color: #151219;
    margin: 0px 0px;
    border-radius: 0px;
  }


  .footercontainer {
    display: inline-block;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    min-height: 110%;

  }

  .footercontainernavview {
    min-height: 0;
  }


  #footer {
    position: relative;
    bottom: -45px;
    left: 0%;
    width: 100%;
    /*  border-top:1px solid black;*/
    padding: 2px;
    text-align: center;

    font-size: 1.086rem;
    color: white;
    box-sizing: border-box;
    font-family: 'deebal-alphabet';
    font-weight: 400;
    letter-spacing: 2px;
    background-color: #151219;
    /*text-shadow: 0px 0.1px, 0.1px 0px, 0.1px 0.1px;*/
  }

  /* .shop #footer {
    font-size: 0.495rem;
  } */

  .footer {
    Padding-top: 120px;
  }


  .footer-line {
    border-top: 0.4px solid white;
    padding-bottom: 52px;
    Margin-left: 20px;
    margin-right: 20px;
    margin-top: 120px;
  }

  .footer-content {
    padding-top: 8px;
  }

  .footermain {
    padding-top: 120px;
  }

  .footermainline {
    padding-top: 0px;
    margin-top: 0px;
    /* 300px */
    padding-bottom: 52px;
  }


  .datenschutz,
  .impressum,
  .copyright {
    width: 100%;
    /* Adjust the width as needed */
    text-align: left;
    padding-bottom: 20px;
  }

  .datenschutz b1,
  .impressum b1,
  .copyright b1 {
    display: block;
    padding-bottom: 16px;
    padding-left: 20px;
    font-size: 0.805rem;
    Font-weight: 400;
    Font-family: deebal-alphabet;
    letter-spacing: 0.48px;
  }

  /* .shop .datenschutz b1,
  .shop .impressum b1,
  .shop .copyright b1 {
    font-size: 0.362rem;
  } */

  .copyright {
    padding-bottom: 32px;
  }

  /*
#impressum{
 display: inline-block;
 position: absolute;
padding-top:8px;
 left: 13.33%;
 height: 20px;
 width: 30%;
 border-top-width:0px;
border-left-width:0px;
border-right-width:0px;
 text-align: center;
 vertical-align: middle;
}

#datenschutz {
 position: absolute;
 padding-top: 8px;
 left: 56.67%;
 height: 20px;
 width: 30%;
 text-align: center;
 
}*/

  a.navi:link {
    color: #FFFFFF;
    text-decoration: none;
  }

  a.navi:visited {
    /*color: #FFFFFF;*/
  }

  a.navi:active {
    /*color: black;*/
  }

  a.navi,
  a.navi:focus {
    outline: none;
    border: none;
  }

  a.subnavi:link {
    color: black;
    text-decoration: none;
  }


  a.subnavi:visited {
    color: black;
  }


  a.subnavi:active {
    color: black;
  }

  a.main:link {
    color: #000000;
    text-decoration: none;
  }

  a.main:visited {
    color: #FFFFFF;
  }

  a.main:active {
    color: #FFFFFF;
  }

  .footer a:link {
    color: white;
    text-decoration: none;
    padding-bottom: 12px;
  }

  .footer a:visited {
    color: white;
  }

  .footer a:active {
    color: white;
  }


  #features {
    display: block;
    background-color: black;
    /*#FFC107;*/
    padding-top: 40px;
    padding-bottom: 40px;
    color: white;
  }

  #specs {
    display: block;
    background-color: #fafafa;
    padding-top: 40px;
    padding-bottom: 40px;
    color: black;
  }


  @media (min-aspect-ratio: 16/9) {}

  @media (max-aspect-ratio: 19/9) {}

  #cimg_wallbox {
    position: relative;
    top: 76px;
    width: 100%;
    /* nimmt gesamte Bildschirmhöhe ein */
    overflow: hidden;
  }

  .containerimg_wallbox {
    position: relative;
    top: 76px;
    width: 100%;
    /* nimmt gesamte Bildschirmhöhe ein */
    overflow: hidden;
  }

  /* Video selbst */
  #cimg_wallbox video {
    position: relative;
    width: 100%;
    Height: auto;
    Top: -1px;
    object-fit: cover;
    /* skaliert Video wie ein Hintergrundbild */
    pointer-events: none;
    /* macht das Video komplett unanklickbar */
    user-select: none;
    /* verhindert Text-/Elementmarkierung */
    z-index: 0;
  }


  .info-button {
    display: none;
    padding: 12px 24px;
    color: black;
    background-color: #909090;
    border: 0px solid;
    border-radius: 16px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    text-decoration: none;
    white-space: nowrap;

  }


  .info-button:hover {
    background-color: #909090;
  }

  .buy-button {
    display: none;
    padding: 12px 24px;
    color: white;
    background-color: black;
    border: 0px solid;
    border-color: #1E90FF;
    border-radius: 24px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    text-decoration: none;
  }

  .buy-button:hover {
    background-color: black;
  }

  .info-button,
  .buy-button,
  .info-button *,
  .buy-button * {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-touch-callout: none;
    pointer-events: auto;
    /* wichtig, sonst bleibt Klick möglich */
    cursor: pointer;
  }



  .imagewallbox {
    width: 100%;
    background-image: url('gifs/wallbox-x-body.png?vers3');
    background-size: 70% auto;
    background-position: center;
    background-repeat: no-repeat;
    padding-bottom: 200%;
    color: #FFFFFF;
  }



  #caption_buttons {
    display: flex;
    position: absolute;
    justify-content: center;
    width: 100%;
    align-items: center;
    flex-direction: row;
    box-sizing: border-box;
    word-break: keep-all;
    z-index: 2;
  }

  .cimg_caption {
    position: absolute;
    top: 83%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 2;
  }

  .hidden {
    display: none;
  }
}

/* @media (min-width:481px)  { }
@media (min-width:641px)  { port }
@media (min-width:961px)  { tablet, landscape iPad, lo-res laptops ands desktops }
@media (min-width:1025px) { big landscape tablets, laptops, and desktops }
*/
/*@media (min-width:1280px) { */


@media ((min-width:1000px) or (orientation:landscape) or ((min-aspect-ratio:9/9) and (max-aspect-ratio:14/9))) {

  html {


    background-color: #051321;
    height: 100%;
    overflow: auto;
  }


  .shophtml {
    background-color: white;
  }


  @font-face {
    font-family: "deebal-alphabet";
    font-weight: 400;
    font-display: swap;
    src: url("fonts/deebal-regular.woff2") format("woff2");
  }


  @font-face {
    font-family: "deebal-alphabet";
    font-weight: 700;
    font-display: swap;
    src: url("fonts/deebal-bold.woff2") format("woff2");
  }




  /* Entfernt die blaue Outline und Klick-Animation auf Buttons */
  button {
    outline: none;
    border: none;
    -webkit-tap-highlight-color: transparent;
    /* für iOS & Android */
  }

  button:focus,
  button:active {
    outline: none;
    box-shadow: none;
  }

  button::-moz-focus-inner {
    border: 0;
    /* für Firefox */
  }


  #bg {
    position: fixed;
    /*
  top: -50%; 
  left: -50%; 
  width: 200%; 
  height: 200%;*/
    background-position: center;

    top: -5vh;
    left: -2vw;
    Height: 110vh;
    Width: 104vw;
    overflow: hidden;

    background-color: #454545;
  }

  /*

}
#bg img {
  position: absolute; 
  top: 0; 
  left: 0; 
  right: 0; 
  bottom: 0; 
  margin: auto; 
  min-width: 50%;
  min-height: 50%;
}*/

  .backdropfrontclass {
    display: none;
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 10;
  }

  #visible {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    min-width: 0%;
    text-align: center;
  }

  #headbar {
    display: flex;
    position: relative;
    top: 0px;
    width: 100%;
    height: 50px;
    /*
  background:linear-gradient(to right bottom, #414041, #585858);*/
    /*background-color:; */
    border: 0px Solid black;
    /*border:2px Solid black;*/
    box-sizing: border-box;
    justify-content: center;
    z-index: 52;
  }


  #headbar p {
    margin: 0 auto;
  }


  .home #headbar {
    height: 0px;
  }


  #headbarBG {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    max-height: 117px;
    height: 100%;
    background: linear-gradient(rgb(0 0 0 / 75%) 0%, rgba(0, 0, 0, 0) 100%);
    z-index: 2;
  }



  #navButtonBox {
    position: absolute;
    top: 13px;
    /* right:25px;*/
    /*Visibility:hidden;*/
  }


  #navButton {
    display: contents;
    background-color: transparent;
    outline: none;
    border: none;
  }

  .navMenu {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 540px;
    max-height: 100dvh;
    /*calc(100vh - 66px);  550px */
    overflow: hidden;
    transform: translatey(-100%);
    transition: transform 0.24s;
    box-shadow: none;
    z-index: 51;
  }

  .home .navMenu {
    height: 500px;
  }

  .logo {
    position: relative;
    top: 7px;
    background-image: url('logo-512x512.png');
    background-size: 40px auto;
    background-repeat: no-repeat;
    background-position-x: center;
    padding-bottom: 40px;
    width: 40px;
  }

  .logo img {
    height: 62px;
  }


  .navicon {
    display: none;
    position: relative;
    top: 8px;
    background-image: url('gifs/Menu.png');
    background-size: auto 40px;
    background-repeat: no-repeat;
    background-position-x: center;
    padding-bottom: 40px;
    width: 70px;
  }

  .activated {
    visibility: visible;
    /*box-shadow: 0 12px 6px -6px gray;*/
    transform: translatey(0);
  }

  .navicon {
    right: 25px;
  }

  .navicon_activated {
    right: 35px;
  }

  .navicon_activated {
    position: relative;
    top: 8px;
    background-image: url('gifs/nav-exit.png');
    background-size: 50px 40px;
    background-repeat: no-repeat;
    background-position-x: center;
    padding-bottom: 40px;
    width: 50px;
  }








  .noSelect {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  .noSelect:focus {
    outline: none !important;
  }

  .navbar {
    display: inline-block;
    position: relative;
    top: 40px;
    left: 0%;
    width: 100%;
    height: 500px;
    max-height: calc(100dvh - 49px);
    /*calc(100vh - 66px);   500px
  height: 420px;
  background-color:#a10f10;*/
    background-color: #454545;
    /*border:2px solid black;*/
    border-top: 0px;
    border-bottom: 0px;
    box-sizing: border-box;

    font-size: 3.1em;
    font-family: deebal-alphabet;
    font-weight: 400;
    letter-spacing: 1.5px;

    text-shadow: 0px 0.1px, 0.1px 0px, 0.1px 0.1px;
    z-index: 50;
  }

  .home .navbar {
    top: 0px;
    background-color: #c8c8c8;
  }

  #nav1 {
    display: none;
    position: absolute;
    padding-top: 8px;
    top: 10px;
    left: 5%;
    height: 35px;
    width: 30%;
    border-top-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    text-align: center;
    vertical-align: middle;
    /*visibility:hidden;*/
  }

  #nav2 {
    display: none;
    position: absolute;
    padding-top: 8px;
    top: 10px;
    left: 35%;
    height: 35px;
    width: 30%;
    text-align: center;
    /*visibility:hidden;*/
  }

  #nav3 {
    display: none;
    position: absolute;
    padding-top: 8px;
    top: 10px;
    left: 65%;
    height: 35px;
    width: 30%;
    border-top-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-style: solid;
    border-color: #000096;
    text-align: center;
    /*visibility:hidden;*/
  }


  #nav1desk {
    display: none;
    position: relative;
    padding-left: 40px;
    padding-right: 40px;
    top: 18px;
    height: 35px;
    border-top-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    text-align: center;
    vertical-align: middle;
    /*visibility:hidden;*/
  }

  #nav2desk {
    position: relative;
    padding-left: 40px;
    padding-right: 40px;
    top: 18px;
    height: 35px;
    text-align: center;
    /*visibility:hidden;*/
  }

  #nav3desk {
    position: relative;
    padding-left: 40px;
    padding-right: 40px;
    top: 18px;
    height: 35px;
    border-top-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-style: solid;
    border-color: #000096;
    text-align: center;
    /*visibility:hidden;*/
  }

  .subnav {
    position: relative;
    Top: 65px;
    left: 0%;
    width: 100%;
    border-left: 0px;
    border-right: 0px;
    /*
border-top:1px Solid #000000;*/
    text-align: left;
    vertical-align: middle;
    Display: none;
  }

  #subnav1 {}

  .subnav a {
    Display: inline-block;
    position: relative;
    left: 10%;
    text-align: left;
    vertical-align: middle;
    padding-top: 25px;
    padding-bottom: 25px;
  }


  #subnav2 {}



  #subnav3 {
    /*
border-bottom: 1px Solid #000000;*/
  }



  #subnav4 {
    /*
border-bottom:1px Solid #000000;*/
  }



  #subnav5 {}



  #subnav6 {}


  .languagenav {
    position: absolute;
    Bottom: 20px;
    Right: 20px;
    width: 100%;
    text-align: right;
    vertical-align: middle;

    font-size: 3rem;
    Font-weight: 400;
    Font-family: deebal-alphabet;
    /*text-shadow: 0px 0.1px, 0.1px 0px, 0.1px 0.1px;*/
    letter-spacing: 1.2px;
  }


  .blur {
    display: block;
    backdrop-filter: blur(4px);
  }

  #mainall {
    position: relative;
    left: 1.5%;
    margin-top: 1.5%;
    width: 97%;
  }


  #main {
    position: relative;
    /*top 175px*/
    top: 0px;
    display: inline-box;
    width: 100%;
    min-height: 1000px;
    /*background-color:#c2c2c2;*/
    background-color: black;
    /*#fafafa;*/
    border: 0px solid #000000;
    /* 10px */
    padding: 0px;
    text-align: center;
    font-size: 50px;
    /* padding-bottom:20px; */
    box-sizing: border-box;
    /*Font-family:deebal-alphabet;*/
  }

  /*bbbbbb*/
  #main h1 {
    text-align: left;
    font-size: 40px;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 0px;
    padding-top: 20px;
    Font-family: deebal-alphabet;
    font-weight: 700;
    letter-spacing: 0.94px;
  }

  #main h2 {
    text-align: left;
    font-size: 20px;
    margin-left: 20px;
    margin-right: 20px;
    Font-family: deebal-alphabet;
    font-weight: 700;
    letter-spacing: 0.38px;
  }



  #main h3 {
    text-align: center;
    font-size: 50px;
    margin-left: 20px;
    margin-right: 20px;
    Font-weight: 700;
    Font-family: deebal-alphabet;
    /*text-shadow: 0px 0.01px, 0.01px 0px, 0.01px 0.01px;*/
    letter-spacing: 0.38px;
  }

  #shop {
    position: relative;
    /*top 175px*/
    top: 0px;
    display: inline-box;
    width: 100%;
    min-height: 600px;
    /*background-color:#c2c2c2;*/
    background-color: white;
    /*#fafafa;*/
    border: 0px solid #000000;
    /* 10px */
    padding: 30px;
    text-align: center;
    /* padding-bottom:20px; */
    box-sizing: border-box;
    /*Font-family:deebal-alphabet;*/
  }

  #shop h3 {
    Font-weight: 700;
    Font-family: deebal-alphabet;
    /*text-shadow: 0px 0.01px, 0.01px 0px, 0.01px 0.01px;*/
    letter-spacing: 0.38px;
  }

  #shop p,
  #shop ul,
  #shop label {
    Font-weight: 400;
    Font-family: deebal-alphabet;
    letter-spacing: 0.3px;
  }

  #main p,
  #main ul {
    text-align: left;
    font-size: 16px;
    margin-left: 20px;
    margin-right: 20px;
    Font-weight: 400;
    Font-family: deebal-alphabet;
    letter-spacing: 0.3px;
  }

  button {
    font-size: 16px;
    Font-weight: 700;
    Font-family: deebal-alphabet;
    /*text-shadow: 0px 0.1px, 0.1px 0px, 0.1px 0.1px;*/
    letter-spacing: 1.2px;
    margin: 10px;
  }

  #main span {
    text-align: left;
    display: inline-block;
    font-size: 15px;
    margin-left: 20px;
    margin-right: 20px;
  }


  .textcontainer {
    padding: 10px;
  }


  .overlaytext {
    position: relative;
    box-sizing: border-box;
    color: white;
    padding: 300px 20px;
    margin: 40px 30px;
    vertical-align: middle;
    width: auto;
    border-radius: 20px;
    line-height: 1.5;
    background-color: rgba(60, 60, 60, 0.3);
    /* semi-transparent white */
  }


  .indexoverlay1 {
    background-color: #151515;
    margin: 0px 0px;
    border-radius: 0px;
  }

  .indexoverlay2 {
    background-color: #152015;
    margin: 0px 0px;
    border-radius: 0px;
  }


  pagecontent {
    padding: 1.5%;
  }

  .footercontainer {
    display: inline-block;
    position: relative;
    top: 0%;
    width: 100%;
    /*width:97%;*/
    min-height: 110%;
    text-align: center;
  }


  .footercontainernavview {
    min-height: 0;
  }

  #footer {
    position: absolute;
    bottom: -790px;
    left: 0;
    right: 0;
    width: 100%;
    height: 40px;
    margin: 0 auto;
    border: 0px solid black;
    padding: 5px;
    padding-top: 300px;
    text-align: center;
    font-size: 30px;
    color: white;
    font-family: deebal-alphabet;
    font-weight: 400;

  }


  .footer-line {
    border-top: 1px solid white;
    padding-bottom: 60px;
    Margin-left: 50px;
    margin-right: 50px;
  }

  .footer-content {
    padding-top: 20px;
  }

  .datenschutz,
  .impressum,
  .copyright {
    width: 100%;
    /* Adjust the width as needed */
    text-align: left;
    padding-bottom: 50px;
  }

  .datenschutz b1,
  .impressum b1,
  .copyright b1 {
    padding-bottom: 40px;
    padding-left: 50px;
    font-size: 12pt;
    Font-weight: 400;
    Font-family: deebal-alphabet;
    letter-spacing: 1.2px;
  }

  .copyright {
    padding-bottom: 80px;
  }

  /*
#impressum{
 display: inline-block;
 position: absolute;
padding-top:8px;
 left: 13.33%;
 height: 20px;
 width: 30%;
 border-top-width:0px;
border-left-width:0px;
border-right-width:0px;
 text-align: center;
 vertical-align: middle;
}

#datenschutz {
 position: absolute;
 padding-top: 8px;
 left: 56.67%;
 height: 20px;
 width: 30%;
 text-align: center;
 
} */

  #nav2linkdesk,
  #nav3linkdesk {
    display: inline-block;
    color: white;
    text-decoration: none;
    font-size: 11pt;
    font-weight: 700;
    font-family: 'deebal-alphabet';
  }


  #nav2linkdesk:hover,
  #nav3linkdesk:hover {
    transform: scale(1.1);
  }

  a.navi:link {
    color: white;
    text-decoration: none;
    font-size: 11pt;
    font-weight: 700;
    font-family: 'deebal-alphabet';
  }

  a.navi:visited {
    color: white;
    font-size: 11pt;
    font-weight: 700;
    font-family: 'deebal-alphabet';
  }

  a.navi:active {
    color: white;
    font-size: 11pt;
    font-weight: 700;
    font-family: 'deebal-alphabet';
  }


  a.subnavi:link {
    color: white;
    text-decoration: none;
    font-size: 18pt;
    font-weight: 400;
    font-family: 'deebal-alphabet';
  }




  a.subnavi:visited {
    color: white;
    font-size: 18pt;
    font-weight: 400;
    font-family: 'deebal-alphabet';
  }




  a.subnavi:active {
    color: white;
    font-size: 18pt;
    font-weight: 400;
    font-family: 'deebal-alphabet';
  }

  a.main:link {
    color: #000000;
    text-decoration: none;
    font-size: 15pt;
    font-family: 'deebal-alphabet';
  }

  a.main:visited {
    color: #FFFFFF;
    font-size: 15pt;
    font-family: 'deebal-alphabet';
  }

  a.main:active {
    color: #FFFFFF;
    font-size: 15pt;
    font-family: 'deebal-alphabet';
  }




  .home a.subnavi:link {
    color: black;
    text-decoration: none;
    font-size: 18pt;
    font-family: 'deebal-alphabet';
  }




  .home a.subnavi:visited {
    color: black;
    font-size: 18pt;
    font-family: 'deebal-alphabet';
  }




  .home a.subnavi:active {
    color: black;
    font-size: 18pt;
    font-family: 'deebal-alphabet';
  }






  .footer a:link {
    color: #FFFFFF;
    text-decoration: none;
    font-size: 12pt;
    padding-bottom: 30px;
    font-family: 'deebal-alphabet';
  }

  .footer a:visited {
    color: #FFFFFF;
    font-size: 12pt;
    font-family: 'deebal-alphabet';
  }

  .footer a:active {
    color: #FFFFFF;
    font-size: 12pt;
    font-family: 'deebal-alphabet';
  }


  #features {
    display: block;
    background-color: black;
    /*#FFC107;*/
    padding-top: 100px;
    padding-bottom: 100px;
    color: white;
  }

  #specs {
    display: block;
    background-color: #fafafa;
    padding-top: 100px;
    padding-bottom: 100px;
    color: black;
  }

  #cimg_wallbox {
    position: absolute;
    top: 0;
    Left: 0;
    width: 100%;
    height: 100vh;
    /* nimmt gesamte Bildschirmhöhe ein */
    overflow: hidden;
  }

  /* Video selbst */
  #cimg_wallbox video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* skaliert Video wie ein Hintergrundbild */
    pointer-events: none;
    /* macht das Video komplett unanklickbar */
    user-select: none;
    /* verhindert Text-/Elementmarkierung */
    z-index: 0;
  }


  .imagewallbox {
    width: 35.9%;
    float: left;
    position: relative;
    background-image: url('gifs/wallbox-x-body.png?vers3');
    background-size: 70% auto;
    background-position: center;
    background-repeat: no-repeat;
    padding-bottom: 70%;
    color: #FFFFFF;
    height: auto;
    z-index: 5;
  }

  #wallboxtext {
    display: inline-block;
    width: 60%;
  }

  #wallboxtext h3 {
    font-size: 25pt;
    text-align: left;
    padding-right: 50px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .featuressub {
    width: 55%;
    display: inline-block;
    position: relative;
  }

  .img_wallboxfullres {
    display: block;
    box-sizing: border-box;
    width: 100%;
    background-image: url('gifs/wallbox_home-swide.jpg?vers1');
    background-size: 100% auto;
    background-repeat: no-repeat;
    color: #FFFFFF;
    height: 100%;
    padding-bottom: 56.24%;
  }

  .info-button {
    display: none;
    padding: 15px 30px;
    color: black;
    background-color: #909090;
    border: none;
    border-radius: 40px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    text-decoration: none;
    white-space: nowrap;
  }

  .info-button:hover {
    background-color: #909090;
  }

  .buy-button {
    display: none;
    padding: 15px 30px;
    color: white;
    background-color: black;
    border: 0px solid;
    border-color: #1E90FF;
    border-radius: 40px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    text-decoration: none;
    white-space: nowrap;
  }

  .buy-button:hover {
    background-color: black;
  }


  .info-button,
  .buy-button,
  .info-button *,
  .buy-button * {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-touch-callout: none;
    pointer-events: auto;
    /* wichtig, sonst bleibt Klick möglich */
    cursor: pointer;
  }



  /*
.cimg_caption{
display: flex;
position:absolute;
justify-content: flex-end;
align-items: center;
flex-direction: column;
box-sizing:border-box;
height:100%;
width:100%;
padding-bottom:60vh;
word-break:keep-all;
box-sizing:border-box;
}
*/

  #caption_buttons {
    display: flex;
    position: absolute;
    justify-content: center;
    width: 100%;
    align-items: center;
    flex-direction: row;
    box-sizing: border-box;
    word-break: keep-all;
    z-index: 2;
  }

  .cimg_caption {
    position: absolute;
    top: 78vh;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 2;
  }


  .hidden {
    display: none;
  }


}