body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

.correct::after {
  content: url("data:image/svg+xml,%3Csvg fill='%2340C057' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24px' height='24px'%3E%3Cpath d='M11.707,15.707C11.512,15.902,11.256,16,11,16s-0.512-0.098-0.707-0.293l-4-4c-0.391-0.391-0.391-1.023,0-1.414 s1.023-0.391,1.414,0L11,13.586l8.35-8.35C17.523,3.251,14.911,2,12,2C6.477,2,2,6.477,2,12c0,5.523,4.477,10,10,10s10-4.477,10-10 c0-1.885-0.531-3.642-1.438-5.148L11.707,15.707z'/%3E%3C/svg%3E");  
  display: inline-block;
  margin-left: 5px;
  vertical-align: top;
}

.fail::after {
  content: url("data:image/svg+xml,%3Csvg width='22px' height='22px' viewBox='0 0 32 32' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Icon-Set-Filled' transform='translate(-570.000000, -1089.000000)' fill='%23ff0000'%3E%3Cpath d='M591.657,1109.24 C592.048,1109.63 592.048,1110.27 591.657,1110.66 C591.267,1111.05 590.633,1111.05 590.242,1110.66 L586.006,1106.42 L581.74,1110.69 C581.346,1111.08 580.708,1111.08 580.314,1110.69 C579.921,1110.29 579.921,1109.65 580.314,1109.26 L584.58,1104.99 L580.344,1100.76 C579.953,1100.37 579.953,1099.73 580.344,1099.34 C580.733,1098.95 581.367,1098.95 581.758,1099.34 L585.994,1103.58 L590.292,1099.28 C590.686,1098.89 591.323,1098.89 591.717,1099.28 C592.11,1099.68 592.11,1100.31 591.717,1100.71 L587.42,1105.01 L591.657,1109.24 L591.657,1109.24 Z M586,1089 C577.163,1089 570,1096.16 570,1105 C570,1113.84 577.163,1121 586,1121 C594.837,1121 602,1113.84 602,1105 C602,1096.16 594.837,1089 586,1089 L586,1089 Z' id='cross-circle' %3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  display: inline-block;
  margin-left: 5px;
  vertical-align: top;
}

.headerNavigation li {
    display: inline-block;
    text-decoration: underline;
    margin: 1em;        
}

details {
    background-color: #aac7ff;
    padding: 1em;
    margin-bottom: 0.5em;
}

summary h2 {
    display: inline;     
}

/* RTE styles */

.RTE [data-block=layout] {
    display: flex;
    flex-direction: row;
    gap: 24px;
}

@media (max-width: 640px) {
    .RTE [data-block=layout] {
       flex-direction: column;
    }
}

.RTE .wrap-center {
  text-align: center;
}
.RTE .wrap-center img {
  margin-left: auto;
  margin-right: auto;
}
.RTE .wrap-center figcaption {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.RTE .float-left {
  float: left;
  margin-right: 1em;
  margin-bottom: 1em;
  max-width: 200px;
}
.RTE .float-right {
  float: right;
  margin-left: 1em;
  margin-bottom: 1em;
  max-width: 200px;
}
.RTE {
    --rte-outset-md: 10rem;
}
.RTE .outset-right,
.RTE .outset-left,
.RTE .outset-both
{
  max-width: 100vw;
  margin: 0;
}
.RTE .outset-right {
  position: relative;
  width: calc(100% + var(--rte-outset-md));
  transform: translateX(var(--rte-outset-md)) translate3d(0, 0, 0);
  left: calc(var(--rte-outset-md) * -1);
}
.RTE .outset-left {
  width: calc(100% + var(--rte-outset-md));
  transform: translateX(calc(var(--rte-outset-md) * -1)) translate3d(0, 0, 0);
}
.RTE .outset-both {
  position: relative;
  width: calc(100% + var(--rte-outset-md) + var(--rte-outset-md));
  transform: translateX(-50%) translate3d(0, 0, 0);
  left: 50%;
}
.RTE .embed-responsive {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.RTE .embed-responsive::after {
  display: block;
  content: "";
  padding-top: 56.25%;
}
.RTE .embed-responsive iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}