:root {
--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-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%);
--donate-wizard-button-next-color: #585858;
--theme-color: #46629e;
--theme-font-color: #331919;
--theme-color-contrast: #f3f3f3;
--theme-nav-backgroundcolor: #FFFFFF;
--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);
--cta-events-date-border-color: var(--theme-color);
}

.body-container {
  position: relative;
}

#Nyheter3 {
  background: white;
  padding: 2rem;
  border-radius: 8px;
}

.layout__row--xl {
  max-width: 100%;
}

.zoom {
  overflow: hidden;
  padding-bottom: 55%;
}

.zoom:before {
    content: "NYA";
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    background: #edecec87;
    color: white;
    z-index: 99;
    font-size: clamp(26px, 6vw, 66px);
    color: black;
    padding: 1rem 2rem;
}

.zoom img {
  position: fixed;
  top: 0%;
  left: 50%;
  max-width: 200%;
  width: 100%;
  transform: translateX(-50%);
}

.container {
  text-align: center;
}

.tm1 {
  color: #333;
  font-size: 99px;
  margin: 3rem 0;
}

#countdown {
  font-size: 5em;
  color: #db3939;
  margin-top: 1rem;
}

.holder {
  padding: 3rem 0;
  background: #1b1c1e;
}

.holder img {
  border-radius: 8px;
  width: 60%;
}

@media (max-width: 600px) {
  .tm1 {
    font-size: 35px;
  }

  #countdown {
    font-size: 3em;
margin: 1rem 0;
  }
}