﻿/* Handelsbetingelser, abonnementsbetingelser, privatliv, kontakt, om og priser. */
.dokument{padding:56px 0 96px}
/* Én læsebredde på alle tekstsider: 760 px, centreret (ca. 75 tegn pr. linje). Alt indhold holder sig inden for den. */
.dokument .smal{max-width:760px}
.dokument .smal>*{max-width:100%}
.dokument h1{font-size:46px;font-weight:800;margin-bottom:12px}
.dokument .dato{color:var(--graa);font-size:15px;margin-bottom:28px}
.dokument .indhold{background:var(--kort);border:1px solid var(--linje);border-radius:20px;padding:20px 32px;margin-bottom:28px}
.dokument .indhold p{margin:0}
.dokument .indhold a{display:inline-block;margin:4px 14px 4px 0;color:var(--tomat-moerk);font-weight:600;font-size:15px}
.dokument h2{font-size:26px;margin:40px 0 14px}
.dokument h3{font-size:19px;margin:26px 0 10px}
.dokument p,.dokument li{font-size:17px;color:#3B3842;margin-bottom:12px}
.dokument ul{padding-left:22px;margin-bottom:14px}
.dokument li{margin-bottom:6px}
.dokument .tekstlink{color:var(--tomat-moerk);font-weight:600}
.dokument .tekstlink:hover{color:var(--blaek)}
.dokument .vigtig{background:var(--kort);border:1px solid var(--linje);border-left:5px solid var(--tomat);border-radius:14px;padding:16px 20px;margin:0 0 16px}
.dokument .vigtig p{margin:0}
/* Fast layout: tabellen kan aldrig blive bredere end tekstkolonnen, og lange ord brydes i stedet. */
.dokument .tabel{width:100%;max-width:100%;table-layout:fixed;border-collapse:collapse;margin:0 0 18px;background:var(--kort);border:1px solid var(--linje);border-radius:14px;overflow:hidden}
.dokument .tabel th,.dokument .tabel td{text-align:left;vertical-align:top;padding:11px 14px;border-top:1px solid var(--linje);font-size:15px;overflow-wrap:anywhere}
.dokument .tabel.hvem th:first-child{width:30%}
.dokument .tabel.cookies th:first-child{width:30%}
.dokument .tabel.cookies th:last-child{width:22%}
.dokument .tabel.pakker th:first-child{width:34%}
.dokument .tabel th{font-weight:600;color:var(--graa);background:var(--papir);border-top:0}
.dokument .kort{background:var(--kort);border:1px solid var(--linje);border-radius:20px;padding:26px 30px;margin-bottom:18px}
.dokument .kort h2{margin-top:0}
.dokument .kort p:last-child{margin-bottom:0}
.dokument .kort h3{font-size:21px;margin-bottom:8px}
.dokument-top{padding-bottom:48px}
.dokument .tabel th[scope=row]{color:var(--blaek);background:var(--kort);border-top:1px solid var(--linje)}
@media(max-width:560px){
  .dokument{padding:36px 0 64px}
  .dokument h1{font-size:34px}
  .dokument h2{font-size:23px}
  .dokument .indhold,.dokument .kort{padding:18px 20px}
  /* Tabellerne må aldrig blive bredere end skærmen: så udvider mobilen siden, og cookie-banneret ryger ud over kanten. */
  .dokument .tabel th,.dokument .tabel td{padding:9px 10px;font-size:14px;white-space:normal;overflow-wrap:anywhere;hyphens:auto}
}
