/* ============================================================= * felles/dokument.css · utseendet på personvernerklæringen og vilkårene * ============================================================= * * UTGAVE: 14. september 2026, dokumentene får luft * * HVORFOR DENNE FILA FINNES * * personvern.html og vilkar.html vises to steder: som egne sider, og i * lesevinduet i appen (visDokument() i index.html). Lesevinduet henter * bare teksten, ikke stilen i dokumentets . Appen nullstiller i * tillegg all luft med *{margin:0;padding:0}. Til 14. september 2026 sto * derfor avsnitt, lister og overskrifter klistret inntil hverandre i * appen, mens de samme dokumentene så riktige ut når de ble åpnet alene. * * Nå ligger utseendet her, ett sted, og begge visningene henter det. * * HVA SOM BREKKER OM NOEN ENDRER DET * * Alle reglene starter med .dokument. Tas det bort, gjelder reglene hele * appen, og da får alle overskrifter og avsnitt i appen dokumentets * utseende. * * Fargene står som tall, ikke som variabler. Variablene --rosa-mork og de * andre finnes bare i dokumentenes egen , og den er ikke med i * lesevinduet. * * Skal et nytt dokument vises i lesevinduet, må det ha class="wrap dokument" * og hente denne fila. Lesevinduet har class="dokument" i index.html. * ============================================================= */ .dokument{ font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif; line-height:1.65; color:#333; font-size:1rem; } .dokument h1{ font-family:Georgia,serif; font-style:italic; font-weight:700; color:#7b3055; font-size:1.9rem; line-height:1.25; margin:0 0 4px; overflow-wrap:break-word; word-break:break-word; hyphens:auto; } .dokument h2{ color:#7b3055; font-size:1.25rem; line-height:1.3; margin:30px 0 10px; padding-bottom:6px; border-bottom:1.5px solid #f3c7dc; } .dokument h3{color:#c278a6; font-size:1.05rem; line-height:1.35; margin:20px 0 6px;} .dokument p{margin:0 0 1em;} .dokument ul{margin:0 0 1em; padding-left:22px;} .dokument li{margin:0 0 6px;} .dokument a{color:#c278a6;} .dokument strong{font-weight:700;} .dokument .dato{color:#888; font-size:.9rem; margin-bottom:20px;} .dokument .grunnlag{ background:#f8edf3; border-left:3px solid #c278a6; padding:8px 14px; margin:10px 0 18px; border-radius:0 6px 6px 0; font-size:.95rem; } .dokument .kontakt{background:#f8edf3; padding:14px 18px; border-radius:8px; margin:16px 0;} .dokument .viktig{ background:#fdf6fa; border:1.5px solid #f3c7dc; border-radius:10px; padding:16px 20px; margin:20px 0; } .dokument .sjekk{list-style:none; padding-left:0;} .dokument .sjekk li{margin-bottom:7px;} .dokument .sjekk li::before{content:"✔ "; color:#c278a6; font-weight:bold;} @media (max-width:480px){ .dokument h1{font-size:1.4rem;} }