/* stylelint-disable */
html {
  height: 100%;
}
body {
  min-width: 360px;
  height: 100%;
  margin: 0 auto;
  font-family: TV2, Arial, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 1.4em;
  font-weight: 400;
}

/***********************/
/*   Fonts           
/***********************/

@font-face {
  font-family: 'TV2';
  src: url('https://assets.play.tv2a.dk/fonts/TV2.woff2') format('woff2-variations'),
    url('https://assets.play.tv2a.dk/fonts/TV2.woff') format('woff');
  font-weight: 300 900; /* Supported weight range, Chrome doesn't work without */
  font-display: swap;
}

/***********************/
/*   Background           
/***********************/

.kundeservice__container {
  min-height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/******************************/
/*   Header and info text            
/******************************/
.logo-header {
  background-color: #640014;
  width: 100%;
}

.logo-header a {
  display: block;
  margin-top: 22px;
  margin-bottom: 30px;
  padding-left: 45px;
}

.logo-header__img {
  background-image: url('/images/kundecenter_image_large.jpg');
  background-position: center center;
  background-size: cover;
  height: 400px;
  width: 100%;
}

@media (max-width: 575px) {
  .logo-header__img {
    background-image: url('/images/kundecenter_image_small.jpg');
    height: 200px;
  }
}

html body a {
  color: #000523;
  font-style: normal;
  text-decoration: none;
  -webkit-transition: color 0.2s linear;
  transition: color 0.2s linear;
}

html body a:hover {
  color: #000523;
}

button,
[role='button'],
[type='button'],
[type='submit'] {
  margin-left: 20px;
}

.logo-header img {
  max-width: 235px;
}

.customerservice__container {
  flex: 1;
  max-width: 1217px;
  width: 100%;
}

.customerservice__headline {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: center;
  justify-content: center;
  height: auto;
  background-repeat: no-repeat;
  margin-top: 30px;
  padding-bottom: 80px;
}

.customerservice__choose-help-container {
  margin-bottom: 0px;
}

/* display when the website is running correct */
.customerservice__choose-help {
  font-size: 20px;
  color: #ffffff;
  display: none;
}

.customerservice__choose-product-text-container {
  padding-bottom: 20px;
}

.customerservice__choose-product-text {
  font-size: 16px;
  color: #ffffff;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.34);
}

/******************************/
/*   White box with buttons            
/******************************/

.cusomterservice__choose-product-container {
  margin-bottom: 20px;
  margin-left: 64px;
  margin-right: 48px;
}

.customerservice__product-logo-text-information h1 {
  font-size: 36px;
  line-height: 1.1em;
  font-weight: 700;
  margin-bottom: 8px;
}

.customerservice__choose-product-buttons-container {
}

.customerservice__choose-product-buttons {
  margin-bottom: 20px;
}

.productbox-view {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.productbox-inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.customerservice__choose_product {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: flex-start;
  margin: 0 auto;
  padding: 0;
  list-style: none;
}

.customerservice__choose_product_list {
  flex: 0 1 100%;
}

.customerservice__choose_product_list a {
  display: block;
  margin-right: 16px;
  margin-top: 16px;
  background-color: #f5f5f6;
}

.customerservice__choose_product_list a:hover {
  text-decoration: none;
}

.customerservice__label {
  font-size: 16px;
  line-height: 16px;
  font-weight: 500;
  padding-top: 8px;
  text-align: center;
  height: 46px;
}

/****************************************/
/*   White box with buttons - buttons             
/****************************************/

.customerservice__button {
  display: block;
  border: none;
  margin: 0;
  width: 100%;
  aspect-ratio: 1.77;
}

.customerservice__button > svg {
  transform: unset !important; /* removes blurriness */
}

.customerservice__button > img {
  width: 100%;
}

/***********************/
/*   Footer            
/***********************/

.customerservice__footer {
  margin-left: 0;
  margin-right: 0;
  justify-self: flex-end;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.customerservice__footer-box {
  background-color: #640014;
  width: 100%;
}

.customerservice__choose-link {
  padding-right: 64px;
  padding-left: 64px;
  width: 100%;
}

.customerservice__footer-link-container {
  font-size: 12px;
  line-height: 1.4em;
  font-weight: 400;
  max-width: 1153px;
  margin: 0 auto;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.customerserivce__link {
  font-size: 9px;
  color: #0a0f2c;
  margin: 5px 0;
}

.customerservice__footer-link-container > div {
  margin: 5px 0;
  white-space: no-wrap;
}

.customerservice__footer-link-container a {
  display: inline;
}

.customerservice__footer-link-container a:hover {
  text-decoration: underline;
}

.customerservice__footer-fine-print {
  display: flex;
  flex-wrap: wrap;
  font-size: 12px;
  line-height: 1.4em;
  font-weight: 400;
  color: #e0e1e5;
  margin: 12px 64px;
}

.customerservice__footer-fine-print a,
.customerservice__footer-fine-print a:hover {
  color: #e0e1e5;
}

.logo-container {
}

.customerservice__logo-tv2 {
  margin: 40px 64px;
}

.bottom_link_spacer {
  display: inline;
}

.customerservice__seperator {
  font-size: 12px;
  padding-left: 12px;
  padding-right: 12px;
}

/**************************/
/*   Simple media queries          
/**************************/

@media (min-width: 576px) {
  .customerservice__choose_product_list {
    flex-basis: 50%;
  }

  .customerservice__footer-link-container {
    justify-content: flex-end;
  }
}

/********************************************/
/*   Bigger screens than 768px           
/********************************************/

@media (min-width: 768px) {
  .customerservice__choose_product_list {
    flex-basis: 33%;
  }
}
@media (min-width: 1024px) {
  .customerservice__choose_product_list {
    flex-basis: 20%;
  }
}

/********************************************/
/*   Bigger screens than 992px           
/********************************************/

@media (min-width: 992px) {
  /******************************/
  /*   Header and info text            
  /******************************/

  .customerservice__headline {
    padding-bottom: 100px;
  }

  .customerservice__choose-help-container {
    margin-bottom: 15px;
  }

  .customerservice__choose-help-temporary-under-release {
    font-size: 20px;
    color: #ff0000;
  }

  /* display when the website is running correct */
  .customerservice__choose-help {
    font-size: 50px;
    display: none;
  }

  .customerservice__choose-product-text {
    font-size: 20px;
    padding-bottom: 100px;
  }

  /******************************/
  /*   White box with buttons            
  /******************************/

  .cusomterservice__choose-product-container {
    padding-bottom: 55px;
  }

  .customerservice__choose-product-logo {
    margin-bottom: 20px;
  }

  .customerservice__product-logo {
    margin-top: 50px;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 3px;
  }

  .customerservice__choose-product-buttons {
    margin-bottom: 50px;
  }

  /****************************************/
  /*   White box with buttons - buttons             
  /****************************************/

  /***********************/
  /*   Footer            
  /***********************/

  .customerserivce__link {
    font-size: 14px;
    margin-top: 15px;
  }
}

@media (min-width: 1440px) {
}