@charset "UTF-8";
/*SCSS HOVEDFIL DETTE IMPORTERES ALLE ANDRE SCSS FILER OG SENDER DEM TIL main.css*/
/*HVIS DU VIL GERNE TILFØJE EN NY SCSS FIL SÅ SKRIV DEN SOM "_(FILNAVN).scss" UNDER SCSS MAPPEN OG KOPIERE DEN FØLGENDE TEMPLATE I DEN HER FIL*/
/*@import "FILNAVN";*/
/*CSS KODE TIL ALLE SIDERS NAVIGATION*/
/*KODE TIL NAVIGATION CONTAINER*/
.navigation {
  display: flex;
  justify-content: space-between;
  padding: 9px 30px;
  align-items: center;
  background-color: #94B3A9;
  position: sticky;
  overflow: hidden;
  top: 0;
  z-index: 3;
}

/*KODE TIL LOGO*/
.logo img {
  width: 120px;
  filter: grayscale(30%);
}

.logo img:hover {
  filter: grayscale(0);
  transition: filter 0.2;
}

/*KODE TIL DE 3 LINJER DETTE ÅBNER DROPDOWN PÅ MOBILEN*/
.burgermenu i {
  font-size: 40px;
  color: #02513B;
  display: block;
}

/*KODE TIL NAV LINKS PÅ COMPUTEREN*/
.computernav {
  display: flex;
  justify-content: space-between;
  column-gap: 30px;
}

.computernav a {
  text-decoration: none;
  color: #02513B;
  font-size: 20px;
}

.computernav a:hover {
  color: #A82222;
  transition: color 0.2s;
}

/*RESPONSIV DEL AF KODEN - LUKKER NAV LINKS OG ÅBNER DE TRE LINJER PÅ MOBILEN ELLER SLETTER DE TRE LINJER OG ÅBNER NAV LINKS PÅ COMPUTEREN*/
@media only screen and (min-width: 1279px) {
  .burgermenu {
    display: none;
  }
  #dropdown {
    display: none;
  }
  .computernav {
    display: flex;
  }
}
@media only screen and (max-width: 1279px) {
  .burgermenu {
    display: block;
  }
  .computernav {
    display: none;
  }
}
/*CSS KODE TIL ALLE SIDERS HEADER VIDEO OG LAYOUT*/
/*KODEN TIL HEADER VIDEOERS CONTAINER*/
.videocontainer, .ansvarlighedvideocontainer, .kontaktvideocontainer, .produktvideocontainer {
  width: 100%;
  height: 100%;
  position: relative;
}

.videocontainer video {
  object-fit: cover;
  object-position: center 25%;
  z-index: 1;
}

/*KODEN TIL HEADER VIDEOS OVERLAY*/
#videooverlay {
  position: absolute;
  z-index: 2;
  margin: 0;
  transform: translate(-50%, -50%);
  width: 85%;
  text-align: center;
  top: 50%;
  left: 50%;
  background-color: rgba(153, 153, 153, 0.1568627451);
  font-size: 2.4rem;
  color: rgba(255, 255, 255, 0.87);
  border-radius: 10px;
}

/*KODEN TIL CENTERING AF HEADER VIDEOER*/
.ansvarlighedvideocontainer video {
  object-fit: cover;
  object-position: center center;
  z-index: 1;
}

.kontaktvideocontainer video {
  object-fit: cover;
  object-position: center 25%;
  z-index: 1;
}

.produktvideocontainer video {
  object-fit: cover;
  object-position: center 30%;
  z-index: 1;
}

#videooverlay h1 {
  margin-bottom: 0;
}

/*RESPONSIV DEL AF HEADER, ÆNDRER STØRRELSE AF ORD NÅR SKÆRMSTØRRELSE ER MINDRE END 1180px, 480px og 416px*/
@media only screen and (max-width: 1180px) {
  #videooverlay {
    font-size: 2rem;
  }
}
@media only screen and (max-width: 720px) {
  #videooverlay {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 440px) {
  #videooverlay {
    font-size: 1.4rem;
  }
}
/*KODEN TIL ALLE SIDER DETTE HJEMMESIDEN BRUGER*/
/*Sidernes font*/
@font-face {
  font-family: Metropolis;
  src: url(/misc/Metropolis-Regular.otf);
}
/*Kode til sidernes hovedstruktur*/
html, body {
  margin: 0;
  height: 100%;
  -ms-overflow-style: none;
  scrollbar-width: none;
  overflow-x: hidden;
}

/*Kode til at ikke vise scrollbar*/
.html::-webkit-scrollbar, .body::-webkit-scrollbar {
  display: none;
}

/*Sidernes container*/
.container {
  font-family: Metropolis, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 0;
}

/*Sletter hyperlinks underline*/
a {
  text-decoration: none;
}

/**/
#dropdown {
  display: none;
  flex-direction: column;
  position: fixed;
  z-index: 5;
  max-width: 100%;
  width: auto;
  height: 950px;
  align-items: center;
  background-color: #94B3A9;
  gap: 30px;
  padding-top: 100px;
  right: 0;
  left: 0;
  margin-right: auto;
  margin-left: auto;
}

#dropdown a:hover {
  color: #A82222;
}

/**/
.dropdownclass a {
  color: #02513B;
  font-size: 40px;
}

/**/
.contentnavigation {
  margin: 0;
  top: 0;
  background-color: #3B4844;
  font-size: 2rem;
}

.contentcontainer {
  display: flex;
  justify-content: space-between;
  padding: 30px 40px;
}

.contentcontainer img {
  max-width: 450px;
  max-height: 1218px;
}

.contentnavigation p {
  color: #c3d4cf;
  font-size: 1.025rem;
}

.contentnavigation h2 {
  color: white;
  font-size: 2rem;
  text-align: center;
}

.contentnavigation h2:hover {
  color: #A82222;
  transition: color 0.2s;
}

.contentnavigation i {
  color: #c3d4cf;
  font-size: 1.025rem;
}

/**/
.content1, .content2, .content3 {
  padding-bottom: 20px;
  max-width: 450px;
}

.content1 img, .content2 img, .content3 img {
  filter: grayscale(30%);
}

.content1 img:hover, .content2 img:hover, .content3 img:hover {
  filter: grayscale(0%);
  transition: filter 0.2s;
}

/**/
@media only screen and (max-width: 1800px) {
  .contentcontainer img {
    max-width: 350px;
    max-height: 900px;
  }
  .content1, .content2, .content3 {
    max-width: 350px;
  }
}
/**/
@media only screen and (max-width: 1150px) {
  .contentcontainer img {
    max-width: 250px;
    max-height: 600px;
  }
  .content1, .content2, .content3 {
    max-width: 250px;
  }
  .content1 h2, .content2 h2, .content3 h2 {
    max-width: 250px;
    font-size: 1.5rem;
  }
}
/**/
@media only screen and (max-width: 850px) {
  .contentcontainer img {
    max-width: 150px;
    max-height: 400px;
  }
  .content1, .content2, .content3 {
    max-width: 150px;
  }
}
/**/
@media only screen and (max-width: 600px) {
  .contentcontainer {
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }
  .contentcontainer img {
    max-width: 100%;
    max-height: 100%;
    padding-bottom: 20px;
  }
  .content1, .content2, .content3 {
    max-width: 100%;
    border-top: 1px solid #c3d4cf;
    padding-top: 20px;
    align-items: center;
  }
  .content1 h2, .content2 h2, .content3 h2 {
    max-width: 100%;
  }
}
/**/
.kontaktos {
  background-color: #94B3A9;
  margin: 0;
  font-size: 1.75rem;
  color: white;
  font-weight: 300;
  padding: 2rem 3rem;
  text-align: center;
}

.kontaktos h1 {
  padding: 5px 20px;
}

.kontaktos p {
  line-height: 3rem;
  margin-bottom: 0;
  margin-top: 0;
}

.kontaktos a {
  color: white;
}

.kontaktos h3 {
  font-size: 1.25rem;
  color: #3B4844;
}

/**/
.kortcontainer {
  display: flex;
  justify-content: space-between;
  padding: 20px 22rem;
}

/**/
.adressecontainer {
  font-size: 1.8rem;
  text-align: left;
  max-width: 400px;
}

.adressecontainer p {
  color: #3B4844;
  line-height: 4rem;
}

.adressecontainer i {
  color: #3B4844;
  text-align: center;
}

.adressehover p:hover {
  color: #A82222;
  transition: color 0.2s;
}

/**/
.adresselinkcontainericon {
  display: flex;
  gap: 17px;
  font-size: 3rem;
}

.adresselinkcontainericon i:hover {
  color: #A82222;
}

.adresselinkdisclaimer i {
  font-size: 0.8rem;
  margin: 0;
}

/**/
.helptelefon {
  color: #14143c;
  border-bottom: 2px solid #14143c;
}

/**/
.danskespil {
  font-size: 3rem;
  line-height: 2rem;
  padding: 30px;
  display: flex;
  justify-content: center;
  gap: 20px;
  align-items: center;
}

.danskespil a:hover {
  color: #ffb600;
}

.danskespil img {
  width: 40px;
}

/**/
@media only screen and (max-width: 1830px) {
  .kortcontainer {
    padding: 20px 16rem;
  }
}
/**/
@media only screen and (max-width: 1640px) {
  .kortcontainer {
    padding: 20px 12rem;
  }
}
/**/
@media only screen and (max-width: 1520px) {
  .kortcontainer {
    padding: 20px 8rem;
  }
}
/**/
@media only screen and (max-width: 1400px) {
  .kortcontainer {
    padding: 20px 4rem;
  }
}
/**/
@media only screen and (max-width: 1270px) {
  .kortcontainer {
    padding: 20px 0.1rem;
  }
}
/**/
@media only screen and (max-width: 1140px) {
  .kortcontainer {
    flex-direction: column;
    padding: 10px 0;
    align-items: center;
  }
  .adressecontainer {
    text-align: center;
  }
  .kontaktos p {
    font-size: 1.5rem;
    line-height: 3rem;
  }
  .kontaktos h1 {
    font-size: 2.5rem;
    padding-bottom: 25px;
    border-bottom: 1px solid white;
  }
  .adresselinkcontainericon {
    justify-content: center;
    padding-bottom: 10px;
  }
  .kortcontainer iframe {
    display: none;
  }
}
@media only screen and (max-width: 850px) {
  .kontaktos p {
    font-size: 1.3rem;
  }
  .adresselinkcontainericon i {
    font-size: 2rem;
  }
}
@media only screen and (max-width: 450px) {
  .kontaktos {
    padding: 2rem 1rem;
  }
  .danskespil {
    padding: 2px 0;
    gap: 10px;
  }
}
/*BASIS KODE TIL FOOTER OG DERES LINKS*/
.footer {
  background-color: white;
  padding-top: 20px;
  z-index: 1;
  position: relative;
}

.footer p {
  font-size: 1rem;
  text-align: center;
  color: black;
  margin-bottom: 0;
  margin-top: 0;
  line-height: 2rem;
}

.footer i {
  font-size: 1.2rem;
  text-align: center;
  color: black;
  margin-bottom: 0;
  margin-top: 0;
  padding-left: 5px;
  line-height: 2rem;
}

.footer i:hover {
  color: #A82222;
  transition: color 0.2s;
}

.footerlinkcontainer {
  display: flex;
  justify-content: center;
  gap: 20px;
  padding-bottom: 0.5rem;
}

.footerlinkcontainericon {
  gap: 20px;
}

.footerlinkcontainer p:hover {
  color: #A82222;
  transition: color 0.2s;
}

.footerlinkdisclaimer {
  display: flex;
  justify-content: center;
}

.footer br {
  display: none;
}

/*RESPONSIV DEL AF KODEN - NÅR STØRRELSEN ER MINDRE END 650PX SÅ ER LINKERNE LODRETTE*/
@media only screen and (max-width: 620px) {
  .footer {
    padding-left: 50px;
    padding-right: 50px;
  }
  .footerlinkcontainer {
    flex-direction: column;
    padding: 0px 30px;
    padding-bottom: 20px;
  }
  .footerlinkcontainer p {
    margin-top: 0;
  }
  .footer p {
    padding-top: 10px;
  }
  .footer br {
    display: block;
  }
  .footer i {
    padding-top: 10px;
    font-size: 2rem;
  }
}
/**/
.spillemaskinecontent {
  background-color: #3B4844;
  width: 100%;
}

/**/
.spillemaskinecontainer {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 50px 35px;
  border-bottom: 1px solid #94b3a9;
}

/**/
.spillemaskinetitel {
  font-size: 3rem;
  text-align: center;
  color: white;
  margin: 0;
  padding-top: 50px;
}

/**/
.spillemaskinevenstre, .spillemaskinehojre {
  width: 300px;
}

.spillemaskinevenstre img, .spillemaskinehojre img {
  width: 300px;
  height: 800px;
}

/**/
.spillemaskinevideo {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.spillemaskinevideo img {
  width: 500px;
}

/**/
.claritybackground, .uprightbackground, .superboxbackground {
  position: relative;
}

/**/
#clarityoverlaybottom {
  position: absolute;
  margin: 0;
  transform: translate(-50%, 20%);
  width: 67%;
  height: 24%;
  top: 50%;
  left: 50%;
  object-fit: cover;
  border-radius: 5px;
}

#clarityoverlaytop {
  position: absolute;
  margin: 0;
  transform: translate(-50%, -88%);
  width: 64%;
  height: 28%;
  top: 50%;
  left: 50%;
  border-radius: 5px;
  object-fit: cover;
}

#clarityoverlayupper {
  position: absolute;
  margin: 0;
  transform: translate(-50%, -219%);
  width: 64%;
  height: 21.2%;
  top: 50%;
  left: 50%;
  object-fit: cover;
  border-radius: 5px;
}

/**/
#superboxoverlaybottom {
  position: absolute;
  margin: 0;
  transform: translate(-50%, 10%);
  width: 71.5%;
  height: 26%;
  top: 50%;
  left: 50%;
  object-fit: cover;
  border-radius: 5px;
}

#superboxoverlaytop {
  position: absolute;
  margin: 0;
  transform: translate(-50%, -105%);
  width: 68%;
  height: 27%;
  top: 50%;
  left: 50%;
  border-radius: 2px;
  object-fit: cover;
}

/**/
#uprightoverlaybottom {
  position: absolute;
  margin: 0;
  transform: translate(-50%, -12%);
  width: 68.2%;
  height: 29.3%;
  top: 50%;
  left: 50%;
  object-fit: cover;
  border-radius: 5px;
}

#uprightoverlaytop {
  position: absolute;
  margin: 0;
  transform: translate(-50%, -120%);
  width: 68.2%;
  height: 28%;
  top: 50%;
  left: 50%;
  border-radius: 5px;
  object-fit: cover;
}

/**/
@media only screen and (max-width: 1600px) {
  .spillemaskinecontainer {
    display: block;
    padding: 50px;
  }
  .spillemaskinecontainer iframe {
    text-align: center;
    display: block;
    margin: 0 auto;
    border: 0;
    width: 100%;
    height: 500px;
    overflow: auto;
  }
  .spillemaskinevenstre, .spillemaskinehojre {
    display: none;
  }
}
/**/
.tekniskenavigation {
  margin: 0;
  top: 0;
  background-color: #3B4844;
  font-size: 1.2rem;
  width: 100%;
  border-bottom: 2px solid #94B3A9;
}

.tekniskenavigation p {
  color: #c3d4cf;
  font-size: 1.025rem;
}

.tekniskenavigation h2 {
  color: white;
  font-size: 2rem;
}

.tekniskenavigation i {
  color: #c3d4cf;
  font-size: 1.025rem;
}

/**/
.tekniskecontainer {
  display: flex;
  justify-content: space-between;
  padding: 50px 200px;
}

.tekniskecontainer img {
  width: 250px;
}

/**/
.tekniske1, .tekniske2, .tekniske3 {
  padding-bottom: 20px;
  color: #94B3A9;
  width: 30%;
}

/**/
.tekniske1 {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.tekniske1 h2 {
  margin-bottom: 0;
}

.tekniske1 ul {
  padding-left: 15px;
}

/**/
.tekniske2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}

.tekniske2 h1 {
  letter-spacing: 0.5rem;
  color: white;
  text-align: center;
  margin-bottom: 0;
  width: 250px;
}

.tekniske2 img {
  justify-content: center;
}

/**/
@media only screen and (max-width: 1800px) {
  .tekniskecontainer {
    padding: 50px 80px;
  }
  .tekniskecontainer img {
    width: 200px;
  }
  .tekniske1, .tekniske3 {
    font-size: 1rem;
  }
  .tekniske2 h1 {
    font-size: 1.5rem;
  }
}
/**/
@media only screen and (max-width: 1150px) {
  .tekniskecontainer {
    flex-direction: column;
    align-items: center;
  }
  .tekniske1, .tekniske2, .tekniske3 {
    width: 100%;
    border-bottom: 1px solid #94B3A9;
  }
  .tekniske1, .tekniske3 {
    padding: 50px 2rem;
  }
  .tekniskecontainer img {
    width: 40%;
  }
  .tekniske2 {
    order: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    align-items: center;
  }
  .tekniske2 h1 {
    text-align: center;
    font-size: 3rem;
    width: 100%;
  }
  .tekniske1 {
    order: 2;
    font-size: 2rem;
    padding-bottom: 0px;
  }
  .tekniske1 h2 {
    text-align: center;
    padding-bottom: 20px;
  }
  .tekniske3 {
    order: 3;
    font-size: 2rem;
    padding-bottom: 0px;
  }
  .tekniske3 h2 {
    text-align: center;
    padding-bottom: 20px;
  }
}
/**/
@media only screen and (max-width: 850px) {
  .tekniske2 h1 {
    font-size: 3rem;
  }
  .tekniskecontainer img {
    width: 50%;
  }
}
/**/
@media only screen and (max-width: 600px) {
  .tekniskecontainer {
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }
  .tekniske1 li, .tekniske3 li {
    font-size: 1.5rem;
  }
  .tekniske2 h1 {
    font-size: 1.5rem;
    width: 100%;
  }
  .tekniskecontainer img {
    width: 70%;
  }
}
/**/
@media only screen and (max-width: 450px) {
  .tekniske1 li, .tekniske2 li, .tekniske3 li {
    font-size: 1rem;
    text-align: center;
  }
  ul {
    padding-left: 0;
    list-style-position: inside;
  }
  .tekniske1 h3, .tekniske3 h3 {
    font-size: 1.5rem;
    text-align: center;
  }
  .tekniske1 h2, .tekniske3 h2 {
    font-size: 1.5rem;
  }
}
/**/
.textcontainer {
  padding-bottom: 20px;
}

.textcontainer li {
  color: white;
  list-style: none;
  font-size: 1.1875rem;
  margin: 10px 0;
}

.textcontainer li:before {
  content: ">";
  padding-right: 15px;
}

/**/
.tekniskecontainer li {
  padding-bottom: 2px;
}

.tekniske2 h3 {
  text-align: center;
}

.tekniske1, .tekniske3 {
  padding-top: 30px;
}

/**/
#close {
  display: none;
}

/**/
.kontaktnavigation {
  margin: 0;
  top: 0;
  background-color: #3B4844;
  font-size: 2rem;
  padding-top: 10px;
  padding-bottom: 10px;
}

.kontaktnavigation p {
  color: #c3d4cf;
  font-size: 1.025rem;
}

.kontaktnavigation h1 {
  text-align: center;
  color: white;
  padding: 30px 0;
}

.kontaktnavigation h2 {
  color: white;
  font-size: 2rem;
  text-align: center;
  margin-top: 0;
}

.kontaktnavigation h2:hover {
  color: #A82222;
  transition: color 0.2s;
}

.kontaktnavigation i {
  color: #c3d4cf;
  font-size: 1.025rem;
}

/**/
.kontaktcontainer {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 20px 40px;
}

.kontaktcontainer img {
  max-width: 450px;
  max-height: 1218px;
}

/**/
.kontakt1, .kontakt2, .kontakt3, .kontakt4, .kontakt5 {
  padding-bottom: 50px;
  width: 36rem;
  text-align: center;
}

/* SLET KONTAKT 4 OG KONTAKT 5 PADDING HVIS EN ANDEN PERSON SKAL TILFØJES TIL KONTAKT*/
.kontakt4 {
  padding-left: 18rem;
}

.kontakt5 {
  padding-right: 18rem;
}

.kontakt1 img, .kontakt2 img, .kontakt3 img, .kontakt4 img, .kontakt5 img {
  filter: grayscale(50%);
}

.kontakt1 img:hover, .kontakt2 img:hover, .kontakt3 img:hover, .kontakt4 img:hover, .kontakt5 img:hover {
  filter: grayscale(0%);
  transition: filter 0.2s;
}

/**/
.email {
  color: #c3d4cf;
}

.email:hover {
  color: #A82222;
  transition: color 0.2s;
}

/**/
/**/
@media only screen and (max-width: 1810px) {
  .kontaktcontainer img {
    max-width: 400px;
  }
  .kontakt1, .kontakt2, .kontakt3, .kontakt4, .kontakt5 {
    max-width: 400px;
  }
  .kontakt1 h2, .kontakt2 h2, .kontakt3 h2, .kontakt4 h2, .kontakt5 h2 {
    font-size: 1.5rem;
  }
  .kontakt4 {
    padding-left: 14.5rem;
  }
  .kontakt5 {
    padding-right: 14.5rem;
  }
}
/**/
@media only screen and (max-width: 1366px) {
  .kontaktcontainer img {
    max-width: 350px;
  }
  .kontakt1, .kontakt2, .kontakt3, .kontakt4, .kontakt5 {
    max-width: 350px;
  }
  .kontakt1 h2, .kontakt2 h2, .kontakt3 h2, .kontakt4 h2, .kontakt5 h2 {
    font-size: 1rem;
  }
  .kontakt4 {
    padding-left: 14rem;
  }
  .kontakt5 {
    padding-right: 14rem;
  }
  .kontaktnavigation h1 {
    font-size: 3rem;
  }
}
/**/
@media only screen and (max-width: 1280px) {
  .kontaktcontainer img {
    max-width: 300px;
  }
  .kontakt1, .kontakt2, .kontakt3, .kontakt4, .kontakt5 {
    max-width: 300px;
  }
  .kontakt4 {
    padding-left: 11.5rem;
  }
  .kontakt5 {
    padding-right: 11.5rem;
  }
}
/**/
@media only screen and (max-width: 1100px) {
  .kontaktcontainer img {
    max-width: 250px;
  }
  .kontakt1, .kontakt2, .kontakt3, .kontakt4, .kontakt5 {
    max-width: 250px;
  }
  .kontakt1 h2, .kontakt2 h2, .kontakt3 h2, .kontakt4 h2, .kontakt5 h2 {
    font-size: 1rem;
  }
  .kontakt4 {
    padding-left: 11rem;
  }
  .kontakt5 {
    padding-right: 11rem;
  }
}
/**/
@media only screen and (max-width: 980px) {
  .kontaktcontainer img {
    max-width: 200px;
  }
  .kontakt1, .kontakt2, .kontakt3, .kontakt4, .kontakt5 {
    max-width: 200px;
  }
  .kontakt1 h2, .kontakt2 h2, .kontakt3 h2, .kontakt4 h2, .kontakt5 h2 {
    font-size: 0.8rem;
  }
  .kontakt1 p, .kontakt2 p, .kontakt3 p, .kontakt4 p, .kontakt5 p {
    font-size: 0.8rem;
  }
  .kontakt4 {
    padding-left: 10rem;
  }
  .kontakt5 {
    padding-right: 10rem;
  }
}
/**/
@media only screen and (max-width: 900px) {
  .kontakt4 {
    padding-left: 8.5rem;
  }
  .kontakt5 {
    padding-right: 8.5rem;
  }
}
/**/
@media only screen and (max-width: 800px) {
  .kontaktcontainer {
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }
  .kontaktcontainer img {
    max-width: 100%;
    padding-bottom: 20px;
  }
  .kontakt1, .kontakt2, .kontakt3, .kontakt4, .kontakt5 {
    max-width: 100%;
    border-top: 1px solid #c3d4cf;
    padding-top: 20px;
  }
  .kontakt1 h2, .kontakt2 h2, .kontakt3 h2, .kontakt4 h2, .kontakt5 h2 {
    font-size: 2rem;
  }
  .kontakt1 p, .kontakt2 p, .kontakt3 p, .kontakt4 p, .kontakt5 p {
    font-size: 1.025rem;
  }
  .kontakt4 {
    padding-left: 0;
  }
  .kontakt5 {
    padding-right: 0;
  }
  .kontaktnavigation h1 {
    font-size: 2rem;
  }
}
/*KODE TIL ANSVARLIGHEDS SIDE / STRUKTUR KODE FINDES IND I KONTAKT.SCSS*/
/* Kode til Stopspillet container og logo */
.stopspillet {
  display: flex;
  justify-content: center;
}

.stopspillet img {
  width: 900px;
}

/*-----------------------------------------------------------------------------------------*/
/* Kode til alle links til StopSpillet, Danske Spil test og tlf. nr. til Spillemyndigheden */
.spilletlink {
  border-bottom: 2px solid white;
  color: white;
}

/*-----------------------------------------------------------------------------------------*/
/*Kode til Information om spil på spilautomater link*/
.informationtitel {
  text-align: center;
  color: white;
}

.informationtitel h1 {
  margin-top: 0;
}

.informationtitel h1:hover {
  color: #991d1b;
}

/*-----------------------------------------------------------------------------------------*/
/*Kode dette ændrer nogle af koderne opad kun på skærmstørrelser lige med og under 950px*/
@media only screen and (max-width: 950px) {
  .stopspillet img {
    width: 600px;
  }
  .informationtitel {
    font-size: 1.5rem;
  }
}
/*Kode dette ændrer nogle af koderne opad kun på skærmstørrelser lige med og under 650px*/
@media only screen and (max-width: 650px) {
  .stopspillet img {
    width: 450px;
  }
  .informationtitel {
    font-size: 1.1rem;
  }
}
/*Kode dette ændrer nogle af koden opad kun på skærmstørrelse lige med og under 470px*/
@media only screen and (max-width: 470px) {
  .stopspillet img {
    width: 300px;
  }
  .informationtitel {
    font-size: 0.8rem;
  }
}
/*-----------------------------------------------------------------------------------------*/
/**/
.indexnavigation {
  margin: 0;
  top: 0;
  background-color: #3B4844;
  font-size: 2rem;
}

.indexnavigation p {
  color: white;
  font-size: 2rem;
  padding-left: 20px;
  padding-right: 20px;
}

.indexnavigation h2 {
  color: white;
  font-size: 5rem;
  text-align: center;
  margin: 0;
  pointer-events: none;
  text-shadow: 2px 2px 2px black;
}

.indexnavigation i {
  color: #c3d4cf;
  font-size: 1.025rem;
}

/**/
.indexcontainer {
  text-align: center;
  padding-top: 10px;
}

.indexcontainer img {
  width: 100%;
  height: 550px;
}

.indexcontainer ul {
  display: table;
  list-style-position: inside;
  margin: 0 auto;
  padding: 20px 50px;
  padding-bottom: 30px;
  max-width: 1000px;
}

.indexcontainer li {
  color: white;
  padding-bottom: 10px;
  text-align: left;
}

/**/
.index1, .index2, .index3 {
  position: relative;
  filter: grayscale(30%);
}

.index1 img, .index2 img {
  object-fit: cover;
  object-position: center 25%;
}

.index3 img {
  object-fit: cover;
  object-position: center center;
}

.index1:hover, .index2:hover, .index3:hover {
  filter: grayscale(0%);
  transition: filter 0.2s;
}

#indexoverlay1, #indexoverlay2, #indexoverlay3 {
  position: absolute;
  z-index: 2;
  margin: 0;
  transform: translate(-50%, -50%);
  text-align: center;
  top: 50%;
  left: 50%;
  color: rgba(255, 255, 255, 0.5);
}

/**/
.mobilcontent {
  display: none;
}

/**/
@media only screen and (max-width: 1279px) {
  .mobilcontent {
    display: block;
  }
  .computercontent {
    display: none;
  }
}
/**/
@media only screen and (max-width: 650px) {
  #indexoverlay1 h2, #indexoverlay2 h2, #indexoverlay3 h2 {
    font-size: 3rem;
  }
  .indexnavigation p, .indexnavigation li {
    font-size: 1.5rem;
  }
  .indexnavigation li {
    padding-bottom: 10px;
  }
  .index2 img {
    object-position: 30% 25%;
  }
}
/*KODEN TIL ANSVARLIGT SPIL, MYTER OG FAKTA, BEHANDLING, GODE VANER OG SPILLEVANER SIDER*/
.ansvarlighedlinkscontainer {
  padding-bottom: 2rem;
  padding-left: 7rem;
  padding-right: 7rem;
}

.ansvarlighedlinkscontainer p {
  margin-bottom: 0;
  font-size: 2rem;
  line-height: 2rem;
}

.ansvarlighedlinkscontainer h3 {
  color: white;
}

.ansvarlighedlinkscontainer li {
  color: #c3d4cf;
  list-style-type: "> ";
  line-height: 2rem;
}

/**/
@media only screen and (max-width: 950px) {
  .ansvarlighedlinkscontainer {
    padding-left: 5rem;
    padding-right: 5rem;
  }
  .ansvarlighedlinkscontainer h3 {
    font-size: 2rem;
  }
}
/**/
@media only screen and (max-width: 650px) {
  .ansvarlighedlinkscontainer {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .ansvarlighedlinkscontainer h3 {
    font-size: 1.5rem;
  }
  .ansvarlighedlinkscontainer p, .ansvarlighedlinkscontainer li {
    font-size: 1.3rem;
  }
}
/**/
@media only screen and (max-width: 450px) {
  .ansvarlighedlinkscontainer {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .ansvarlighedlinkscontainer h3 {
    font-size: 1rem;
  }
}
/**/
.gevinstercontainer {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  text-align: left;
  font-size: 2rem;
  padding: 2rem 2rem;
}

/**/
.gevinstercontent {
  width: 100%;
  max-width: 80rem;
  border-bottom: 1px solid gray;
  display: flex;
  justify-content: space-between;
}

.gevinstercontent p {
  color: white;
  font-size: 1.5rem;
  margin: 0;
}

.gevinstercontent h3 {
  color: white;
}

/**/
@-webkit-keyframes Dannebrog {
  0% {
    background-color: white;
    color: #E31836;
  }
  50% {
    background-color: #E31836;
    color: white;
  }
  100% {
    background-color: white;
    color: #E31836;
  }
}
.gevinstercontentright h3 {
  text-align: center;
  border-radius: 5px;
  width: 15rem;
  -webkit-animation-name: Dannebrog;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: 2s;
}

/**/
#gevinsterbaggrund {
  width: 100vw;
  height: 100vh;
  object-fit: cover;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
}

/**/
.finddinforhandler {
  display: flex;
  justify-content: center;
  text-align: center;
  padding-top: 25px;
}

.finddinforhandler p {
  background-color: #E31836;
  width: 300px;
  text-align: center;
  padding: 10px;
  color: white;
  border-radius: 5px;
}

.finddinforhandler p:hover {
  background-color: #A82222;
}

@media only screen and (max-width: 850px) {
  .gevinstercontent h3 {
    font-size: 1.5rem;
  }
  .gevinstercontent p {
    font-size: 1rem;
  }
  .gevinstercontentright h3 {
    width: 11rem;
  }
}
/**/
@media only screen and (max-width: 550px) {
  .gevinstercontent {
    flex-direction: column;
    align-items: center;
    height: 19rem;
  }
  .gevinstercontent h3 {
    text-align: center;
    font-size: 2rem;
  }
  .gevinstercontent p {
    font-size: 1.5rem;
    text-align: center;
  }
  .finddinforhandler p {
    font-size: 1.5rem;
    width: 230px;
  }
}
/**/
.cookies {
  position: fixed;
  z-index: 2;
  width: 100%;
  height: auto;
  margin: 0 auto;
  bottom: 0;
  display: none;
}

/**/
.cookiescontainer {
  font-size: 1rem;
  color: white;
  background-color: black;
  display: flex;
  justify-content: space-between;
  padding: 2rem 2rem;
}

/**/
.cookiesbutton {
  display: flex;
  gap: 20px;
}

.cookiesbutton p {
  font-family: inherit;
  cursor: pointer;
  text-align: center;
  font-size: 1rem;
  padding: 1rem 1rem;
  border-radius: 5px;
  background-color: white;
  text-align: center;
  margin: 0;
  color: black;
}

.cookiesbutton p:hover {
  background-color: gray;
}

/**/
@media only screen and (max-width: 1450px) {
  .cookiescontainer {
    flex-direction: column;
    align-items: center;
    gap: 30px;
  }
}
/**/
.ledighedscontainer {
  padding-bottom: 2rem;
  padding-left: 7rem;
  padding-right: 7rem;
}

.ledighedscontainer p, .ledighedscontainer li, .ledighedscontainer i {
  font-size: 2rem;
  color: #c3d4cf;
}

.ledighedscontainer h3 {
  color: white;
  padding-top: 40px;
}

/**/
.ledighedtext {
  border-bottom: 2px solid white;
}

/**/
.ledigheditalics {
  padding-top: 30px;
}

/**/
@media only screen and (max-width: 1000px) {
  .ledighedscontainer {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
.spilmedomtanke {
  color: white;
  text-align: center;
  margin: 0 auto;
  background-color: #3B4844;
  border-top: 2px solid white;
  padding: 30px 30px;
}

.spilmedomtanke h2 {
  margin: 0;
  font-size: 3rem;
}

.spilmedomtanke h3 {
  margin-bottom: 0;
  font-size: 2rem;
}

.spilmedomtanke p {
  font-size: 2rem;
}

.spilmedomtanke a {
  color: white;
}

.spilmedomtankecontentcontainer {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  padding-bottom: 20px;
}

.spilmedomtankecontentbox {
  border-radius: 0.8rem;
  width: 218px;
  height: 180px;
  background-color: #2c3633;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px;
  gap: 10px;
}

.spilmedomtankecontentbox:hover {
  background-color: #420c0c;
}

.spilmedomtankecontentbox img {
  max-width: 139px;
  height: 70px;
}

.spilmedomtankecontentbox p {
  font-size: 1rem;
}

.laesmereher {
  justify-content: center;
  display: flex;
  padding: 0 20px;
}

.laesmereher p {
  border-bottom: 2px solid white;
  text-align: center;
}

.laesmereher p:hover {
  color: #A82222;
  border-bottom: 2px solid #A82222;
}

@media only screen and (max-width: 1160px) {
  .spilmedomtankecontentbox {
    width: 350px;
  }
  .spilmedomtankecontentcontainer {
    gap: 40px;
  }
}
@media only screen and (max-width: 450px) {
  .spilmedomtankecontentbox {
    width: 250px;
  }
}

/*# sourceMappingURL=main.css.map */