body {
  font-family: 'Quicksand', sans-serif;
  background-color: #FEFCF8;
  background-image: url("/images/sun.png");
  background-repeat: no-repeat;
  background-position: top right;
  color: #222;
  padding-top: 1px;
}

h1, h1 + h2 { text-align: center; }
p {margin-top: 0}
a { color: #222 }
#h1 { margin-bottom: 0; }
#h2 { margin-top: 0; }
#cards-paper {
          user-select: none; /* modern browsers */
  -webkit-user-select: none; /* Safari */
     -moz-user-select: none; /* Firefox */
}
#ordkort-parent-comment a { color: blue; }


@media (max-width: 400px) {
  #ordkort-description { margin-right: -20px!important; margin-left: -2px; }
}


@media (max-width: 600px) and (min-height: 690px) {
  #h1 { margin-top: 13vh}
}

/* Mobil */
@media (max-width: 600px) {
  body { background-size: 75px; margin-top:0; margin-left: 1.3rem; margin-right: 1.3rem; border-top: 1px solid #ddd;}
/*
  background:
    linear-gradient(#ddd, #ddd) no-repeat top center / 100% 1px,
    url("images/sun.png") top right / 13% no-repeat;
  }
*/
  #h1 { font-size: 40px;}
  h2 { font-size: 16px; margin-bottom: 1rem; }
  #cards-paper { width: 100%; }
  #also-digital { display: none; }
  #cards-paper-flex-container { display: flex; flex-direction: column; margin-top: 1.3rem; }
  #ordkort-description { letter-spacing: -0.04px; font-size: 18px; font-weight: 500; margin-bottom: 30px; text-align: center;}
  #ordkort-description p:last-child { margin-bottom: 0; }
  #cards-for { margin-top: 9px; display: inline-block;}
  #cards-for::first-letter { text-transform: uppercase; }
  #first-print-sold-out { font-weight: 500; color: #8d8d8d; margin: 0; text-transform: uppercase; font-size: 13px; }
  #ordkort-i-want-them-list { text-align: center; margin: 1.2rem auto; }
  #ordkort-i-want-them-list h2 { font-size: 1.3rem; margin: 6px 0 3px; font-weight: 700;}
  #ordkort-i-want-them-list p { font-weight: 500; }
  #ordkort-i-want-them-list a { display: inline-block;}
  #ordkort-parent-comment { margin: 4px 0 20px 0; order: 2; font-size: 16px; position: relative; font-weight: 500; color: #7a7a7a; font-style: italic;}
  #ordkort-parent-comment:before { content: "\""; position: absolute; left: -.9rem; top: -13px; opacity: .42; font-size: 1.4rem; font-weight: 700; width: 2rem;;}
  #ordkort-parent-comment p { margin:0; text-align: justify; line-height: 150%;}
  #ordkort-parent-comment p:last-child { position: relative; top: -3px; }
  #ordkort-parent-comment span { display: none;}
  #show-interest::first-letter { text-transform: uppercase; }
  #show-interest { font-size: 1.3rem; margin: 0 0 2rem; font-weight: 600;}
  #when-enough { margin-top: 0; font-size: .9rem; }
  #mobile-header-fix {position: fixed; top: 0; left: 0; width: 100%; height: 1px; border-top: 1px solid #e9e9e9;}
  .hide-if-narrow { display: none; }
  .bold-if-narrow { font-weight: 700; }
}

/* Mobil + tablet */
@media (max-width: 1024px) {
  #cards-paper { display: block; margin: 0 auto; max-width: 100%; }
}

/* TABLET */
@media (min-width: 601px) and (max-width: 1024px) {
  body { background-size: 20%; }
  #h1 { margin-top: 13vh;}
  h2 { margin-bottom: 2rem; }
  #cards-paper { width: 442px; position: relative; left: 4px;}
  .hide-if-medium { display: none; }
  .bold-if-medium { font-weight: 600; }
  #cards-paper-flex-container { margin-left: auto; margin-right: auto; position: relative; left: 3px; display: flex; flex-direction: column; }
  #ordkort-description { margin: 2rem auto 0; font-size: 24px; position: relative; line-height: 140%; text-align: center;}
  #ordkort-description > p:first-child { margin-top: 0; } 
  #cards-for { position: relative; top: 2px; display: block; }
  #ordkort-i-want-them-list { text-align: center; order: 2; margin: 2.4rem 0 4rem; }
  #ordkort-i-want-them-list h2 { margin: 5px 0 3px; font-size: 1.8rem; font-weight: 500;}
  #ordkort-i-want-them-list p { margin: 0px; }
  #ordkort-parent-comment p:last-child { position: relative; top: -42px; }
  #also-digital { display: none; }
  #ordkort-parent-comment { font-size: 1.2rem; position: relative; text-align: justify; order: 3; color: #555; font-style: italic; line-height: 164%; max-width: 380px; margin-left: auto; margin-right: auto; padding: 1.3rem 2rem 0 220px; position: relative;}
  #ordkort-parent-comment:before { content: "\""; position: absolute; left: 200px; top: 1rem; opacity: .42; font-size: 2rem; width: 2rem;}
  #ordkort-parent-comment:after { width: 150px; height: 100%; content: ""; position: absolute; left: 20px; top: 1.9rem; background: url("/images/ice.png"); background-size: contain; background-repeat: no-repeat; }
  
  /*#ordkort-parent-comment { margin: 4px 0 20px 0; order: 2; font-size: 16px; position: relative; font-weight: 500;} */
  #show-interest { font-size: 28px; position: relative; left: -1px;}
  #show-interest::first-letter { text-transform: uppercase; }
  .hide-if-medium { display: none; }
  #first-print-sold-out { font-weight: 600; text-transform: uppercase; color: #8a8a8a;}
}

/* TABLET + LAPTOP + LARGE */
@media (min-width: 601px) {
  h1 { font-size: 84px; }
  h2 { font-size: 24px; }
}

/* Breda skärmar (laptop+)  */
@media (min-width: 1025px)  {
  body { background-size: 242px; }
  #h1 { display:block; margin-top: 10vh;  }
  h1:after {
    content: ".se";
    font-size: 60px;
  }
  #cards-paper { position: absolute; left: calc(620px + 2rem); margin-top: 6.2rem; max-width: calc(100vw - 680px); }
  #ordkort-description {width: 590px;  margin-left: 2rem; margin-top: 8rem; font-size: 24px; font-weight: 600; line-height: 142%;}
  #ordkort-description:before { content: "ORDKORT"; display: block; font-weight: 600; font-size: 42px; margin-bottom: 13px;}
  .hide-if-large { display: none; }
  #ordkort-i-want-them-list {width: 620px; margin-left: 2rem;}
  #ordkort-i-want-them-list h2 { margin: 6px 0 2px; font-weight: 400; font-size: 24px}
  #ordkort-i-want-them-list p  { font-weight: 400; }
  #show-interest { font-size: 24px;  font-weight: 600; }
  #first-print-sold-out { text-transform: uppercase; font-weight: 600; color: #666; margin-bottom: 2px; font-size: .84rem; }
  #link-waitlist { font-weight: 600;}
  #ordkort-parent-comment { font-size: 24px; max-width: 754px; margin: 13rem auto; line-height:142%; position: relative;}
  #ordkort-parent-comment p            { margin: 0; }
  #ordkort-parent-comment p:last-child { font-size: 20px; position: relative; top: -13px;}
  #ordkort-parent-comment:before { content: "\""; position: absolute; left: -1rem; top: -8px; opacity: .42; font-size: 1.5rem; font-weight: 700; width: 2rem;}

  #also-digital { font-size: 18px; font-weight: 500; margin-top: 1.84rem; text-transform: uppercase; font-weight: 600; position: absolute; top: 0; left: 1rem; font-size: 1rem}
  #also-digital a { font-weight: 700; }
}

  
@media (min-width: 1300px)  {
  #ordkort-description { margin-top: 9rem; }
  #ordkort-description,
  #ordkort-i-want-them-list {margin-left: calc(50vw - 600px); }
  #cards-paper { width: 625px; max-width: 42vw; left: calc(50% + 42px); margin-top: 3rem; }
}

@font-face {
  font-family: 'Quicksand';
  src: url('/fonts/Quicksand.ttf') format('truetype');
  font-weight: 100 700; /* spannet av vikter i fonten */
  font-style: normal;
  font-display: swap;
}


body {padding-bottom: 3rem; }
#about-us { max-width: 600px; margin: 3rem auto;}
#about-us p { font-size: 1.3rem; }