/* ============================= */
/* GRUND / BAKGRUND              */
/* ============================= */

html, body {
height: 100%;
margin: 0;
padding: 0;
}

body {
font-family: 'Roboto', sans-serif;
color: #333;
background: #ffffff;
}

/* Säkerställ vit bakgrund i alla containrar */

.site-grid,
.container,
.container-fluid,
.wrapper {
background: #ffffff;
}

/* ============================= */
/* HEADER / MENY                 */
/* ============================= */

.container-header,
.container-header .container-nav {
background: #ff6600 !important;
}

.mod-menu > li > a {
color: #ffffff !important;
font-weight: 600;
transition: 0.2s;
}

.mod-menu > li > a:hover {
color: #ffd27a !important;
}

/* ============================= */
/* TYPOGRAFI / SEKTIONSLUFT     */
/* ============================= */

.container-component {
padding-top: 40px;
padding-bottom: 40px;
}

/* ============================= */
/* MODULRUBRIKER                 */
/* ============================= */

.moduletitle,
.module-title,
.card-header {
background: #ff6600 !important;
color: #ffffff !important;
padding: 10px;
}

/* ============================= */
/* FOOTER                        */
/* ============================= */

.custom-footer {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
padding: 1em 0;
position: relative;
}

/* Orange linje högst upp */

.custom-footer::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 8px;
background: #ff6600;
}

/* Footer meny */

.custom-footer ul {
list-style: none;
padding: 0;
margin: 1em 0 0 0;
display: flex;
flex-wrap: wrap;
gap: 1em;
justify-content: center;
}

.custom-footer ul li {
display: inline-block;
}

.custom-footer a {
color: inherit;
text-decoration: none;
}

.custom-footer a:hover {