body {
    background-color: #fff;
}
.header {
    background-color: #fff;
    color: #fff;
}
.container-header {
    background-color: #fff; /* Vaihda haluamasi värikoodi */
    background-image: none;    /* Poistaa oletusarvoisen liukuvärin */
}
:root {
 --cassiopeia-color-primary:#112855;
 --cassiopeia-color-link:#224faa;
 --link-color:#224faa;
 --link-color-rgb:34,
 79,
 170;
 --cassiopeia-color-hover:#424077;
 --link-hover-color:#f70a83;
 --link-hover-color-rgb:66,
 64,
 119
}
:root {
  background-color: white;
  /* Fill the viewport height, so that our '-moz-user-focus' styling will
     disregard clicks in the whole background area (so the video element
     doesn't inadvertently lose focus from a stray click on the background). */
  height: 100%;
  -moz-user-focus: ignore;
}
body {
    background-color: #fff;
}
.header {
    background-color: #fff;
    color: #fff;
}
.container-header {
    background-color: #fff; /* Vaihda haluamasi värikoodi */
    background-image: none;    /* Poistaa oletusarvoisen liukuvärin */
}
:root {
 --cassiopeia-color-primary:#112855;
 --cassiopeia-color-link:#224faa;
 --link-color:#224faa;
 --link-color-rgb:34,
 79,
 170;
 --cassiopeia-color-hover:#424077;
 --link-hover-color:#f70a83;
 --link-hover-color-rgb:66,
 64,
 119
}
.card {
 --card-spacer-y:1rem;
 --card-spacer-x:1rem;
 --card-title-spacer-y:.5rem;
 --card-title-color: ;
 --card-subtitle-color: ;
 --card-border-width:var(--border-width);
 --card-border-color:#3c5b79;
 --card-border-radius:var(--border-radius);
 --card-box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
 --card-inner-border-radius:calc(var(--border-radius) - (var(--border-width)));
 --card-cap-padding-y:.5rem;
 --card-cap-padding-x:1rem;
 --card-cap-bg:rgba(var(--body-color-rgb),.03);
 --card-cap-color: ;
 --card-height: ;
 --card-color: ;
 --card-bg:var(--body-bg);
 --card-img-overlay-padding:1rem;
 --card-group-margin:.5em;
 min-width:0;
 height:var(--card-height);
 color:var(--body-color);
 word-wrap:break-word;
 background-color:var(--card-bg);
 border:var(--card-border-width)solid var(--card-border-color);
 border-radius:var(--card-border-radius);
 background-clip:border-box;
 flex-direction:column;
 display:flex;
 position:relative
}
.footer {
  color: #172f8f;
  background-color: #fff;
  background-image: linear-gradient(135deg,var(--cassiopeia-color-primary)0%,#fbfbfb100%);
  margin-top: 1em;
}
.grid-child {
 width:100%;
 max-width:1320px;
 margin-left:center;
 margin-right:center;
 display:flex
}
.breadcrumb {
  background-color: #0000;
  margin-bottom: 0;
}
.content-area {
    padding-top: 0 !important;
    margin-top: 0 !important;
}
.header {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
}
footer {
    padding: 1rem 0 !important;
}
/* Mobiiliasettelu: kaikki päällekkäin */
.container {
  display: grid;
  grid-template-areas:
    "header"
    "main"
    "sidebar"
    "footer";
}
root {
  background-color: #000;
  height: 100%;
  -moz-user-focus: ignore;
}
.card {
 --card-spacer-y:1rem;
 --card-spacer-x:1rem;
 --card-title-spacer-y:.5rem;
 --card-title-color: ;
 --card-subtitle-color: ;
 --card-border-width:var(--border-width);
 --card-border-color:#3c5b79;
 --card-border-radius:var(--border-radius);
 --card-box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
 --card-inner-border-radius:calc(var(--border-radius) - (var(--border-width)));
 --card-cap-padding-y:.5rem;
 --card-cap-padding-x:1rem;
 --card-cap-bg:rgba(var(--body-color-rgb),.03);
 --card-cap-color: ;
 --card-height: ;
 --card-color: ;
 --card-bg:var(--body-bg);
 --card-img-overlay-padding:1rem;
 --card-group-margin:.5em;
 min-width:0;
 height:var(--card-height);
 color:var(--body-color);
 word-wrap:break-word;
 background-color:var(--card-bg);
 border:var(--card-border-width)solid var(--card-border-color);
 border-radius:var(--card-border-radius);
 background-clip:border-box;
 flex-direction:column;
 display:flex;
 position:relative
}
.footer {
  color: #172f8f;
  background-color: #fff;
  background-image: linear-gradient(135deg,var(--cassiopeia-color-primary)0%,#fbfbfb100%);
  margin-top: 1em;
}
.grid-child {
 width:100%;
 max-width:1320px;
 margin-left:center;
 margin-right:center;
 display:flex
}
.breadcrumb {
  background-color: #0000;
  margin-bottom: 0;
}
.content-area {
    padding-top: 0 !important;
    margin-top: 0 !important;
}
.header {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
}
footer {
    padding: 1rem 0 !important;
}
/* Mobiiliasettelu: kaikki päällekkäin */
.container {
  display: grid;
  grid-template-areas:
    "header"
    "main"
    "sidebar"
    "footer";
}
root {
  background-color: #000;
  height: 100%;
  -moz-user-focus: ignore;
}
.erikoistausta {
  background-image: url('/images/kuvat/sunset2.jpg');
}