:root {
--tpblack: black;
--tpblue: #2d8eb7;
--tpblue01: #CDE4EE;
--tpblue2: #07597B;
--white: white;
--transparent: transparent;
--grey: grey;
--lightgrey: lightgrey;
--lightgrey1: #efefef;
--lightgrey2: #e6e6e6;
--lightgrey3: #696969;
--lightergrey: #dedede;
--darkgrey: #585858;
--whitesmoke: whitesmoke;
--black: #383838;
--lightergrey: #dedede;
--light-darkgrey: #d8d8d8;
--grey1: #bbbbbb;
--grey-green: #effff1;
--grey2: #ebebeb;
--default-white: white;
--default-darkwhite: #f3f3f3;
--sw-info-color: #3490dc;
--layout-row-shaddow-color-light: rgba(0,0,0,0.1);
--layout-row-shaddow-color-dark: rgba(0,0,0,0.2);
--calendar-selection-background-color: white;
--theme-heading-color: black;
--theme-heading1-color: black;
--theme-heading2-color: black;
--theme-heading3-color: black;
--theme-font-color: #331919;
--theme-body-font-color: #424242;
--theme-color-lighten-10: hsl(var(--theme-color),40%);
--theme-color-lighten-20: hsl(var(--theme-color),30%);
--theme-color-darken-10: hsl(var(--theme-color),60%);
--theme-color-darken-20: hsl(var(--theme-color),70%);
--theme-color-contrast: black;
--donate-wizard-button-next-color: #585858;
--theme-color: var(--tpblue);
--theme-nav-backgroundcolor: var(--white);
--theme-nav-color: var(--tpblack);
--default-black: var(--black);
--default-grey: var(--grey);
--navbar-background-color: var(--theme-nav-backgroundcolor);
--navbar-collapsed-background-color: var(--whitesmoke);
--navbar-font-color: var(--theme-nav-color);
--navbar-collapsed-font-color: var(--default-black);
--page-title-border-color: var(--theme-color);
--footer-background-color: var(--theme-color);
--footer-font-color: var(--theme-color-contrast);
--layout-row-background-color-light: var(--tpblue01);
--cta-events-date-border-color: var(--theme-color);
}

.navbar__nav li a {
font-weight: 550;
}

.navbar {
  --navbar-height: 70px;
}

.navbar__logo {
zoom: 1.6;
}

@media only screen and (max-width: 768px) {

.panel-hero-image{
height: auto  !important;
}
.panel-hero-image__img-cover {
    height: unset  !important;

--zoom: 1.2; 
--x: 40%;
--y: 1%;
transform: scale(var(--zoom));
transform-origin: var(--x) var(--y);
clip-path: inset(
calc((1 - 1/var(--zoom)) * (var(--y)))
calc((1 - 1/var(--zoom)) * (100% - var(--x)))
calc((1 - 1/var(--zoom)) * (100% - var(--y)))
calc((1 - 1/var(--zoom)) * (var(--x)))
);

}

.panel-hero-image__slide{
position: relative;
}

.panel-hero-image__image-btn-container {
    position: relative;
padding-top: 16px;
}
}



.dok .grid__md--3 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.dok .documents>div>ul {
display: flex;
flex-direction: column-reverse;
}


.forsidetekst_1 { 
  letter-spacing: 1.2px;
  font-size: 3.0rem;
  text-align: center;
  font-weight: 400;
  color: var(--black);
}

.forsidetekst_2 { 
  letter-spacing: 1.2px;
  font-size: 2.5rem;
  text-align: center;
  font-weight: 400;
  color: var(--black);
}

.om_oss .om_oss_1 .grid__sm--3 {
    grid-template-columns: 1fr;
}

.om_oss .accordion__header {
   padding: 20px 25px;
   background-color: var(--tpblue01);
}

.om_oss .accordion__header h2{
  font-size: 1.8rem;
}

.om_oss .accordion__content{
   font-size: 1.6rem;
}

.firmdepartmentnavheader{
color: var(--tpblack);
background: var(--tpblue01);
padding: 20px;
}

.firmdepartmentnavheader__link{
background-color: var(--tpblue01);
font-size: 20px;font-weight: 600;
}

.om_oss .firmdepartmentnavheader>div>div {
   display: flex;
   width: 100%;
   flex-direction: row;
   align-items: center;
   justify-content: space-between;
}


@media only screen and (max-width: 768px) {
.om_oss .firmdepartmentnavheader>div>div {
   display: flex;
   width: 100%;
   flex-direction: column;
   align-items: center;
}
}

.layout__row--background-light {
padding: 10px;
color: var(--tpblue2);
}

.layout__row--background-light a {
color: var(--tpblue2);
}

.footer-site {
background-color: var(--tpblue01);
}


@media only screen and (max-width: 860px) {
.om_oss .firmdepartmentnavheader>div>div{
flex-direction: column;
}
}

.medlem .grid__sm--3 {
    grid-template-columns: 1fr;
}


@media only screen and (max-width: 996px) {
.dok .grid__md--3 {
    grid-template-columns: 1fr;
}
}