@charset "UTF-8"; @import url("https://use.typekit.net/bre5qvj.css"); @import url("https://use.typekit.net/bre5qvj.css"); @import url("https://use.typekit.net/bre5qvj.css"); @import url("https://use.typekit.net/bre5qvj.css"); @import url("https://use.typekit.net/bre5qvj.css"); @import url("https://use.typekit.net/bre5qvj.css"); @property --v-grid-column-count { syntax: ""; inherits: false; initial-value: 1; } @property --v-grid-column-spacing-level { syntax: ""; inherits: false; initial-value: 0; } @property --v-grid-row-spacing-level { syntax: ""; inherits: false; initial-value: 0; } /* "icon-font-family" "is-external" "layout", "page", "lists.item-list", "lists.grid-list", "lists.property-list", "lists.detail-list", "elements.paragraph", "elements.div", "elements.span", "elements.heading", "elements.anchor", "elements.button", "elements.unordered-list", "elements.ordered-list", "elements.list-item", "elements.image", "elements.picture", "elements.block-quote", "elements.content-link", "elements.content-button", "elements.tag", "forms.form", "blocks.block", "blocks.content-block", "blocks.image", "blocks.faq", "blocks.map", "blocks.table", "blocks.video", "teaser", "widget", "modals.modal", "modals.lightbox", "modals.tooltip", "modals.word-explanation", "notifications.alert", "containers.tab-container", "containers.show-more-container", "navigation.breadcrumb", "navigation.menu", "navigation.pagination", "banner" */ /* "layout", "page", "lists.item-list", "lists.grid-list", "lists.property-list", "lists.detail-list", "elements.paragraph", "elements.div", "elements.span", "elements.heading", "elements.anchor", "elements.button", "elements.unordered-list", "elements.ordered-list", "elements.list-item", "elements.image", "elements.picture", "elements.block-quote", "elements.content-link", "elements.content-button", "elements.tag", "forms.form", "blocks.block", "blocks.content-block", "blocks.image", "blocks.faq", "blocks.map", "blocks.table", "blocks.video", "teaser", "widget", "modals.modal", "modals.lightbox", "modals.tooltip", "modals.word-explanation", "notifications.alert", "containers.tab-container", "containers.show-more-container", "navigation.breadcrumb", "navigation.menu", "navigation.pagination", "banner" */ /* "elements.content-link", "blocks.content-block" */ .version-style-marker-class { color: red; } mark { color: inherit; } @font-face { font-family: "ROR-IKT"; src: url("../fonts/ROR-IKT.ttf?y20o03") format("truetype"), url("../fonts/ROR-IKT.woff?y20o03") format("woff"), url("../fonts/ROR-IKT.svg?y20o03#ROR-IKT") format("svg"); font-weight: normal; font-style: normal; } .middle-boxes .middle-boxes-content.middle-boxes--upper-content .webPartInnhold .vListe li a::before, .middle-boxes .middle-boxes-content.middle-boxes--upper-content .webPartInnhold .alt-om::before, .frontpage__shortcut-menu ul li a:before, .frontpage__service-menu--lower .webPartInnhold a::after, .frontpage__service-menu--lower .webPartInnhold .vis-alle a::before, .frontpage__service-menu--lower .webPartInnhold a.external-link .text::after, .frontpage__service-menu:not(.frontpage__service-menu--lower) .webPartInnhold a.external-link .text::after, .frontpage__article-list-box .webPartBunnLink a[href]::before, .event-list-box .calWPFooter a[href]::before, .media-icons ul li:before, .faqWrapper .faq .divFaqSporsmal.open::after, .faqWrapper .faq .divFaqSporsmal::after, .related-resources__button--expanded::after, .divFaqSporsmal--expanded::after, .faq__question--expanded::after, .related-resources__button::after, .related-resources__button::before, .divFaqSporsmal::after, .divFaqSporsmal::before, .faq__question::after, .faq__question::before, .middle-column .calContent .calEvent .InnholdIngress a.ekstern-wrapped .text::after, .middle-column .calContent .calEvent .InnholdTekst a.ekstern-wrapped .text::after, .middle-column .calContent .calEvent .InnholdIngress a.ekstern::after, .middle-column .calContent .calEvent .InnholdTekst a.ekstern::after, .main-menu .external-link::after, .alert-box .external-link::after, .artikkel .external-link::after, .footer-content .external-link::after, .artikkeloversiktrad .KategoriForfatter::before, .artikkeloversiktrad .InnholdOverskrift::after, table.faktaboks caption::after, .liste.faktaboks caption::after, .bottom-aside .related-content-box .webPartInnhold .relaterteHeader::after, .bottom-aside .related-content-box .webPartInnhold .relaterteHeader::before, .middle-column .calContent .calEvent h3.hendelseskontakt::before, .middle-column .calContent .calEvent .completeLocation h3::before, .sub-navigation-toggle::after, form.right-column .lower-page-navigation .sub-navigation a.external-link .text::after, .breadcrumbs .breadcrumbsWrapper > ul li + li::before, .footer-content ul.vListe > li.collapsable > a::after, .footer-content li[class*=icon-] a::before, .transport-page .sub-navigation a.external-link .text::after, .area-message__text::before, .area-message-list-item__text::before, .accessibility-menu ul.vListe > li.collapsable > a::after, .accessibility-menu ul.vListe li.js-google-translate a::after, .main-menu .webPart:not(.horizontal) .vListe a::before, .main-menu-toggle::after, .search-box-toggle::after, .message-box .close-button::after, .webPart[class^=icon-] .webPartTittel span::before, .webPart[class*=" icon-"] .webPartTittel span::before, table.faktaboks[class^=icon-] caption::before, table.faktaboks[class*=" icon-"] caption::before, .webPart li[class^=icon-] > a > span::before, .webPart li[class*=" icon-"] > a > span::before { /* use !important to prevent issues with browser extensions that change fonts */ font-family: "ROR-IKT" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .footer-content li.icon-account a::before, .webPart[class^=icon-].icon-account .webPartTittel span::before, .webPart[class*=" icon-"].icon-account .webPartTittel span::before, table.faktaboks[class^=icon-].icon-account caption::before, table.faktaboks[class*=" icon-"].icon-account caption::before, .webPart li[class^=icon-].icon-account > a > span::before, .webPart li[class*=" icon-"].icon-account > a > span::before { content: "\e933"; } .footer-content li.icon-alert a::before, .webPart[class^=icon-].icon-alert .webPartTittel span::before, .webPart[class*=" icon-"].icon-alert .webPartTittel span::before, table.faktaboks[class^=icon-].icon-alert caption::before, table.faktaboks[class*=" icon-"].icon-alert caption::before, .webPart li[class^=icon-].icon-alert > a > span::before, .webPart li[class*=" icon-"].icon-alert > a > span::before { content: "\e928"; } .footer-content li.icon-arrow-down a::before, .webPart[class^=icon-].icon-arrow-down .webPartTittel span::before, .webPart[class*=" icon-"].icon-arrow-down .webPartTittel span::before, table.faktaboks[class^=icon-].icon-arrow-down caption::before, table.faktaboks[class*=" icon-"].icon-arrow-down caption::before, .webPart li[class^=icon-].icon-arrow-down > a > span::before, .webPart li[class*=" icon-"].icon-arrow-down > a > span::before { content: "\e929"; } .breadcrumbs .breadcrumbsWrapper > ul li + li::before, .footer-content li.icon-arrow-left a::before, .webPart[class^=icon-].icon-arrow-left .webPartTittel span::before, .webPart[class*=" icon-"].icon-arrow-left .webPartTittel span::before, table.faktaboks[class^=icon-].icon-arrow-left caption::before, table.faktaboks[class*=" icon-"].icon-arrow-left caption::before, .webPart li[class^=icon-].icon-arrow-left > a > span::before, .webPart li[class*=" icon-"].icon-arrow-left > a > span::before { content: "\e92a"; } .middle-boxes .middle-boxes-content.middle-boxes--upper-content .webPartInnhold .vListe li a::before, .middle-boxes .middle-boxes-content.middle-boxes--upper-content .webPartInnhold .alt-om::before, .frontpage__shortcut-menu ul li a:before, .frontpage__article-list-box .webPartBunnLink a[href]::before, .event-list-box .calWPFooter a[href]::before, .footer-content li.icon-arrow-right a::before, .main-menu .webPart:not(.horizontal) .vListe a::before, .webPart[class^=icon-].icon-arrow-right .webPartTittel span::before, .webPart[class*=" icon-"].icon-arrow-right .webPartTittel span::before, table.faktaboks[class^=icon-].icon-arrow-right caption::before, table.faktaboks[class*=" icon-"].icon-arrow-right caption::before, .webPart li[class^=icon-].icon-arrow-right > a > span::before, .webPart li[class*=" icon-"].icon-arrow-right > a > span::before { content: "\e92b"; } .frontpage__service-menu--lower .webPartInnhold a::after, .frontpage__service-menu--lower .webPartInnhold .vis-alle a::before, .footer-content li.icon-arrow-right-2 a::before, .webPart[class^=icon-].icon-arrow-right-2 .webPartTittel span::before, .webPart[class*=" icon-"].icon-arrow-right-2 .webPartTittel span::before, table.faktaboks[class^=icon-].icon-arrow-right-2 caption::before, table.faktaboks[class*=" icon-"].icon-arrow-right-2 caption::before, .webPart li[class^=icon-].icon-arrow-right-2 > a > span::before, .webPart li[class*=" icon-"].icon-arrow-right-2 > a > span::before { content: "\e934"; } .footer-content li.icon-arrow-up a::before, .webPart[class^=icon-].icon-arrow-up .webPartTittel span::before, .webPart[class*=" icon-"].icon-arrow-up .webPartTittel span::before, table.faktaboks[class^=icon-].icon-arrow-up caption::before, table.faktaboks[class*=" icon-"].icon-arrow-up caption::before, .webPart li[class^=icon-].icon-arrow-up > a > span::before, .webPart li[class*=" icon-"].icon-arrow-up > a > span::before { content: "\e92c"; } .footer-content li.icon-bell a::before, .area-message__text::before, .area-message-list-item__text::before, .webPart[class^=icon-].icon-bell .webPartTittel span::before, .webPart[class*=" icon-"].icon-bell .webPartTittel span::before, table.faktaboks[class^=icon-].icon-bell caption::before, table.faktaboks[class*=" icon-"].icon-bell caption::before, .webPart li[class^=icon-].icon-bell > a > span::before, .webPart li[class*=" icon-"].icon-bell > a > span::before { content: "\e907"; } .footer-content li.icon-book a::before, .webPart[class^=icon-].icon-book .webPartTittel span::before, .webPart[class*=" icon-"].icon-book .webPartTittel span::before, table.faktaboks[class^=icon-].icon-book caption::before, table.faktaboks[class*=" icon-"].icon-book caption::before, .webPart li[class^=icon-].icon-book > a > span::before, .webPart li[class*=" icon-"].icon-book > a > span::before { content: "\e908"; } .footer-content li.icon-calendar a::before, .webPart[class^=icon-].icon-calendar .webPartTittel span::before, .webPart[class*=" icon-"].icon-calendar .webPartTittel span::before, table.faktaboks[class^=icon-].icon-calendar caption::before, table.faktaboks[class*=" icon-"].icon-calendar caption::before, .webPart li[class^=icon-].icon-calendar > a > span::before, .webPart li[class*=" icon-"].icon-calendar > a > span::before { content: "\e931"; } .footer-content li.icon-camera a::before, .webPart[class^=icon-].icon-camera .webPartTittel span::before, .webPart[class*=" icon-"].icon-camera .webPartTittel span::before, table.faktaboks[class^=icon-].icon-camera caption::before, table.faktaboks[class*=" icon-"].icon-camera caption::before, .webPart li[class^=icon-].icon-camera > a > span::before, .webPart li[class*=" icon-"].icon-camera > a > span::before { content: "\e909"; } table.faktaboks caption.closed::after, .liste.faktaboks caption.closed::after, .bottom-aside .related-content-box .webPartInnhold .relaterteressurser.closed .relaterteHeader::after, .footer-content ul.vListe > li.collapsable > a::after, .footer-content li.icon-chevron-down a::before, .accessibility-menu ul.vListe > li.collapsable > a::after, .accessibility-menu ul.vListe li.js-google-translate a::after, .webPart[class^=icon-].icon-chevron-down .webPartTittel span::before, .webPart[class*=" icon-"].icon-chevron-down .webPartTittel span::before, table.faktaboks[class^=icon-].icon-chevron-down caption::before, table.faktaboks[class*=" icon-"].icon-chevron-down caption::before, .webPart li[class^=icon-].icon-chevron-down > a > span::before, .webPart li[class*=" icon-"].icon-chevron-down > a > span::before { content: "\e923"; } .footer-content li.icon-chevron-left a::before, .webPart[class^=icon-].icon-chevron-left .webPartTittel span::before, .webPart[class*=" icon-"].icon-chevron-left .webPartTittel span::before, table.faktaboks[class^=icon-].icon-chevron-left caption::before, table.faktaboks[class*=" icon-"].icon-chevron-left caption::before, .webPart li[class^=icon-].icon-chevron-left > a > span::before, .webPart li[class*=" icon-"].icon-chevron-left > a > span::before { content: "\e924"; } .artikkeloversiktrad .InnholdOverskrift::after, .footer-content li.icon-chevron-right a::before, .webPart[class^=icon-].icon-chevron-right .webPartTittel span::before, .webPart[class*=" icon-"].icon-chevron-right .webPartTittel span::before, table.faktaboks[class^=icon-].icon-chevron-right caption::before, table.faktaboks[class*=" icon-"].icon-chevron-right caption::before, .webPart li[class^=icon-].icon-chevron-right > a > span::before, .webPart li[class*=" icon-"].icon-chevron-right > a > span::before { content: "\e925"; } table.faktaboks caption.open::after, .liste.faktaboks caption.open::after, .bottom-aside .related-content-box .webPartInnhold .relaterteressurser.open .relaterteHeader::after, .footer-content ul.vListe > li.collapsable > a.open > a::after, .footer-content li.icon-chevron-up a::before, .accessibility-menu ul.vListe > li.collapsable > a.open > a::after, .webPart[class^=icon-].icon-chevron-up .webPartTittel span::before, .webPart[class*=" icon-"].icon-chevron-up .webPartTittel span::before, table.faktaboks[class^=icon-].icon-chevron-up caption::before, table.faktaboks[class*=" icon-"].icon-chevron-up caption::before, .webPart li[class^=icon-].icon-chevron-up > a > span::before, .webPart li[class*=" icon-"].icon-chevron-up > a > span::before { content: "\e926"; } .artikkeloversiktrad .KategoriForfatter::before, .footer-content li.icon-clock a::before, .webPart[class^=icon-].icon-clock .webPartTittel span::before, .webPart[class*=" icon-"].icon-clock .webPartTittel span::before, table.faktaboks[class^=icon-].icon-clock caption::before, table.faktaboks[class*=" icon-"].icon-clock caption::before, .webPart li[class^=icon-].icon-clock > a > span::before, .webPart li[class*=" icon-"].icon-clock > a > span::before { content: "\e932"; } .footer-content li.icon-download a::before, .webPart[class^=icon-].icon-download .webPartTittel span::before, .webPart[class*=" icon-"].icon-download .webPartTittel span::before, table.faktaboks[class^=icon-].icon-download caption::before, table.faktaboks[class*=" icon-"].icon-download caption::before, .webPart li[class^=icon-].icon-download > a > span::before, .webPart li[class*=" icon-"].icon-download > a > span::before { content: "\e90a"; } .footer-content li.icon-edit a::before, .webPart[class^=icon-].icon-edit .webPartTittel span::before, .webPart[class*=" icon-"].icon-edit .webPartTittel span::before, table.faktaboks[class^=icon-].icon-edit caption::before, table.faktaboks[class*=" icon-"].icon-edit caption::before, .webPart li[class^=icon-].icon-edit > a > span::before, .webPart li[class*=" icon-"].icon-edit > a > span::before { content: "\e90b"; } .footer-content li.icon-email a::before, .webPart[class^=icon-].icon-email .webPartTittel span::before, .webPart[class*=" icon-"].icon-email .webPartTittel span::before, table.faktaboks[class^=icon-].icon-email caption::before, table.faktaboks[class*=" icon-"].icon-email caption::before, .webPart li[class^=icon-].icon-email > a > span::before, .webPart li[class*=" icon-"].icon-email > a > span::before { content: "\e916"; } .footer-content li.icon-email2 a::before, .webPart[class^=icon-].icon-email2 .webPartTittel span::before, .webPart[class*=" icon-"].icon-email2 .webPartTittel span::before, table.faktaboks[class^=icon-].icon-email2 caption::before, table.faktaboks[class*=" icon-"].icon-email2 caption::before, .webPart li[class^=icon-].icon-email2 > a > span::before, .webPart li[class*=" icon-"].icon-email2 > a > span::before { content: "\e906"; } .frontpage__service-menu--lower .webPartInnhold a.external-link .text::after, .frontpage__service-menu:not(.frontpage__service-menu--lower) .webPartInnhold a.external-link .text::after, .related-resources__button::before, .middle-column .calContent .calEvent .InnholdIngress a.ekstern-wrapped .text::after, .middle-column .calContent .calEvent .InnholdTekst a.ekstern-wrapped .text::after, .middle-column .calContent .calEvent .InnholdIngress a.ekstern::after, .middle-column .calContent .calEvent .InnholdTekst a.ekstern::after, .main-menu .external-link::after, .alert-box .external-link::after, .artikkel .external-link::after, .footer-content .external-link::after, .bottom-aside .related-content-box .webPartInnhold .relaterteHeader::before, form.right-column .lower-page-navigation .sub-navigation a.external-link .text::after, .footer-content li.icon-external-link a::before, .transport-page .sub-navigation a.external-link .text::after, .webPart[class^=icon-].icon-external-link .webPartTittel span::before, .webPart[class*=" icon-"].icon-external-link .webPartTittel span::before, table.faktaboks[class^=icon-].icon-external-link caption::before, table.faktaboks[class*=" icon-"].icon-external-link caption::before, .webPart li[class^=icon-].icon-external-link > a > span::before, .webPart li[class*=" icon-"].icon-external-link > a > span::before { content: "\e91f"; } .footer-content li.icon-eye a::before, .webPart[class^=icon-].icon-eye .webPartTittel span::before, .webPart[class*=" icon-"].icon-eye .webPartTittel span::before, table.faktaboks[class^=icon-].icon-eye caption::before, table.faktaboks[class*=" icon-"].icon-eye caption::before, .webPart li[class^=icon-].icon-eye > a > span::before, .webPart li[class*=" icon-"].icon-eye > a > span::before { content: "\e90c"; } .footer-content li.icon-feather a::before, .webPart[class^=icon-].icon-feather .webPartTittel span::before, .webPart[class*=" icon-"].icon-feather .webPartTittel span::before, table.faktaboks[class^=icon-].icon-feather caption::before, table.faktaboks[class*=" icon-"].icon-feather caption::before, .webPart li[class^=icon-].icon-feather > a > span::before, .webPart li[class*=" icon-"].icon-feather > a > span::before { content: "\e90e"; } .footer-content li.icon-file a::before, .webPart[class^=icon-].icon-file .webPartTittel span::before, .webPart[class*=" icon-"].icon-file .webPartTittel span::before, table.faktaboks[class^=icon-].icon-file caption::before, table.faktaboks[class*=" icon-"].icon-file caption::before, .webPart li[class^=icon-].icon-file > a > span::before, .webPart li[class*=" icon-"].icon-file > a > span::before { content: "\e90f"; } .footer-content li.icon-flag a::before, .webPart[class^=icon-].icon-flag .webPartTittel span::before, .webPart[class*=" icon-"].icon-flag .webPartTittel span::before, table.faktaboks[class^=icon-].icon-flag caption::before, table.faktaboks[class*=" icon-"].icon-flag caption::before, .webPart li[class^=icon-].icon-flag > a > span::before, .webPart li[class*=" icon-"].icon-flag > a > span::before { content: "\e910"; } .footer-content li.icon-globe a::before, .webPart[class^=icon-].icon-globe .webPartTittel span::before, .webPart[class*=" icon-"].icon-globe .webPartTittel span::before, table.faktaboks[class^=icon-].icon-globe caption::before, table.faktaboks[class*=" icon-"].icon-globe caption::before, .webPart li[class^=icon-].icon-globe > a > span::before, .webPart li[class*=" icon-"].icon-globe > a > span::before { content: "\e911"; } .footer-content li.icon-heart a::before, .webPart[class^=icon-].icon-heart .webPartTittel span::before, .webPart[class*=" icon-"].icon-heart .webPartTittel span::before, table.faktaboks[class^=icon-].icon-heart caption::before, table.faktaboks[class*=" icon-"].icon-heart caption::before, .webPart li[class^=icon-].icon-heart > a > span::before, .webPart li[class*=" icon-"].icon-heart > a > span::before { content: "\e912"; } .footer-content li.icon-instagram a::before, .webPart[class^=icon-].icon-instagram .webPartTittel span::before, .webPart[class*=" icon-"].icon-instagram .webPartTittel span::before, table.faktaboks[class^=icon-].icon-instagram caption::before, table.faktaboks[class*=" icon-"].icon-instagram caption::before, .webPart li[class^=icon-].icon-instagram > a > span::before, .webPart li[class*=" icon-"].icon-instagram > a > span::before { content: "\e913"; } .footer-content li.icon-life-buoy a::before, .webPart[class^=icon-].icon-life-buoy .webPartTittel span::before, .webPart[class*=" icon-"].icon-life-buoy .webPartTittel span::before, table.faktaboks[class^=icon-].icon-life-buoy caption::before, table.faktaboks[class*=" icon-"].icon-life-buoy caption::before, .webPart li[class^=icon-].icon-life-buoy > a > span::before, .webPart li[class*=" icon-"].icon-life-buoy > a > span::before { content: "\e914"; } .footer-content li.icon-location a::before, .webPart[class^=icon-].icon-location .webPartTittel span::before, .webPart[class*=" icon-"].icon-location .webPartTittel span::before, table.faktaboks[class^=icon-].icon-location caption::before, table.faktaboks[class*=" icon-"].icon-location caption::before, .webPart li[class^=icon-].icon-location > a > span::before, .webPart li[class*=" icon-"].icon-location > a > span::before { content: "\e917"; } .footer-content li.icon-lock a::before, .webPart[class^=icon-].icon-lock .webPartTittel span::before, .webPart[class*=" icon-"].icon-lock .webPartTittel span::before, table.faktaboks[class^=icon-].icon-lock caption::before, table.faktaboks[class*=" icon-"].icon-lock caption::before, .webPart li[class^=icon-].icon-lock > a > span::before, .webPart li[class*=" icon-"].icon-lock > a > span::before { content: "\e915"; } .footer-content li.icon-logg-inn a::before, .webPart[class^=icon-].icon-logg-inn .webPartTittel span::before, .webPart[class*=" icon-"].icon-logg-inn .webPartTittel span::before, table.faktaboks[class^=icon-].icon-logg-inn caption::before, table.faktaboks[class*=" icon-"].icon-logg-inn caption::before, .webPart li[class^=icon-].icon-logg-inn > a > span::before, .webPart li[class*=" icon-"].icon-logg-inn > a > span::before { content: "\e92d"; } .footer-content li.icon-logout a::before, .webPart[class^=icon-].icon-logout .webPartTittel span::before, .webPart[class*=" icon-"].icon-logout .webPartTittel span::before, table.faktaboks[class^=icon-].icon-logout caption::before, table.faktaboks[class*=" icon-"].icon-logout caption::before, .webPart li[class^=icon-].icon-logout > a > span::before, .webPart li[class*=" icon-"].icon-logout > a > span::before { content: "\e930"; } .sub-navigation-toggle.closed::after, .footer-content li.icon-menu a::before, .main-menu-toggle::after, .webPart[class^=icon-].icon-menu .webPartTittel span::before, .webPart[class*=" icon-"].icon-menu .webPartTittel span::before, table.faktaboks[class^=icon-].icon-menu caption::before, table.faktaboks[class*=" icon-"].icon-menu caption::before, .webPart li[class^=icon-].icon-menu > a > span::before, .webPart li[class*=" icon-"].icon-menu > a > span::before { content: "\e90d"; } .faqWrapper .faq .divFaqSporsmal.open::after, .related-resources__button--expanded::after, .divFaqSporsmal--expanded::after, .faq__question--expanded::after, .footer-content li.icon-minus a::before, .webPart[class^=icon-].icon-minus .webPartTittel span::before, .webPart[class*=" icon-"].icon-minus .webPartTittel span::before, table.faktaboks[class^=icon-].icon-minus caption::before, table.faktaboks[class*=" icon-"].icon-minus caption::before, .webPart li[class^=icon-].icon-minus > a > span::before, .webPart li[class*=" icon-"].icon-minus > a > span::before { content: "\e921"; } .footer-content li.icon-phone a::before, .webPart[class^=icon-].icon-phone .webPartTittel span::before, .webPart[class*=" icon-"].icon-phone .webPartTittel span::before, table.faktaboks[class^=icon-].icon-phone caption::before, table.faktaboks[class*=" icon-"].icon-phone caption::before, .webPart li[class^=icon-].icon-phone > a > span::before, .webPart li[class*=" icon-"].icon-phone > a > span::before { content: "\e91a"; } .faqWrapper .faq .divFaqSporsmal::after, .footer-content li.icon-plus a::before, .webPart[class^=icon-].icon-plus .webPartTittel span::before, .webPart[class*=" icon-"].icon-plus .webPartTittel span::before, table.faktaboks[class^=icon-].icon-plus caption::before, table.faktaboks[class*=" icon-"].icon-plus caption::before, .webPart li[class^=icon-].icon-plus > a > span::before, .webPart li[class*=" icon-"].icon-plus > a > span::before { content: "\e927"; } .footer-content li.icon-punktliste-ikon a::before, .webPart[class^=icon-].icon-punktliste-ikon .webPartTittel span::before, .webPart[class*=" icon-"].icon-punktliste-ikon .webPartTittel span::before, table.faktaboks[class^=icon-].icon-punktliste-ikon caption::before, table.faktaboks[class*=" icon-"].icon-punktliste-ikon caption::before, .webPart li[class^=icon-].icon-punktliste-ikon > a > span::before, .webPart li[class*=" icon-"].icon-punktliste-ikon > a > span::before { content: "\e92e"; } .footer-content li.icon-screen a::before, .webPart[class^=icon-].icon-screen .webPartTittel span::before, .webPart[class*=" icon-"].icon-screen .webPartTittel span::before, table.faktaboks[class^=icon-].icon-screen caption::before, table.faktaboks[class*=" icon-"].icon-screen caption::before, .webPart li[class^=icon-].icon-screen > a > span::before, .webPart li[class*=" icon-"].icon-screen > a > span::before { content: "\e919"; } .footer-content li.icon-search a::before, .search-box-toggle::after, .webPart[class^=icon-].icon-search .webPartTittel span::before, .webPart[class*=" icon-"].icon-search .webPartTittel span::before, table.faktaboks[class^=icon-].icon-search caption::before, table.faktaboks[class*=" icon-"].icon-search caption::before, .webPart li[class^=icon-].icon-search > a > span::before, .webPart li[class*=" icon-"].icon-search > a > span::before { content: "\e922"; } .icon-share-facebook, .footer-content li.icon-share-facebook a::before, .webPart[class^=icon-].icon-share-facebook .webPartTittel span::before, .webPart[class*=" icon-"].icon-share-facebook .webPartTittel span::before, table.faktaboks[class^=icon-].icon-share-facebook caption::before, table.faktaboks[class*=" icon-"].icon-share-facebook caption::before, .webPart li[class^=icon-].icon-share-facebook > a > span::before, .webPart li[class*=" icon-"].icon-share-facebook > a > span::before { content: "\e900"; } .footer-content li.icon-share-flickr a::before, .webPart[class^=icon-].icon-share-flickr .webPartTittel span::before, .webPart[class*=" icon-"].icon-share-flickr .webPartTittel span::before, table.faktaboks[class^=icon-].icon-share-flickr caption::before, table.faktaboks[class*=" icon-"].icon-share-flickr caption::before, .webPart li[class^=icon-].icon-share-flickr > a > span::before, .webPart li[class*=" icon-"].icon-share-flickr > a > span::before { content: "\e901"; } .footer-content li.icon-share-instagram a::before, .webPart[class^=icon-].icon-share-instagram .webPartTittel span::before, .webPart[class*=" icon-"].icon-share-instagram .webPartTittel span::before, table.faktaboks[class^=icon-].icon-share-instagram caption::before, table.faktaboks[class*=" icon-"].icon-share-instagram caption::before, .webPart li[class^=icon-].icon-share-instagram > a > span::before, .webPart li[class*=" icon-"].icon-share-instagram > a > span::before { content: "\e902"; } .icon-share-twitter, .footer-content li.icon-share-twitter a::before, .webPart[class^=icon-].icon-share-twitter .webPartTittel span::before, .webPart[class*=" icon-"].icon-share-twitter .webPartTittel span::before, table.faktaboks[class^=icon-].icon-share-twitter caption::before, table.faktaboks[class*=" icon-"].icon-share-twitter caption::before, .webPart li[class^=icon-].icon-share-twitter > a > span::before, .webPart li[class*=" icon-"].icon-share-twitter > a > span::before { content: "\e903"; } .icon-share-youtube, .footer-content li.icon-share-youtube a::before, .webPart[class^=icon-].icon-share-youtube .webPartTittel span::before, .webPart[class*=" icon-"].icon-share-youtube .webPartTittel span::before, table.faktaboks[class^=icon-].icon-share-youtube caption::before, table.faktaboks[class*=" icon-"].icon-share-youtube caption::before, .webPart li[class^=icon-].icon-share-youtube > a > span::before, .webPart li[class*=" icon-"].icon-share-youtube > a > span::before { content: "\e904"; } .footer-content li.icon-shield a::before, .webPart[class^=icon-].icon-shield .webPartTittel span::before, .webPart[class*=" icon-"].icon-shield .webPartTittel span::before, table.faktaboks[class^=icon-].icon-shield caption::before, table.faktaboks[class*=" icon-"].icon-shield caption::before, .webPart li[class^=icon-].icon-shield > a > span::before, .webPart li[class*=" icon-"].icon-shield > a > span::before { content: "\e91b"; } .footer-content li.icon-sirkel-pil a::before, .webPart[class^=icon-].icon-sirkel-pil .webPartTittel span::before, .webPart[class*=" icon-"].icon-sirkel-pil .webPartTittel span::before, table.faktaboks[class^=icon-].icon-sirkel-pil caption::before, table.faktaboks[class*=" icon-"].icon-sirkel-pil caption::before, .webPart li[class^=icon-].icon-sirkel-pil > a > span::before, .webPart li[class*=" icon-"].icon-sirkel-pil > a > span::before { content: "\e92f"; } .footer-content li.icon-speech-bubble a::before, .webPart[class^=icon-].icon-speech-bubble .webPartTittel span::before, .webPart[class*=" icon-"].icon-speech-bubble .webPartTittel span::before, table.faktaboks[class^=icon-].icon-speech-bubble caption::before, table.faktaboks[class*=" icon-"].icon-speech-bubble caption::before, .webPart li[class^=icon-].icon-speech-bubble > a > span::before, .webPart li[class*=" icon-"].icon-speech-bubble > a > span::before { content: "\e918"; } .footer-content li.icon-star a::before, .webPart[class^=icon-].icon-star .webPartTittel span::before, .webPart[class*=" icon-"].icon-star .webPartTittel span::before, table.faktaboks[class^=icon-].icon-star caption::before, table.faktaboks[class*=" icon-"].icon-star caption::before, .webPart li[class^=icon-].icon-star > a > span::before, .webPart li[class*=" icon-"].icon-star > a > span::before { content: "\e91c"; } .footer-content li.icon-twitter a::before, .webPart[class^=icon-].icon-twitter .webPartTittel span::before, .webPart[class*=" icon-"].icon-twitter .webPartTittel span::before, table.faktaboks[class^=icon-].icon-twitter caption::before, table.faktaboks[class*=" icon-"].icon-twitter caption::before, .webPart li[class^=icon-].icon-twitter > a > span::before, .webPart li[class*=" icon-"].icon-twitter > a > span::before { content: "\e91d"; } .footer-content li.icon-user a::before, .webPart[class^=icon-].icon-user .webPartTittel span::before, .webPart[class*=" icon-"].icon-user .webPartTittel span::before, table.faktaboks[class^=icon-].icon-user caption::before, table.faktaboks[class*=" icon-"].icon-user caption::before, .webPart li[class^=icon-].icon-user > a > span::before, .webPart li[class*=" icon-"].icon-user > a > span::before { content: "\e91e"; } .footer-content li.icon-warning a::before, .webPart[class^=icon-].icon-warning .webPartTittel span::before, .webPart[class*=" icon-"].icon-warning .webPartTittel span::before, table.faktaboks[class^=icon-].icon-warning caption::before, table.faktaboks[class*=" icon-"].icon-warning caption::before, .webPart li[class^=icon-].icon-warning > a > span::before, .webPart li[class*=" icon-"].icon-warning > a > span::before { content: "\e920"; } .footer-content li.icon-warning2 a::before, .webPart[class^=icon-].icon-warning2 .webPartTittel span::before, .webPart[class*=" icon-"].icon-warning2 .webPartTittel span::before, table.faktaboks[class^=icon-].icon-warning2 caption::before, table.faktaboks[class*=" icon-"].icon-warning2 caption::before, .webPart li[class^=icon-].icon-warning2 > a > span::before, .webPart li[class*=" icon-"].icon-warning2 > a > span::before { content: "\e905"; } .sub-navigation-toggle::after, .footer-content li.icon-x a::before, .main-menu-toggle.open::after, .search-box-toggle.open::after, .message-box .close-button::after, .webPart[class^=icon-].icon-x .webPartTittel span::before, .webPart[class*=" icon-"].icon-x .webPartTittel span::before, table.faktaboks[class^=icon-].icon-x caption::before, table.faktaboks[class*=" icon-"].icon-x caption::before, .webPart li[class^=icon-].icon-x > a > span::before, .webPart li[class*=" icon-"].icon-x > a > span::before { content: "\e935"; } @font-face { font-family: "ROR-IKT"; src: url("../fonts/ROR-IKT.ttf?y20o03") format("truetype"), url("../fonts/ROR-IKT.woff?y20o03") format("woff"), url("../fonts/ROR-IKT.svg?y20o03#ROR-IKT") format("svg"); font-weight: normal; font-style: normal; } .middle-boxes .middle-boxes-content.middle-boxes--upper-content .webPartInnhold .vListe li a::before, .middle-boxes .middle-boxes-content.middle-boxes--upper-content .webPartInnhold .alt-om::before, .frontpage__shortcut-menu ul li a:before, .frontpage__service-menu--lower .webPartInnhold a::after, .frontpage__service-menu--lower .webPartInnhold .vis-alle a::before, .frontpage__service-menu--lower .webPartInnhold a.external-link .text::after, .frontpage__service-menu:not(.frontpage__service-menu--lower) .webPartInnhold a.external-link .text::after, .frontpage__article-list-box .webPartBunnLink a[href]::before, .event-list-box .calWPFooter a[href]::before, .media-icons ul li:before, .faqWrapper .faq .divFaqSporsmal.open::after, .faqWrapper .faq .divFaqSporsmal::after, .related-resources__button--expanded::after, .divFaqSporsmal--expanded::after, .faq__question--expanded::after, .related-resources__button::after, .related-resources__button::before, .divFaqSporsmal::after, .divFaqSporsmal::before, .faq__question::after, .faq__question::before, .middle-column .calContent .calEvent .InnholdIngress a.ekstern-wrapped .text::after, .middle-column .calContent .calEvent .InnholdTekst a.ekstern-wrapped .text::after, .middle-column .calContent .calEvent .InnholdIngress a.ekstern::after, .middle-column .calContent .calEvent .InnholdTekst a.ekstern::after, .main-menu .external-link::after, .alert-box .external-link::after, .artikkel .external-link::after, .footer-content .external-link::after, .artikkeloversiktrad .KategoriForfatter::before, .artikkeloversiktrad .InnholdOverskrift::after, table.faktaboks caption::after, .liste.faktaboks caption::after, .bottom-aside .related-content-box .webPartInnhold .relaterteHeader::after, .bottom-aside .related-content-box .webPartInnhold .relaterteHeader::before, .middle-column .calContent .calEvent h3.hendelseskontakt::before, .middle-column .calContent .calEvent .completeLocation h3::before, .sub-navigation-toggle::after, form.right-column .lower-page-navigation .sub-navigation a.external-link .text::after, .breadcrumbs .breadcrumbsWrapper > ul li + li::before, .footer-content ul.vListe > li.collapsable > a::after, .footer-content li[class*=icon-] a::before, .transport-page .sub-navigation a.external-link .text::after, .area-message__text::before, .area-message-list-item__text::before, .accessibility-menu ul.vListe > li.collapsable > a::after, .accessibility-menu ul.vListe li.js-google-translate a::after, .main-menu .webPart:not(.horizontal) .vListe a::before, .main-menu-toggle::after, .search-box-toggle::after, .message-box .close-button::after, .webPart[class^=icon-] .webPartTittel span::before, .webPart[class*=" icon-"] .webPartTittel span::before, table.faktaboks[class^=icon-] caption::before, table.faktaboks[class*=" icon-"] caption::before, .webPart li[class^=icon-] > a > span::before, .webPart li[class*=" icon-"] > a > span::before { /* use !important to prevent issues with browser extensions that change fonts */ font-family: "ROR-IKT" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .footer-content li.icon-account a::before, .webPart[class^=icon-].icon-account .webPartTittel span::before, .webPart[class*=" icon-"].icon-account .webPartTittel span::before, table.faktaboks[class^=icon-].icon-account caption::before, table.faktaboks[class*=" icon-"].icon-account caption::before, .webPart li[class^=icon-].icon-account > a > span::before, .webPart li[class*=" icon-"].icon-account > a > span::before { content: "\e933"; } .footer-content li.icon-alert a::before, .webPart[class^=icon-].icon-alert .webPartTittel span::before, .webPart[class*=" icon-"].icon-alert .webPartTittel span::before, table.faktaboks[class^=icon-].icon-alert caption::before, table.faktaboks[class*=" icon-"].icon-alert caption::before, .webPart li[class^=icon-].icon-alert > a > span::before, .webPart li[class*=" icon-"].icon-alert > a > span::before { content: "\e928"; } .footer-content li.icon-arrow-down a::before, .webPart[class^=icon-].icon-arrow-down .webPartTittel span::before, .webPart[class*=" icon-"].icon-arrow-down .webPartTittel span::before, table.faktaboks[class^=icon-].icon-arrow-down caption::before, table.faktaboks[class*=" icon-"].icon-arrow-down caption::before, .webPart li[class^=icon-].icon-arrow-down > a > span::before, .webPart li[class*=" icon-"].icon-arrow-down > a > span::before { content: "\e929"; } .breadcrumbs .breadcrumbsWrapper > ul li + li::before, .footer-content li.icon-arrow-left a::before, .webPart[class^=icon-].icon-arrow-left .webPartTittel span::before, .webPart[class*=" icon-"].icon-arrow-left .webPartTittel span::before, table.faktaboks[class^=icon-].icon-arrow-left caption::before, table.faktaboks[class*=" icon-"].icon-arrow-left caption::before, .webPart li[class^=icon-].icon-arrow-left > a > span::before, .webPart li[class*=" icon-"].icon-arrow-left > a > span::before { content: "\e92a"; } .middle-boxes .middle-boxes-content.middle-boxes--upper-content .webPartInnhold .vListe li a::before, .middle-boxes .middle-boxes-content.middle-boxes--upper-content .webPartInnhold .alt-om::before, .frontpage__shortcut-menu ul li a:before, .frontpage__article-list-box .webPartBunnLink a[href]::before, .event-list-box .calWPFooter a[href]::before, .footer-content li.icon-arrow-right a::before, .main-menu .webPart:not(.horizontal) .vListe a::before, .webPart[class^=icon-].icon-arrow-right .webPartTittel span::before, .webPart[class*=" icon-"].icon-arrow-right .webPartTittel span::before, table.faktaboks[class^=icon-].icon-arrow-right caption::before, table.faktaboks[class*=" icon-"].icon-arrow-right caption::before, .webPart li[class^=icon-].icon-arrow-right > a > span::before, .webPart li[class*=" icon-"].icon-arrow-right > a > span::before { content: "\e92b"; } .frontpage__service-menu--lower .webPartInnhold a::after, .frontpage__service-menu--lower .webPartInnhold .vis-alle a::before, .footer-content li.icon-arrow-right-2 a::before, .webPart[class^=icon-].icon-arrow-right-2 .webPartTittel span::before, .webPart[class*=" icon-"].icon-arrow-right-2 .webPartTittel span::before, table.faktaboks[class^=icon-].icon-arrow-right-2 caption::before, table.faktaboks[class*=" icon-"].icon-arrow-right-2 caption::before, .webPart li[class^=icon-].icon-arrow-right-2 > a > span::before, .webPart li[class*=" icon-"].icon-arrow-right-2 > a > span::before { content: "\e934"; } .footer-content li.icon-arrow-up a::before, .webPart[class^=icon-].icon-arrow-up .webPartTittel span::before, .webPart[class*=" icon-"].icon-arrow-up .webPartTittel span::before, table.faktaboks[class^=icon-].icon-arrow-up caption::before, table.faktaboks[class*=" icon-"].icon-arrow-up caption::before, .webPart li[class^=icon-].icon-arrow-up > a > span::before, .webPart li[class*=" icon-"].icon-arrow-up > a > span::before { content: "\e92c"; } .footer-content li.icon-bell a::before, .area-message__text::before, .area-message-list-item__text::before, .webPart[class^=icon-].icon-bell .webPartTittel span::before, .webPart[class*=" icon-"].icon-bell .webPartTittel span::before, table.faktaboks[class^=icon-].icon-bell caption::before, table.faktaboks[class*=" icon-"].icon-bell caption::before, .webPart li[class^=icon-].icon-bell > a > span::before, .webPart li[class*=" icon-"].icon-bell > a > span::before { content: "\e907"; } .footer-content li.icon-book a::before, .webPart[class^=icon-].icon-book .webPartTittel span::before, .webPart[class*=" icon-"].icon-book .webPartTittel span::before, table.faktaboks[class^=icon-].icon-book caption::before, table.faktaboks[class*=" icon-"].icon-book caption::before, .webPart li[class^=icon-].icon-book > a > span::before, .webPart li[class*=" icon-"].icon-book > a > span::before { content: "\e908"; } .footer-content li.icon-calendar a::before, .webPart[class^=icon-].icon-calendar .webPartTittel span::before, .webPart[class*=" icon-"].icon-calendar .webPartTittel span::before, table.faktaboks[class^=icon-].icon-calendar caption::before, table.faktaboks[class*=" icon-"].icon-calendar caption::before, .webPart li[class^=icon-].icon-calendar > a > span::before, .webPart li[class*=" icon-"].icon-calendar > a > span::before { content: "\e931"; } .footer-content li.icon-camera a::before, .webPart[class^=icon-].icon-camera .webPartTittel span::before, .webPart[class*=" icon-"].icon-camera .webPartTittel span::before, table.faktaboks[class^=icon-].icon-camera caption::before, table.faktaboks[class*=" icon-"].icon-camera caption::before, .webPart li[class^=icon-].icon-camera > a > span::before, .webPart li[class*=" icon-"].icon-camera > a > span::before { content: "\e909"; } table.faktaboks caption.closed::after, .liste.faktaboks caption.closed::after, .bottom-aside .related-content-box .webPartInnhold .relaterteressurser.closed .relaterteHeader::after, .footer-content ul.vListe > li.collapsable > a::after, .footer-content li.icon-chevron-down a::before, .accessibility-menu ul.vListe > li.collapsable > a::after, .accessibility-menu ul.vListe li.js-google-translate a::after, .webPart[class^=icon-].icon-chevron-down .webPartTittel span::before, .webPart[class*=" icon-"].icon-chevron-down .webPartTittel span::before, table.faktaboks[class^=icon-].icon-chevron-down caption::before, table.faktaboks[class*=" icon-"].icon-chevron-down caption::before, .webPart li[class^=icon-].icon-chevron-down > a > span::before, .webPart li[class*=" icon-"].icon-chevron-down > a > span::before { content: "\e923"; } .footer-content li.icon-chevron-left a::before, .webPart[class^=icon-].icon-chevron-left .webPartTittel span::before, .webPart[class*=" icon-"].icon-chevron-left .webPartTittel span::before, table.faktaboks[class^=icon-].icon-chevron-left caption::before, table.faktaboks[class*=" icon-"].icon-chevron-left caption::before, .webPart li[class^=icon-].icon-chevron-left > a > span::before, .webPart li[class*=" icon-"].icon-chevron-left > a > span::before { content: "\e924"; } .artikkeloversiktrad .InnholdOverskrift::after, .footer-content li.icon-chevron-right a::before, .webPart[class^=icon-].icon-chevron-right .webPartTittel span::before, .webPart[class*=" icon-"].icon-chevron-right .webPartTittel span::before, table.faktaboks[class^=icon-].icon-chevron-right caption::before, table.faktaboks[class*=" icon-"].icon-chevron-right caption::before, .webPart li[class^=icon-].icon-chevron-right > a > span::before, .webPart li[class*=" icon-"].icon-chevron-right > a > span::before { content: "\e925"; } table.faktaboks caption.open::after, .liste.faktaboks caption.open::after, .bottom-aside .related-content-box .webPartInnhold .relaterteressurser.open .relaterteHeader::after, .footer-content ul.vListe > li.collapsable > a.open > a::after, .footer-content li.icon-chevron-up a::before, .accessibility-menu ul.vListe > li.collapsable > a.open > a::after, .webPart[class^=icon-].icon-chevron-up .webPartTittel span::before, .webPart[class*=" icon-"].icon-chevron-up .webPartTittel span::before, table.faktaboks[class^=icon-].icon-chevron-up caption::before, table.faktaboks[class*=" icon-"].icon-chevron-up caption::before, .webPart li[class^=icon-].icon-chevron-up > a > span::before, .webPart li[class*=" icon-"].icon-chevron-up > a > span::before { content: "\e926"; } .artikkeloversiktrad .KategoriForfatter::before, .footer-content li.icon-clock a::before, .webPart[class^=icon-].icon-clock .webPartTittel span::before, .webPart[class*=" icon-"].icon-clock .webPartTittel span::before, table.faktaboks[class^=icon-].icon-clock caption::before, table.faktaboks[class*=" icon-"].icon-clock caption::before, .webPart li[class^=icon-].icon-clock > a > span::before, .webPart li[class*=" icon-"].icon-clock > a > span::before { content: "\e932"; } .footer-content li.icon-download a::before, .webPart[class^=icon-].icon-download .webPartTittel span::before, .webPart[class*=" icon-"].icon-download .webPartTittel span::before, table.faktaboks[class^=icon-].icon-download caption::before, table.faktaboks[class*=" icon-"].icon-download caption::before, .webPart li[class^=icon-].icon-download > a > span::before, .webPart li[class*=" icon-"].icon-download > a > span::before { content: "\e90a"; } .footer-content li.icon-edit a::before, .webPart[class^=icon-].icon-edit .webPartTittel span::before, .webPart[class*=" icon-"].icon-edit .webPartTittel span::before, table.faktaboks[class^=icon-].icon-edit caption::before, table.faktaboks[class*=" icon-"].icon-edit caption::before, .webPart li[class^=icon-].icon-edit > a > span::before, .webPart li[class*=" icon-"].icon-edit > a > span::before { content: "\e90b"; } .footer-content li.icon-email a::before, .webPart[class^=icon-].icon-email .webPartTittel span::before, .webPart[class*=" icon-"].icon-email .webPartTittel span::before, table.faktaboks[class^=icon-].icon-email caption::before, table.faktaboks[class*=" icon-"].icon-email caption::before, .webPart li[class^=icon-].icon-email > a > span::before, .webPart li[class*=" icon-"].icon-email > a > span::before { content: "\e916"; } .footer-content li.icon-email2 a::before, .webPart[class^=icon-].icon-email2 .webPartTittel span::before, .webPart[class*=" icon-"].icon-email2 .webPartTittel span::before, table.faktaboks[class^=icon-].icon-email2 caption::before, table.faktaboks[class*=" icon-"].icon-email2 caption::before, .webPart li[class^=icon-].icon-email2 > a > span::before, .webPart li[class*=" icon-"].icon-email2 > a > span::before { content: "\e906"; } .frontpage__service-menu--lower .webPartInnhold a.external-link .text::after, .frontpage__service-menu:not(.frontpage__service-menu--lower) .webPartInnhold a.external-link .text::after, .related-resources__button::before, .middle-column .calContent .calEvent .InnholdIngress a.ekstern-wrapped .text::after, .middle-column .calContent .calEvent .InnholdTekst a.ekstern-wrapped .text::after, .middle-column .calContent .calEvent .InnholdIngress a.ekstern::after, .middle-column .calContent .calEvent .InnholdTekst a.ekstern::after, .main-menu .external-link::after, .alert-box .external-link::after, .artikkel .external-link::after, .footer-content .external-link::after, .bottom-aside .related-content-box .webPartInnhold .relaterteHeader::before, form.right-column .lower-page-navigation .sub-navigation a.external-link .text::after, .footer-content li.icon-external-link a::before, .transport-page .sub-navigation a.external-link .text::after, .webPart[class^=icon-].icon-external-link .webPartTittel span::before, .webPart[class*=" icon-"].icon-external-link .webPartTittel span::before, table.faktaboks[class^=icon-].icon-external-link caption::before, table.faktaboks[class*=" icon-"].icon-external-link caption::before, .webPart li[class^=icon-].icon-external-link > a > span::before, .webPart li[class*=" icon-"].icon-external-link > a > span::before { content: "\e91f"; } .footer-content li.icon-eye a::before, .webPart[class^=icon-].icon-eye .webPartTittel span::before, .webPart[class*=" icon-"].icon-eye .webPartTittel span::before, table.faktaboks[class^=icon-].icon-eye caption::before, table.faktaboks[class*=" icon-"].icon-eye caption::before, .webPart li[class^=icon-].icon-eye > a > span::before, .webPart li[class*=" icon-"].icon-eye > a > span::before { content: "\e90c"; } .footer-content li.icon-feather a::before, .webPart[class^=icon-].icon-feather .webPartTittel span::before, .webPart[class*=" icon-"].icon-feather .webPartTittel span::before, table.faktaboks[class^=icon-].icon-feather caption::before, table.faktaboks[class*=" icon-"].icon-feather caption::before, .webPart li[class^=icon-].icon-feather > a > span::before, .webPart li[class*=" icon-"].icon-feather > a > span::before { content: "\e90e"; } .footer-content li.icon-file a::before, .webPart[class^=icon-].icon-file .webPartTittel span::before, .webPart[class*=" icon-"].icon-file .webPartTittel span::before, table.faktaboks[class^=icon-].icon-file caption::before, table.faktaboks[class*=" icon-"].icon-file caption::before, .webPart li[class^=icon-].icon-file > a > span::before, .webPart li[class*=" icon-"].icon-file > a > span::before { content: "\e90f"; } .footer-content li.icon-flag a::before, .webPart[class^=icon-].icon-flag .webPartTittel span::before, .webPart[class*=" icon-"].icon-flag .webPartTittel span::before, table.faktaboks[class^=icon-].icon-flag caption::before, table.faktaboks[class*=" icon-"].icon-flag caption::before, .webPart li[class^=icon-].icon-flag > a > span::before, .webPart li[class*=" icon-"].icon-flag > a > span::before { content: "\e910"; } .footer-content li.icon-globe a::before, .webPart[class^=icon-].icon-globe .webPartTittel span::before, .webPart[class*=" icon-"].icon-globe .webPartTittel span::before, table.faktaboks[class^=icon-].icon-globe caption::before, table.faktaboks[class*=" icon-"].icon-globe caption::before, .webPart li[class^=icon-].icon-globe > a > span::before, .webPart li[class*=" icon-"].icon-globe > a > span::before { content: "\e911"; } .footer-content li.icon-heart a::before, .webPart[class^=icon-].icon-heart .webPartTittel span::before, .webPart[class*=" icon-"].icon-heart .webPartTittel span::before, table.faktaboks[class^=icon-].icon-heart caption::before, table.faktaboks[class*=" icon-"].icon-heart caption::before, .webPart li[class^=icon-].icon-heart > a > span::before, .webPart li[class*=" icon-"].icon-heart > a > span::before { content: "\e912"; } .footer-content li.icon-instagram a::before, .webPart[class^=icon-].icon-instagram .webPartTittel span::before, .webPart[class*=" icon-"].icon-instagram .webPartTittel span::before, table.faktaboks[class^=icon-].icon-instagram caption::before, table.faktaboks[class*=" icon-"].icon-instagram caption::before, .webPart li[class^=icon-].icon-instagram > a > span::before, .webPart li[class*=" icon-"].icon-instagram > a > span::before { content: "\e913"; } .footer-content li.icon-life-buoy a::before, .webPart[class^=icon-].icon-life-buoy .webPartTittel span::before, .webPart[class*=" icon-"].icon-life-buoy .webPartTittel span::before, table.faktaboks[class^=icon-].icon-life-buoy caption::before, table.faktaboks[class*=" icon-"].icon-life-buoy caption::before, .webPart li[class^=icon-].icon-life-buoy > a > span::before, .webPart li[class*=" icon-"].icon-life-buoy > a > span::before { content: "\e914"; } .footer-content li.icon-location a::before, .webPart[class^=icon-].icon-location .webPartTittel span::before, .webPart[class*=" icon-"].icon-location .webPartTittel span::before, table.faktaboks[class^=icon-].icon-location caption::before, table.faktaboks[class*=" icon-"].icon-location caption::before, .webPart li[class^=icon-].icon-location > a > span::before, .webPart li[class*=" icon-"].icon-location > a > span::before { content: "\e917"; } .footer-content li.icon-lock a::before, .webPart[class^=icon-].icon-lock .webPartTittel span::before, .webPart[class*=" icon-"].icon-lock .webPartTittel span::before, table.faktaboks[class^=icon-].icon-lock caption::before, table.faktaboks[class*=" icon-"].icon-lock caption::before, .webPart li[class^=icon-].icon-lock > a > span::before, .webPart li[class*=" icon-"].icon-lock > a > span::before { content: "\e915"; } .footer-content li.icon-logg-inn a::before, .webPart[class^=icon-].icon-logg-inn .webPartTittel span::before, .webPart[class*=" icon-"].icon-logg-inn .webPartTittel span::before, table.faktaboks[class^=icon-].icon-logg-inn caption::before, table.faktaboks[class*=" icon-"].icon-logg-inn caption::before, .webPart li[class^=icon-].icon-logg-inn > a > span::before, .webPart li[class*=" icon-"].icon-logg-inn > a > span::before { content: "\e92d"; } .footer-content li.icon-logout a::before, .webPart[class^=icon-].icon-logout .webPartTittel span::before, .webPart[class*=" icon-"].icon-logout .webPartTittel span::before, table.faktaboks[class^=icon-].icon-logout caption::before, table.faktaboks[class*=" icon-"].icon-logout caption::before, .webPart li[class^=icon-].icon-logout > a > span::before, .webPart li[class*=" icon-"].icon-logout > a > span::before { content: "\e930"; } .sub-navigation-toggle.closed::after, .footer-content li.icon-menu a::before, .main-menu-toggle::after, .webPart[class^=icon-].icon-menu .webPartTittel span::before, .webPart[class*=" icon-"].icon-menu .webPartTittel span::before, table.faktaboks[class^=icon-].icon-menu caption::before, table.faktaboks[class*=" icon-"].icon-menu caption::before, .webPart li[class^=icon-].icon-menu > a > span::before, .webPart li[class*=" icon-"].icon-menu > a > span::before { content: "\e90d"; } .faqWrapper .faq .divFaqSporsmal.open::after, .related-resources__button--expanded::after, .divFaqSporsmal--expanded::after, .faq__question--expanded::after, .footer-content li.icon-minus a::before, .webPart[class^=icon-].icon-minus .webPartTittel span::before, .webPart[class*=" icon-"].icon-minus .webPartTittel span::before, table.faktaboks[class^=icon-].icon-minus caption::before, table.faktaboks[class*=" icon-"].icon-minus caption::before, .webPart li[class^=icon-].icon-minus > a > span::before, .webPart li[class*=" icon-"].icon-minus > a > span::before { content: "\e921"; } .footer-content li.icon-phone a::before, .webPart[class^=icon-].icon-phone .webPartTittel span::before, .webPart[class*=" icon-"].icon-phone .webPartTittel span::before, table.faktaboks[class^=icon-].icon-phone caption::before, table.faktaboks[class*=" icon-"].icon-phone caption::before, .webPart li[class^=icon-].icon-phone > a > span::before, .webPart li[class*=" icon-"].icon-phone > a > span::before { content: "\e91a"; } .faqWrapper .faq .divFaqSporsmal::after, .footer-content li.icon-plus a::before, .webPart[class^=icon-].icon-plus .webPartTittel span::before, .webPart[class*=" icon-"].icon-plus .webPartTittel span::before, table.faktaboks[class^=icon-].icon-plus caption::before, table.faktaboks[class*=" icon-"].icon-plus caption::before, .webPart li[class^=icon-].icon-plus > a > span::before, .webPart li[class*=" icon-"].icon-plus > a > span::before { content: "\e927"; } .footer-content li.icon-punktliste-ikon a::before, .webPart[class^=icon-].icon-punktliste-ikon .webPartTittel span::before, .webPart[class*=" icon-"].icon-punktliste-ikon .webPartTittel span::before, table.faktaboks[class^=icon-].icon-punktliste-ikon caption::before, table.faktaboks[class*=" icon-"].icon-punktliste-ikon caption::before, .webPart li[class^=icon-].icon-punktliste-ikon > a > span::before, .webPart li[class*=" icon-"].icon-punktliste-ikon > a > span::before { content: "\e92e"; } .footer-content li.icon-screen a::before, .webPart[class^=icon-].icon-screen .webPartTittel span::before, .webPart[class*=" icon-"].icon-screen .webPartTittel span::before, table.faktaboks[class^=icon-].icon-screen caption::before, table.faktaboks[class*=" icon-"].icon-screen caption::before, .webPart li[class^=icon-].icon-screen > a > span::before, .webPart li[class*=" icon-"].icon-screen > a > span::before { content: "\e919"; } .footer-content li.icon-search a::before, .search-box-toggle::after, .webPart[class^=icon-].icon-search .webPartTittel span::before, .webPart[class*=" icon-"].icon-search .webPartTittel span::before, table.faktaboks[class^=icon-].icon-search caption::before, table.faktaboks[class*=" icon-"].icon-search caption::before, .webPart li[class^=icon-].icon-search > a > span::before, .webPart li[class*=" icon-"].icon-search > a > span::before { content: "\e922"; } .icon-share-facebook, .footer-content li.icon-share-facebook a::before, .webPart[class^=icon-].icon-share-facebook .webPartTittel span::before, .webPart[class*=" icon-"].icon-share-facebook .webPartTittel span::before, table.faktaboks[class^=icon-].icon-share-facebook caption::before, table.faktaboks[class*=" icon-"].icon-share-facebook caption::before, .webPart li[class^=icon-].icon-share-facebook > a > span::before, .webPart li[class*=" icon-"].icon-share-facebook > a > span::before { content: "\e900"; } .footer-content li.icon-share-flickr a::before, .webPart[class^=icon-].icon-share-flickr .webPartTittel span::before, .webPart[class*=" icon-"].icon-share-flickr .webPartTittel span::before, table.faktaboks[class^=icon-].icon-share-flickr caption::before, table.faktaboks[class*=" icon-"].icon-share-flickr caption::before, .webPart li[class^=icon-].icon-share-flickr > a > span::before, .webPart li[class*=" icon-"].icon-share-flickr > a > span::before { content: "\e901"; } .footer-content li.icon-share-instagram a::before, .webPart[class^=icon-].icon-share-instagram .webPartTittel span::before, .webPart[class*=" icon-"].icon-share-instagram .webPartTittel span::before, table.faktaboks[class^=icon-].icon-share-instagram caption::before, table.faktaboks[class*=" icon-"].icon-share-instagram caption::before, .webPart li[class^=icon-].icon-share-instagram > a > span::before, .webPart li[class*=" icon-"].icon-share-instagram > a > span::before { content: "\e902"; } .icon-share-twitter, .footer-content li.icon-share-twitter a::before, .webPart[class^=icon-].icon-share-twitter .webPartTittel span::before, .webPart[class*=" icon-"].icon-share-twitter .webPartTittel span::before, table.faktaboks[class^=icon-].icon-share-twitter caption::before, table.faktaboks[class*=" icon-"].icon-share-twitter caption::before, .webPart li[class^=icon-].icon-share-twitter > a > span::before, .webPart li[class*=" icon-"].icon-share-twitter > a > span::before { content: "\e903"; } .icon-share-youtube, .footer-content li.icon-share-youtube a::before, .webPart[class^=icon-].icon-share-youtube .webPartTittel span::before, .webPart[class*=" icon-"].icon-share-youtube .webPartTittel span::before, table.faktaboks[class^=icon-].icon-share-youtube caption::before, table.faktaboks[class*=" icon-"].icon-share-youtube caption::before, .webPart li[class^=icon-].icon-share-youtube > a > span::before, .webPart li[class*=" icon-"].icon-share-youtube > a > span::before { content: "\e904"; } .footer-content li.icon-shield a::before, .webPart[class^=icon-].icon-shield .webPartTittel span::before, .webPart[class*=" icon-"].icon-shield .webPartTittel span::before, table.faktaboks[class^=icon-].icon-shield caption::before, table.faktaboks[class*=" icon-"].icon-shield caption::before, .webPart li[class^=icon-].icon-shield > a > span::before, .webPart li[class*=" icon-"].icon-shield > a > span::before { content: "\e91b"; } .footer-content li.icon-sirkel-pil a::before, .webPart[class^=icon-].icon-sirkel-pil .webPartTittel span::before, .webPart[class*=" icon-"].icon-sirkel-pil .webPartTittel span::before, table.faktaboks[class^=icon-].icon-sirkel-pil caption::before, table.faktaboks[class*=" icon-"].icon-sirkel-pil caption::before, .webPart li[class^=icon-].icon-sirkel-pil > a > span::before, .webPart li[class*=" icon-"].icon-sirkel-pil > a > span::before { content: "\e92f"; } .footer-content li.icon-speech-bubble a::before, .webPart[class^=icon-].icon-speech-bubble .webPartTittel span::before, .webPart[class*=" icon-"].icon-speech-bubble .webPartTittel span::before, table.faktaboks[class^=icon-].icon-speech-bubble caption::before, table.faktaboks[class*=" icon-"].icon-speech-bubble caption::before, .webPart li[class^=icon-].icon-speech-bubble > a > span::before, .webPart li[class*=" icon-"].icon-speech-bubble > a > span::before { content: "\e918"; } .footer-content li.icon-star a::before, .webPart[class^=icon-].icon-star .webPartTittel span::before, .webPart[class*=" icon-"].icon-star .webPartTittel span::before, table.faktaboks[class^=icon-].icon-star caption::before, table.faktaboks[class*=" icon-"].icon-star caption::before, .webPart li[class^=icon-].icon-star > a > span::before, .webPart li[class*=" icon-"].icon-star > a > span::before { content: "\e91c"; } .footer-content li.icon-twitter a::before, .webPart[class^=icon-].icon-twitter .webPartTittel span::before, .webPart[class*=" icon-"].icon-twitter .webPartTittel span::before, table.faktaboks[class^=icon-].icon-twitter caption::before, table.faktaboks[class*=" icon-"].icon-twitter caption::before, .webPart li[class^=icon-].icon-twitter > a > span::before, .webPart li[class*=" icon-"].icon-twitter > a > span::before { content: "\e91d"; } .footer-content li.icon-user a::before, .webPart[class^=icon-].icon-user .webPartTittel span::before, .webPart[class*=" icon-"].icon-user .webPartTittel span::before, table.faktaboks[class^=icon-].icon-user caption::before, table.faktaboks[class*=" icon-"].icon-user caption::before, .webPart li[class^=icon-].icon-user > a > span::before, .webPart li[class*=" icon-"].icon-user > a > span::before { content: "\e91e"; } .footer-content li.icon-warning a::before, .webPart[class^=icon-].icon-warning .webPartTittel span::before, .webPart[class*=" icon-"].icon-warning .webPartTittel span::before, table.faktaboks[class^=icon-].icon-warning caption::before, table.faktaboks[class*=" icon-"].icon-warning caption::before, .webPart li[class^=icon-].icon-warning > a > span::before, .webPart li[class*=" icon-"].icon-warning > a > span::before { content: "\e920"; } .footer-content li.icon-warning2 a::before, .webPart[class^=icon-].icon-warning2 .webPartTittel span::before, .webPart[class*=" icon-"].icon-warning2 .webPartTittel span::before, table.faktaboks[class^=icon-].icon-warning2 caption::before, table.faktaboks[class*=" icon-"].icon-warning2 caption::before, .webPart li[class^=icon-].icon-warning2 > a > span::before, .webPart li[class*=" icon-"].icon-warning2 > a > span::before { content: "\e905"; } .sub-navigation-toggle::after, .footer-content li.icon-x a::before, .main-menu-toggle.open::after, .search-box-toggle.open::after, .message-box .close-button::after, .webPart[class^=icon-].icon-x .webPartTittel span::before, .webPart[class*=" icon-"].icon-x .webPartTittel span::before, table.faktaboks[class^=icon-].icon-x caption::before, table.faktaboks[class*=" icon-"].icon-x caption::before, .webPart li[class^=icon-].icon-x > a > span::before, .webPart li[class*=" icon-"].icon-x > a > span::before { content: "\e935"; } @media only screen and (max-width: 480px) { .hidden-xsmall-only { display: none; } } @media only screen and (min-width: 481px) { .hidden-small { display: none; } } @media only screen and (max-width: 640px) { .hidden-small-down { display: none; } } @media only screen and (min-width: 481px) and (max-width: 640px) { .hidden-small-only { display: none; } } @media only screen and (min-width: 641px) { .hidden-medium { display: none; } } @media only screen and (max-width: 800px) { .hidden-medium-down { display: none; } } @media only screen and (min-width: 641px) and (max-width: 800px) { .hidden-medium-only { display: none; } } @media only screen and (min-width: 801px) { .hidden-large { display: none; } } @media only screen and (max-width: 960px) { .hidden-large-down { display: none; } } @media only screen and (min-width: 801px) and (max-width: 960px) { .hidden-large-only { display: none; } } @media only screen and (min-width: 961px) { .hidden-xlarge { display: none; } } @media only screen and (max-width: 1024px) { .hidden-xlarge-down { display: none; } } @media only screen and (min-width: 961px) and (max-width: 1280px) { .hidden-xlarge-only { display: none; } } form.designMode .webPart.accessible-title .webPartTittel { margin: 0; padding: 10px; border: 1px dashed rgba(0, 0, 0, 0.5); width: auto; height: auto; position: static; overflow: visible; text-indent: 0; color: rgba(0, 0, 0, 0.5); font-size: 20px; text-align: center; } form.designMode .webPart.accessible-title .webPartTittel::before { content: "UU-overskrift: "; font-weight: bold; } .webPart li[class^=icon-] > a > span::before, .webPart li[class*=" icon-"] > a > span::before { margin-right: 0.5em; vertical-align: middle; } table.faktaboks[class^=icon-] caption, table.faktaboks[class*=" icon-"] caption { padding-left: 80px; } table.faktaboks[class^=icon-] caption::before, table.faktaboks[class*=" icon-"] caption::before { width: 60px; height: 60px; display: block; position: absolute; top: 0; left: 0; color: #FFF; background: #0A2E4D; font-size: 25px; text-align: center; line-height: 60px; } .webPart[class^=icon-] .webPartTittel span, .webPart[class*=" icon-"] .webPartTittel span { display: inline-block; vertical-align: middle; color: #0A2E4D; } .webPart[class^=icon-] .webPartTittel span::before, .webPart[class*=" icon-"] .webPartTittel span::before { display: inline-block; margin-right: 0.5em; vertical-align: middle; } .related-resources__list li a, .faq__answer li a, .contact-list-box .webPartInnhold .text .email a, .bottom-aside .related-content-box .webPartInnhold ul li a, .middle-column .sokeresultat li .sokTreff, div.right-column .search-filter-box .webPartInnhold ul li a, .middle-column .artikkel a[href]:not(.artikkel-bilde), .middle-column .toppartikkel a[href]:not(.artikkel-bilde), .middle-column .ansattoversikt a[href]:not(.artikkel-bilde), .middle-column .calContent a[href]:not(.artikkel-bilde) { color: #276092; display: inline-block; line-height: normal; margin: 0; padding: 0; -webkit-transition: color 0.2s ease, background-color 0.2s ease; transition: color 0.2s ease, background-color 0.2s ease; } .related-resources__list li a:hover, .faq__answer li a:hover, .contact-list-box .webPartInnhold .text .email a:hover, .bottom-aside .related-content-box .webPartInnhold ul li a:hover, .middle-column .sokeresultat li .sokTreff:hover, div.right-column .search-filter-box .webPartInnhold ul li a:hover, .middle-column .artikkel a[href]:hover:not(.artikkel-bilde), .middle-column .toppartikkel a[href]:hover:not(.artikkel-bilde), .middle-column .ansattoversikt a[href]:hover:not(.artikkel-bilde), .middle-column .calContent a[href]:hover:not(.artikkel-bilde) { color: #0A2E4D; } .related-resources__list li a:focus, .faq__answer li a:focus, .contact-list-box .webPartInnhold .text .email a:focus, .bottom-aside .related-content-box .webPartInnhold ul li a:focus, .middle-column .sokeresultat li .sokTreff:focus, div.right-column .search-filter-box .webPartInnhold ul li a:focus, .middle-column .artikkel a[href]:focus:not(.artikkel-bilde), .middle-column .toppartikkel a[href]:focus:not(.artikkel-bilde), .middle-column .ansattoversikt a[href]:focus:not(.artikkel-bilde), .middle-column .calContent a[href]:focus:not(.artikkel-bilde) { background-color: #276092; color: #FFF; } .back-to-top-button, .footer-content ul.vListe > li > ul > li > a, .accessibility-menu ul.vListe > li > ul > li > a, .main .artikkelmal_28.ansattoversikt .sok-kontroll input[type=submit], .webForm .center input[type=submit], .middle-column .sokemotortabell .sokeknapp input, .event-filter-box .webPartInnhold .calMenu input[type=submit], .tilbakemelding #tilbakemeldingKnapp, .tilbakemelding .karakterSelected button { -webkit-transition: border-color 0.2s ease, color 0.2s ease, background-color 0.2s ease; transition: border-color 0.2s ease, color 0.2s ease, background-color 0.2s ease; } .faqWrapper .faq::after, form:not(.transport-page) .sub-navigation::after, .footer-content .zone::after, .top-boxes .top-boxes-content::after, .area-message-list::after, .tools-menu--mobile::after, .logo::after { clear: both; content: ""; display: table; } .frontpage__shortcut-menu ul, .related-resources__list, .faq__answer, .bottom-aside .related-content-box .webPartInnhold ul, .middle-column .sokeresultat, div.right-column .search-filter-box .webPartInnhold ul, .breadcrumbs .breadcrumbsWrapper > ul, .accessibility-menu ul, .navigation { margin: 0; padding: 0; list-style: none; } .frontpage__shortcut-menu ul li, .related-resources__list li, .faq__answer li, .bottom-aside .related-content-box .webPartInnhold ul li, .middle-column .sokeresultat li, div.right-column .search-filter-box .webPartInnhold ul li, .breadcrumbs .breadcrumbsWrapper > ul li, .accessibility-menu ul li, .navigation li { margin: 0; padding: 0; } .related-resources__button, .divFaqSporsmal, .faq__question, table.faktaboks caption, .liste.faktaboks caption, .bottom-aside .related-content-box .webPartInnhold .relaterteHeader { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } div.right-column .type-person .person-email .person-property-value > a > span > span, .breadcrumbs .breadcrumbsWrapper > span, .logo span.title, .webPart.accessible-title .webPartTittel { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .main .artikkelmal_28.ansattoversikt .sok-kontroll input[type=submit], .webForm .center input[type=submit], .middle-column .sokemotortabell .sokeknapp input, .event-filter-box .webPartInnhold .calMenu input[type=submit], .tilbakemelding #tilbakemeldingKnapp, .tilbakemelding .karakterSelected button { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #FFF !important; border-radius: 0.25em; border: 1px solid #E0E0E0 !important; -webkit-box-shadow: none; box-shadow: none; color: #276092 !important; cursor: pointer; display: inline-block; font-family: "segoe-ui", sans-serif; font-size: 1rem; font-weight: 400; height: auto; padding: 0.5em 1.5em; text-align: center; text-decoration: none; } .main .artikkelmal_28.ansattoversikt .sok-kontroll input[type=submit]:hover, .webForm .center input[type=submit]:hover, .middle-column .sokemotortabell .sokeknapp input:hover, .event-filter-box .webPartInnhold .calMenu input[type=submit]:hover, .tilbakemelding #tilbakemeldingKnapp:hover, .tilbakemelding .karakterSelected button:hover, .main .artikkelmal_28.ansattoversikt .sok-kontroll input[type=submit]:focus, .webForm .center input[type=submit]:focus, .middle-column .sokemotortabell .sokeknapp input:focus, .event-filter-box .webPartInnhold .calMenu input[type=submit]:focus, .tilbakemelding #tilbakemeldingKnapp:focus, .tilbakemelding .karakterSelected button:focus { background-color: #276092 !important; border-color: #276092 !important; color: #FFF !important; } .main .artikkelmal_28.ansattoversikt .sok-kontroll input[type=submit]:focus, .webForm .center input[type=submit]:focus, .middle-column .sokemotortabell .sokeknapp input:focus, .event-filter-box .webPartInnhold .calMenu input[type=submit]:focus, .tilbakemelding #tilbakemeldingKnapp:focus, .tilbakemelding .karakterSelected button:focus { outline: none; } .middle-column .sokemotortabell .sokeknapp input, .event-filter-box .webPartInnhold .calMenu input[type=submit], .tilbakemelding #tilbakemeldingKnapp, .tilbakemelding .karakterSelected button { background-color: #276092 !important; border-color: #276092 !important; color: #FFF !important; } .middle-column .sokemotortabell .sokeknapp input:hover, .event-filter-box .webPartInnhold .calMenu input[type=submit]:hover, .tilbakemelding #tilbakemeldingKnapp:hover, .tilbakemelding .karakterSelected button:hover, .middle-column .sokemotortabell .sokeknapp input:focus, .event-filter-box .webPartInnhold .calMenu input[type=submit]:focus, .tilbakemelding #tilbakemeldingKnapp:focus, .tilbakemelding .karakterSelected button:focus { background-color: #FFF !important; border-color: #276092 !important; color: #276092 !important; } .middle-column .calContent .calEvent h2, .middle-column .calContent .calEvent h1, .middle-column .calContent .calEvent .ArtikkelKategoriOverskrift { -ms-word-wrap: hyphenate; word-wrap: break-word; } .frontpage-search-box .webPartInnhold, .header-search-box__container, .search-box .search-box-content > div div { background-color: #FFF; position: relative; } .frontpage-search-box .webPartInnhold::after, .header-search-box__container::after, .search-box .search-box-content > div div::after { content: ""; display: table; clear: both; } .frontpage-search-box .webPartInnhold input, .header-search-box__container input, .search-box .search-box-content > div div input { border: 0; float: left; height: 4.5rem; line-height: 3.5rem; } .frontpage-search-box .webPartInnhold input:focus, .header-search-box__container input:focus, .search-box .search-box-content > div div input:focus { background: #FFF; } .frontpage-search-box .webPartInnhold input[type=text], .header-search-box__container input[type=text], .search-box .search-box-content > div div input[type=text] { font-size: 1.3rem; padding: 0 0 0 2rem; width: calc(100% - 4rem); color: #4D4D4F; } .frontpage-search-box .webPartInnhold input[type=text]::-webkit-input-placeholder, .header-search-box__container input[type=text]::-webkit-input-placeholder, .search-box .search-box-content > div div input[type=text]::-webkit-input-placeholder { color: #4D4D4F; } .frontpage-search-box .webPartInnhold input[type=text]::-moz-placeholder, .header-search-box__container input[type=text]::-moz-placeholder, .search-box .search-box-content > div div input[type=text]::-moz-placeholder { color: #4D4D4F; } .frontpage-search-box .webPartInnhold input[type=text]:-ms-input-placeholder, .header-search-box__container input[type=text]:-ms-input-placeholder, .search-box .search-box-content > div div input[type=text]:-ms-input-placeholder { color: #4D4D4F; } .frontpage-search-box .webPartInnhold input[type=text]::-ms-input-placeholder, .header-search-box__container input[type=text]::-ms-input-placeholder, .search-box .search-box-content > div div input[type=text]::-ms-input-placeholder { color: #4D4D4F; } .frontpage-search-box .webPartInnhold input[type=text]::placeholder, .header-search-box__container input[type=text]::placeholder, .search-box .search-box-content > div div input[type=text]::placeholder { color: #4D4D4F; } .frontpage-search-box .webPartInnhold input[type=text]:focus, .header-search-box__container input[type=text]:focus, .search-box .search-box-content > div div input[type=text]:focus { background-color: rgba(39, 96, 146, 0.1); outline: none; } .frontpage-search-box .webPartInnhold input[type=submit], .header-search-box__container input[type=submit], .search-box .search-box-content > div div input[type=submit] { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #ffffff; border-radius: 0; color: #276092; cursor: pointer; font-size: 1rem; margin: 0; overflow: hidden; position: absolute; right: 0; top: 0; } .frontpage-search-box .webPartInnhold input[type=submit]:hover, .header-search-box__container input[type=submit]:hover, .search-box .search-box-content > div div input[type=submit]:hover, .frontpage-search-box .webPartInnhold input[type=submit]:focus, .header-search-box__container input[type=submit]:focus, .search-box .search-box-content > div div input[type=submit]:focus { background-color: #276092; color: #ffffff; } .message-box .close-button { -moz-appearance: none; -webkit-appearance: none; appearance: none; background: transparent; border-radius: 0; border: 0; color: #0A2E4D; cursor: pointer; font-family: "segoe-ui", sans-serif; font-size: 1.125rem; margin: 0; padding: 0; } .message-box .close-button span { display: inline-block; text-transform: uppercase; } .message-box .close-button::after { margin-left: 0.5em; color: #0A2E4D; font-size: 0.9em; } .message-box .close-button:hover span, .message-box .close-button:focus span { text-decoration: underline; } .message-box .close-button:focus { outline: none; } html { -webkit-box-sizing: border-box; box-sizing: border-box; } *, *::before, *::after { -webkit-box-sizing: inherit; box-sizing: inherit; } input, button, textarea { font-family: inherit; } html, body, form { margin: 0; padding: 0; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } body { color: #0A2E4D; font-family: "segoe-ui", sans-serif; position: relative; } body h1, body .ArtikkelKategoriOverskrift, body h2, body h3, body h4, body h5, body h6 { font-family: "segoe-ui", sans-serif; font-weight: 400; line-height: 1.2em; word-wrap: break-word; } @media only screen and (min-width: 801px) { body h1, body .ArtikkelKategoriOverskrift, body h2, body h3, body h4, body h5, body h6 { word-wrap: normal; } } body h2 { font-size: 29px; } @media only screen and (min-width: 641px) { body h2 { font-size: 30px; } } body h3 { font-size: 20px; } body a[href]:not(.ac-content-page a[href]) { color: #0A2E4D; text-decoration: underline; } body a[href]:not(.ac-content-page a[href]):hover, body a[href]:not(.ac-content-page a[href]):focus { text-decoration: underline; } body a[href]:not(.ac-content-page a[href]) img { border: none; } .header { background-color: #FFF; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); margin: 0; padding: 0; } @media only screen and (min-width: 801px) { .header { padding: 0; } } .header-content { height: 111.6px; margin: 0 auto; padding: 0 0rem 60px; position: relative; } .header-content::after { content: ""; display: table; clear: both; } @media only screen and (min-width: 481px) { .header-content { padding: 0 0 160px; max-width: 90%; height: 80px; } } @media only screen and (min-width: 641px) { .header-content { height: 80px; padding-bottom: 0; } } @media only screen and (min-width: 801px) { .header-content { height: 121px; } } @media only screen and (min-width: 1313px) { .header-content { max-width: 1280px; } } .logo { display: inline-block; margin: 0; padding: 0; } .logo img { float: left; margin-bottom: 0.2rem; margin-left: 1rem; padding: 0; position: relative; } .logo img.logo { display: block; position: relative; z-index: 1; margin-top: 0; height: 33px; } @media only screen and (min-width: 481px) { .logo img.logo { height: 57px; } } @media only screen and (min-width: 641px) { .logo img.logo { height: 57px; } } @media only screen and (min-width: 801px) { .logo img.logo { height: 91px; } } @media only screen and (min-width: 961px) { .logo img.logo { height: 86px; } } .logo img.logo:hover { border: 3px solid #000; outline: 2px solid #FFF; border-radius: 5px; } .logo .default-logo--mobile { display: inline; } @media only screen and (min-width: 641px) { .logo .default-logo--mobile { display: none; } } .logo .default-logo--desktop { display: none; } @media only screen and (min-width: 641px) { .logo .default-logo--desktop { display: inline; } } @media only screen and (min-width: 481px) { .logo { margin-top: 13px; } } @media only screen and (min-width: 641px) { .logo { margin-top: 13px; } } @media only screen and (min-width: 961px) { .logo { margin-top: 18px; } .logo img { margin-left: 0; } } .logo a:focus { outline: none; } .logo-small { display: none; } .navigation { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #276092; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; height: 60px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media only screen and (min-width: 641px) { .navigation { background-color: transparent; display: block; float: right; height: 80px; line-height: 80px; } } @media only screen and (min-width: 801px) { .navigation { background-color: transparent; height: 121px; line-height: 121px; } } .navigation > li { display: inline-block; height: 100%; line-height: normal; vertical-align: middle; width: 50%; } @media only screen and (min-width: 641px) { .navigation > li { height: 50px; width: 25%; } } @media only screen and (min-width: 801px) { .navigation > li { border-left: 0; height: auto; width: auto; } } .main-menu-toggle, .search-box-toggle { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #276092; border-radius: 0; border: none; color: #FFF; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; font-size: 1rem; font-weight: 600; height: 100%; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin: 0; padding: 10px; text-align: center; width: 100%; } .main-menu-toggle::after, .search-box-toggle::after { border-radius: 3px; border: none; color: #FFF; font-size: 1.7rem; left: 0; padding: 0; width: 36px; } @media only screen and (min-width: 801px) { .main-menu-toggle::after, .search-box-toggle::after { border: 2px solid #0A2E4D; height: 36px; line-height: 39px; margin-left: 0.5rem; } } .main-menu-toggle:hover, .main-menu-toggle:focus, .main-menu-toggle.open, .search-box-toggle:hover, .search-box-toggle:focus, .search-box-toggle.open { background-color: #0A2E4D !important; color: #FFF; } .main-menu-toggle:hover::after, .main-menu-toggle:focus::after, .main-menu-toggle.open::after, .search-box-toggle:hover::after, .search-box-toggle:focus::after, .search-box-toggle.open::after { background-color: #0A2E4D; border-color: #0A2E4D !important; color: #FFF; } @media only screen and (min-width: 801px) { .main-menu-toggle:hover, .main-menu-toggle:focus, .main-menu-toggle.open, .search-box-toggle:hover, .search-box-toggle:focus, .search-box-toggle.open { border-color: #0A2E4D !important; } } .main-menu-toggle:focus, .search-box-toggle:focus { outline: none; } .main-menu-toggle.open::after, .search-box-toggle.open::after { font-size: 1.6rem; } .main-menu-toggle span, .search-box-toggle span { font-size: 1.1rem; font-weight: 600; } .main-menu-toggle span .vis-meny, .search-box-toggle span .vis-meny { display: none; } @media only screen and (min-width: 801px) { .main-menu-toggle span, .search-box-toggle span { display: inline-block; } } @media only screen and (min-width: 801px) { .main-menu-toggle, .search-box-toggle { border: 0 none; color: #FFF; background-color: #276092; height: 3.8125rem; padding: 0 1.1rem; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: auto; } .main-menu-toggle::after, .search-box-toggle::after { border: 0 none; font-size: 1.6rem; right: 10px; top: 0; width: auto; } } .search-box-toggle { border-left: 2px solid #276092; } .search-box-toggle::after { font-size: 1.1em; } @media only screen and (min-width: 801px) { .search-box-toggle::after { display: inline-block; font-size: 1.1rem; line-height: 40px; right: 14px; margin-left: 0.8rem; } } @media only screen and (min-width: 801px) { .search-box-toggle { border-left: 0 none; } .search-box-toggle .vis-meny { display: inline !important; } } @media only screen and (min-width: 801px) { .main-menu-toggle { margin-left: 1rem; } } .main-menu { background-color: #FFF; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1) inset; display: none; margin: 0; } .main-menu::after { content: ""; display: table; clear: both; } .main-menu:focus { outline: none; } .main-menu.open { display: block; } .main-menu .main-menu-content { margin: 0 auto; max-width: 1280px; padding: 2rem 0 0; } .main-menu .main-menu-content::after { content: ""; display: table; clear: both; } .main-menu .main-menu-content .zone { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .main-menu .main-menu-content .zone .webPart { line-height: 30px; margin-top: 0; width: 100%; } @media only screen and (min-width: 801px) { .main-menu .main-menu-content .zone .webPart { margin-top: 0; width: 100%; } .main-menu .main-menu-content .zone .webPart.one-half { width: calc(100%/2 - 2rem/2); } .main-menu .main-menu-content .zone .webPart.one-third { width: calc(100%/3 - 2rem/3); } .main-menu .main-menu-content .zone .webPart.two-thirds { width: calc(100%/1.5 - 2rem/1.5); } .main-menu .main-menu-content .zone .webPart.one-quarter { width: calc(100%/4 - 2rem/4); } .main-menu .main-menu-content .zone .webPart.three-quarters { width: calc(100%/1.3333333333 - 2rem/1.3333333333); } } .main-menu .main-menu-content .zone .webPart { margin-top: 0; } @media only screen and (min-width: 641px) { .main-menu .main-menu-content { width: 90%; } } @media only screen and (min-width: 801px) { .main-menu .main-menu-content { padding: 4rem 0 0; } } .main-menu .webPart + .webPart .webPartInnhold ul { margin-bottom: 2rem; } .main-menu .webPart .webPartTittel { border-bottom: 1px solid #E0E0E0; font-size: 22px; font-weight: 700; margin-bottom: 1rem; padding-bottom: 0.5em; padding-left: 2rem; padding-right: 1rem; } @media only screen and (min-width: 801px) { .main-menu .webPart .webPartTittel { font-size: 1.375rem; padding-left: 0; } } .main-menu .horizontal .webPartTittel span { display: none; } @media only screen and (min-width: 801px) { .main-menu .horizontal .webPartTittel { margin-bottom: 2rem; padding-bottom: 2rem; } } .main-menu .horizontal .vListe { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -2rem; } .main-menu .horizontal .vListe li { margin-left: 4.5rem; width: 100%; } @media only screen and (min-width: 801px) { .main-menu .horizontal .vListe ul { margin-left: -2.5rem; } .main-menu .horizontal .vListe li { margin-left: 2.5rem; width: auto; } } @media only screen and (min-width: 801px) { .main-menu .two-columns .vListe { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } .main-menu .webPart:not(.horizontal) .vListe a { color: #276092; padding-left: 2.2rem; position: relative; color: #276092; font-weight: 600; padding-left: 2.3rem; } .main-menu .webPart:not(.horizontal) .vListe a:hover { color: #0A2E4D; } .main-menu .webPart:not(.horizontal) .vListe a:hover::before { -webkit-transform: translate3d(10px, -50%, 0); transform: translate3d(10px, -50%, 0); -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } .main-menu .webPart:not(.horizontal) .vListe a::before { color: #0A2E4D; font-size: 22px; height: 0.9em; left: 0; overflow: hidden; position: absolute; text-decoration: none; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } .main-menu .vListe { list-style-type: none; margin-left: 2rem; padding: 0; } @media only screen and (min-width: 801px) { .main-menu .vListe { margin-left: 0; } } .main-menu .vListe li { margin-bottom: 2rem; } .main-menu .vListe a { color: #276092; font-size: 19px; } .main-menu .vListe a:hover { color: #022c44; } @media only screen and (min-width: 801px) { .main-menu .vListe a { font-size: 1.1875rem; } } .accessibility-menu { margin: 0; } .accessibility-menu ul.vListe { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: center; } .accessibility-menu ul.vListe::after { content: ""; display: table; clear: both; } .accessibility-menu ul.vListe li.js-google-translate a { padding-right: 25px; } .accessibility-menu ul.vListe li.js-google-translate a::after { font-size: 1.4rem; height: 0.9em; overflow: hidden; padding-left: 3px; position: absolute; text-decoration: none; } @media only screen and (min-width: 801px) { .accessibility-menu ul.vListe li { margin-right: 20px; } } .accessibility-menu ul.vListe > li { margin-top: 1rem; position: relative; } .accessibility-menu ul.vListe > li.open > ul { display: block; } .accessibility-menu ul.vListe > li.collapsable > a::after { color: #FFF; margin-left: 10px; overflow: hidden; position: absolute; text-decoration: none; top: 6px; vertical-align: middle; } .accessibility-menu ul.vListe > li.collapsable > a.open > a::after { text-decoration: none; } .accessibility-menu ul.vListe > li > a { color: #0A2E4D; font-size: 0.8125rem; padding: 0.2em; } .accessibility-menu ul.vListe > li > a:hover, .accessibility-menu ul.vListe > li > a:focus { text-decoration: none; } .accessibility-menu ul.vListe > li > a:hover span, .accessibility-menu ul.vListe > li > a:focus span { border-bottom: 0 none; } .accessibility-menu ul.vListe > li > a:focus { background-color: #276092; border-radius: 3px; color: #ffffff; outline: none; } .accessibility-menu ul.vListe > li > a span { border-bottom: 1px solid #0A2E4D; } @media only screen and (min-width: 801px) { .accessibility-menu ul.vListe > li > a { font-size: 1.05rem; } } .accessibility-menu ul.vListe > li > ul { display: none; margin-top: 1rem; } .accessibility-menu ul.vListe > li > ul > li { display: block; margin-top: 0.5em; } .accessibility-menu ul.vListe > li > ul > li:first-child { margin-top: 0; } .accessibility-menu ul.vListe > li > ul > li > a { color: #0A2E4D; display: inline-block; font-size: 0.9em; line-height: 1.8em; padding-bottom: 0.25em; text-decoration: none; } .accessibility-menu ul.vListe > li > ul > li > a > span { border-bottom: 3px solid #E0E0E0; } .accessibility-menu ul.vListe > li > ul > li > a:hover > span, .accessibility-menu ul.vListe > li > ul > li > a:focus > span { border-color: #0A2E4D; } .accessibility-menu ul.vListe > li > ul > li > a:focus { outline: none; } .accessibility-menu ul.vListe > li > ul > li > ul { display: none !important; } .accessibility-menu ul.vListe { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 50px; text-align: left !important; } @media only screen and (min-width: 641px) { .accessibility-menu ul.vListe { height: 70px; } } .accessibility-menu ul.vListe > li { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 60%; margin-top: 0 !important; padding: 0 0.5rem; } .accessibility-menu ul.vListe > li > ul { background: #E0E0E0; -webkit-box-shadow: 0 0.25em 0.5em rgba(39, 96, 146, 0.25); box-shadow: 0 0.25em 0.5em rgba(39, 96, 146, 0.25); left: -1em; margin-top: 0; min-width: 15em; padding: 0.5em 1em; position: absolute; top: 2em; z-index: 10; } .accessibility-menu ul.vListe .hidden-mobile { display: none; } @media only screen and (min-width: 801px) { .accessibility-menu ul.vListe { height: 121px; } .accessibility-menu ul.vListe .hidden-mobile { display: -webkit-box; display: -ms-flexbox; display: flex; } } .tools-menu--mobile { margin-top: 3rem !important; } .tools-menu--mobile a { background-color: #276092 !important; color: #FFF !important; } .tools-menu--mobile a:hover, .tools-menu--mobile a:focus { background-color: #FFF !important; color: #276092 !important; } @media only screen and (min-width: 1313px) { .tools-menu--mobile { display: none; } } @media only screen and (min-width: 801px) { .navigation .mobile-logo__container { display: none; } } .navigation .accessibility-menu__container { border: none; position: absolute; height: 50%; top: 0; width: 70%; } @media only screen and (min-width: 801px) { .navigation .accessibility-menu__container { display: inline-block; position: static; height: 100%; width: auto; } } .banner { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; display: none; height: 250px; } @media only screen and (min-width: 641px) { .banner { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; } } .footer .accessibility-menu .zone { margin-top: 1rem; } @media only screen and (min-width: 801px) { .search-box-toggle__container { display: inline-block !important; } } .search-box { background-color: #fff; display: none; margin: 0; padding: 1rem 0; } .search-box .search-box-content { margin: 0 auto; padding: 0 1rem; } .search-box .search-box-content > div { position: relative; width: 100%; } .search-box .search-box-content > div::after { content: ""; display: table; clear: both; } .search-box .search-box-content > div div { background-color: transparent; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } .search-box .search-box-content > div input[type=text] { width: 100%; background-color: #fff; font: inherit; -webkit-transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out; transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out; padding: 0 1rem; border-radius: 0.0625rem; margin: 0; border: 2px solid; height: 4rem; margin-right: 6rem; } .search-box .search-box-content > div input[type=text]:focus, .search-box .search-box-content > div input[type=text]:hover { background-color: #276092; border: 0; border: 2px solid #276092; } .search-box .search-box-content > div input[type=text]::-webkit-input-placeholder { color: #4d4d4f !important; } .search-box .search-box-content > div input[type=text]::-moz-placeholder { color: #4d4d4f !important; } .search-box .search-box-content > div input[type=text]:-ms-input-placeholder { color: #4d4d4f !important; } .search-box .search-box-content > div input[type=text]::-ms-input-placeholder { color: #4d4d4f !important; } .search-box .search-box-content > div input[type=text]::placeholder { color: #4d4d4f !important; } @media only screen and (min-width: 481px) { .search-box .search-box-content > div input[type=text] { font-size: 1.2rem !important; padding: 0 2rem !important; } } .search-box .search-box-content > div input[type=submit] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #0e3b6c !important; border-radius: 0; border: 0.125rem solid #0e3b6c; -webkit-box-shadow: none; box-shadow: none; color: white !important; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-size: 1rem; height: 4rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0; max-width: 100%; outline: none; overflow: hidden; padding: 0 1.5rem; position: relative; text-align: center; -webkit-transition: border-color 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out; transition: border-color 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out; vertical-align: top; } .search-box .search-box-content > div input[type=submit], .search-box .search-box-content > div input[type=submit]:focus { background-image: url("../images/icon-search-green.svg"); background-position: center center; background-repeat: no-repeat; background-size: 1.2rem 1.2rem; } .search-box .search-box-content > div input[type=submit]:hover { background-color: #264e7a !important; border: 0; border: 2px solid #264e7a !important; } @media only screen and (min-width: 481px) { .search-box .search-box-content { padding: 3rem 0 4rem; max-width: 90%; } } @media only screen and (min-width: 641px) { .search-box .search-box-content { max-width: 500px; } } .search-box::-webkit-input-placeholder { color: #4d4d4f; } .search-box::-moz-placeholder { color: #4d4d4f; } .search-box:-ms-input-placeholder { color: #4d4d4f; } .search-box::-ms-input-placeholder { color: #4d4d4f; } .search-box::placeholder { color: #4d4d4f; } .search-box.open { display: block; } .js-search-box .search-box input[type=text] { height: 4.5rem !important; } .js-search-box .search-box input[type=submit] { height: 4.5rem !important; } #SokAutoSuggest { border: 1px solid #E0E0E0; border-top: 0; background: none !important; font-size: 18px; } #SokAutoSuggest ul { margin: 0; -webkit-box-shadow: none; box-shadow: none; background-color: #FFF !important; } #SokAutoSuggest ul li { padding: 1em 0.5em !important; } #SokAutoSuggest ul li:hover { color: #276092 !important; background-color: #E0E0E0 !important; } .alert-box { margin: 0; clear: both; } @-webkit-keyframes slideInFromBottom { 0% { will-change: transform; -webkit-transform: translate(0, 100%); transform: translate(0, 100%); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes slideInFromBottom { 0% { will-change: transform; -webkit-transform: translate(0, 100%); transform: translate(0, 100%); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } .alert-box .alert-box-content { position: relative; } .alert-box .alert-box-message { margin-bottom: 2rem; } .alert-box .alert-box-message p { font-size: 1rem; margin: 0; margin-top: 1em; padding: 0; } .alert-box .alert-box-message p:first-child { margin-top: 0; } @media only screen and (min-width: 641px) { .alert-box .alert-box-message { margin-bottom: 0; } } .area-message, .area-message-list-item { background-color: #FEF0D2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; width: 100%; } .area-message .area-message__title h3, .area-message .area-message-list-item__title h3, .area-message-list-item .area-message__title h3, .area-message-list-item .area-message-list-item__title h3 { color: #0A2E4D; font-size: 1rem; font-weight: 700; margin: 0; } @media only screen and (min-width: 801px) { .area-message .area-message__title h3, .area-message .area-message-list-item__title h3, .area-message-list-item .area-message__title h3, .area-message-list-item .area-message-list-item__title h3 { font-size: 1.1875rem; } } .area-message a, .area-message-list-item a { color: #0A2E4D; font-weight: 600; } @media only screen and (min-width: 641px) { .area-message, .area-message-list-item { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } @media only screen and (min-width: 641px) { form:not(.transport-page) .emnekart-area-message .area-message-list-item .area-message__text { padding-left: 80px; } } .area-message-list-item + .area-message-list-item { margin-top: 2rem; } .area-message__text, .area-message-list-item__text { -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; margin: 0 auto; padding: 1.5rem 2rem 1.5rem; position: relative; } .area-message__text::after, .area-message__text::before, .area-message-list-item__text::after, .area-message-list-item__text::before { border-radius: 50%; color: #F9B322; font-size: 1.5rem; left: 1.5rem; padding: 0.5rem; position: absolute; top: calc(50% - 1em); } .area-message__text::before, .area-message-list-item__text::before { border: 1px solid currentColor; } @media only screen and (max-width: 640px) { .area-message__text::after, .area-message__text::before, .area-message-list-item__text::after, .area-message-list-item__text::before { content: none; } } @media only screen and (min-width: 641px) { .area-message__text, .area-message-list-item__text { padding-left: 5rem; padding-top: 1.5rem; } } @media only screen and (min-width: 1313px) { .area-message__text, .area-message-list-item__text { max-width: 1280px; } } .area-message--emergency { background-color: #f7e7e9 !important; position: relative; } @media only screen and (min-width: 641px) { .area-message--emergency .area-message__text::after, .area-message--emergency .area-message__text::before, .area-message--emergency .area-message-list-item__text::after, .area-message--emergency .area-message-list-item__text::before { -webkit-animation: blink 2s infinite ease-in-out; animation: blink 2s infinite ease-in-out; background-color: rgba(183, 57, 73, 0.3); border: 0; content: ""; font-size: 2rem; height: 1em; top: calc(50% - 0.5em); width: 1em; } .area-message--emergency .area-message__text::after, .area-message--emergency .area-message-list-item__text::after { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } } .area-message--emergency a { color: #b73949 !important; } .area-message--emergency .close-button { color: #FFF !important; } .area-message--emergency .close-button::before { color: #FFF !important; } .area-message--article .area-message-list-item::before, .area-message--article .area-message-list-item::after, .area-message--article .area-message::before, .area-message--article .area-message::after { left: 2.8rem; top: 50%; } .area-message--article .area-message__text { padding-bottom: 1.5rem; padding-top: 1.5rem; } @-webkit-keyframes blink { 0% { opacity: 0; -webkit-transform: scale(0.4); transform: scale(0.4); } 33.33333% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } 100% { opacity: 0; -webkit-transform: scale(2); transform: scale(2); } } @keyframes blink { 0% { opacity: 0; -webkit-transform: scale(0.4); transform: scale(0.4); } 33.33333% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } 100% { opacity: 0; -webkit-transform: scale(2); transform: scale(2); } } .area-message-list-item__content p, .area-message__content p { margin: 0; } .header-search-box__container { display: none !important; width: 5rem; } .header-search-box__container > div > div > div::after { content: ""; display: table; clear: both; } .header-search-box__container input[type=text] { color: #0A2E4D; } @media only screen and (min-width: 801px) { .header-search-box__container input[type=text] { height: 38px; font-size: 1rem; font-weight: 600; width: calc(100% - 2rem); } .header-search-box__container input[type=text]:placeholder { content: "Søk"; } } .header-search-box__container input[type=submit] { background: transparent url("../images/icon-search-blue.svg") no-repeat center center; text-indent: -10000px; width: 4rem; background-size: 16px 16px; } @media only screen and (min-width: 801px) { .header-search-box__container input[type=submit] { height: 38px; width: 2rem; } } @media only screen and (min-width: 801px) { .header-search-box__container { display: none !important; border-color: #eaeaea; } } #Sone2500 { width: 100%; } .transport-page .sub-navigation ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style-type: none; margin: -1rem; padding: 0; width: calc(100% + 2rem); } .transport-page .sub-navigation li { margin: 1rem; width: 100%; } .transport-page .sub-navigation li.vis-alle a { background-color: transparent; color: #0A2E4D; } .transport-page .sub-navigation li.vis-alle a .text { text-decoration: underline; } @media only screen and (min-width: 801px) { .transport-page .sub-navigation li { width: auto; } } @media only screen and (min-width: 641px) { .transport-page .sub-navigation li { width: calc(50% - 2rem); } } @media only screen and (min-width: 961px) { .transport-page .sub-navigation li { width: calc(33.3333333333% - 2rem); } } .transport-page .sub-navigation li .description { opacity: 0; } .transport-page .sub-navigation li.has-description a { -webkit-transition: -webkit-transform 0.25s ease-in-out; transition: -webkit-transform 0.25s ease-in-out; transition: transform 0.25s ease-in-out; transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out; will-change: transform; } @media only screen and (min-width: 801px) { .transport-page .sub-navigation li.has-description a:hover, .transport-page .sub-navigation li.has-description a:focus { -webkit-transform: scale3d(1, 1.32, 1); transform: scale3d(1, 1.32, 1); } .transport-page .sub-navigation li.has-description a:hover > span, .transport-page .sub-navigation li.has-description a:focus > span { -webkit-transform: scale3d(1, 0.7575757576, 1); transform: scale3d(1, 0.7575757576, 1); } .transport-page .sub-navigation li.has-description a:hover .text, .transport-page .sub-navigation li.has-description a:focus .text { -webkit-transform: translateY(-2.0833333333rem); -ms-transform: translateY(-2.0833333333rem); transform: translateY(-2.0833333333rem); } .transport-page .sub-navigation li.has-description a:hover .description, .transport-page .sub-navigation li.has-description a:focus .description { opacity: 1; -webkit-transition: opacity 0.35s ease-in-out; transition: opacity 0.35s ease-in-out; visibility: visible; } } .transport-page .sub-navigation li.has-description a > span { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; -webkit-transition: -webkit-transform 0.25s ease-in-out; transition: -webkit-transform 0.25s ease-in-out; transition: transform 0.25s ease-in-out; transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out; width: 100%; } .transport-page .sub-navigation li.has-description .text { -webkit-transition: -webkit-transform 0.25s ease-in-out; transition: -webkit-transform 0.25s ease-in-out; transition: transform 0.25s ease-in-out; transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .transport-page .sub-navigation li.has-description .description { bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; height: 3.2rem; left: 1rem; max-height: 4.1666666667rem; overflow-y: hidden; position: absolute; right: 1rem; top: 5px; -webkit-transition: opacity 0.15s ease-in-out, visibility 0s 0.15s ease-in-out; transition: opacity 0.15s ease-in-out, visibility 0s 0.15s ease-in-out; visibility: hidden; } .transport-page .sub-navigation li:not(.has-description):not(.vis-alle) a { display: -webkit-box; display: -ms-flexbox; display: flex; } .transport-page .sub-navigation a { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fff; border: 2px solid transparent; color: #0A2E4D; display: block; font-size: 21px; font-weight: 600; height: 7rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 1.5rem 1rem; max-width: 100%; text-decoration: none; -webkit-transition-property: background-color, border-bottom-color, color; transition-property: background-color, border-bottom-color, color; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); } .transport-page .sub-navigation a > span { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: inline-block; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media only screen and (min-width: 801px) { .transport-page .sub-navigation a:hover, .transport-page .sub-navigation a:focus { border-color: #0A2E4D; color: #0A2E4D; outline: 0; text-decoration: none; } .transport-page .sub-navigation a:hover .description, .transport-page .sub-navigation a:focus .description { color: #0A2E4D; -webkit-transition: color 0.15s ease-in-out; transition: color 0.15s ease-in-out; } } .transport-page .sub-navigation a.external-link .text::after { padding-left: 5px; } .transport-page .sub-navigation a .has-description + .external-link { display: -webkit-box; display: -ms-flexbox; display: flex; } .transport-page .sub-navigation a .text { font-weight: 600; margin-bottom: 0; } .transport-page .sub-navigation a .description { color: #0A2E4D; display: block; font-size: 0.9375rem; line-height: 1.6; margin-left: auto; margin-right: auto; margin-top: 0.2rem; max-width: 18rem; -webkit-transition: color 0.15s ease-in-out; transition: color 0.15s ease-in-out; } @media only screen and (min-width: 801px) { .transport-page .sub-navigation a { height: 6.25rem; } } .transport-page .sub-navigation .vListe a { background-color: #FFF; border: 1px solid #0A2E4D; color: #0A2E4D; line-height: 1.4; } @media only screen and (min-width: 801px) { .transport-page .sub-navigation .vListe a:hover, .transport-page .sub-navigation .vListe a:focus { background-color: #276092; border-color: #276092; color: #FFF; } } .subpage-link-category { margin: 2rem auto !important; max-width: 1280px; width: 90%; } .top-boxes { background: #FFF; background-color: #F0F0F0; margin: 0; padding: 0; padding-bottom: 1rem; } @media only screen and (min-width: 641px) { .top-boxes { background: #efefef; } } .top-boxes .top-boxes-content { margin: 0 auto; max-width: 90%; padding: 1rem 0 0; position: relative; } @media only screen and (min-width: 641px) { .top-boxes .top-boxes-content { padding: 1rem 0 2rem; } } @media only screen and (min-width: 801px) { .top-boxes .top-boxes-content { padding: 4rem 0 1rem; } } @media only screen and (min-width: 1313px) { .top-boxes .top-boxes-content { max-width: 1280px; } } .top-boxes .top-boxes-content .zone .webPart + .webPart { margin-top: 2rem; } @media only screen and (min-width: 801px) { .top-boxes .top-boxes-content .zone .webPart + .webPart { margin-top: 3rem; } } .middle-boxes { border-bottom: 1px solid transparent; border-top: 1px solid transparent; margin: 0; padding: 0; } @media only screen and (min-width: 801px) { .middle-boxes { margin: 3rem; } } .middle-boxes .middle-boxes-content { margin: 0 auto; padding: 0rem 0; } .middle-boxes .middle-boxes-content .webPart { padding: 0 1rem; } @media only screen and (min-width: 481px) { .middle-boxes .middle-boxes-content .webPart { padding: 0; } } @media only screen and (min-width: 481px) { .middle-boxes .middle-boxes-content { max-width: 90%; } } @media only screen and (min-width: 641px) { .middle-boxes .middle-boxes-content { padding: 0; } } @media only screen and (min-width: 1313px) { .middle-boxes .middle-boxes-content { max-width: 1280px; } } .middle-boxes .zone { margin: 0; padding: 0; } .middle-boxes .zone + .zone { margin-top: 2rem; } .middle-boxes--upper { background-color: #f5f3ee; padding: 0rem 0; margin: 1rem auto; width: 90%; } @media only screen and (min-width: 641px) { .middle-boxes--upper { width: 100%; } } .middle-boxes--upper h2 { font-size: 38px; } @media only screen and (min-width: 641px) { .middle-boxes--upper { background-color: #FFF; background-image: none; } } @media only screen and (min-width: 801px) { .middle-boxes--upper { padding-bottom: 1rem; padding-top: 1rem; background-color: #f5f3ee; margin: 3rem auto; max-width: 1280px; } } .top-boxes + .middle-boxes .zone { margin-top: 0; } .bottom-boxes { background: #f5f3ee; border-bottom: 1px solid transparent; border-top: 1px solid transparent; margin: 0; padding: 0; } @media only screen and (min-width: 641px) { .bottom-boxes { background: #FFF; } } @media only screen and (min-width: 481px) { .bottom-boxes .bottom-boxes-content { padding: 0; } } .bottom-boxes .zone { margin: 4rem 0; padding: 0; } .bottom-boxes .webPartTittel { margin: 0; padding: 1rem 0; } .top-boxes + .bottom-boxes .zone, .middle-boxes + .bottom-boxes .zone, .main + .bottom-boxes .zone { margin-top: 0; } .footer { background-color: #276092 !important; background-repeat: no-repeat; background-position: 0 100%; background-size: 100% auto; color: #fff; padding: 4rem 0 4rem; position: relative; } .footer::after { content: ""; display: table; clear: both; } @media only screen and (min-width: 801px) { .footer { padding: calc(150px + 4rem) 0 4rem; } } @media only screen and (min-width: 801px) { .footer:before { content: ""; display: block; background-color: #fff; width: 100%; height: 150px; position: absolute; top: 0; left: 0; background-image: url(../images/footer-graphic.svg) !important; background-repeat: no-repeat; background-size: 100% auto; background-position: 0 100%; } } @media only screen and (max-width: 640px) { .footer .vListe li { text-align: left; } } .footer-gfx--above { display: none; } @media only screen and (min-width: 801px) { .footer-gfx--above { display: block; margin: 0 auto; margin-bottom: 1rem; width: 30%; } } .footer-gfx--below { display: none; } @media only screen and (min-width: 801px) { .footer-gfx--below { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto; margin-bottom: 3rem; width: 15%; } } .footer-sole { background: #FFF; margin-top: 4rem; } @media only screen and (min-width: 641px) { .footer-sole { background: #f5f3ee; } } .footer-sole .webPart { max-width: 90%; text-align: center; margin: 0 auto; } @media only screen and (min-width: 801px) { .footer-sole .webPart { max-width: 1000px; } } .footer-sole .webPart ul { list-style: none outside none; margin: 0; padding: 1.5rem 0; } .footer-sole .webPart ul li { display: block; margin-left: 0; text-align: center !important; } @media only screen and (min-width: 801px) { .footer-sole .webPart ul li { display: inline-block; margin-left: 8%; } .footer-sole .webPart ul li:first-child { margin-left: 0; } } .footer-sole .webPart ul li a { border-bottom: 1px solid; font-size: 1rem; text-decoration: none !important; } .footer-sole .webPart ul li a:hover, .footer-sole .webPart ul li a:focus { border-bottom-color: transparent; color: #000; } .bottom-content-boxes { background-color: #ffffff; padding-bottom: 8rem !important; } @media only screen and (min-width: 961px) { .bottom-content-boxes { padding-bottom: 4rem !important; } } .bottom-content-boxes .bottom-content-boxes-content { margin: 0 auto; max-width: 100%; } @media only screen and (min-width: 481px) { .bottom-content-boxes .bottom-content-boxes-content { max-width: 90%; } } @media only screen and (min-width: 1313px) { .bottom-content-boxes .bottom-content-boxes-content { max-width: 1280px; } } .transport-page .message-box { background-color: transparent; } @media only screen and (min-width: 801px) { .transport-page .message-box .topimage .banner-image { height: 295px; } } .transport-page .bottom-boxes { margin-top: 2rem; } @media only screen and (min-width: 801px) { .transport-page .bottom-boxes { margin-top: 4rem; } } .transport-page .bottom-boxes { background: transparent !important; } .transport-page .lower-page-navigation { background-color: transparent; } .transport-page .bottom-content-boxes { background-color: #FFF; } .bottom-content-boxes + .footer { margin-top: 0; } .footer-content { color: #FFF; margin: 0 auto; padding: 0 1rem; position: relative; } .footer-content::after { content: ""; display: table; clear: both; } @media only screen and (min-width: 481px) { .footer-content { padding: 0; max-width: 90%; } } @media only screen and (min-width: 1313px) { .footer-content { max-width: 1280px; } } .footer-content .zone { margin: 0; margin-top: 2em; padding: 0; text-align: center; } @media only screen and (min-width: 641px) { .footer-content .zone:first-child { margin-left: 0; margin-top: 0; } } @media only screen and (min-width: 801px) { .footer-content .zone { float: left; margin-left: 5%; margin-top: 0; width: 30%; } } .footer-content .zone .webPartTittel, .footer-content .zone .webPartInnhold h2 { border-bottom: 1px solid rgba(255, 255, 255, 0.2); font-size: 1.8rem; padding-bottom: 10px; text-decoration: none; } .footer-content .zone .webPartTittel span, .footer-content .zone .webPartInnhold h2 span { color: #fff; } .footer-content .zone .webPartInnhold h3 { text-transform: uppercase; font-size: 1.1rem; font-family: "Muli", sans-serif; font-weight: 600; } .footer-content .zone .webPartInnhold p { font-size: 1.1rem; font-weight: 100; line-height: 1.4rem; } .footer-content .zone .webPartInnhold a[href] { color: #fff; } .footer-content .webPart { font-size: 1.1rem; margin-top: 4rem; } .footer-content .webPart:first-child { margin-top: 0; } .footer-content a:hover, .footer-content a:focus { color: #4d4d4f; } @media only screen and (min-width: 641px) { .footer-content h2 { font-size: 1.5rem; } } .footer-content ul { margin: 2rem 0 0; padding: 0; } .footer-content ul > li { display: block; padding: 0 1rem; } .footer-content li { margin-top: 1rem; } .footer-content li[class*=icon-] { display: inline-block; } .footer-content li[class*=icon-] a::before { font-size: 2rem; } .footer-content li[class*=icon-] span { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .footer-content li[class*=icon-] a { text-decoration: none !important; } .footer-content li.icon-email a::before { font-size: 1rem; padding-top: 3px; } .footer-content ul.vListe { text-align: center; } .footer-content ul.vListe::after { content: ""; display: table; clear: both; } .footer-content ul.vListe > li { position: relative; } .footer-content ul.vListe > li + li { margin-top: 1rem; } .footer-content ul.vListe > li.open > ul { display: block; } .footer-content ul.vListe > li.collapsable > a::after { color: #fff; margin-left: 10px; overflow: hidden; position: absolute; text-decoration: none; top: 6px; vertical-align: middle; } .footer-content ul.vListe > li > a { color: #fff; } .footer-content ul.vListe > li > a:focus { outline: none; } .footer-content ul.vListe > li > ul { display: none; margin-top: 1rem; } .footer-content ul.vListe > li > ul > li { display: block; margin-top: 0.5em; } .footer-content ul.vListe > li > ul > li:first-child { margin-top: 0; } .footer-content ul.vListe > li > ul > li > a { color: #FFF; display: inline-block; font-size: 0.9em; line-height: 1.8em; padding-bottom: 0.25em; } .footer-content ul.vListe > li > ul > li > a > span { border-bottom: 3px solid #E0E0E0; } .footer-content ul.vListe > li > ul > li > a:hover > span, .footer-content ul.vListe > li > ul > li > a:focus > span { border-color: #0A2E4D; } .footer-content ul.vListe > li > ul > li > a:focus { outline: none; } .footer-content ul.vListe > li > ul > li > ul { display: none !important; } .footer-content .social-media ul li a.external-link:hover { text-decoration: none; } .footer-content .social-media ul li a.external-link::after { content: none; } .footer-content .webPartInnhold a[href] { color: #FFF; text-decoration: underline; } a[href].link-render-as-button.link-render-as-button { border: 2px solid #276092 !important; color: white !important; background-color: #276092 !important; text-decoration: none; -webkit-transition: 0.25s; transition: 0.25s; padding: 0.5rem !important; border-radius: 0 !important; } a[href].link-render-as-button.link-render-as-button:hover, a[href].link-render-as-button.link-render-as-button:focus { background-color: white !important; color: #276092 !important; } .folgoss .vListe li { padding: 0 0 0 2.2rem !important; text-align: left !important; } .folgoss .vListe li a span::before { display: none; } .main { margin: 0; } .main::after { content: ""; display: table; clear: both; } .main .main-content { background: #FFF; margin: 0 auto; max-width: 1280px; padding: 2rem 1rem 4rem; max-width: 90%; } .main .main-content::after { content: ""; display: table; clear: both; } @media only screen and (min-width: 801px) { .main .main-content { padding: 0; max-width: 90%; } } @media only screen and (min-width: 1313px) { .main .main-content { max-width: 1280px; } } .middle-column::after { content: ""; display: table; clear: both; } div.right-column::after { content: ""; display: table; clear: both; } @media only screen and (min-width: 801px) { div.right-column { float: right; } } form.fullwidth-article .middle-column article { margin: 0 auto; max-width: 50em; width: 90%; } form.fullwidth-article .page-title, form.fullwidth-page .page-title { background-color: transparent; margin-top: 2rem; text-align: center; } @media only screen and (min-width: 801px) { form.fullwidth-article .page-title, form.fullwidth-page .page-title { margin-top: 3rem; } } form.fullwidth-article .main-content, form.fullwidth-page .main-content { padding-top: 0 !important; } form.fullwidth-article .ingress-image .banner-image, form.fullwidth-page .ingress-image .banner-image { background-size: contain; height: 135px; max-width: 1040px; } @media only screen and (min-width: 641px) { form.fullwidth-article .ingress-image .banner-image, form.fullwidth-page .ingress-image .banner-image { height: 300px; } } @media only screen and (min-width: 801px) { form.fullwidth-article .ingress-image .banner-image, form.fullwidth-page .ingress-image .banner-image { height: 433px; } } form.fullwidth-article .middle-column article section.ingress p, form.fullwidth-page .middle-column article section.ingress p { font-size: 1.4625rem !important; } @media only screen and (min-width: 801px) { form.fullwidth-article .middle-column article section.ingress p, form.fullwidth-page .middle-column article section.ingress p { font-size: 1.625rem !important; } } @media only screen and (min-width: 801px) { form.fullwidth-article .middle-column, form.fullwidth-page .middle-column { float: left; padding-right: 0; width: 100%; } } form.right-column:not(.fullwidth-article)::after { content: ""; display: table; clear: both; } @media only screen and (min-width: 801px) { form.right-column:not(.fullwidth-article) .middle-column { float: left; width: 65%; margin-top: 2rem; } } @media only screen and (min-width: 801px) { form.right-column:not(.fullwidth-article) div.right-column { float: right; max-width: 260px; width: 28%; margin-top: 2rem; } } .upper-page-navigation { background-color: #EFEFEF; color: #0A2E4D; margin-bottom: 0; margin-top: 0; padding: 0; position: relative; } .upper-page-navigation::after { content: ""; display: table; clear: both; } .upper-page-navigation .upper-page-navigation-content { margin: 0 auto; padding: 0 1rem; } .upper-page-navigation .upper-page-navigation-content::after { content: ""; display: table; clear: both; } @media only screen and (min-width: 481px) { .upper-page-navigation .upper-page-navigation-content { max-width: 90%; padding-left: 0; padding-right: 0; } } @media only screen and (min-width: 1313px) { .upper-page-navigation .upper-page-navigation-content { max-width: 1280px; } } .breadcrumbs { line-height: 3rem; margin: 0; padding: 1rem 0 0; position: relative; } .breadcrumbs::after { content: ""; display: table; clear: both; } @media only screen and (min-width: 801px) { .breadcrumbs::before { display: none; } } .breadcrumbs .breadcrumbsWrapper { display: inline-block; } .breadcrumbs .breadcrumbsWrapper > ul { display: inline-block; } .breadcrumbs .breadcrumbsWrapper > ul li { display: inline-block; font-size: 1rem; margin-left: 0.5em; } .breadcrumbs .breadcrumbsWrapper > ul li + li::before { color: #0A2E4D; font-size: 0.8rem; font-weight: 600; padding-right: 5px; } @media only screen and (min-width: 801px) { .breadcrumbs .breadcrumbsWrapper > ul li + li::before { content: "\e925"; } } .breadcrumbs .breadcrumbsWrapper > ul li:last-child a { color: #0A2E4D; } .breadcrumbs .breadcrumbsWrapper > ul li a { color: #276092; font-size: 1rem; -webkit-transition: border-color 0.2s ease, color 0.2s ease, background-color 0.2s ease; transition: border-color 0.2s ease, color 0.2s ease, background-color 0.2s ease; } .breadcrumbs .breadcrumbsWrapper > ul li a:focus { background-color: #276092; color: #FFF; } @media only screen and (max-width: 800px) { .breadcrumbs .breadcrumbsWrapper > ul li { display: none; } .breadcrumbs .breadcrumbsWrapper > ul li:nth-last-child(2) { display: inline-block; } .breadcrumbs .breadcrumbsWrapper > ul li::before { content: none; } } .page-title { background-color: #EFEFEF; margin: 0; padding: 2rem 0 1rem; } .page-title .page-title-content { margin: 0 auto; padding: 0 1rem; } @media only screen and (min-width: 481px) { .page-title .page-title-content { padding: 0; max-width: 90%; } } @media only screen and (min-width: 1313px) { .page-title .page-title-content { max-width: 1280px; } } @media only screen and (min-width: 801px) { .page-title { padding: 0 0 2rem; } } .page-title .page-title-content h1, .page-title .page-title-content .ArtikkelKategoriOverskrift, .content-search-page-title h1, .content-search-page-title .ArtikkelKategoriOverskrift { color: #0A2E4D; font-size: 41px; margin: 0; padding: 0; } @media only screen and (min-width: 801px) { .page-title .page-title-content h1, .page-title .page-title-content .ArtikkelKategoriOverskrift, .content-search-page-title h1, .content-search-page-title .ArtikkelKategoriOverskrift { font-size: 3.4375rem; } } .content-search-page-title { padding: 2rem 0; text-align: center; } form.fullwidth-page .lower-page-navigation, form.fullwidth-article .lower-page-navigation { padding: 0; } form.fullwidth-page .lower-page-navigation .lower-page-navigation-content, form.fullwidth-article .lower-page-navigation .lower-page-navigation-content { padding-left: 5%; padding-right: 5%; } @media only screen and (min-width: 961px) { form.fullwidth-page .lower-page-navigation .lower-page-navigation-content, form.fullwidth-article .lower-page-navigation .lower-page-navigation-content { padding-left: 10%; padding-right: 10%; } } form.fullwidth-page .lower-page-navigation { background-color: transparent; } form.fullwidth-page .lower-page-navigation .lower-page-navigation-content { background-color: #fff; } form.fullwidth-article .lower-page-navigation .lower-page-navigation-content { padding-bottom: 1rem; padding-top: 1rem !important; } form.right-column .lower-page-navigation { margin-bottom: 2.2rem; } form.right-column .lower-page-navigation .sub-navigation ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style-type: none; margin: -1rem; padding: 0; width: calc(100% + 2rem); } form.right-column .lower-page-navigation .sub-navigation li { margin: 1rem; width: 100%; } form.right-column .lower-page-navigation .sub-navigation li.vis-alle a { background-color: transparent; color: #0A2E4D; } form.right-column .lower-page-navigation .sub-navigation li.vis-alle a .text { text-decoration: underline; } @media only screen and (min-width: 801px) { form.right-column .lower-page-navigation .sub-navigation li { width: auto; } } form.right-column .lower-page-navigation .sub-navigation li:not(.has-description):not(.vis-alle) a { display: -webkit-box; display: -ms-flexbox; display: flex; } form.right-column .lower-page-navigation .sub-navigation li .description { min-height: 3em; } form.right-column .lower-page-navigation .sub-navigation a { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fff; border: 2px solid transparent; color: #0A2E4D; display: block; font-size: 21px; font-weight: 600; height: 4rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 1.5rem 1rem; max-width: 100%; text-decoration: none; -webkit-transition-property: background-color, border-bottom-color, color; transition-property: background-color, border-bottom-color, color; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); } form.right-column .lower-page-navigation .sub-navigation a > span { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: inline-block; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media only screen and (min-width: 801px) { form.right-column .lower-page-navigation .sub-navigation a:hover, form.right-column .lower-page-navigation .sub-navigation a:focus { border-color: #0A2E4D; color: #0A2E4D; outline: 0; text-decoration: none; } form.right-column .lower-page-navigation .sub-navigation a:hover .description, form.right-column .lower-page-navigation .sub-navigation a:focus .description { color: #0A2E4D; -webkit-transition: color 0.15s ease-in-out; transition: color 0.15s ease-in-out; } } form.right-column .lower-page-navigation .sub-navigation a.external-link .text::after { padding-left: 5px; } form.right-column .lower-page-navigation .sub-navigation a .has-description + .external-link { display: -webkit-box; display: -ms-flexbox; display: flex; } form.right-column .lower-page-navigation .sub-navigation a .text { font-weight: 600; margin-bottom: 0; } form.right-column .lower-page-navigation .sub-navigation a .description { color: #0A2E4D; display: block; font-size: 0.9375rem; line-height: 1.6; margin-left: auto; margin-right: auto; margin-top: 0.2rem; max-width: 18rem; -webkit-transition: color 0.15s ease-in-out; transition: color 0.15s ease-in-out; } @media only screen and (min-width: 801px) { form.right-column .lower-page-navigation .sub-navigation a { height: 4rem; } } .lower-page-navigation { margin: 0; text-align: center; } .lower-page-navigation .lower-page-navigation-content { margin: 0 auto; padding: 2rem 1rem; background: transparent; max-width: 100%; } @media only screen and (min-width: 801px) { .lower-page-navigation .lower-page-navigation-content { padding-left: 0; padding-right: 0; max-width: 90%; } } @media only screen and (min-width: 1313px) { .lower-page-navigation .lower-page-navigation-content { max-width: 1280px; } } .page-title + .lower-page-navigation { padding-top: 0; } .sub-navigation-toggle-wrapper { text-align: right; } .sub-navigation-toggle-wrapper::after { content: ""; display: table; clear: both; } .sub-navigation-toggle { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: transparent; border-radius: 0; border: none; color: #0A2E4D; cursor: pointer; display: none; font-family: "segoe-ui", sans-serif; font-size: 1rem; margin: 0; padding-left: 10px; padding: 0; position: relative; text-decoration: none; text-transform: uppercase; top: -1rem; } .sub-navigation-toggle::after { padding: 6px 10px 10px; display: inline-block; font-size: 14px; vertical-align: middle; color: #0A2E4D; } .subpage .main { background-color: #FFF; } .subpage .main .main-content { padding: 0rem 0; } @media only screen and (min-width: 801px) { .subpage .main .main-content { padding: 0rem 0; } } .fullwidth-page .main .main-content { padding: 25px 0; } @media only screen and (min-width: 961px) { .fullwidth-page .main .main-content { padding: 25px 0; } } form:not(.transport-page) .lower-page-navigation { background-color: #EFEFEF; } form:not(.transport-page) .sub-navigation.closed { display: none; } form:not(.transport-page) .page-title + .lower-page-navigation .lower-page-navigation-content { padding-top: 0; } .message-box + .sub-navigation-toggle-wrapper { margin-top: 3rem; } .area-message-new { max-width: 90%; margin: 0 auto !important; padding: 20px 0 0 !important; display: block; background-color: #FFF; } @media only screen and (min-width: 801px) { .area-message-new { padding: 40px 5% 20px !important; } } @media only screen and (min-width: 961px) { .area-message-new { padding: 40px 10% 20px !important; } } @media only screen and (min-width: 1313px) { .area-message-new { max-width: 1280px; } } .zone .webPart { margin-top: 2rem; } .zone .webPart:first-child { margin-top: 0; } .webPart { margin: 0; padding: 0; } .webPart .webPartTittel { margin: 0; padding: 0; } .webPart .webPartInnhold { font-size: 19px; margin: 0; padding: 0; } form.designMode .webPart { min-height: 100px; } div.right-column .webPart { border-bottom: 1px solid #707070; font-size: 1.0625rem; margin-top: 1.5rem; padding: 1rem 0 1.5rem; } @media only screen and (min-width: 801px) { div.right-column .webPart:first-child { margin-top: 0; padding-top: 0; } } div.right-column .webPart:last-child { border-bottom: 0; } div.right-column .webPart .webPartTittel, div.right-column .webPart .person-name { font-family: "segoe-ui", sans-serif; font-size: 1.25rem; font-weight: 600; margin: 0; } @media only screen and (min-width: 801px) { div.right-column .webPart .webPartTittel, div.right-column .webPart .person-name { font-size: 1.375rem; } } div.right-column .webPart .webPartInnhold { margin-top: 1em; padding: 0; } div.right-column .webPart .webPartInnhold p { margin: 0 0 0.7rem; margin-top: 0; padding: 0; font-size: 1.1875rem; line-height: 1.5rem; } div.right-column .webPart[class^=icon-] .webPartTittel span::before, div.right-column .webPart[class*=" icon-"] .webPartTittel span::before { color: #276092; font-size: 1.3em; } div.right-column .emnekart-map { border: 1px solid #0A2E4D; } div.right-column .type-person .emnekart-item { background-color: transparent; margin-top: 2.4rem; padding-top: 1.8rem; border-top: 1px solid #ccc; display: block; } div.right-column .type-person .emnekart-item:first-child { margin-top: 0 !important; border-top: 0 none; padding-top: 0; } div.right-column .type-person .person-image div { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; border-radius: 50%; height: 5rem; margin: 0 auto 1rem; width: 5rem; } div.right-column .type-person .person-email, div.right-column .type-person .person-mobile, div.right-column .type-person .person-phone, div.right-column .type-person .person-title { margin: 0.5rem 0; } div.right-column .type-person .person-email a, div.right-column .type-person .person-mobile a, div.right-column .type-person .person-phone a { color: #276092; text-decoration: underline; font-weight: 600; } div.right-column .type-person .person-email a:hover, div.right-column .type-person .person-email a:focus, div.right-column .type-person .person-mobile a:hover, div.right-column .type-person .person-mobile a:focus, div.right-column .type-person .person-phone a:hover, div.right-column .type-person .person-phone a:focus { text-decoration: none; background: #276092 !important; color: #FFF !important; } div.right-column .type-person .person-email { margin-top: 1rem; } div.right-column .type-person .person-email .person-property-label { display: none; } div.right-column .type-person .person-email .person-property-label::after { content: ": "; margin-left: -0.2em; } div.right-column .type-person .person-mobile .person-property-label, div.right-column .type-person .person-phone .person-property-label { font-weight: 400; } div.right-column .type-person .person-mobile .person-property-label::after, div.right-column .type-person .person-phone .person-property-label::after { content: ": "; margin-left: -0.2em; } div.right-column .type-person .person-info::after { content: ""; display: table; clear: both; } div.right-column .webskjema .title { display: none; } div.right-column .webskjema input, div.right-column .webskjema textarea { width: 100%; max-width: 100%; padding: 0.5rem 1rem; } .content-image .emnekart-image { padding-bottom: 2rem; } .content-image .emnekart-image img { width: 100%; } .middle-column .artikkel, .middle-column .toppartikkel, .middle-column .ansattoversikt, .middle-column .calContent { color: #0A2E4D; font-weight: 400; line-height: 1.5; } .middle-column .artikkel h1, .middle-column .artikkel .ArtikkelKategoriOverskrift, .middle-column .artikkel h2, .middle-column .artikkel h3, .middle-column .artikkel h4, .middle-column .artikkel h5, .middle-column .artikkel h6, .middle-column .toppartikkel h1, .middle-column .toppartikkel .ArtikkelKategoriOverskrift, .middle-column .toppartikkel h2, .middle-column .toppartikkel h3, .middle-column .toppartikkel h4, .middle-column .toppartikkel h5, .middle-column .toppartikkel h6, .middle-column .ansattoversikt h1, .middle-column .ansattoversikt .ArtikkelKategoriOverskrift, .middle-column .ansattoversikt h2, .middle-column .ansattoversikt h3, .middle-column .ansattoversikt h4, .middle-column .ansattoversikt h5, .middle-column .ansattoversikt h6, .middle-column .calContent h1, .middle-column .calContent .ArtikkelKategoriOverskrift, .middle-column .calContent h2, .middle-column .calContent h3, .middle-column .calContent h4, .middle-column .calContent h5, .middle-column .calContent h6 { color: #0A2E4D; font-weight: 100; margin-bottom: 0.5em; margin-top: 0.5em; } @media only screen and (min-width: 801px) { .middle-column .artikkel .artikkel, .middle-column .toppartikkel .artikkel, .middle-column .ansattoversikt .artikkel, .middle-column .calContent .artikkel { margin-top: 2rem; } } .middle-column .artikkel span.BildeTekst, .middle-column .toppartikkel span.BildeTekst, .middle-column .ansattoversikt span.BildeTekst, .middle-column .calContent span.BildeTekst { text-align: center; } .middle-column .artikkel span.BildeTekst span, .middle-column .toppartikkel span.BildeTekst span, .middle-column .ansattoversikt span.BildeTekst span, .middle-column .calContent span.BildeTekst span { font-size: 14px; } .middle-column .artikkel span.BildeTekst .fotografText:empty, .middle-column .toppartikkel span.BildeTekst .fotografText:empty, .middle-column .ansattoversikt span.BildeTekst .fotografText:empty, .middle-column .calContent span.BildeTekst .fotografText:empty { display: none !important; } .middle-column .artikkel header h1, .middle-column .artikkel header .ArtikkelKategoriOverskrift, .middle-column .toppartikkel header h1, .middle-column .toppartikkel header .ArtikkelKategoriOverskrift, .middle-column .ansattoversikt header h1, .middle-column .ansattoversikt header .ArtikkelKategoriOverskrift, .middle-column .calContent header h1, .middle-column .calContent header .ArtikkelKategoriOverskrift { display: none !important; } .middle-column .artikkel h2, .middle-column .toppartikkel h2, .middle-column .ansattoversikt h2, .middle-column .calContent h2 { font-size: 1.9375rem; margin: 1em 0; margin-bottom: 0.5em; } .middle-column .artikkel h3, .middle-column .artikkel .li-table__heading, .middle-column .toppartikkel h3, .middle-column .toppartikkel .li-table__heading, .middle-column .ansattoversikt h3, .middle-column .ansattoversikt .li-table__heading, .middle-column .calContent h3, .middle-column .calContent .li-table__heading { font-size: 1.5625rem; } .middle-column .artikkel .li-table__description, .middle-column .toppartikkel .li-table__description, .middle-column .ansattoversikt .li-table__description, .middle-column .calContent .li-table__description { display: block; margin: 0 0 1rem; } .middle-column .artikkel section.ingress, .middle-column .toppartikkel section.ingress, .middle-column .ansattoversikt section.ingress, .middle-column .calContent section.ingress { color: #0A2E4D; font-family: "segoe-ui", sans-serif; font-size: 1.25rem; font-weight: bold; line-height: 1.5; } .middle-column .artikkel section.ingress p, .middle-column .toppartikkel section.ingress p, .middle-column .ansattoversikt section.ingress p, .middle-column .calContent section.ingress p { font-size: 1.25rem; font-weight: bold; margin: 0; margin-bottom: 1em; margin-top: 1em; padding: 0; } .middle-column .artikkel section.ingress p::after, .middle-column .toppartikkel section.ingress p::after, .middle-column .ansattoversikt section.ingress p::after, .middle-column .calContent section.ingress p::after { content: ""; display: table; clear: both; } @media only screen and (min-width: 641px) { .middle-column .artikkel section.ingress, .middle-column .artikkel section.ingress p, .middle-column .toppartikkel section.ingress, .middle-column .toppartikkel section.ingress p, .middle-column .ansattoversikt section.ingress, .middle-column .ansattoversikt section.ingress p, .middle-column .calContent section.ingress, .middle-column .calContent section.ingress p { font-size: 1.375rem; } } .middle-column .artikkel div.InnholdForfatter, .middle-column .toppartikkel div.InnholdForfatter, .middle-column .ansattoversikt div.InnholdForfatter, .middle-column .calContent div.InnholdForfatter { border-top: 1px solid #0A2E4D; font-size: 0.9375rem; margin: 2em 0; } .middle-column .artikkel div.InnholdForfatter div, .middle-column .toppartikkel div.InnholdForfatter div, .middle-column .ansattoversikt div.InnholdForfatter div, .middle-column .calContent div.InnholdForfatter div { display: inline-block; } .middle-column .artikkel div.InnholdForfatter .byline span[class$=label], .middle-column .toppartikkel div.InnholdForfatter .byline span[class$=label], .middle-column .ansattoversikt div.InnholdForfatter .byline span[class$=label], .middle-column .calContent div.InnholdForfatter .byline span[class$=label] { font-weight: 700; } .middle-column .artikkel section, .middle-column .toppartikkel section, .middle-column .ansattoversikt section, .middle-column .calContent section { color: #0A2E4D; font-family: "segoe-ui", sans-serif; font-size: 1.0125rem; line-height: 1.5; } @media only screen and (min-width: 801px) { .middle-column .artikkel section, .middle-column .toppartikkel section, .middle-column .ansattoversikt section, .middle-column .calContent section { font-size: 1.125rem; } } .middle-column .artikkel section p, .middle-column .artikkel section li, .middle-column .artikkel section blockquote, .middle-column .toppartikkel section p, .middle-column .toppartikkel section li, .middle-column .toppartikkel section blockquote, .middle-column .ansattoversikt section p, .middle-column .ansattoversikt section li, .middle-column .ansattoversikt section blockquote, .middle-column .calContent section p, .middle-column .calContent section li, .middle-column .calContent section blockquote { font-size: 1.125rem; } .middle-column .artikkel section blockquote, .middle-column .toppartikkel section blockquote, .middle-column .ansattoversikt section blockquote, .middle-column .calContent section blockquote { font-style: italic; } .middle-column .artikkel section p, .middle-column .toppartikkel section p, .middle-column .ansattoversikt section p, .middle-column .calContent section p { line-height: 1.5; margin: 0; margin-bottom: 1em; padding: 0; } .middle-column .artikkel section ul.il-ul, .middle-column .artikkel section ol.il-ol, .middle-column .toppartikkel section ul.il-ul, .middle-column .toppartikkel section ol.il-ol, .middle-column .ansattoversikt section ul.il-ul, .middle-column .ansattoversikt section ol.il-ol, .middle-column .calContent section ul.il-ul, .middle-column .calContent section ol.il-ol { margin: 0em 0 1em 20px; overflow: hidden; padding-left: 20px; } .middle-column .artikkel section ol, .middle-column .toppartikkel section ol, .middle-column .ansattoversikt section ol, .middle-column .calContent section ol { counter-reset: li; list-style: none; } .middle-column .artikkel section ol li, .middle-column .toppartikkel section ol li, .middle-column .ansattoversikt section ol li, .middle-column .calContent section ol li { counter-increment: li; } .middle-column .artikkel section ol li::before, .middle-column .toppartikkel section ol li::before, .middle-column .ansattoversikt section ol li::before, .middle-column .calContent section ol li::before { color: #0A2E4D; content: counter(li) "."; display: inline-block; margin-left: -1em; padding-right: 0.5em; text-align: right; width: 1em; } .middle-column .artikkel .aspect-ratio, .middle-column .toppartikkel .aspect-ratio, .middle-column .ansattoversikt .aspect-ratio, .middle-column .calContent .aspect-ratio { position: relative; width: 100%; height: 0; padding-bottom: 51%; } .middle-column .artikkel .aspect-ratio iframe, .middle-column .artikkel .aspect-ratio object, .middle-column .artikkel .aspect-ratio embed, .middle-column .toppartikkel .aspect-ratio iframe, .middle-column .toppartikkel .aspect-ratio object, .middle-column .toppartikkel .aspect-ratio embed, .middle-column .ansattoversikt .aspect-ratio iframe, .middle-column .ansattoversikt .aspect-ratio object, .middle-column .ansattoversikt .aspect-ratio embed, .middle-column .calContent .aspect-ratio iframe, .middle-column .calContent .aspect-ratio object, .middle-column .calContent .aspect-ratio embed { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } .middle-column .artikkel .table-wrapper, .middle-column .toppartikkel .table-wrapper, .middle-column .ansattoversikt .table-wrapper, .middle-column .calContent .table-wrapper { overflow: auto; } .middle-column .artikkel table, .middle-column .toppartikkel table, .middle-column .ansattoversikt table, .middle-column .calContent table { border-collapse: collapse; border-spacing: 0; border: 0; height: 100%; margin: 0; padding: 0; width: 100% !important; } @media only screen and (min-width: 1313px) { .middle-column .artikkel table, .middle-column .toppartikkel table, .middle-column .ansattoversikt table, .middle-column .calContent table { table-layout: fixed; } } .middle-column .artikkel table a, .middle-column .toppartikkel table a, .middle-column .ansattoversikt table a, .middle-column .calContent table a { word-break: break-all; } .middle-column .artikkel table .navn a, .middle-column .toppartikkel table .navn a, .middle-column .ansattoversikt table .navn a, .middle-column .calContent table .navn a { border-bottom: none; cursor: default; } .middle-column .artikkel table caption, .middle-column .toppartikkel table caption, .middle-column .ansattoversikt table caption, .middle-column .calContent table caption { margin-bottom: 1em; font-size: 1.2rem; font-weight: 500; } .middle-column .artikkel table tr, .middle-column .toppartikkel table tr, .middle-column .ansattoversikt table tr, .middle-column .calContent table tr { border-bottom: 1px solid #0A2E4D; } .middle-column .artikkel table thead tr, .middle-column .toppartikkel table thead tr, .middle-column .ansattoversikt table thead tr, .middle-column .calContent table thead tr { background-color: transparent; } .middle-column .artikkel table thead tr th, .middle-column .toppartikkel table thead tr th, .middle-column .ansattoversikt table thead tr th, .middle-column .calContent table thead tr th { color: #0A2E4D; font-weight: 700; padding: 0.6em 1.5em; text-align: left; } .middle-column .artikkel table thead tr .navn, .middle-column .toppartikkel table thead tr .navn, .middle-column .ansattoversikt table thead tr .navn, .middle-column .calContent table thead tr .navn { width: 30%; } .middle-column .artikkel table thead tr .tittel, .middle-column .toppartikkel table thead tr .tittel, .middle-column .ansattoversikt table thead tr .tittel, .middle-column .calContent table thead tr .tittel { width: 15%; } .middle-column .artikkel table thead tr .telefon, .middle-column .toppartikkel table thead tr .telefon, .middle-column .ansattoversikt table thead tr .telefon, .middle-column .calContent table thead tr .telefon { width: 10%; } .middle-column .artikkel table thead tr .mobil, .middle-column .toppartikkel table thead tr .mobil, .middle-column .ansattoversikt table thead tr .mobil, .middle-column .calContent table thead tr .mobil { width: 10%; } .middle-column .artikkel table thead tr .epost, .middle-column .toppartikkel table thead tr .epost, .middle-column .ansattoversikt table thead tr .epost, .middle-column .calContent table thead tr .epost { width: 35%; } .middle-column .artikkel table tbody tr, .middle-column .toppartikkel table tbody tr, .middle-column .ansattoversikt table tbody tr, .middle-column .calContent table tbody tr { background-color: #FFF; } .middle-column .artikkel table tbody tr td, .middle-column .toppartikkel table tbody tr td, .middle-column .ansattoversikt table tbody tr td, .middle-column .calContent table tbody tr td { padding: 0.6em 1.5em; } @media only screen and (max-width: 800px) { .middle-column .artikkel .liste table, .middle-column .artikkel .liste thead, .middle-column .artikkel .liste tbody, .middle-column .artikkel .liste tr, .middle-column .artikkel .liste th, .middle-column .artikkel .liste td, .middle-column .toppartikkel .liste table, .middle-column .toppartikkel .liste thead, .middle-column .toppartikkel .liste tbody, .middle-column .toppartikkel .liste tr, .middle-column .toppartikkel .liste th, .middle-column .toppartikkel .liste td, .middle-column .ansattoversikt .liste table, .middle-column .ansattoversikt .liste thead, .middle-column .ansattoversikt .liste tbody, .middle-column .ansattoversikt .liste tr, .middle-column .ansattoversikt .liste th, .middle-column .ansattoversikt .liste td, .middle-column .calContent .liste table, .middle-column .calContent .liste thead, .middle-column .calContent .liste tbody, .middle-column .calContent .liste tr, .middle-column .calContent .liste th, .middle-column .calContent .liste td { display: block; } .middle-column .artikkel .liste thead tr, .middle-column .toppartikkel .liste thead tr, .middle-column .ansattoversikt .liste thead tr, .middle-column .calContent .liste thead tr { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .middle-column .artikkel .liste tr + tr, .middle-column .toppartikkel .liste tr + tr, .middle-column .ansattoversikt .liste tr + tr, .middle-column .calContent .liste tr + tr { margin-top: 2rem; } .middle-column .artikkel .liste tr::after, .middle-column .toppartikkel .liste tr::after, .middle-column .ansattoversikt .liste tr::after, .middle-column .calContent .liste tr::after { clear: both; content: ""; display: table; } .middle-column .artikkel .liste td, .middle-column .toppartikkel .liste td, .middle-column .ansattoversikt .liste td, .middle-column .calContent .liste td { border: none; border-bottom: 1px solid #ddd; float: right; width: 100%; } .middle-column .artikkel .liste td::before, .middle-column .toppartikkel .liste td::before, .middle-column .ansattoversikt .liste td::before, .middle-column .calContent .liste td::before { content: attr(data-column-label); display: inline-block; font-weight: 600; padding-right: 10px; width: calc(50% - 10px); } .middle-column .artikkel .liste td span, .middle-column .toppartikkel .liste td span, .middle-column .ansattoversikt .liste td span, .middle-column .calContent .liste td span { display: block; float: right; width: 50%; } } .middle-column .artikkel a[href]:not(.artikkel-bilde), .middle-column .toppartikkel a[href]:not(.artikkel-bilde), .middle-column .ansattoversikt a[href]:not(.artikkel-bilde), .middle-column .calContent a[href]:not(.artikkel-bilde) { display: inline; font-weight: 600; } .middle-column .artikkel img, .middle-column .toppartikkel img, .middle-column .ansattoversikt img, .middle-column .calContent img { max-width: 100%; } .middle-column .artikkel td img, .middle-column .toppartikkel td img, .middle-column .ansattoversikt td img, .middle-column .calContent td img { max-width: none; } .middle-column .artikkel .artikkel-bilde-container, .middle-column .toppartikkel .artikkel-bilde-container, .middle-column .ansattoversikt .artikkel-bilde-container, .middle-column .calContent .artikkel-bilde-container { display: inline-block; } .middle-column .artikkel .artikkel-bilde-beskrivelse, .middle-column .artikkel .artikkel-bilde-copyright, .middle-column .toppartikkel .artikkel-bilde-beskrivelse, .middle-column .toppartikkel .artikkel-bilde-copyright, .middle-column .ansattoversikt .artikkel-bilde-beskrivelse, .middle-column .ansattoversikt .artikkel-bilde-copyright, .middle-column .calContent .artikkel-bilde-beskrivelse, .middle-column .calContent .artikkel-bilde-copyright { background-color: #f5f3ee; font-size: 1rem !important; padding: 0 1rem; text-align: left !important; } .middle-column .artikkel .artikkel-bilde-beskrivelse span, .middle-column .artikkel .artikkel-bilde-copyright span, .middle-column .toppartikkel .artikkel-bilde-beskrivelse span, .middle-column .toppartikkel .artikkel-bilde-copyright span, .middle-column .ansattoversikt .artikkel-bilde-beskrivelse span, .middle-column .ansattoversikt .artikkel-bilde-copyright span, .middle-column .calContent .artikkel-bilde-beskrivelse span, .middle-column .calContent .artikkel-bilde-copyright span { font-size: 1rem !important; text-align: left !important; } .middle-column .artikkel .artikkel-bilde-beskrivelse, .middle-column .toppartikkel .artikkel-bilde-beskrivelse, .middle-column .ansattoversikt .artikkel-bilde-beskrivelse, .middle-column .calContent .artikkel-bilde-beskrivelse { padding-top: 0.5rem; } .middle-column .artikkel .artikkel-bilde-beskrivelse:empty, .middle-column .toppartikkel .artikkel-bilde-beskrivelse:empty, .middle-column .ansattoversikt .artikkel-bilde-beskrivelse:empty, .middle-column .calContent .artikkel-bilde-beskrivelse:empty { display: none !important; } .middle-column .artikkel .artikkel-bilde-beskrivelse span, .middle-column .toppartikkel .artikkel-bilde-beskrivelse span, .middle-column .ansattoversikt .artikkel-bilde-beskrivelse span, .middle-column .calContent .artikkel-bilde-beskrivelse span { font-style: normal !important; } .middle-column .artikkel .fotografText, .middle-column .toppartikkel .fotografText, .middle-column .ansattoversikt .fotografText, .middle-column .calContent .fotografText { background-image: none !important; padding-bottom: 0.5rem; text-indent: 0 !important; } .middle-column .artikkel .fotografText::before, .middle-column .toppartikkel .fotografText::before, .middle-column .ansattoversikt .fotografText::before, .middle-column .calContent .fotografText::before { content: "Fotograf: "; font-weight: 600; } .middle-column .artikkel .videodetector, .middle-column .toppartikkel .videodetector, .middle-column .ansattoversikt .videodetector, .middle-column .calContent .videodetector { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; } .middle-column .artikkel .videodetector iframe, .middle-column .toppartikkel .videodetector iframe, .middle-column .ansattoversikt .videodetector iframe, .middle-column .calContent .videodetector iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; min-height: auto; } .artikkel .InnholdLinkTekst, .toppartikkel .InnholdLinkTekst, .calContent .InnholdLinkTekst, .emnekart-text-box .InnholdLinkTekst { word-wrap: break-word; } .tekst .inputskjema { display: block; padding: 15px; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-top: 1px solid #ddd; background: #f5f5f5; } .tekst .inputskjema .felttittel label { font-size: 1.5rem; font-weight: 600; color: #0A2E4D; } .tekst .inputskjema ul:not(.Range) li { display: block !important; } .tekst .inputskjema .Range input[type=radio] { display: none; } .tekst .inputskjema ul li { position: relative; } .tekst .inputskjema .inputDiv input[type=text] { display: inline-block; margin: 0; padding: 9px 9px 9px 8px; width: 100%; font-size: 1rem; } .tekst .inputskjema input[type=radio] + label, .tekst .inputskjema input[type=checkbox] + label { margin-left: 0.6rem; margin-top: 2rem; } .tekst .inputskjema input[type=radio] + label::before, .tekst .inputskjema input[type=checkbox] + label::before { background-color: #f9f9f9; border: 1px solid #0A2E4D; border-radius: 3px; content: ""; cursor: pointer; height: 1.5rem; line-height: 1.5rem; left: 1px; top: 3px; position: absolute; text-align: center; -webkit-transition: background-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out; width: 1.5rem; } .tekst .inputskjema input [type=radio] { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .tekst .inputskjema input[type=radio] + label::before { border-radius: 50%; font-size: 1.3em; line-height: 1.2rem; } .tekst .inputskjema input[type=radio]:checked + label::before, .tekst .inputskjema input[type=checkbox]:checked + label::before { background-color: #0A2E4D; color: #f9f9f9; } .tekst .inputskjema input[type=radio]:checked + label::before { content: "●"; } .tekst .inputskjema input[type=checkbox]:checked + label::before { content: "✓"; } .tekst .inputskjemaSubmit { background: #f5f5f5; display: block; padding: 15px 5px 30px; width: 100%; margin-top: 0; } .tekst .inputskjemaSubmit input[type=submit] { background-color: #276092; background-image: none !important; border: none; color: #fff; font-size: 1.125rem; margin-right: 1rem; outline: none; padding: 10px 2rem !important; } .tekst .inputskjemaSubmit input[type=submit]:hover, .tekst .inputskjemaSubmit input[type=submit]:focus { background-color: #fff; border: 1px solid #276092; color: #276092; } .ingress-image .banner-image { background-repeat: no-repeat; background-size: cover; height: 180px; margin: 0 auto 2rem; max-width: 832px; width: 100%; } @media only screen and (min-width: 641px) { .ingress-image .banner-image { height: 303px; } } .social-media--share-box { border-top: 1px solid #eaeaea; padding-top: 10px; } .social-media--share-box .webPartTittel { display: inline-block; font-size: 1rem; font-weight: 600; text-transform: uppercase; } .social-media--share-box .webPartInnhold { float: right; } .social-media--share-box .webPartInnhold .share-button-list { margin-bottom: 0; margin-top: 0; } .subpage:not(.right-column) .subpage__banner + .main .artikkel header { background-color: rgba(255, 255, 255, 0.9); margin-top: -2rem; padding: 1rem 1.5rem 1rem 2.5rem; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } .subpage:not(.right-column) .subpage__banner + .main .artikkel header h1, .subpage:not(.right-column) .subpage__banner + .main .artikkel header .ArtikkelKategoriOverskrift { border-left: 4px solid #0A2E4D; font-size: 2rem; margin-bottom: 0; padding-left: 1.5rem; } @media only screen and (min-width: 641px) { .subpage:not(.right-column) .subpage__banner + .main .artikkel header h1, .subpage:not(.right-column) .subpage__banner + .main .artikkel header .ArtikkelKategoriOverskrift { font-size: 2.5rem; } } .subpage:not(.right-column) .subpage__banner + .main .artikkel header + * { margin-top: 2rem; } .message-box { background-color: #FFF; margin: 0 auto; max-width: 1280px; position: relative; width: 100%; } @media only screen and (min-width: 801px) { .message-box { background-color: transparent; } } .message-box .close-button { position: absolute; top: 2rem; right: 2rem; } .message-box .topimage .banner-image { width: 100%; height: 130px; background-repeat: no-repeat; background-size: cover; } @media only screen and (min-width: 641px) { .message-box .topimage .banner-image { height: 200px; } } @media only screen and (min-width: 801px) { .message-box .topimage .banner-image { height: 375px; } } .message-box .area-message-list-item { -webkit-box-shadow: none; box-shadow: none; margin-top: 2rem; } .message-box + .sub-navigation { margin-top: 2rem; } .bottom-boxes { margin: 0; text-align: center; } .bottom-boxes .bottom-boxes-content { margin: 0 auto; padding: 0 1rem; } @media only screen and (min-width: 481px) { .bottom-boxes .bottom-boxes-content { padding: 0; max-width: 90%; } } @media only screen and (min-width: 1313px) { .bottom-boxes .bottom-boxes-content { max-width: 1280px; } } .tilbakemelding { border-top: 1px solid #EFEFEF; margin: 2rem auto 0 !important; padding: 30px 0; text-align: center; width: auto; } .tilbakemelding .fantDuLabel, .tilbakemelding .fantDuDetDuLetteEtter { float: none !important; } .tilbakemelding .fantDuLabel { color: #0A2E4D; display: block; font-size: 1.5rem; font-weight: 400 !important; margin-right: 0 !important; margin-top: 0 !important; } .tilbakemelding .fantDuDetDuLetteEtter { display: block; } .tilbakemelding #tilbakeJa, .tilbakemelding #tilbakeNei { background-color: transparent; border-radius: 0; border: 1px solid #0A2E4D !important; color: #0A2E4D; font-size: 1rem; font-weight: 500; margin: 1.2rem 0.8rem 0; padding-left: 0 !important; padding-right: 0 !important; position: relative; text-transform: uppercase; width: 5rem; } .tilbakemelding #tilbakeJa:hover, .tilbakemelding #tilbakeJa:focus, .tilbakemelding #tilbakeNei:hover, .tilbakemelding #tilbakeNei:focus { background-color: #0A2E4D !important; color: #fff; } .tilbakemelding #tilbakeJa::before, .tilbakemelding #tilbakeNei::before { left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-indent: 0; } .tilbakemelding .tilbakemeldingKommentar { margin: 0 auto; max-width: 500px; } @media only screen and (min-width: 801px) { .tilbakemelding { margin: 4rem auto 0 !important; width: 100%; } } .event-filter-box { background: transparent; } .event-filter-box::after { content: ""; display: table; clear: both; } .event-filter-box .webPartInnhold { padding: 1rem; } .event-filter-box .webPartInnhold .calMenu { border: none; width: 100%; float: none; background: none; } .event-filter-box .webPartInnhold .calMenu h3 { margin: inherit; padding: inherit; } .event-filter-box .webPartInnhold .calMenu .search-box { padding: 0; } .event-filter-box .webPartInnhold .calMenu ul { border: none; } .event-filter-box .webPartInnhold .calMenu ul li { margin: 0; padding: 0.5em 0; border: none; } .event-filter-box .webPartInnhold .calMenu ul li a { padding: 0; color: #0A2E4D; } .event-filter-box .webPartInnhold .calMenu input, .event-filter-box .webPartInnhold .calMenu select { padding: 1em 1em; border: 2px solid #E0E0E0; background: #EFEFEF; } .event-filter-box .webPartInnhold .calMenu .ui-datepicker-trigger { margin-left: 3px; } .main .calContent { float: none; background: transparent; } .main .calContent > a { display: inline-block; margin-top: 2rem; } .middle-column .calContent { background: transparent; } .middle-column .calContent .calEvent .clear { clear: both; } .middle-column .calContent .calEvent .clearfix::after { content: ""; display: table; clear: both; } .middle-column .calContent .calEvent .completeLocation h3 { padding-left: 0; border: none; background: none; } .middle-column .calContent .calEvent .completeLocation h3::before { margin-right: 0.25em; font-size: 30px; vertical-align: middle; } .middle-column .calContent .calEvent h3.hendelseskontakt { padding-left: 0; border: none; background: none; } .middle-column .calContent .calEvent h3.hendelseskontakt::before { margin-right: 0.25em; font-size: 30px; vertical-align: middle; } .webForm .inputskjema { margin: 0; } .webForm .inputskjema .kontrollelemeent { margin: 0 0 0.5em 0; padding: 0; width: 100%; background: none; } .webForm .inputskjema .kontrollelemeent .felttittel { display: none; } .webForm .inputskjema .kontrollelemeent .inputDiv { border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.25); padding: 0.5em; width: 100%; } .webForm .inputskjema .obligatorisk { background-position: 98% 14px !important; } .webForm .obligatoriskTekst { float: left; } .webForm .center { margin: 15px 0; width: 100%; text-align: right; } div.right-column .search-filter-box .webPartInnhold ul .filterheader { margin-top: 1rem; padding-bottom: 0.5rem; display: block; font-size: 18px; font-weight: bold; } div.right-column .search-filter-box .webPartInnhold ul li { padding: 0.5rem 0; font-size: 1rem; } .middle-column .sokemotortabell td { padding-left: 0.5rem; padding-bottom: 0.5rem; } .middle-column .sokemotortabell input[type=text], .middle-column .sokemotortabell select { padding: 0.5em; border: 1px solid #0A2E4D; border-radius: 0.25em; font-size: 0.8em; font-weight: 300; } .middle-column .sokemotortabell select { margin-left: 0.5rem; } .middle-column .sokemotortabell select:first-child { margin-left: 0; } .middle-column .sokeresultat { background: #FFF; padding: 2em; } .middle-column .sokeresultat li { padding: 2em 0; border-top: 1px solid #E0E0E0; display: block; background: #FFF; } .middle-column .sokeresultat li .sokTreff, .middle-column .sokeresultat li .type { color: #0A2E4D; font-size: 18px; font-weight: 500; text-decoration: none; } .middle-column .sokeresultat li div { padding: 0.25em 0; font-weight: 300; } .middle-column .sokeresultat li::after { content: ""; display: table; clear: both; } .middle-column .sokeresultat li:first-child { border-top: none; } .middle-column .sokeresultat li .sokLesMer { display: none !important; } .middle-column #innsyn-content { width: 100%; } .middle-column .emnekart-image img { max-width: 100%; min-width: 100%; } .middle-column .emnekart-image a { overflow: hidden; display: block; } .middle-column .emnekart-image a:focus { border: 3px solid #0A2E4D; } .bottom-aside { margin-top: 2em; clear: both; } .bottom-aside .related-content-box .webPartInnhold .relaterteressurser { margin-bottom: 1em; } .bottom-aside .related-content-box .webPartInnhold .relaterteressurser.open ul { display: block; } .bottom-aside .related-content-box .webPartInnhold .relaterteressurser.closed .relaterteHeader::after { overflow: hidden; text-decoration: none; } .bottom-aside .related-content-box .webPartInnhold .relaterteressurser.closed ul { display: none; } .bottom-aside .related-content-box .webPartInnhold .relaterteHeader { margin: 0; padding: 0; padding-left: 80px; height: 60px; background: #E0E0E0; display: block; font-size: 16px; font-weight: 500; line-height: 60px; position: relative; cursor: pointer; } .bottom-aside .related-content-box .webPartInnhold .relaterteHeader::before { width: 60px; height: 60px; display: block; position: absolute; top: 0; left: 0; color: #FFF; background: #0A2E4D; font-size: 25px; text-align: center; line-height: 60px; } .bottom-aside .related-content-box .webPartInnhold .relaterteHeader::after { position: absolute; top: 0; right: 25px; color: #0A2E4D; font-size: 16px; line-height: 60px; } .bottom-aside .related-content-box .webPartInnhold ul { display: none; margin-top: 1em; } .bottom-aside .related-content-box .webPartInnhold ul::after { content: ""; display: table; clear: both; } .bottom-aside .related-content-box .webPartInnhold ul li { margin-bottom: 10px; } table.faktaboks, .liste.faktaboks { position: relative; } table.faktaboks table, .liste.faktaboks table { table-layout: auto !important; } table.faktaboks caption, .liste.faktaboks caption { margin: 0; margin-bottom: 0 !important; padding: 0; display: table-caption !important; height: 60px; background: #E0E0E0; caption-side: top; font-size: 16px; font-weight: 500; line-height: 60px; position: relative; cursor: pointer; text-align: left; padding-left: 80px; } table.faktaboks caption::after, .liste.faktaboks caption::after { position: absolute; top: 0; right: 25px; color: #0A2E4D; font-size: 16px; line-height: 60px; } table.faktaboks caption.open ~ thead, .liste.faktaboks caption.open ~ thead { display: table-row-group; } table.faktaboks caption.open ~ tbody, .liste.faktaboks caption.open ~ tbody { display: table-row-group; } table.faktaboks caption.closed::after, .liste.faktaboks caption.closed::after { overflow: hidden; text-decoration: none; } table.faktaboks caption.closed ~ thead, .liste.faktaboks caption.closed ~ thead { display: none; } table.faktaboks caption.closed ~ tbody, .liste.faktaboks caption.closed ~ tbody { display: none; } table.faktaboks tr, .liste.faktaboks tr { background: #fff !important; border-bottom: 1px solid #E0E0E0; } table.faktaboks th, .liste.faktaboks th { font-weight: bold !important; } table.faktaboks th, table.faktaboks td, .liste.faktaboks th, .liste.faktaboks td { color: #276092 !important; } table.faktaboks a, .liste.faktaboks a { display: inline !important; } .kontrast body, .kontrast .header, .kontrast .main-menu, .kontrast .top-boxes, .kontrast .middle-boxes, .kontrast .bottom-boxes, .kontrast .upper-page-navigation, .kontrast .lower-page-navigation, .kontrast .page-title, .kontrast .alert-box, .kontrast .bottom-content-boxes, .kontrast .breadcrumbs, .kontrast .sub-navigation, .kontrast .main, .kontrast .footer, .kontrast .webPart, .kontrast .webPartTittel, .kontrast .webPartInnhold, .kontrast .flexslider, .kontrast .slide, .kontrast ul, .kontrast li, .kontrast a, .kontrast input, .kontrast select, .kontrast textarea, .kontrast button, .kontrast .relaterteHeader { border-color: #ffff00 !important; color: #ffff00 !important; background-color: #000 !important; } .kontrast .header, .kontrast .banner, .kontrast .main-menu, .kontrast .footer { background-image: none !important; } .kontrast h1, .kontrast .ArtikkelKategoriOverskrift, .kontrast h2, .kontrast h3, .kontrast h4, .kontrast h5, .kontrast h6, .kontrast div, .kontrast p, .kontrast span, .kontrast a, .kontrast table, .kontrast thead, .kontrast tr, .kontrast th, .kontrast tbody, .kontrast td, .kontrast ::before, .kontrast ::after { border-color: #ffff00 !important; color: #ffff00 !important; } .kontrast .relaterteHeader { border: 1px solid #ffff00 !important; } .kontrast .relaterteHeader::before { background-color: transparent !important; } .kontrast .webPart.search-box .webPartInnhold > div, .kontrast .search-box .webPart .webPartInnhold input[type=submit] { background-color: transparent !important; } .kontrast a { text-decoration: underline !important; } .kontrast a span { text-decoration: underline !important; } .kontrast ::-webkit-input-placeholder { color: #ffff00 !important; } .kontrast :-moz-placeholder { /* Firefox 18- */ color: #ffff00 !important; } .kontrast ::-moz-placeholder { /* Firefox 19+ */ color: #ffff00 !important; } .kontrast :-ms-input-placeholder { color: #ffff00 !important; } @media only print { body > :not(form), body > form > :not(.top-boxes):not(.middle-boxes):not(.bottom-boxes):not(.main) { display: none !important; } } .beredskap-floating-notifications { color: #FFF !important; background: #c2272d !important; } .beredskap-floating-notifications .basic a { margin-left: 1em; color: #FFF !important; } .alert-banner { color: #FFF; background: #c2272d; } .alert-banner .alert-banner-content { margin: 0 auto; padding: 0.5em; max-width: 90%; } .alert-banner .alert-banner-content::after { content: ""; display: table; clear: both; } @media only screen and (min-width: 801px) { .alert-banner .alert-banner-content { max-width: 1280px; } } .alert-banner .alert-banner-content .title-area { padding: 0.5em 0; font-size: 20px; font-weight: 400; text-align: center; text-transform: uppercase; } .alert-banner .alert-banner-content .news-area, .alert-banner .alert-banner-content .menu-area { padding: 0.5em 0; } .alert-banner .alert-banner-content .news-area ul, .alert-banner .alert-banner-content .menu-area ul { margin: 0; padding: 0; list-style: none; } .alert-banner .alert-banner-content .news-area ul li, .alert-banner .alert-banner-content .menu-area ul li { margin: 0; margin-left: 2em; padding: 0; display: inline-block; } .alert-banner .alert-banner-content .news-area ul li:first-child, .alert-banner .alert-banner-content .menu-area ul li:first-child { margin-left: 0; } .alert-banner .alert-banner-content .news-area ul li a, .alert-banner .alert-banner-content .menu-area ul li a { color: #FFF; text-decoration: none; position: relative; display: block; line-height: 0.8em; padding-bottom: 5px; border-bottom: 1px solid #FFF; } @media only screen and (min-width: 801px) { .alert-banner .alert-banner-content { height: 80px; line-height: 40px; } .alert-banner .alert-banner-content .title-area { margin-right: 5em; padding-left: 3.5em; float: left; background: url("../images/alert-icon.png") no-repeat left center; } .alert-banner .alert-banner-content .news-area { margin-right: 5em; padding-left: 3em; border-left: 1px solid rgba(255, 255, 255, 0.5); float: left; } .alert-banner .alert-banner-content .menu-area { padding-left: 3em; border-left: 1px solid rgba(255, 255, 255, 0.5); float: left; } } .ArtikkelKategoriOverskrift { margin: 0; margin-bottom: 0.5em; font-size: 35px; font-weight: 400; } .artikkeloversiktrad { padding: 2rem 0 !important; border-top: 2px solid #f5f3ee; position: relative; } .artikkeloversiktrad:first-child { border-top: 0 none; } .artikkeloversiktrad .InnholdOverskrift { color: #276092; font-size: 1.3rem; font-weight: 500; } .artikkeloversiktrad .InnholdOverskrift::after { display: inline-block; font-size: 1.4rem; vertical-align: middle; padding-left: 10px; } .artikkeloversiktrad .KategoriForfatter { font-size: 0.9em; } .artikkeloversiktrad .KategoriForfatter::before { margin-right: 0.25em; vertical-align: middle; } @media only screen and (max-width: 480px) { .artikkeloversiktrad .bilde_hoyre { margin: 0 !important; margin-top: 0.25em !important; padding: 0 !important; float: none; width: 100%; } .artikkeloversiktrad .bilde_hoyre img { width: 100%; } .artikkeloversiktrad .InnholdIngress { margin: 0 !important; padding: 0 !important; float: none; width: 100%; } .artikkeloversiktrad .InnholdIngress p { margin: 0; margin-top: 1em; padding: 0; } .artikkeloversiktrad .InnholdIngress p:first-child { margin-top: 0; } } @media only screen and (min-width: 481px) { .artikkeloversiktrad .bilde_hoyre { position: relative; top: -0.5em; } } @media only screen and (min-width: 641px) { .artikkeloversiktrad { padding-right: 6rem !important; } .artikkeloversiktrad .InnholdOverskrift:after { position: absolute; right: 1rem; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 1.8rem; overflow: hidden; height: 0.9em; text-decoration: none; } } .contact-list-box .webPartInnhold .contact-information { margin-top: 1.5em; } .contact-list-box .webPartInnhold .contact-information::after { content: ""; display: table; clear: both; } .contact-list-box .webPartInnhold .image { margin-right: 20px; border: 4px solid #E0E0E0; border-radius: 50%; width: 80px; height: 80px; float: left; overflow: hidden; position: relative; line-height: 1.2em; } .contact-list-box .webPartInnhold .image img { width: 80px; position: absolute; left: 0; top: 0; } .contact-list-box .webPartInnhold .text { float: left; } .contact-list-box .webPartInnhold .text > div { margin-bottom: 0.25em; line-height: 1.2em; } .contact-list-box .webPartInnhold .text .name { font-size: 16px; font-weight: 600; } .contact-list-box .webPartInnhold .text .title { font-size: 0.9em; } .contact-list-box .webPartInnhold .text .phone { font-size: 0.9em; } .contact-list-box .webPartInnhold .text .phone a { text-decoration: none; } .contact-list-box .webPartInnhold .text .mobile { font-size: 0.9em; } .contact-list-box .webPartInnhold .text .mobile a { text-decoration: none; } .contact-list-box .webPartInnhold .text .email { margin-bottom: 1em; font-size: 0.9em; } .subpage .main .calMenu { float: none; margin: 0 auto 2rem; width: 100%; padding: 0 0 1em 0; } @media only screen and (min-width: 641px) { .subpage .main .calMenu { float: left; width: 16rem !important; margin-right: 2rem; } } .subpage .main .calMenu h3 { background-color: #0A2E4D; color: #FFF; padding: 0.5em 1em; margin: 0; } .subpage .main .calMenu a.selected { background-color: #f5f3ee; } .subpage .main .calMenu ul { margin: 0; } .subpage .main .calContent { float: left; width: 100%; } @media only screen and (min-width: 641px) { .subpage .main .calContent { width: calc(100% - 18rem); } } .subpage .main .event-list-box li { margin: 0; width: 100%; } .subpage .main .event-list-box li + li { margin-top: 1rem; } .subpage .main .event-list-box .title { color: #f5f3ee; } .subpage .main .ical-button { margin-left: 2.5% !important; margin-top: 2rem !important; } .back-to-top-button-wrapper { margin: 2rem 0 2rem 2%; text-align: center; } @media only screen and (min-width: 641px) { .back-to-top-button-wrapper { display: none; } } .back-to-top-button { background: transparent; border: 2px solid; color: #FFF !important; display: inline-block; font-size: 1.1rem; padding: 1rem 2rem !important; text-align: center; text-decoration: none !important; -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out !important; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out !important; /*&::after { @extend %icon; @extend %icon-chevron-up; font-size: 1em; margin-left: 1rem; vertical-align: middle; }*/ } .back-to-top-button:hover, .back-to-top-button:focus { background-color: #FFF; color: #276092 !important; text-decoration: none !important; } @media only screen and (min-width: 801px) { .back-to-top-button { padding: 0.8rem 2.5rem; } } .custom-html.button-standardKnapp { margin: 0 !important; padding: 0 1em !important; border: 0.125rem solid #276092 !important; height: 5em !important; display: inline-block !important; color: #FFF !important; background: #276092 !important; line-height: 4.625rem !important; text-align: center !important; text-decoration: none !important; letter-spacing: 1px !important; -webkit-transition: border-color 0.2s ease, color 0.2s ease, background-color 0.2s ease !important; transition: border-color 0.2s ease, color 0.2s ease, background-color 0.2s ease !important; opacity: 1 !important; } .custom-html.button-standardKnapp span { display: inline-block !important; font-size: 1.2em !important; line-height: 1.2em !important; vertical-align: middle !important; } .custom-html.button-standardKnapp:hover, .custom-html.button-standardKnapp:focus { border-color: #276092 !important; color: #276092 !important; background: #FFF !important; } .custom-html.button-standardKnapp:hover span, .custom-html.button-standardKnapp:focus span { color: #276092 !important; } .image-box img { max-width: 100%; } .main-menu .external-link::after, .alert-box .external-link::after, .artikkel .external-link::after, .footer-content .external-link::after { margin-left: 5px; vertical-align: middle; } .middle-column .calContent { float: none; margin-bottom: 4rem; } .middle-column .calContent .calEvent { margin-bottom: 4rem; } .middle-column .calContent .calEvent h1, .middle-column .calContent .calEvent .ArtikkelKategoriOverskrift { color: #0A2E4D; margin: 0; padding: 20px; padding-top: 0.25em; padding-bottom: 0.5em; background: #f5f3ee; } .middle-column .calContent .calEvent .time { background: #0A2E4D; color: #FFF; padding: 5px 20px; } .middle-column .calContent .calEvent .info-box { margin-top: 2rem; margin-bottom: 2rem; display: block; } .middle-column .calContent .calEvent h2 { margin: 0; margin-top: 2rem; padding: 0; padding-bottom: 0.5em; color: #0A2E4D; } .middle-column .calContent .calEvent .InnholdIngress { margin: 0; padding: 0; color: #0A2E4D; line-height: 1.4em; } .middle-column .calContent .calEvent .InnholdIngress p { margin: 0; margin-bottom: 1.5em; padding: 0; } .middle-column .calContent .calEvent .InnholdTekst { margin: 0; padding: 0; color: #0A2E4D; } .middle-column .calContent .calEvent .InnholdTekst p { margin: 0; margin-bottom: 1.5em; padding: 0; } .middle-column .calContent .calEvent .InnholdIngress a.ekstern::after, .middle-column .calContent .calEvent .InnholdTekst a.ekstern::after { padding-left: 10px; font-size: 18px; vertical-align: middle; } .middle-column .calContent .calEvent .InnholdIngress a.ekstern-wrapped .text::after, .middle-column .calContent .calEvent .InnholdTekst a.ekstern-wrapped .text::after { padding-left: 10px; font-size: 18px; vertical-align: middle; } .middle-column .calContent .calEvent .InnholdIngress ul, .middle-column .calContent .calEvent .InnholdTekst ul { margin: 0; margin-top: 1.5em; padding: 0; margin-left: 0.2em; padding-left: 1em; list-style: disc outside none; } .middle-column .calContent .calEvent .InnholdIngress li, .middle-column .calContent .calEvent .InnholdTekst li { margin: 0; margin-bottom: 0.1em; padding: 0; padding-left: 0.5em; } .middle-column .calContent .calEvent .InnholdIngress li:last-child, .middle-column .calContent .calEvent .InnholdTekst li:last-child { margin-bottom: 1.5em; } .middle-column .calContent .calEvent .location::after { content: ""; display: table; clear: both; } .middle-column .calContent .calEvent h1 + ul, .middle-column .calContent .calEvent .ArtikkelKategoriOverskrift + ul, .middle-column .calContent .calEvent h2 + ul, .middle-column .calContent .calEvent h3 + ul, .middle-column .calContent .calEvent h4 + ul, .middle-column .calContent .calEvent h5 + ul, .middle-column .calContent .calEvent h6 + ul { margin-top: 0.5em; } .middle-column .calContent .calEvent table { margin: 0; padding: 0; border: 0; border-collapse: collapse; border-spacing: 0; height: 100%; width: 100% !important; } .middle-column .calContent .calEvent table caption { margin-bottom: 1em; font-weight: 500; } .middle-column .calContent .calEvent table thead tr { background-color: #0A2E4D; } .middle-column .calContent .calEvent table thead tr th { padding: 1em 0.5em; background-color: #0A2E4D; border: 0; color: #FFF; font-weight: 500; text-align: left; } .middle-column .calContent .calEvent table tbody tr { background-color: #FFF; } .middle-column .calContent .calEvent table tbody tr td { padding: 1em 0.5em; border: 0; } .middle-column .calContent .calEvent table tbody tr:nth-child(even) { background-color: #E0E0E0; } .file-ext-size { margin-left: 0.5rem; } .ansatt-content { padding-top: 1em; } .ansatt-content h2 { padding-bottom: 1em; } td.telefon a, td.mobil a { border: none !important; } @media only screen and (max-width: 640px) { .main .artikkelmal_28.ansattoversikt .sok-kontroll > div > div { width: 100%; display: block; } .main .artikkelmal_28.ansattoversikt .sok-kontroll > div > div input[type=text], .main .artikkelmal_28.ansattoversikt .sok-kontroll > div > div select { margin-left: 0; margin-right: 0; width: 100%; } .main .artikkelmal_28.ansattoversikt .sok-kontroll > div > div input[type=submit] { margin-top: 1em; } } .main .artikkelmal_28.ansattoversikt .sok-kontroll input[type=text], .main .artikkelmal_28.ansattoversikt .sok-kontroll select { padding: 0.25em 0.5em; border: 1px solid rgba(0, 0, 0, 0.25); border-radius: 6px; font-size: 1.1em; font-weight: 300; margin-left: 0; } .main .artikkelmal_28.ansattoversikt .sok-kontroll > div > div:nth-child(2) { width: 40%; } .main .artikkelmal_28.ansattoversikt .sok-kontroll > div > div:last-child { width: 20%; } .main .artikkelmal_28.ansattoversikt table a { word-break: normal; } .related-resources { margin-bottom: 1em; } .related-resources__button, .divFaqSporsmal, .faq__question { border: 1px solid #ddd; cursor: pointer; display: block; font-weight: 400; margin: 0; padding: 1rem !important; position: relative; text-align: left; width: 100%; } .related-resources__button::after, .related-resources__button::before, .divFaqSporsmal::after, .divFaqSporsmal::before, .faq__question::after, .faq__question::before { color: #0A2E4D; font-size: 28px !important; position: absolute; right: 25px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .related-resources__button::after, .divFaqSporsmal::after, .faq__question::after { pointer-events: none; } .related-resources__button--collapsed::after, .divFaqSporsmal--collapsed::after, .faq__question--collapsed::after { content: "+"; } .related-resources__button { background-color: transparent !important; border: 0 !important; font-weight: 600; padding-left: 0 !important; pointer-events: none; text-align: left; } .related-resources__button::before, .related-resources__button::after { content: none !important; } .divFaqSporsmal button { background-color: #f5f3ee; border: 0; color: #0A2E4D; cursor: pointer; display: block; font-size: 1rem; font-weight: 600; height: 100%; padding: 25px 65px 25px 20px; text-align: inherit; width: 100%; } .faqWrapper .divFaqSvar { background-color: transparent; padding: 25px 25px 10px !important; margin-bottom: 10px; border: 1px solid #f5f3ee; } .faqWrapper .divFaqSvar::after { content: ""; display: table; clear: both; } .faqWrapper .divFaqSvar.open { display: block; } .faqWrapper .divFaqSporsmal { margin-bottom: 10px; } .faqWrapper { margin-top: -1rem; } .faqWrapper .faq .divFaqSporsmal { background-color: #f5f3ee; border: 0; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; font-size: 1.125rem; } .faqWrapper .faq .divFaqSporsmal:hover, .faqWrapper .faq .divFaqSporsmal:focus { color: #0A2E4D; } .faqWrapper .faq .divFaqSporsmal.open { /*background-color: #F5F5F5;*/ margin-bottom: 0; } .faqWrapper .faq .divFaqSporsmal.open::after { /*@extend %icon-minus; // transform: none;*/ } .related-resources__button { background: #f5f3ee; padding-left: 80px; } .related-resources__button::before { background: #0A2E4D; color: #fff; display: block; font-size: 25px; height: 60px; left: 0; line-height: 60px; position: absolute; text-align: center; top: 0; width: 60px; } .related-resources__button::after { color: #0A2E4D; } .related-resources__list, .faq__answer { display: none; margin-top: 1em; } .related-resources__list::after, .faq__answer::after { content: ""; display: table; clear: both; } .related-resources__list li, .faq__answer li { margin-bottom: 10px; } .related-resources__list--expanded, .faq__answer--expanded { display: block; } .related-resources__list--collapsed, .faq__answer--collapsed { display: none; } .subpage .bottom-boxes .zone { margin: 0; } .share-buttons { margin-bottom: 3rem; } .share-buttons::after { content: ""; display: table; clear: both; } .share-buttons .webPartTittel { float: left; font-size: 1rem; text-transform: uppercase; } .share-buttons .webPartInnhold { float: right; } .right-column .share-buttons, .right-column .article-authorinfo-box-content { max-width: 800px; } .galleria-image img { height: auto !important; max-width: 100% !important; } .galleria-image-nav-left, .galleria-image-nav-right { background-color: #000; height: 3rem !important; opacity: 0.7 !important; -webkit-transition: background-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out; width: 3rem !important; } .galleria-image-nav-left:hover, .galleria-image-nav-left:focus, .galleria-image-nav-right:hover, .galleria-image-nav-right:focus { background-color: #0A2E4D; } .galleria-image-nav-left { background-position: -1.5% 50% !important; left: 0 !important; } .galleria-image-nav-right { background-position: 29% 50% !important; right: 0 !important; } .galleria-info { left: 0 !important; opacity: 1 !important; } .galleria-info-text { background-color: #f5f3ee !important; } .galleria-info-title, .galleria-info-description { color: #0A2E4D; font-family: inherit; font-size: 1rem; font-style: normal; } .galleria-thumbnails { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 1rem; width: 100% !important; } .galleria-thumbnails .galleria-image { background-color: #f5f3ee; border-radius: 50%; height: 1rem !important; margin: 0; -webkit-transition: background-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out; width: 1rem !important; } .galleria-thumbnails .galleria-image + .galleria-image { margin-left: 0.8rem; } .galleria-thumbnails .galleria-image:hover, .galleria-thumbnails .galleria-image:focus, .galleria-thumbnails .galleria-image.active { background-color: #0A2E4D; } .galleria-thumbnails .galleria-image img { display: none !important; } .js-google-translate { position: relative; } .google-translate-container { visibility: hidden; margin-top: 0; position: absolute; bottom: -32px; border: 2px solid #d8d8d8; border-radius: 3px; padding: 10px; background: #FFF; right: 4px; } .google-translate-container.open { visibility: visible; z-index: 999; } .google-translate-container .goog-te-gadget-simple { border: 1px solid #eaeaea; } .google-translate-container .goog-te-gadget-simple .goog-te-menu-value { color: #0A2E4D; } .hasToppbilde .upper-page-navigation { margin-bottom: 0; } .hasToppbilde .single-column-banner-image { height: 335px; } @media only screen and (min-width: 801px) { .hasToppbilde .single-column-banner-image { height: 435px; } } @media only screen and (min-width: 641px) and (max-width: 800px) { .hasToppbilde .middle-column { margin-left: 0 !important; } } @media only screen and (min-width: 641px) { .hasToppbilde .middle-column { margin-top: -220px; margin-left: 12.5%; background: rgba(255, 255, 255, 0.9); } .hasToppbilde .middle-column header { margin: 30px 45px 70px; padding: 0 32px; border-left: 3px solid #0A2E4D; line-height: 1rem; } .hasToppbilde .middle-column header span { font-size: 0.9rem; font-weight: 600; text-transform: uppercase; display: block; margin-bottom: 15px; } .hasToppbilde .middle-column header h1, .hasToppbilde .middle-column header .ArtikkelKategoriOverskrift { font-size: 2.5rem; line-height: 3.2rem; font-weight: 600; } } .hasToppbilde .article-authorinfo-box-content { max-width: 1280px; } .media-icons { margin-top: -3rem !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .media-icons ul li a:after { display: none; } body .content-search .content-search-button--default { background-color: #276092; } body .content-search .content-search-filter-form-select:not(.mat-select-disabled) .mat-select-arrow { color: #276092 !important; } body .content-search .content-search-pagination-link--active { background: #276092 !important; } body .content-search .content-search-item-title { color: #276092; } body .content-search .content-search-item--default .content-search-item-title:after, body .content-search .content-search-item--event .content-search-item-title:after { color: #276092; } body .content-search .content-search-item--default.content-search-item--highlight .content-search-item-title, body .content-search .content-search-item--event.content-search-item--highlight .content-search-item-title { border-bottom-color: #276092; } body .content-search .content-search-item-meta-button--phone button:before { color: #276092; } body .content-search .content-search-item-meta-button--mobile button:before { color: #276092; } body .content-search .content-search-item-meta-button--email button:before, body .content-search .content-search-item-meta-button--email a:before { color: #276092; } body .content-search .content-search-item-extended-information-toggle-button:after { color: #276092; } body #content-search.content-search-vanilla .content-search-filter-form-control [type=radio] + label:after { background: #276092; } body #content-search.content-search-vanilla .content-search-filter-form-control [type=radio]:focus + label:before { border-color: #276092; } body #content-search.content-search-vanilla + .content-search-spinner circle { color: #276092; } .frontpage-search-box .webPartInnhold { -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.11); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.11); display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto !important; max-width: 500px; width: 100%; } @media only screen and (min-width: 641px) { .frontpage-search-box .webPartInnhold { width: 90%; } } .frontpage-search-box .webPartInnhold div { width: 100%; } .frontpage-search-box .webPartInnhold input[type=text]:focus { background-color: rgba(39, 96, 146, 0.12); } .frontpage-search-box .webPartInnhold input[type=submit] { background: #FFF url("../images/icon-search-green.svg") no-repeat 50% center; background-size: 18px 18px; color: #FFF; padding-left: 2rem; font-size: 1.2rem; text-align: left; width: 4rem; text-indent: -9999px; } .frontpage-search-box .webPartInnhold input[type=submit]:focus, .frontpage-search-box .webPartInnhold input[type=submit]:hover { background-color: #276092; background-image: url(../images/icon-search-white.svg); outline: none; } .shift-up .frontpage-search-box { -webkit-transform: translateY(-4rem); -ms-transform: translateY(-4rem); transform: translateY(-4rem); } .sub-menu { background-color: #FFF; margin-bottom: 1rem; } @media only screen and (min-width: 641px) { .sub-menu { background-color: #f5f3ee; margin-bottom: 0; } } .sub-menu .sub-menu-content { margin: 0 auto; max-width: 90%; } @media only screen and (min-width: 641px) { .sub-menu .sub-menu-content { max-width: 100%; } } .frontpage__article-list-box .webPartBunnLink a[href], .event-list-box .calWPFooter a[href] { color: #276092; padding-left: 2.2rem; position: relative; font-size: 1.125rem; font-weight: 600; text-decoration: underline; } .frontpage__article-list-box .webPartBunnLink a[href]:hover, .event-list-box .calWPFooter a[href]:hover { color: #0A2E4D; } .frontpage__article-list-box .webPartBunnLink a[href]:hover::before, .event-list-box .calWPFooter a[href]:hover::before { -webkit-transform: translate3d(10px, -50%, 0); transform: translate3d(10px, -50%, 0); -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } .frontpage__article-list-box .webPartBunnLink a[href]::before, .event-list-box .calWPFooter a[href]::before { color: #0A2E4D; font-size: 22px; height: 0.9em; left: 0; overflow: hidden; position: absolute; text-decoration: none; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } .frontpage__article-list-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; } .frontpage__article-list-box .webPartInnhold { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .frontpage__article-list-box .webPartInnhold .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .frontpage__article-list-box .webPartInnhold ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0; padding: 0; width: 100%; } .frontpage__article-list-box .webPartInnhold li { background-color: #EFEFEF; border: 3px solid transparent; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0 0 1.5rem; padding: 2rem 2rem 6rem; position: relative; text-align: left; -webkit-transition: border-color 0.15s ease-in-out; transition: border-color 0.15s ease-in-out; width: 100%; } .frontpage__article-list-box .webPartInnhold li.active, .frontpage__article-list-box .webPartInnhold li:hover, .frontpage__article-list-box .webPartInnhold li:focus-within { background-color: #276092; -webkit-transition: 0.15s; transition: 0.15s; } .frontpage__article-list-box .webPartInnhold li.active a, .frontpage__article-list-box .webPartInnhold li.active span, .frontpage__article-list-box .webPartInnhold li.active .ingress, .frontpage__article-list-box .webPartInnhold li:hover a, .frontpage__article-list-box .webPartInnhold li:hover span, .frontpage__article-list-box .webPartInnhold li:hover .ingress, .frontpage__article-list-box .webPartInnhold li:focus-within a, .frontpage__article-list-box .webPartInnhold li:focus-within span, .frontpage__article-list-box .webPartInnhold li:focus-within .ingress { color: #FFF; } .frontpage__article-list-box .webPartInnhold li .datoPublisert { bottom: 1rem; font-size: 15px; margin-bottom: 5px; position: absolute; color: #0A2E4D; font-weight: 600; } .frontpage__article-list-box .webPartInnhold li .ingress { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 1.0625rem; line-height: 1.6875; margin-top: 1rem; } .frontpage__article-list-box .webPartInnhold li a { color: #276092; } .frontpage__article-list-box .webPartInnhold img { display: block; margin: 0 auto 2rem; max-width: 100%; } .frontpage__article-list-box .webPartInnhold a { text-decoration: none; } .frontpage__article-list-box .webPartInnhold a.MargLink { margin: 0.6rem 0 1.2rem; } .frontpage__article-list-box .webPartInnhold .tittel { font-size: 22px; font-weight: 600; line-height: 1.6; padding-bottom: 3px; text-decoration: underline; } @media only screen and (min-width: 801px) { .frontpage__article-list-box .webPartInnhold .tittel { font-size: 1.375rem; } } @media only screen and (min-width: 961px) { .frontpage__article-list-box .webPartInnhold ul { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .frontpage__article-list-box .webPartInnhold li { width: calc(90vw/2 - 4rem); } } @media only screen and (min-width: 1313px) { .frontpage__article-list-box .webPartInnhold li { width: calc(640px - 1rem); } } @media only screen and (min-width: 961px) { .frontpage__service-menu:not(.frontpage__service-menu--lower) { width: 65%; } } .frontpage__service-menu:not(.frontpage__service-menu--lower) .webPartInnhold ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style-type: none; margin: -1rem; padding: 0; width: calc(100% + 2rem); } .frontpage__service-menu:not(.frontpage__service-menu--lower) .webPartInnhold li { margin: 1rem; width: 100%; } .frontpage__service-menu:not(.frontpage__service-menu--lower) .webPartInnhold li.vis-alle a { background-color: transparent; color: #0A2E4D; } .frontpage__service-menu:not(.frontpage__service-menu--lower) .webPartInnhold li.vis-alle a .text { text-decoration: underline; } @media only screen and (min-width: 641px) { .frontpage__service-menu:not(.frontpage__service-menu--lower) .webPartInnhold li { width: calc(50% - 2rem); } } .frontpage__service-menu:not(.frontpage__service-menu--lower) .webPartInnhold li .description { opacity: 0; } .frontpage__service-menu:not(.frontpage__service-menu--lower) .webPartInnhold li.has-description a { -webkit-transition: -webkit-transform 0.25s ease-in-out; transition: -webkit-transform 0.25s ease-in-out; transition: transform 0.25s ease-in-out; transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out; will-change: transform; } @media only screen and (min-width: 801px) { .frontpage__service-menu:not(.frontpage__service-menu--lower) .webPartInnhold li.has-description a:hover, .frontpage__service-menu:not(.frontpage__service-menu--lower) .webPartInnhold li.has-description a:focus { -webkit-transform: scale3d(1, 1.32, 1); transform: scale3d(1, 1.32, 1); } .frontpage__service-menu:not(.frontpage__service-menu--lower) .webPartInnhold li.has-description a:hover > span, .frontpage__service-menu:not(.frontpage__service-menu--lower) .webPartInnhold li.has-description a:focus > span { -webkit-transform: scale3d(1, 0.7575757576, 1); transform: scale3d(1, 0.7575757576, 1); } .frontpage__service-menu:not(.frontpage__service-menu--lower) .webPartInnhold li.has-description a:hover .text, .frontpage__service-menu:not(.frontpage__service-menu--lower) .webPartInnhold li.has-description a:focus .text { -webkit-transform: translateY(-2.0833333333rem); -ms-transform: translateY(-2.0833333333rem); transform: translateY(-2.0833333333rem); } .frontpage__service-menu:not(.frontpage__service-menu--lower) .webPartInnhold li.has-description a:hover .description, .frontpage__service-menu:not(.frontpage__service-menu--lower) .webPartInnhold li.has-description a:focus .description { opacity: 1; -webkit-transition: opacity 0.35s ease-in-out; transition: opacity 0.35s ease-in-out; visibility: visible; } } .frontpage__service-menu:not(.frontpage__service-menu--lower) .webPartInnhold li.has-description a > span { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; -webkit-transition: -webkit-transform 0.25s ease-in-out; transition: -webkit-transform 0.25s ease-in-out; transition: transform 0.25s ease-in-out; transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out; width: 100%; } .frontpage__service-menu:not(.frontpage__service-menu--lower) .webPartInnhold li.has-description .text { -webkit-transition: -webkit-transform 0.25s ease-in-out; transition: -webkit-transform 0.25s ease-in-out; transition: transform 0.25s ease-in-out; transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .frontpage__service-menu:not(.frontpage__service-menu--lower) .webPartInnhold li.has-description .description { bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; height: 3.2rem; left: 1rem; max-height: 4.1666666667rem; overflow-y: hidden; position: absolute; right: 1rem; top: 5px; -webkit-transition: opacity 0.15s ease-in-out, visibility 0s 0.15s ease-in-out; transition: opacity 0.15s ease-in-out, visibility 0s 0.15s ease-in-out; visibility: hidden; } .frontpage__service-menu:not(.frontpage__service-menu--lower) .webPartInnhold li:not(.has-description):not(.vis-alle) a { display: -webkit-box; display: -ms-flexbox; display: flex; } .frontpage__service-menu:not(.frontpage__service-menu--lower) .webPartInnhold a { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #ffffff; border: 2px solid transparent; color: #0A2E4D; display: block; font-size: 21px; font-weight: 600; height: 7rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 1.5rem 1rem; max-width: 100%; text-decoration: none; -webkit-transition-property: background-color, border-bottom-color, color; transition-property: background-color, border-bottom-color, color; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); } .frontpage__service-menu:not(.frontpage__service-menu--lower) .webPartInnhold a > span { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: inline-block; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media only screen and (min-width: 801px) { .frontpage__service-menu:not(.frontpage__service-menu--lower) .webPartInnhold a:hover, .frontpage__service-menu:not(.frontpage__service-menu--lower) .webPartInnhold a:focus { border-color: #0A2E4D; color: #0A2E4D; outline: 0; text-decoration: none; } .frontpage__service-menu:not(.frontpage__service-menu--lower) .webPartInnhold a:hover .description, .frontpage__service-menu:not(.frontpage__service-menu--lower) .webPartInnhold a:focus .description { color: #0A2E4D; -webkit-transition: color 0.15s ease-in-out; transition: color 0.15s ease-in-out; } } .frontpage__service-menu:not(.frontpage__service-menu--lower) .webPartInnhold a.external-link .text::after { padding-left: 5px; } .frontpage__service-menu:not(.frontpage__service-menu--lower) .webPartInnhold a .has-description + .external-link { display: -webkit-box; display: -ms-flexbox; display: flex; } .frontpage__service-menu:not(.frontpage__service-menu--lower) .webPartInnhold a .text { font-weight: 600; margin-bottom: 0; } .frontpage__service-menu:not(.frontpage__service-menu--lower) .webPartInnhold a .description { color: #0A2E4D; display: block; font-size: 0.9375rem; line-height: 1.6; margin-left: auto; margin-right: auto; margin-top: 0.2rem; max-width: 18rem; -webkit-transition: color 0.15s ease-in-out; transition: color 0.15s ease-in-out; } @media only screen and (min-width: 801px) { .frontpage__service-menu:not(.frontpage__service-menu--lower) .webPartInnhold a { height: 6.25rem; } } .frontpage__service-menu--lower .webPartInnhold ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style-type: none; margin: -1rem; padding: 0; width: calc(100% + 2rem); } .frontpage__service-menu--lower .webPartInnhold li { margin: 1rem; width: 100%; } .frontpage__service-menu--lower .webPartInnhold li.vis-alle a { background-color: transparent; color: #0A2E4D; } .frontpage__service-menu--lower .webPartInnhold li.vis-alle a .text { text-decoration: underline; } @media only screen and (min-width: 641px) { .frontpage__service-menu--lower .webPartInnhold li { width: calc(50% - 2rem); } } .frontpage__service-menu--lower .webPartInnhold li:not(.has-description):not(.vis-alle) a { display: -webkit-box; display: -ms-flexbox; display: flex; } .frontpage__service-menu--lower .webPartInnhold li .description { min-height: 3em; } .frontpage__service-menu--lower .webPartInnhold a { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #276092; border: 2px solid transparent; color: #0A2E4D; display: block; font-size: 21px; font-weight: 600; height: 7.6rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 1.5rem 1rem; max-width: 100%; text-decoration: none; -webkit-transition-property: background-color, border-bottom-color, color; transition-property: background-color, border-bottom-color, color; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); } .frontpage__service-menu--lower .webPartInnhold a > span { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: inline-block; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media only screen and (min-width: 801px) { .frontpage__service-menu--lower .webPartInnhold a:hover, .frontpage__service-menu--lower .webPartInnhold a:focus { border-color: #0A2E4D; color: #0A2E4D; outline: 0; text-decoration: none; } .frontpage__service-menu--lower .webPartInnhold a:hover .description, .frontpage__service-menu--lower .webPartInnhold a:focus .description { color: #0A2E4D; -webkit-transition: color 0.15s ease-in-out; transition: color 0.15s ease-in-out; } } .frontpage__service-menu--lower .webPartInnhold a.external-link .text::after { padding-left: 5px; } .frontpage__service-menu--lower .webPartInnhold a .has-description + .external-link { display: -webkit-box; display: -ms-flexbox; display: flex; } .frontpage__service-menu--lower .webPartInnhold a .text { font-weight: 600; margin-bottom: 0; } .frontpage__service-menu--lower .webPartInnhold a .description { color: #0A2E4D; display: block; font-size: 0.9375rem; line-height: 1.6; margin-left: auto; margin-right: auto; margin-top: 0.2rem; max-width: 18rem; -webkit-transition: color 0.15s ease-in-out; transition: color 0.15s ease-in-out; } @media only screen and (min-width: 801px) { .frontpage__service-menu--lower .webPartInnhold a { height: 7.6rem; } } .frontpage__service-menu--lower .webPartInnhold a { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .frontpage__service-menu--lower .webPartInnhold a .text { width: 100%; } @media only screen and (min-width: 801px) { .frontpage__service-menu--lower { margin-top: 2rem !important; } } .frontpage__service-menu--lower .webPartInnhold .vis-alle { margin-bottom: 2rem; text-align: center; text-decoration: underline; width: 100%; } .frontpage__service-menu--lower .webPartInnhold .vis-alle a { -webkit-box-shadow: none; box-shadow: none; display: inline; padding-left: 2.5rem; padding-right: 2.5rem; } .frontpage__service-menu--lower .webPartInnhold .vis-alle a:hover { border-color: transparent; color: #0A2E4D; } .frontpage__service-menu--lower .webPartInnhold .vis-alle a:hover::before { -webkit-transform: translate3d(12px, -50%, 0); transform: translate3d(12px, -50%, 0); -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } .frontpage__service-menu--lower .webPartInnhold .vis-alle a::before { color: #022C44; font-size: 22px; height: 0.9em; left: 0rem; margin-right: 0.5rem; overflow: hidden; position: absolute; top: 50%; text-decoration: none; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } .frontpage__service-menu--lower .webPartInnhold .vis-alle a::after { content: none; } .frontpage__service-menu--lower .webPartInnhold a { padding-left: 1.5rem; padding-right: 6rem; position: relative; } @media only screen and (min-width: 641px) { .frontpage__service-menu--lower .webPartInnhold a { padding-left: 2rem; padding-right: 20rem; position: relative; } } @media only screen and (min-width: 801px) { .frontpage__service-menu--lower .webPartInnhold a { padding-left: 1.5rem; padding-right: 6rem; position: relative; } } .frontpage__service-menu--lower .webPartInnhold a::after { font-size: 22px; position: absolute; right: 1rem; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .frontpage__service-menu--lower .webPartInnhold a, .frontpage__service-menu--lower .webPartInnhold a .description { color: #ffffff; } @media only screen and (min-width: 801px) { .frontpage__service-menu--lower .webPartInnhold a { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .frontpage__service-menu--lower .webPartInnhold a:hover, .frontpage__service-menu--lower .webPartInnhold a:hover .description, .frontpage__service-menu--lower .webPartInnhold a:hover .description::after, .frontpage__service-menu--lower .webPartInnhold a:focus, .frontpage__service-menu--lower .webPartInnhold a:focus .description, .frontpage__service-menu--lower .webPartInnhold a:focus .description::after { color: #0A2E4D; } } .frontpage__shortcut-menu { width: 100%; } @media only screen and (min-width: 961px) { .frontpage__shortcut-menu { width: 30%; margin-top: 0 !important; } } .frontpage__shortcut-menu h2.webPartTittel { color: #0A2E4D; font-size: 1.5rem; font-weight: 700; text-transform: uppercase; padding-bottom: 0.75rem; border-bottom: 2px solid currentColor; margin: 0 0 1rem; } .frontpage__shortcut-menu ul li a { font-size: 1.1875rem; font-weight: 600; color: #276092; margin: 1.5rem 0 1rem; padding-left: 2.5rem; text-decoration: none; position: relative; display: block; } .frontpage__shortcut-menu ul li a:before { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: #0A2E4D; font-size: 1.4rem; } #Sone5000 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .middle-boxes .middle-boxes-content.middle-boxes--upper-content { background-color: #f5f3ee; padding: 1rem 2rem; } .middle-boxes .middle-boxes-content.middle-boxes--upper-content .zone { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .middle-boxes .middle-boxes-content.middle-boxes--upper-content .zone .webPart { line-height: 30px; margin-top: 0; width: 100%; } @media only screen and (min-width: 801px) { .middle-boxes .middle-boxes-content.middle-boxes--upper-content .zone .webPart { margin-top: 0; width: 100%; } .middle-boxes .middle-boxes-content.middle-boxes--upper-content .zone .webPart.one-half { width: calc(100%/2 - 2rem/2); } .middle-boxes .middle-boxes-content.middle-boxes--upper-content .zone .webPart.one-third { width: calc(100%/3 - 2rem/3); } .middle-boxes .middle-boxes-content.middle-boxes--upper-content .zone .webPart.two-thirds { width: calc(100%/1.5 - 2rem/1.5); } .middle-boxes .middle-boxes-content.middle-boxes--upper-content .zone .webPart.one-quarter { width: calc(100%/4 - 2rem/4); } .middle-boxes .middle-boxes-content.middle-boxes--upper-content .zone .webPart.three-quarters { width: calc(100%/1.3333333333 - 2rem/1.3333333333); } } .middle-boxes .middle-boxes-content.middle-boxes--upper-content .webPartInnhold .vListe { list-style-type: none; max-width: 100%; padding: 0; } .middle-boxes .middle-boxes-content.middle-boxes--upper-content .webPartInnhold .vListe li a, .middle-boxes .middle-boxes-content.middle-boxes--upper-content .webPartInnhold .alt-om { color: #276092; padding-left: 2.2rem; position: relative; } .middle-boxes .middle-boxes-content.middle-boxes--upper-content .webPartInnhold .vListe li a:hover, .middle-boxes .middle-boxes-content.middle-boxes--upper-content .webPartInnhold .alt-om:hover { color: #0A2E4D; } .middle-boxes .middle-boxes-content.middle-boxes--upper-content .webPartInnhold .vListe li a:hover::before, .middle-boxes .middle-boxes-content.middle-boxes--upper-content .webPartInnhold .alt-om:hover::before { -webkit-transform: translate3d(10px, -50%, 0); transform: translate3d(10px, -50%, 0); -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } .middle-boxes .middle-boxes-content.middle-boxes--upper-content .webPartInnhold .vListe li a::before, .middle-boxes .middle-boxes-content.middle-boxes--upper-content .webPartInnhold .alt-om::before { color: #0A2E4D; font-size: 22px; height: 0.9em; left: 0; overflow: hidden; position: absolute; text-decoration: none; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } .middle-boxes .middle-boxes-content.middle-boxes--upper-content .webPartInnhold .alt-om { display: inline-block; margin-top: 15px; font-size: 19px; } @media only screen and (min-width: 801px) { .middle-boxes .middle-boxes-content.middle-boxes--upper-content .webPartInnhold .alt-om { font-size: 19px; } } .middle-boxes .middle-boxes-content.middle-boxes--upper-content .politics-links .webPartInnhold li { border-bottom: 1px solid #d5e0e4; display: block; font-size: 19px; margin-bottom: 1rem; max-width: 100%; padding-bottom: 1rem; width: 350px; } @media only screen and (min-width: 801px) { .middle-boxes .middle-boxes-content.middle-boxes--upper-content .politics-links .webPartInnhold li { font-size: 19px; } } .middle-boxes .middle-boxes-content.middle-boxes--upper-content .politics-links .webPartInnhold li:first-child { border-top: 1px solid #d5e0e4; margin-top: -1rem; padding-top: 1rem; } @media only screen and (min-width: 801px) { .middle-boxes .middle-boxes-content.middle-boxes--upper-content .politics-links .webPartInnhold li:first-child { border-top: none; } } @media only screen and (min-width: 801px) { .middle-boxes .middle-boxes-content.middle-boxes--upper-content .politics-links .webPartInnhold { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } } @media only screen and (min-width: 801px) { .middle-boxes .middle-boxes-content.middle-boxes--upper-content { padding: 2rem 4.5rem; } } .middle-boxes .middle-boxes-content.middle-boxes--lower-content { margin-bottom: 2rem; } .middle-boxes .middle-boxes-content.middle-boxes--lower-content .zone { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .middle-boxes .middle-boxes-content.middle-boxes--lower-content .zone .webPart { line-height: 30px; margin-top: 0; width: 100%; } @media only screen and (min-width: 801px) { .middle-boxes .middle-boxes-content.middle-boxes--lower-content .zone .webPart { margin-top: 0; width: 100%; } .middle-boxes .middle-boxes-content.middle-boxes--lower-content .zone .webPart.one-half { width: calc(100%/2 - 1.5rem/2); } .middle-boxes .middle-boxes-content.middle-boxes--lower-content .zone .webPart.one-third { width: calc(100%/3 - 1.5rem/3); } .middle-boxes .middle-boxes-content.middle-boxes--lower-content .zone .webPart.two-thirds { width: calc(100%/1.5 - 1.5rem/1.5); } .middle-boxes .middle-boxes-content.middle-boxes--lower-content .zone .webPart.one-quarter { width: calc(100%/4 - 1.5rem/4); } .middle-boxes .middle-boxes-content.middle-boxes--lower-content .zone .webPart.three-quarters { width: calc(100%/1.3333333333 - 1.5rem/1.3333333333); } } .middle-boxes .middle-boxes-content.middle-boxes--lower-content .webPartTittel { border-bottom: 2px solid currentColor; color: #0A2E4D; margin-bottom: 2rem; padding-bottom: 1rem; padding-top: 2rem; text-transform: uppercase; font-size: 1.5rem; font-weight: 700; } @media only screen and (min-width: 801px) { .middle-boxes .middle-boxes-content.middle-boxes--lower-content { margin-bottom: 4rem; } } .event-list-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .event-list-box .webPartInnhold { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .event-list-box .webPartInnhold ul { list-style-type: none; margin: 0; padding: 0; } .event-list-box .calWebPart { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .event-list-box .calWPContent { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .event-list-box .event { border-bottom: 1px solid #0A2E4D; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 2rem; padding-bottom: 2rem; } .event-list-box .event .event-date, .event-list-box .event .event-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .event-list-box .event .event-date { border-right: 1px solid #0A2E4D; background-color: transparent; color: #0A2E4D; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-right: 1.5rem; padding-right: 1.5rem; } .event-list-box .event .event-date .event-date-day { font-size: 1.75rem; } .event-list-box .event .event-date .event-date-month { border-bottom: 0 none; font-size: 1rem; line-height: 1.1; margin-bottom: 0; padding-bottom: 0; text-transform: uppercase; } .event-list-box .event .event-text a { color: #276092; } .event-list-box .event .event-text a .event-title { font-size: 1.3rem !important; margin: 0.3rem 0; } .event-list-box .event .event-text a:hover, .event-list-box .event .event-text a:focus { color: #0A2E4D; } .fullwidth-page .main .calMenu { background-color: #f5f3ee; margin-top: 2rem; } @media only screen and (min-width: 641px) { .fullwidth-page .main .calMenu { margin-top: 2rem; width: 20rem !important; } } .fullwidth-page .main .calMenu h3 { background-color: transparent !important; color: #276092; font-weight: 700; } .fullwidth-page .main .calMenu ul.filter { border-bottom: 0 none; } .fullwidth-page .main .calMenu ul.filter li { border-top: 0 none; } .fullwidth-page .main .calMenu ul.filter li a { padding: 0.2em 1em; } .fullwidth-page .main .calMenu .searchBox select, .fullwidth-page .main .calMenu .searchBox input { font-size: 1.1rem; margin-bottom: 0.5rem; padding: 0.5rem 1rem; width: 100%; } .fullwidth-page .main input[type=submit] { background: #276092; color: #FFF; border: none; position: relative; height: 60px; font-size: 1.6em; font-weight: 700; padding: 0 2em; cursor: pointer; -webkit-transition: 0.15s ease all; transition: 0.15s ease all; outline: none; } @media only screen and (min-width: 801px) { .fullwidth-page .main input[type=submit]:hover, .fullwidth-page .main input[type=submit]:focus { background: #FFF; border: 1px solid #276092; color: #276092; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } } @media only screen and (min-width: 641px) { .fullwidth-page .main .calContent { margin-top: 2rem; width: calc(100% - 22rem) !important; } } #innsyn-content h1, #innsyn-content .ArtikkelKategoriOverskrift { font-family: inherit; } #innsyn-content .i-help, #innsyn-content .sec { background-color: #ffffff; } #innsyn-content table.table.org thead th, #innsyn-content .calendar .i-m, #innsyn-content .btn-primary { background-color: #276092 !important; color: #ffffff; } #innsyn-content .btn-primary { background-image: none; cursor: pointer; } .version-style-defaults-marker-class { color: red; } body { --v-global-html-content-element-top-margin: 1.13em; --v-global-title-font-size: 1.5rem; --v-global-title-font-weight: 100; --v-global-title-line-height: 1.2; --v-global-lead-font-size: 1.25rem; --v-global-lead-font-weight: 700; --v-global-lead-line-height: 1.5; --v-global-body-font-size: 1.13rem; --v-global-body-font-weight: 400; --v-global-body-line-height: 1.5; --v-global-heading-1-font-size: 1.18em; --v-global-heading-1-font-weight: 100; --v-global-heading-1-line-height: 1.2; --v-global-heading-2-font-size: 1.94em; --v-global-heading-2-font-weight: 100; --v-global-heading-2-line-height: 1.2; --v-global-heading-3-font-size: 1.56em; --v-global-heading-3-font-weight: 100; --v-global-heading-3-line-height: 1.2; --v-global-heading-4-font-size: 1.01em; --v-global-heading-4-font-weight: 100; --v-global-heading-4-line-height: 1.2; --v-global-heading-5-font-size: 0.84em; --v-global-heading-5-font-weight: 100; --v-global-heading-5-line-height: 1.2; --v-global-heading-6-font-size: 0.68em; --v-global-heading-6-font-weight: 100; --v-global-heading-6-line-height: 1.2; } @media only screen and (min-width: 769px) and (max-width: 1024px) { body { --v-global-html-content-element-top-margin: 1.13em; --v-global-title-font-size: 1.5rem; --v-global-title-font-weight: 100; --v-global-title-line-height: 1.2; --v-global-lead-font-size: 1.38rem; --v-global-lead-font-weight: 700; --v-global-lead-line-height: 1.5; --v-global-body-font-size: 1.13rem; --v-global-body-font-weight: 400; --v-global-body-line-height: 1.5; --v-global-heading-1-font-size: 1.18em; --v-global-heading-1-font-weight: 100; --v-global-heading-1-line-height: 1.2; --v-global-heading-2-font-size: 1.94em; --v-global-heading-2-font-weight: 100; --v-global-heading-2-line-height: 1.2; --v-global-heading-3-font-size: 1.56em; --v-global-heading-3-font-weight: 100; --v-global-heading-3-line-height: 1.2; --v-global-heading-4-font-size: 1.01em; --v-global-heading-4-font-weight: 100; --v-global-heading-4-line-height: 1.2; --v-global-heading-5-font-size: 0.84em; --v-global-heading-5-font-weight: 100; --v-global-heading-5-line-height: 1.2; --v-global-heading-6-font-size: 0.68em; --v-global-heading-6-font-weight: 100; --v-global-heading-6-line-height: 1.2; } } @media only screen and (min-width: 1025px) { body { --v-global-html-content-element-top-margin: 1.13em; --v-global-title-font-size: 1.5rem; --v-global-title-font-weight: 100; --v-global-title-line-height: 1.2; --v-global-lead-font-size: 1.38rem; --v-global-lead-font-weight: 700; --v-global-lead-line-height: 1.5; --v-global-body-font-size: 1.13rem; --v-global-body-font-weight: 400; --v-global-body-line-height: 1.5; --v-global-heading-1-font-size: 1.32em; --v-global-heading-1-font-weight: 100; --v-global-heading-1-line-height: 1.2; --v-global-heading-2-font-size: 1.94em; --v-global-heading-2-font-weight: 100; --v-global-heading-2-line-height: 1.2; --v-global-heading-3-font-size: 1.56em; --v-global-heading-3-font-weight: 100; --v-global-heading-3-line-height: 1.2; --v-global-heading-4-font-size: 1.13em; --v-global-heading-4-font-weight: 100; --v-global-heading-4-line-height: 1.2; --v-global-heading-5-font-size: 0.93em; --v-global-heading-5-font-weight: 100; --v-global-heading-5-line-height: 1.2; --v-global-heading-6-font-size: 0.75em; --v-global-heading-6-font-weight: 100; --v-global-heading-6-line-height: 1.2; } } body { --v-global-link-text-color: #276092; --v-global-link-underline-line: underline; --v-global-link-underline-style: solid; --v-global-link-underline-width: auto; --v-global-link-underline-offset: auto; --v-global-link-underline-color: #276092; --v-global-link-font-weight: 600; } body a:hover { --v-global-link-text-color: #276092; --v-global-link-underline-line: underline; --v-global-link-underline-style: solid; --v-global-link-underline-width: auto; --v-global-link-underline-offset: auto; --v-global-link-underline-color: #276092; --v-global-link-font-weight: 600; } .client-content-widget--filtervisning--kalender .filtervisning-item-list, .client-content-widget--filtervisning--friskusaktivitet .filtervisning-item-list { padding-top: 1rem; border-top: 1px solid #d3d3d3; } .client-content-widget--filtervisning--kalender div.filtervisning-item, .client-content-widget--filtervisning--friskusaktivitet div.filtervisning-item { height: 100%; } .client-content-widget--filtervisning--kalender div.filtervisning-item > div.bc-dangerousHtml, .client-content-widget--filtervisning--friskusaktivitet div.filtervisning-item > div.bc-dangerousHtml { height: 100%; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event { height: 100%; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; --v-teaser-text-child-gap: 1em; --v-teaser-child-gap: 0; --v-teaser-border-width: 0; --v-teaser-border-color: inherit; --v-teaser-border-radius: 0; --v-teaser-text-color: inherit; --v-teaser-background: #f8f8f8; --v-teaser-title-link-text-color: inherit; --v-teaser-text-padding: 1.5rem; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event .cc-date-badge { margin: 1em; background: var(--v-date-badge-background, #ffffff); border-color: var(--v-date-badge-background-color, transparent); border-style: solid; border-width: var(--v-date-badge-background-width, 0); border-radius: var(--v-date-badge-border-radius, 50%); width: var(--v-date-badge-width, 8rem); height: var(--v-date-badge-height, 8rem); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-negative: 0; flex-shrink: 0; } @container (max-width: 300px) { .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event .cc-date-badge { display: none !important; } } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event .cc-date-badge-date { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: var(--v-date-badge-font-size, 1em); font-weight: var(--v-date-badge-background-weight, normal); line-height: 1; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event .cc-date-badge-day { font-size: var(--v-date-badge-day-font-size, 4em); } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event .cc-date-badge-year { margin: -1px; border: 0; width: 1px; height: 1px; padding: 0; position: absolute; overflow: hidden; clip: rect(0 0 0 0); } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event:has(.cc-picture) .cc-date-badge { position: absolute; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event .cc-teaser-body, .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event .cc-teaser-body-content, .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event .cc-teaser-text-content { height: 100%; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event .cc-teaser-image { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event .cc-teaser-text { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event .cc-teaser-title-text, .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event .cc-teaser-text-column { word-break: break-word; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event .cc-teaser-text-column { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1rem; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event.cc-teaser--vertical { --v-teaser-image-border-radius: 0 0 0 0; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event.cc-teaser--horizontal { --v-teaser-image-border-radius: 0 0 0 0; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event.cc-teaser--horizontal .cc-teaser-body-content { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event.cc-teaser--horizontal .cc-teaser-image { width: 50%; -ms-flex-negative: 0; flex-shrink: 0; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event.cc-teaser--horizontal .cc-teaser-image-content { height: 100%; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event .cc-teaser-image { display: -webkit-box; display: -ms-flexbox; display: flex; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event .cc-teaser-image-content { display: -webkit-box; display: -ms-flexbox; display: flex; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event .cc-teaser-image-content .cc-picture { height: 100%; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation--horizontal { --v-teaser-image-border-radius: 0 0 0 0; --v-teaser-image-border-radius: 0 0 0 0; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation--horizontal .cc-teaser-image { width: calc(var(--v-date-badge-width, 8rem) + 2rem); } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation--horizontal:has(.cc-picture) .cc-teaser-image { width: 50%; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation--horizontal .cc-teaser-text { width: 50%; } @container (max-width: 300px) { .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation--horizontal { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation--horizontal .cc-teaser-image { width: 100%; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation--horizontal .cc-teaser-text { width: 100%; } } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation--vertical { --v-teaser-image-border-radius: 0 0 0 0; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation--vertical .cc-teaser-image-content { width: 100%; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation--vertical .cc-picture { width: 100%; } @container (max-width: 600px) { .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation-narrow--horizontal { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation-narrow--horizontal .cc-teaser-image { width: calc(var(--v-date-badge-width, 8rem) + 2rem); } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation-narrow--horizontal:has(.cc-picture) .cc-teaser-image { width: 50%; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation-narrow--horizontal .cc-teaser-text { width: 50%; } @container (max-width: 300px) { .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation-narrow--horizontal { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation-narrow--horizontal .cc-teaser-image { width: 100%; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation-narrow--horizontal .cc-teaser-text { width: 100%; } } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation-narrow--vertical .cc-teaser-image-content { width: 100%; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation-narrow--vertical .cc-picture { width: 100%; } } @container (min-width: 601px) and (max-width: 900px) { .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation-normal--horizontal { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation-normal--horizontal .cc-teaser-image { width: calc(var(--v-date-badge-width, 8rem) + 2rem); } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation-normal--horizontal:has(.cc-picture) .cc-teaser-image { width: 50%; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation-normal--horizontal .cc-teaser-text { width: 50%; } @container (max-width: 300px) { .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation-normal--horizontal { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation-normal--horizontal .cc-teaser-image { width: 100%; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation-normal--horizontal .cc-teaser-text { width: 100%; } } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation-normal--vertical .cc-teaser-image-content { width: 100%; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation-normal--vertical .cc-picture { width: 100%; } } @container (min-width: 901px) { .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation-wide--horizontal { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation-wide--horizontal .cc-teaser-image { width: calc(var(--v-date-badge-width, 8rem) + 2rem); } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation-wide--horizontal:has(.cc-picture) .cc-teaser-image { width: 50%; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation-wide--horizontal .cc-teaser-text { width: 50%; } @container (max-width: 300px) { .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation-wide--horizontal { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation-wide--horizontal .cc-teaser-image { width: 100%; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation-wide--horizontal .cc-teaser-text { width: 100%; } } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation-wide--vertical .cc-teaser-image-content { width: 100%; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation-wide--vertical .cc-picture { width: 100%; } } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event:not(:has(.cc-teaser-image)) .cc-teaser-body-content.u-orientation.u-orientation--horizontal .cc-teaser-text-content { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event:not(:has(.cc-teaser-image)) .cc-teaser-body-content.u-orientation.u-orientation--horizontal .cc-teaser-text-column { width: 50%; } @container (max-width: 600px) { .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event:not(:has(.cc-teaser-image)) .cc-teaser-body-content.u-orientation.u-orientation-narrow--horizontal .cc-teaser-text-content { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event:not(:has(.cc-teaser-image)) .cc-teaser-body-content.u-orientation.u-orientation-narrow--horizontal .cc-teaser-text-column { width: 50%; } } @container (min-width: 601px) and (max-width: 900px) { .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event:not(:has(.cc-teaser-image)) .cc-teaser-body-content.u-orientation.u-orientation-normal--horizontal .cc-teaser-text-content { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event:not(:has(.cc-teaser-image)) .cc-teaser-body-content.u-orientation.u-orientation-normal--horizontal .cc-teaser-text-column { width: 50%; } } @container (min-width: 901px) { .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event:not(:has(.cc-teaser-image)) .cc-teaser-body-content.u-orientation.u-orientation-wide--horizontal .cc-teaser-text-content { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event:not(:has(.cc-teaser-image)) .cc-teaser-body-content.u-orientation.u-orientation-wide--horizontal .cc-teaser-text-column { width: 50%; } } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event .cc-teaser-body-content .cc-teaser-title .cc-teaser-title-link { --v-teaser-title-link-underline-color: inherit; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event img { -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event .cc-teaser-meta--primary { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event .cc-teaser-meta-item { -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 1em; display: -webkit-box; display: -ms-flexbox; display: flex; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event .cc-teaser-meta-item-label-prefix::before { color: inherit; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event .cc-tag { --v-tag-border-width: 0; --v-tag-border-color: inherit; --v-tag-border-radius: 0; --v-tag-padding: 0.25em 1em; --v-tag-text-color: inherit; --v-tag-background: white; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event:hover { --v-teaser-background: #f8f8f8; --v-teaser-text-color: inherit; --v-teaser-border-color: inherit; --v-teaser-title-link-text-color: inherit; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event:hover img { scale: 1; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event:hover .cc-teaser-body-content .cc-teaser-title .cc-teaser-title-link { --v-teaser-title-link-underline-color: inherit; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event:hover .cc-teaser-meta-item::before { color: inherit; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event:hover .cc-teaser-meta-item-label-prefix::before { color: inherit; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event:hover .cc-tag { --v-tag-text-color: inherit; --v-tag-background: white; --v-tag-border-color: inherit; } .cc-page:where(:not(.u-is-designed)).cc-page--calendar-event { --v-default-item-spacing-level: 0.75; } .cc-page:where(:not(.u-is-designed)).cc-page--calendar-event .cc-page-header-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1.5rem; margin-bottom: 1.5rem; } .cc-page:where(:not(.u-is-designed)).cc-page--calendar-event .cc-page-header-content .cc-image { aspect-ratio: 3; -o-object-fit: cover; object-fit: cover; } .cc-page:where(:not(.u-is-designed)).cc-page--calendar-event .u-width-wide--8 { gap: 2rem; } .cc-page:where(:not(.u-is-designed)).cc-page--calendar-event .u-width-wide--4 { background-color: #f8f8f8; padding: 2rem; --v-faq-question-background: #efefef; --v-faq-question-text-color: currentColor; } .cc-page:where(:not(.u-is-designed)).cc-page--calendar-event .cc-widget { gap: 1rem; } .cc-page:where(:not(.u-is-designed)).cc-page--calendar-event .cc-property-list--event-details { border-top: 1px solid #b3b3b3; border-bottom: 1px solid #b3b3b3; padding: 2rem 0; } .cc-page:where(:not(.u-is-designed)).cc-page--calendar-event .cc-page-lead-content .cc-property-list-item--info::before { font-family: "remixicon"; content: "\ee59"; speak: none; font-size: calc(1em * var(--v-global-icon-scale-factor)); font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; } .cc-page:where(:not(.u-is-designed)).cc-page--calendar-event .cc-page-lead-content .cc-property-list-item--date::before { font-family: "remixicon"; content: "\eb25"; speak: none; font-size: calc(1em * var(--v-global-icon-scale-factor)); font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; } .cc-page:where(:not(.u-is-designed)).cc-page--calendar-event .cc-page-lead-content .cc-property-list-item--time::before { font-family: "remixicon"; content: "\f20f"; speak: none; font-size: calc(1em * var(--v-global-icon-scale-factor)); font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; } .cc-page:where(:not(.u-is-designed)).cc-page--calendar-event .cc-page-lead-content .cc-property-list-item--location::before { font-family: "remixicon"; content: "\ef14"; speak: none; font-size: calc(1em * var(--v-global-icon-scale-factor)); font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; } .cc-page:where(:not(.u-is-designed)).cc-page--calendar-event .cc-page-lead-content .cc-property-list-item--address::before { font-family: "remixicon"; content: "\ef14"; speak: none; font-size: calc(1em * var(--v-global-icon-scale-factor)); font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; } .cc-page:where(:not(.u-is-designed)).cc-page--calendar-event .cc-page-lead-content .cc-property-list-item--phone::before { font-family: "remixicon"; content: "\f15a"; speak: none; font-size: calc(1em * var(--v-global-icon-scale-factor)); font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; } .cc-page:where(:not(.u-is-designed)).cc-page--calendar-event .cc-page-lead-content .cc-property-list-item--email::before { font-family: "remixicon"; content: "\ea83"; speak: none; font-size: calc(1em * var(--v-global-icon-scale-factor)); font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; } .cc-page:where(:not(.u-is-designed)).cc-page--calendar-event .cc-page-lead-content .cc-property-list-item--person::before { font-family: "remixicon"; content: "\ef44"; speak: none; font-size: calc(1em * var(--v-global-icon-scale-factor)); font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; } .cc-page:where(:not(.u-is-designed)).cc-page--calendar-event .cc-page-lead-content .cc-property-list-item--age::before { font-family: "remixicon"; content: "\ede3"; speak: none; font-size: calc(1em * var(--v-global-icon-scale-factor)); font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; } .cc-page:where(:not(.u-is-designed)).cc-page--calendar-event .cc-page-lead-content .cc-property-list-item--some::before { font-family: "remixicon"; content: "\eeb2"; speak: none; font-size: calc(1em * var(--v-global-icon-scale-factor)); font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; } .cc-page:where(:not(.u-is-designed)).cc-page--calendar-event .cc-page-lead-content .cc-property-list-item--occurrences::before { font-family: "remixicon"; content: "\f074"; speak: none; font-size: calc(1em * var(--v-global-icon-scale-factor)); font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; } .cc-page:where(:not(.u-is-designed)).cc-page--calendar-event .cc-page-lead-content .cc-property-list-item--category::before { font-family: "remixicon"; content: "\f023"; speak: none; font-size: calc(1em * var(--v-global-icon-scale-factor)); font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; } .cc-page:where(:not(.u-is-designed)).cc-page--calendar-event .cc-page-lead-content .cc-property-list-item--document::before { font-family: "remixicon"; content: "\eceb"; speak: none; font-size: calc(1em * var(--v-global-icon-scale-factor)); font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; } .cc-page:where(:not(.u-is-designed)).cc-page--calendar-event .cc-content-link-prefix { color: var(--v-global-link-text-color); } .cc-page:where(:not(.u-is-designed)).cc-page--calendar-event .cc-content-link--link { color: var(--v-global-link-text-color); } .cc-page:where(:not(.u-is-designed)).cc-page--calendar-event .cc-page-lead-content .cc-property-list .cc-property-list-item { padding-left: 2rem; position: relative; } .cc-page:where(:not(.u-is-designed)).cc-page--calendar-event .cc-page-lead-content .cc-property-list .cc-property-list-item::before { position: absolute; left: 0; top: 0.25em; } .cc-page:where(:not(.u-is-designed)).cc-page--calendar-event .cc-page-section--occurrences { border-top: 1px solid #b3b3b3; padding: 2rem 0; } .cc-page:where(:not(.u-is-designed)).cc-page--calendar-event .cc-property-list-item-label { --v-property-list-item-label-font-size: 0.8em; --v-property-list-item-label-font-weight: 700; --v-property-list-item-label-line-height: 1.5; } .cc-page:where(:not(.u-is-designed)).cc-page--calendar-event .cc-property-list-item { --v-property-list-item-font-size: 1em; --v-property-list-item-font-weight: 400; --v-property-list-item-line-height: 1.5; } .cc-page:where(:not(.u-is-designed)).cc-page--calendar-event .cc-tag-list { margin-top: 0.5em; --v-tag-list-item-spacing: 1em; } .cc-page:where(:not(.u-is-designed)).cc-page--calendar-event .cc-tag { color: #4C5063; --v-tag-border-width: 2px; --v-tag-border-color: #f8f8f8; --v-tag-border-radius: 4px; --v-tag-padding: 0.25rem 1rem; --v-tag-text-color: #4C5063; --v-tag-background: transparent; } .cc-page:where(:not(.u-is-designed)).cc-page--calendar-event .cc-show-more-container .cc-tag { --v-tag-background: #f8f8f8; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--contact-card { --v-teaser-image-aspect-ratio: 1; --v-teaser-title-font-size: 1rem; --v-teaser-title-font-weight: normal; --v-teaser-text-child-gap: 1rem; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--contact-card .cc-teaser-body-content { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0.5rem; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--contact-card .cc-teaser-image { width: 2rem; height: 2rem; overflow: hidden; } .calendar-event-list-widget-footer, .cc-div:has(> .cc-anchor--view-all) { margin-top: 2rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .cc-anchor--view-all, .calendar-event-list-widget-footer-view-all-link { display: -webkit-box; display: -ms-flexbox; display: flex; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: var(--bc-c-action-primary); color: var(--bc-c-action-primary-foreground); border: 2px solid var(--bc-c-action-primary-border); border-radius: var(--bc-border-radius); padding: 1rem 2rem; text-decoration: none; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .cc-anchor--view-all:hover, .calendar-event-list-widget-footer-view-all-link:hover { background-color: var(--bc-c-action-primary-hover); border-color: var(--bc-c-action-primary-hover); outline: 2px solid var(--bc-c-action-primary-hover); color: var(--bc-c-action-primary-foreground); } .client-content-widget--filtervisning--person .filtervisning-item-list { padding-top: 1rem; } .client-content-widget--filtervisning--person div.filtervisning-item { height: 100%; } .client-content-widget--filtervisning--person div.filtervisning-item > div.bc-dangerousHtml { height: 100%; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--person { height: 100%; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; --v-teaser-text-child-gap: 1em; --v-teaser-child-gap: 0; --v-teaser-border-width: 0; --v-teaser-border-color: inherit; --v-teaser-border-radius: 0; --v-teaser-text-color: inherit; --v-teaser-background: ; --v-teaser-title-link-text-color: inherit; --v-teaser-text-padding: 1.5rem; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--person .cc-teaser-body, .cc-teaser:where(:not(.u-is-designed)).cc-teaser--person .cc-teaser-body-content, .cc-teaser:where(:not(.u-is-designed)).cc-teaser--person .cc-teaser-text-content { height: 100%; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--person .cc-teaser-image { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--person .cc-teaser-text { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--person .cc-teaser-title-text, .cc-teaser:where(:not(.u-is-designed)).cc-teaser--person .cc-teaser-text-column { word-break: break-word; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--person .cc-teaser-text-column { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1rem; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--person.cc-teaser--vertical { --v-teaser-image-border-radius: 0 0 0 0; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--person.cc-teaser--horizontal { --v-teaser-image-border-radius: 0 0 0 0; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--person.cc-teaser--horizontal .cc-teaser-body-content { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--person.cc-teaser--horizontal .cc-teaser-image { width: 33%; -ms-flex-negative: 0; flex-shrink: 0; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--person.cc-teaser--horizontal .cc-teaser-image-content { height: 100%; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--person .cc-teaser-image { display: -webkit-box; display: -ms-flexbox; display: flex; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--person .cc-teaser-image-content { display: -webkit-box; display: -ms-flexbox; display: flex; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--person .cc-teaser-image-content .cc-picture { height: 100%; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--person:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation--horizontal { --v-teaser-image-border-radius: 0 0 0 0; --v-teaser-image-border-radius: 0 0 0 0; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--person:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation--horizontal .cc-teaser-image { padding: 1rem; width: calc(var(--v-date-badge-width, 8rem) + 2rem); } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--person:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation--horizontal:has(.cc-picture) .cc-teaser-image { width: 33%; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--person:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation--horizontal .cc-teaser-text { width: 67%; } @container (max-width: 400px) { .cc-teaser:where(:not(.u-is-designed)).cc-teaser--person:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation--horizontal { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--person:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation--horizontal:has(.cc-picture) .cc-teaser-image { width: 100%; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--person:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation--horizontal .cc-teaser-text { width: 100%; } } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--person:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation--vertical { --v-teaser-image-border-radius: 0 0 0 0; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--person:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation--vertical .cc-teaser-image-content { width: 100%; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--person:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation--vertical .cc-picture { width: 100%; } @container (max-width: 600px) { .cc-teaser:where(:not(.u-is-designed)).cc-teaser--person:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation-narrow--horizontal { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--person:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation-narrow--horizontal .cc-teaser-image { width: calc(var(--v-date-badge-width, 8rem) + 2rem); } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--person:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation-narrow--horizontal:has(.cc-picture) .cc-teaser-image { width: 33%; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--person:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation-narrow--horizontal .cc-teaser-text { width: 67%; } @container (max-width: 400px) { .cc-teaser:where(:not(.u-is-designed)).cc-teaser--person:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation-narrow--horizontal { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--person:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation-narrow--horizontal .cc-teaser-image { width: 100%; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--person:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation-narrow--horizontal .cc-teaser-text { width: 100%; } } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--person:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation-narrow--vertical .cc-teaser-image-content { width: 100%; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--person:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation-narrow--vertical .cc-picture { width: 100%; } } @container (min-width: 601px) and (max-width: 900px) { .cc-teaser:where(:not(.u-is-designed)).cc-teaser--person:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation-normal--horizontal { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--person:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation-normal--horizontal .cc-teaser-image { width: calc(var(--v-date-badge-width, 8rem) + 2rem); } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--person:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation-normal--horizontal:has(.cc-picture) .cc-teaser-image { width: 33%; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--person:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation-normal--horizontal .cc-teaser-text { width: 67%; } @container (max-width: 400px) { .cc-teaser:where(:not(.u-is-designed)).cc-teaser--person:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation-normal--horizontal { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--person:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation-normal--horizontal .cc-teaser-image { width: 100%; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--person:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation-normal--horizontal .cc-teaser-text { width: 100%; } } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--person:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation-normal--vertical .cc-teaser-image-content { width: 100%; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--person:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation-normal--vertical .cc-picture { width: 100%; } } @container (min-width: 901px) { .cc-teaser:where(:not(.u-is-designed)).cc-teaser--person:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation-wide--horizontal { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--person:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation-wide--horizontal .cc-teaser-image { width: calc(var(--v-date-badge-width, 8rem) + 2rem); } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--person:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation-wide--horizontal:has(.cc-picture) .cc-teaser-image { width: 33%; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--person:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation-wide--horizontal .cc-teaser-text { width: 67%; } @container (max-width: 400px) { .cc-teaser:where(:not(.u-is-designed)).cc-teaser--person:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation-wide--horizontal { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--person:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation-wide--horizontal .cc-teaser-image { width: 100%; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--person:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation-wide--horizontal .cc-teaser-text { width: 100%; } } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--person:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation-wide--vertical .cc-teaser-image-content { width: 100%; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--person:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation-wide--vertical .cc-picture { width: 100%; } } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--person:not(:has(.cc-teaser-image)) .cc-teaser-body-content.u-orientation.u-orientation--horizontal .cc-teaser-text-content { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } @container (max-width: 600px) { .cc-teaser:where(:not(.u-is-designed)).cc-teaser--person:not(:has(.cc-teaser-image)) .cc-teaser-body-content.u-orientation.u-orientation-narrow--horizontal .cc-teaser-text-content { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--person:not(:has(.cc-teaser-image)) .cc-teaser-body-content.u-orientation.u-orientation-narrow--horizontal .cc-teaser-text-column { width: 50%; } } @container (min-width: 601px) and (max-width: 900px) { .cc-teaser:where(:not(.u-is-designed)).cc-teaser--person:not(:has(.cc-teaser-image)) .cc-teaser-body-content.u-orientation.u-orientation-normal--horizontal .cc-teaser-text-content { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--person:not(:has(.cc-teaser-image)) .cc-teaser-body-content.u-orientation.u-orientation-normal--horizontal .cc-teaser-text-column { width: 50%; } } @container (min-width: 901px) { .cc-teaser:where(:not(.u-is-designed)).cc-teaser--person:not(:has(.cc-teaser-image)) .cc-teaser-body-content.u-orientation.u-orientation-wide--horizontal .cc-teaser-text-content { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--person:not(:has(.cc-teaser-image)) .cc-teaser-body-content.u-orientation.u-orientation-wide--horizontal .cc-teaser-text-column { width: 50%; } } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--person .cc-teaser-body-content .cc-teaser-title .cc-teaser-title-link { --v-teaser-title-link-underline-color: inherit; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--person img { -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--person .cc-teaser-meta--primary { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--person .cc-teaser-meta-item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; display: -webkit-box; display: -ms-flexbox; display: flex; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--person .cc-teaser-meta-item.cc-teaser-meta-item--information .cc-teaser-meta-item-label-text { margin: -1px; border: 0; width: 1px; height: 1px; padding: 0; position: absolute; overflow: hidden; clip: rect(0 0 0 0); } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--person .cc-teaser-meta-item.cc-teaser-meta-item--phone, .cc-teaser:where(:not(.u-is-designed)).cc-teaser--person .cc-teaser-meta-item.cc-teaser-meta-item--mobile, .cc-teaser:where(:not(.u-is-designed)).cc-teaser--person .cc-teaser-meta-item.cc-teaser-meta-item--email { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-column-gap: 0.5em; -moz-column-gap: 0.5em; column-gap: 0.5em; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--person .cc-teaser-meta-item.cc-teaser-meta-item--phone .cc-teaser-meta-item-label-text, .cc-teaser:where(:not(.u-is-designed)).cc-teaser--person .cc-teaser-meta-item.cc-teaser-meta-item--mobile .cc-teaser-meta-item-label-text, .cc-teaser:where(:not(.u-is-designed)).cc-teaser--person .cc-teaser-meta-item.cc-teaser-meta-item--email .cc-teaser-meta-item-label-text { margin: -1px; border: 0; width: 1px; height: 1px; padding: 0; position: absolute; overflow: hidden; clip: rect(0 0 0 0); } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--person .cc-teaser-meta-item.cc-teaser-meta-item--phone .cc-teaser-meta-item-value, .cc-teaser:where(:not(.u-is-designed)).cc-teaser--person .cc-teaser-meta-item.cc-teaser-meta-item--mobile .cc-teaser-meta-item-value, .cc-teaser:where(:not(.u-is-designed)).cc-teaser--person .cc-teaser-meta-item.cc-teaser-meta-item--email .cc-teaser-meta-item-value { font-weight: normal; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--person .cc-tag { --v-tag-border-width: 0; --v-tag-border-color: inherit; --v-tag-border-radius: 0; --v-tag-padding: 0.25em 1em; --v-tag-text-color: inherit; --v-tag-background: white; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--person:hover { --v-teaser-background: ; --v-teaser-text-color: inherit; --v-teaser-border-color: inherit; --v-teaser-title-link-text-color: inherit; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--person:hover img { scale: 1; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--person:hover .cc-teaser-body-content .cc-teaser-title .cc-teaser-title-link { --v-teaser-title-link-underline-color: inherit; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--person:hover .cc-teaser-meta-item::before { color: inherit; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--person:hover .cc-tag { --v-tag-text-color: inherit; --v-tag-background: white; --v-tag-border-color: inherit; } .cc-page:where(:not(.u-is-designed)).cc-page--person { --v-default-item-spacing-level: 0.75; } .cc-page:where(:not(.u-is-designed)).cc-page--person .cc-page-header-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1.5rem; margin-bottom: 1.5rem; } .cc-page:where(:not(.u-is-designed)).cc-page--person .cc-page-header-content .cc-image { aspect-ratio: 3; -o-object-fit: cover; object-fit: cover; } .cc-page:where(:not(.u-is-designed)).cc-page--person .u-width-wide--8 { gap: 2rem; } .cc-page:where(:not(.u-is-designed)).cc-page--person .u-width-wide--4 { padding: 2rem; } .cc-page:where(:not(.u-is-designed)).cc-page--person .cc-widget { gap: 1rem; } .cc-page:where(:not(.u-is-designed)).cc-page--person .cc-property-list--event-details { border-top: 1px solid #b3b3b3; border-bottom: 1px solid #b3b3b3; padding: 2rem 0; } .cc-page:where(:not(.u-is-designed)).cc-page--person .cc-property-list-item-label { --v-property-list-item-label-font-size: 0.8em; --v-property-list-item-label-font-weight: 700; --v-property-list-item-label-line-height: 1.5; } .cc-page:where(:not(.u-is-designed)).cc-page--person .cc-property-list-item { --v-property-list-item-font-size: 1em; --v-property-list-item-font-weight: 400; --v-property-list-item-line-height: 1.5; } .cc-page:where(:not(.u-is-designed)).cc-page--person .cc-tag-list { margin-top: 0.5em; --v-tag-list-item-spacing: 1em; } .cc-page:where(:not(.u-is-designed)).cc-page--person .cc-tag { color: #4C5063; --v-tag-border-width: 2px; --v-tag-border-color: #f8f8f8; --v-tag-border-radius: 4px; --v-tag-padding: 0.25rem 1rem; --v-tag-text-color: #4C5063; --v-tag-background: transparent; } .cc-page:where(:not(.u-is-designed)).cc-page--person .cc-show-more-container .cc-tag { --v-tag-background: #f8f8f8; }