@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@600&display=swap");






@media only screen and (max-width: 1760px) {
  body {
    background: #000 url(/fotos/standard2.gif) no-repeat center center fixed   ;
    background-size: 1899px;

    font-family: 'Open Sans', sans-serif;
    margin: 0;
    padding: 0; 

    
    display: flex;
    min-height: 100vh;
    flex-direction: column;
  }

}

@media only screen and (min-width: 1761px ) {
  body {
    background: #000 url(/fotos/standard.gif) no-repeat center center fixed ;
    background-size: 1899px;


    font-family: 'Open Sans', sans-serif;
    margin: 0;
    padding: 0px; 


    display: flex;
    min-height: 100vh;
    flex-direction: column;
  }
}




/* Voor Webkit-browsers (Chrome, Safari) */
::-webkit-scrollbar {
  width: 7px; /* Breedte van de scrollbar */
}

::-webkit-scrollbar-track {
  background: #5a0303; /* Achtergrond van de scrollbar track */
}

::-webkit-scrollbar-thumb {
  background: rgb(0, 195, 255); /* Kleur van de scrollbar thumb */
  border-radius: 6px; /* Hoekafgeronde scrollbar thumb */
}

::-webkit-scrollbar-thumb:hover {
  background: #14eb00; /* Kleur van de scrollbar thumb bij hover */
}



.midden {
  display: flex; 
  justify-content: center; 
  align-items: center; 
  background: #000 url(/fotos/sterren.gif) no-repeat center center fixed;
  background-size: cover; /* Zorgt ervoor dat de afbeelding de hele container bedekt */
 
  width: 100%; 

}

.tekst {
  background: #000; 
  color: #ff0000; 
  display: grid; 
  justify-content: center; 
  align-items: center; 
  max-width: 1000px;
  font-size: 1.5em; 
  line-height: 1.5; 
  font-family: Arial, sans-serif; 
  padding: 20px; 
  overflow-y: auto; 
  border: 5px solid rgb(255, 21, 196); ; /* Rode rand van 5px */
  border-color: orange;
}

.linkje {
  color: rgb(255, 21, 196); 
  text-decoration: none; 
  border: 5px solid rgb(255, 21, 196); ; /* Rode rand van 5px */
  padding: 5px; /* Optioneel: wat ruimte rond de tekst */
  border-radius: 5px; /* Optioneel: afgeronde hoeken */
  background-image: url("https://apis.dj-dj.be/cdn/openticket/logo.png"); 
  background-size: cover; 
  background-repeat: no-repeat; 
  transition: border-color 0.2s ease; /* Voeg een overgang toe voor de randkleur */

}

.linkje:hover {
  color: #ff0000; /* Verander de kleur naar rood bij hover */
  background-color: rgba(255, 0, 0, 0.1); /* Optioneel: lichte achtergrondkleur bij hover */
  transform: scale(1.1); /* Vergroot het element met 10% bij hover */
  border-color: #ff0000; /* Verander de randkleur bij hover (bijvoorbeeld naar groen) */
}


.tekst h1, .tekst h2 {
  margin: 0.5em 0; /* Voeg wat marge toe aan de koppen */
  color: rgb(255, 21, 196); 
}

p {
  margin: 0.5em 0; /* Add some margin to paragraphs */
}

ul {
  list-style-type: none; /* Remove bullet points */
  padding: 0; /* Remove padding */
}


:root {
  --margin: 15px;
}

.ruimte {


  margin-top: 75px;
  background-color:orange;

}

.ruimte::after {
  content: '';
  display: block;
  height: var(--margin);
  background-color:orange;

  bottom: - var(--margin); 
  left: 0;
  right: 0;


}

.ruimte2 {
  margin-bottom: 500px;
  background-color:orange;
}

.ruimte2::after {
  content: '';
  display: block;
  height: 15px;

  position: absolute;
  background-color:orange;
  left: 0;
  right: 0;
}

.navbar__link:hover svg,
.navbar__link_1:hover svg,
.navbar__link_2:hover svg,
.navbar__link_3:hover svg,
.navbar__link_4:hover svg {
  stroke: #C4151C;
}

.navbar__link,
.navbar__link_1,
.navbar__link_3,
.navbar__link_4 {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  align-items: center;
  justify-content: center;
  height: 3.5rem;
  width: 10rem;
  color: #fff;
  transition: 250ms ease all;
  text-decoration: none;
  width: 10rem;   
  text-transform: uppercase;
  transition: 500ms ease all;
}






.navbar__link_2 {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  align-items: center;
  justify-content: center;
  height: 3.5rem;
  width: 10rem;
  color: #14eb00;
  transition: 250ms ease all;
  text-decoration: none;
  width: 10rem;
  text-transform: uppercase;
  transition: 500ms ease all;
}







/* ikke */











/* footer */

footer{

  color:rgb(0, 195, 255);
  background-color: #000;
  padding: 1.5em 1em .5em 1em;

}

.footer{

  display: flex;
  gap: 2em;
  padding: 0em 1em 1em 2em;

}

/* ul.footer__list {
  list-style-type: circle;
  list-style-position: inside;
  color:rgb(0, 195, 255);
  
} */


.footer_info{
  color: #14eb00;
  text-decoration: none;
}

.footer_home{
  color:rgb(0, 195, 255);
  text-decoration: none;
}




.footer_pro{
  color:rgb(0, 195, 255);
  text-decoration: none;
}

.footer_discord{
  color:rgb(0, 195, 255);
  text-decoration: none;
}


.footer_list{
  font-family: 'Helvetica';
  list-style: none;

}

.footer__headline {
  font-weight: bold;
  font-family: 'Helvetica';
  padding-top: 1em;
}



.copy {
  text-align: center; 
  margin-top: 1em; 
  margin-bottom: 1em; 
  color: white;
}

.spatie {
  color: white;
  background-color: white;

  max-height: 1px ;
}