.elprocad-logotyp-icon {
    width: 13.75rem;
    position: relative;
    height: 2rem;
    object-fit: cover;
}
.header {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    z-index: 0;
}
.nyheter-och-tips {
    width: 25.563rem;
    position: relative;
    display: inline-block;
}
.card-p-black {
    align-self: stretch;
    position: relative;
    font-size: var(--elprocad-p-size);
    letter-spacing: 0.02em;
    font-family: var(--elprocad-p);
}
.toptext {
    color: var(--text-main-bg);
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0.5rem;
    z-index: 1;
}
.card-h2-white {
    position: relative;
}

.card-title-date-wrapper{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.card-date, .card-date-white {
    font-size: var(--font-size-xs);
    font-family: var(--elprocad-p);
}
.card-p-white {
    align-self: stretch;
    position: relative;
    font-size: var(--elprocad-p-size);
    font-family: var(--elprocad-p);
}
.ls-mer {
    position: relative;
    text-decoration: underline;
    color: inherit;
}
.card-link-white {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    font-size: var(--font-size-xs);
}
.newscardorange {
    align-self: stretch;
    box-shadow: 6px 6px 5.2px rgba(0, 0, 0, 0.25);
    border-radius: var(--br-8xs);
    background-color: var(--elprocad-orange);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: var(--padding-mini) var(--padding-3xs);
    gap: var(--gap-3xs);
    color: var(--text-orange-bg);
}
.newscardwhite {
    align-self: stretch;
    box-shadow: var(--drop-shadow);
    border-radius: var(--br-8xs);
    background-color: var(--card-light-bg);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: var(--padding-mini) var(--padding-3xs);
    gap: var(--gap-3xs);
    color: var(--secondary-textcolor);
}
.cardswrapper {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: var(--gap-base);
    z-index: 2;
    /* color: var(--bg-cardtext); */
}
 .copyright-2024 {
    bottom: 0rem;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    width: 25.563rem;
}
 .footer {
    color: var(--text-main-bg);
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: auto;

/*     width: 25.563rem;
    position: absolute;
    margin: 0 !important;
    bottom: 0.938rem;
    left: 0.938rem;
    height: 1.875rem;
    z-index: 3;
    text-align: center;
 */    
 font-size: 0.625rem;
}
.elprocad-nyheter {
    width: 100%;
    height: 57.313rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 1.125rem;
    box-sizing: border-box;
    gap: var(--gap-base);
    text-align: left;
    font-size: var(--elprocad-h2-size);
    color: var(--primary-textcolor);
    font-family: var(--elprocad-h2);
}

/*Dark mode settings*/


/* .darkmode .dark-mode-toggler {
    content:url(./img/toggleDarkMode.svg)
}
 */