html, body {
height: auto;
width: auto;
min-height: 100vh;
 /* background: linear-gradient(to bottom, black, gray);*/
  color: white;

    margin: 0;
    padding: 0;
    background-color: #051122;
    background-position: center top;
    background-repeat: no-repeat
}








.Blue_Button {
/*  background-color: DodgerBlue; */
background-color: rgb(20 20 20 / 85%);
  border: none;
  color: white;
  padding: 10px 30px;
  cursor: pointer;
  font-size: 14px;

height: 100%;
width: 100%;
}

/* Darker background on mouse-over */
.Blue_Button:hover {
  background-color: rgb(60 60 60 / 85%);
}






/*added Border */
.Content-News-Trailer, .Content-News-Photos {
	border: 2px solid #7b6e4c;
}

/*added background */
.Content-Payments-Header, .Content-Payments-Paypal, .Content-Payments-Hotpay, .Content-Account-Managment, .Content-Web-Shop {
	background-color: rgb(20 20 20 / 85%);
}


.Fixed_Button {
  background-color: rgb(20, 20, 20, 0.85);
  border: none;
  color: white;
  cursor: pointer;
  font-size: 14px;

  /* Use flexbox for centering */
  display: flex;
  flex-direction: column;
  align-items: center; /* Center horizontally */
  justify-content: center; /* Center vertically */
  
  /* Make button occupy maximum size available */
  width: 100%;  /* Full width of the parent container */
  height: 100%; /* Full height of the parent container */
}

/* Darker background on mouse-over */
.Fixed_Button:hover {
  background-color: rgb(60 60 60 / 85%);
}








/* Modal Window Login */
.ModalWindowLogin {
    display: none; 
    position: fixed; 
    z-index: 1; 
    left: 0;
    top: 0;
    width: 100%; 
    height: 100%; 
    overflow: auto; 
    background-color: rgb(0,0,0); 
    background-color: rgba(0,0,0,0.4); 
}

.ModalWindowLogin-Content {
    background-color: rgb(40 40 40 / 85%);
    margin: 5% auto; 
    padding: 10px;
    border: 1px solid #888;
    width: 290px; 
}

.ModalWindowLoginContainer {
    display: flex; /* Enable Flexbox */
    flex-wrap: wrap; /* Allow boxes to wrap onto multiple lines if necessary */
    justify-content: space-between; /* Space boxes evenly */
    margin: 15px; /* Optional: margin for the container itself */
}

.ModalWindowLoginBox {
    background-color: rgb(40 40 40 / 85%);
    margin: 15px; /* Use margin */
    padding: 20px;
    width: 100%; /* Adjust width to fit three in a row */
}

.ModalWindowLoginClose {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.ModalWindowLoginClose:hover,
.ModalWindowLoginClose:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}







/* Modal Window Registration */
.ModalWindowRegister {
    display: none; 
    position: fixed; 
    z-index: 1; 
    left: 0;
    top: 0;
    width: 100%; 
    height: 100%; 
    overflow: auto; 
    background-color: rgb(0,0,0); 
    background-color: rgba(0,0,0,0.4); 
}

.ModalWindowRegister-Content {
    background-color: rgb(40 40 40 / 85%);
    margin: 5% auto; 
    padding: 10px;
    border: 1px solid #888;
    width: 290px; 
}

.ModalWindowRegisterContainer {
    display: flex; /* Enable Flexbox */
    flex-wrap: wrap; /* Allow boxes to wrap onto multiple lines if necessary */
    justify-content: space-between; /* Space boxes evenly */
    margin: 15px; /* Optional: margin for the container itself */
}

.ModalWindowRegisterBox {
    background-color: rgb(40 40 40 / 85%);
    margin: 15px; /* Use margin */
    padding: 20px;
    width: 100%; /* Adjust width to fit three in a row */
}

.ModalWindowRegisterClose {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.ModalWindowRegisterClose:hover,
.ModalWindowRegisterClose:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}










form {
    display: flex;
    flex-direction: column;
}

label {
    margin: 10px 0 5px;
}

input {
    padding: 10px;
    margin-bottom: 15px;
}


/* END OF MODALWINDOW */






























































































/* Exit Web-Shop [ move it later to single css file like: webshop.css ] */