@media (orientation: landscape) {  }
@media (orientation: portrait) {  }

/* Smartphones hochkant (Portrait) bis iPhone SE, Galaxy S Mini

@media (max-width: 480px) {  }


  
*/

:root {
  /* === Background & Colors === */
  --bg: rgba(0, 71, 76, 0.2);
  --bg-green: rgba(0, 71, 76, 1);
  --bg-lightblack: rgba(0, 0, 0, 0.8);

  --main: #00cbb5 !important;
  --main_connect: #00cbb3af !important;

  --white: #fff !important;
  --grey: #2f3742 !important;
  --darkGray: #1F1F1F !important;
  --darkgreen: #004f51 !important;
  --darkblue: #0a0f24 !important;
  --test: #1f2336 !important;
  /* --lightBlue: #0e2648 !important; */

  --lightred: #eb5543 !important;
  --darkred: #781b10 !important;
  --darkyellow: #dbbc0d !important;

  /* === Border === */
  --border: 3px;

  /* === Typography === */
  --font-xxl: 2rem !important;
  --font-xl: 1.5rem !important;
  --font-lg: 1.25rem !important;
  --font-sm: 1rem !important;
  --font-md: 0.75rem !important;
  --lineheight: 25px;
}

.desktop_view { display: block; }
.mobile_view {   display: none;}

/* Smartphones quer + große Smartphones (iPhone 14 Pro Max, Galaxy S24 Ultra) */
@media (max-width: 768px) {
  .desktop_view { display: none; }
  .mobile_view { display: block; }
  html, body {
      min-height: 100% !important;
      height: auto !important;
      overflow-y: auto !important;
  }

  .mc_a_row {
    top: 3rem;
    left: 0rem;
    padding: 1rem;
    width: 100%;
    /* height: 31rem !important; */
    background-image: 
      linear-gradient(rgba(10, 15, 36, 0.7), rgba(10, 15, 36, 0.4)),  /* dunkler Overlay */
      url('../svg/bg_poly_new.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }

  .box_histroy_count {
    background-color: var(--darkblue) !important;
    min-height: 5rem;
    min-width: 5rem;
    border: solid 1px var(--darkgreen);
    border-radius: var(--border);
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0.5rem !important;
    margin-top: 1rem;
    background-image: 
    linear-gradient(rgba(10, 15, 36, 0.7), rgba(10, 15, 36, 0.4)),  /* dunkler Overlay */
    url('../svg/bg_poly_new.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }

}

@media (hover: none) and (pointer: coarse) {

  button { padding: 1rem 2rem; }
}

.choose-adspace {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;       /* volle Breite */
  z-index: 9999;     /* damit es über allem liegt */
}

.navigation-mobile {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;       /* volle Breite */
  min-height: 1rem;  /* Höhe */
  background-color: var(--darkblue);
  z-index:9999;     /* damit es über allem liegt */
}


.newsletter-carusell-row{
  position: relative;
  background-color: var(--darkblue);
  border-radius: var(--border);
  border: 2px solid var(--darkgreen);
  height: 25rem !important;
  width: 100%;
  background-image: 
  linear-gradient(rgba(10, 15, 36, 0.7), rgba(10, 15, 36, 0.4)),  /* dunkler Overlay */
  url('../svg/bg_poly_new.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}