:root{
    --textSize: 40em;
    --boxBorder: 3px;
    --boxHorizontalPadding: 20px;  
  }
  
  /************************************************************/
  /************************************************************/
  
  .rounded{
    border-radius: 8px;
  }
  
  .center{
    margin: auto;
    width: var(--textSize);
    text-align: justify;
    padding: 10px;
  }
  
  .image{
    margin-left: auto;
    margin-right: auto;
    max-width: 90%;
    height: auto;
  }
  div[class="image"] > img{
    display: block;
    width: 36em;
    margin-left: auto;
    margin-right: auto;
    height: auto;
  }
  
  
  /* 
  * Formatting boxes
  */
  
  .box{
    text-align: justify;
    padding-left: var(--boxHorizontalPadding);
    padding-right: var(--boxHorizontalPadding);
    padding-top: 10px;
    padding-bottom: 10px;
    margin: auto;
    max-width: calc(var(--textSize) - 2 * var(--boxHorizontalPadding));
    margin-top: 10px;
    margin-bottom: 10px;
  }
  
  .box-content{
    /* Use it to wrap all content within the box */
  }
  
  
  .box-collapsible{
    cursor: pointer;
  }
  
  .active, .box-collapsible:hover {
    opacity: 0.7;
  }
  
  .box-alternative {
    color: white;
    background-color: #00ADEE;
  }
  
  .box-flow{
    color: white;
    background-color: #D2232B;
  }
  
  .box-tech{
    color: white;
    background-color: #3DAD48;
  }
  
  .box-why{
    color: white;
    background-color: #EF6A38;
  }
  
  .box-storytelling{
    color: #243F8E;
    font-style: italic;
    border: #243F8E;
    border-style: solid;
    border-width: 3px;
    background-color: #FFFFFF;
    max-width: calc(var(--textSize) - 2 * var(--boxHorizontalPadding) - 2 * var(--boxBorder));
  }
  
  
  
  /*
  * Logos in boxes
  */
  div[ class*="box-why"]::before{
    float: left;
    margin-top: 20px;
    margin-right: 20px;
    margin-bottom: 20px;
    content: url("data:image/svg+xml,%3Csvg width='5.7997mm' height='5.6727mm' version='1.1' viewBox='0 0 5.7997 5.6727' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3CclipPath id='clipPath228'%3E%3Cpath d='m90.72 128.48v865.76h612.48v-865.76z' clip-rule='evenodd'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg transform='translate(-54.553 -96.193)'%3E%3Cg transform='matrix(.26458 0 0 .26458 -101.16 -98.043)'%3E%3Cg clip-path='url(%23clipPath228)'%3E%3Cg transform='matrix(.1797 0 0 .1797 591.79 754.96)'%3E%3Cpath d='m46.88 1.28c-4.5867-0.10667-8.2667-1.5467-11.04-4.32-2.7733-2.7733-4.2133-6.1867-4.32-10.24 0.10666-4.16 1.5467-7.5467 4.32-10.16 2.7733-2.6133 6.4533-3.9733 11.04-4.08 4.5867 0.10667 8.2667 1.4667 11.04 4.08 2.7733 2.6133 4.2133 6 4.32 10.16-0.10667 4.0533-1.5467 7.4667-4.32 10.24-2.7733 2.7733-6.4533 4.2133-11.04 4.32zm-12.16-40.16c0.10667-5.5467 1.4133-10.187 3.92-13.92 2.5067-3.7333 5.36-7.0133 8.56-9.84 3.2-2.8267 6.0533-5.6 8.56-8.32 2.5067-2.72 3.8133-5.7867 3.92-9.2-0.10667-3.9467-1.7067-7.0667-4.8-9.36-3.0933-2.2933-7.2533-3.44-12.48-3.44-5.12 8e-6 -9.6267 1.04-13.52 3.12-3.8933 2.08-7.12 4.9867-9.68 8.72l-19.36-11.36c4.2667-6.6133 10.187-11.813 17.76-15.6 7.5733-3.7867 16.747-5.7333 27.52-5.84 12.16 0 21.92 2.56 29.28 7.68 7.36 5.12 11.147 12.427 11.36 21.92-0.10667 6.2933-1.4933 11.467-4.16 15.52-2.6667 4.0533-5.76 7.5467-9.28 10.48-3.52 2.9333-6.6133 5.8667-9.28 8.8-2.6667 2.9333-4.0533 6.48-4.16 10.64z' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  }
  
  div[ class*="box-alternative"]::before{
    float: left;
    margin-top: 20px;
    margin-right: 20px;
    margin-bottom: 20px;
    content: url("data:image/svg+xml,%3Csvg width='5.7997mm' height='5.6727mm' version='1.1' viewBox='0 0 5.7997 5.6727' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3CclipPath id='clipPath228'%3E%3Cpath d='m90.72 128.48v865.76h612.48v-865.76z' clip-rule='evenodd'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg transform='translate(-54.553 -96.193)'%3E%3Cg transform='matrix(.26458 0 0 .26458 -101.16 -98.043)'%3E%3Cg clip-path='url(%23clipPath228)'%3E%3Cg transform='translate(592.32 740.32)'%3E%3Cpath d='m0 0v2.08h-3.36v-8.16h8.16v3.52h-2.24l0.16 0.32c1.76 1.6 3.52 3.36 5.12 4.96 0.64 0.64 0.96 1.28 0.96 2.08v10.441h-3.52v-9.3208c0-0.48-0.16-0.8-0.48-1.12l-3.36-3.36c-0.32-0.48-0.8-0.96-1.44-1.44z' fill='%23fff'/%3E%3C/g%3E%3Cg transform='translate(606.4 742.4)'%3E%3Cpath d='m0 0v-2.24l-4.32 3.84c-0.16-0.96-0.8-1.44-1.44-2.08-0.16-0.32-0.48-0.48-0.64-0.64 1.28-1.12 2.56-2.24 3.84-3.52h-2.08v-3.52h8.16v8.16z' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  }
  
  div[ class*="box-flow"]::before{
    float: left;
    margin-top: 20px;
    margin-right: 20px;
    margin-bottom: 20px;
    content: url("data:image/svg+xml,%3Csvg width='5.7997mm' height='5.6727mm' version='1.1' viewBox='0 0 5.7997 5.6727' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3CclipPath id='clipPath228'%3E%3Cpath d='m90.72 128.48v865.76h612.48v-865.76z' clip-rule='evenodd'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg transform='translate(-54.553 -96.193)'%3E%3Cg transform='matrix(.26458 0 0 .26458 -101.16 -98.043)'%3E%3Cg clip-path='url(%23clipPath228)'%3E%3Cg transform='matrix(.18274 0 0 .18274 595.24 754.96)'%3E%3Cpath d='m23.2 1.28c-4.5867-0.10667-8.2667-1.5467-11.04-4.32-2.7733-2.7733-4.2133-6.1867-4.32-10.24 0.10667-4.16 1.5467-7.5467 4.32-10.16 2.7733-2.6133 6.4533-3.9733 11.04-4.08 4.5867 0.10667 8.2667 1.4667 11.04 4.08 2.7733 2.6133 4.2133 6 4.32 10.16-0.10667 4.0533-1.5467 7.4667-4.32 10.24-2.7733 2.7733-6.4533 4.2133-11.04 4.32zm-14.88-113.28h29.76l-4.96 73.12h-19.84z' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  }
  
  div[ class*="box-tech"]::before{
    float: left;
    margin-top: 20px;
    margin-right: 20px;
    margin-bottom: 20px;
    content: url("data:image/svg+xml,%3Csvg width='5.7997mm' height='5.6727mm' version='1.1' viewBox='0 0 5.7997 5.6727' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3CclipPath id='clipPath228'%3E%3Cpath d='m90.72 128.48v865.76h612.48v-865.76z' clip-rule='evenodd'/%3E%3C/clipPath%3E%3CclipPath id='clipPath214'%3E%3Cpath d='m-511.68-529.6v865.76h612.48v-865.76z' clip-rule='evenodd'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg transform='translate(-54.553 -96.193)'%3E%3Cg transform='matrix(.26458 0 0 .26458 -101.16 -98.043)'%3E%3Cg clip-path='url(%23clipPath228)'%3E%3Cg transform='translate(602.12 752.84)'%3E%3Cg clip-path='url(%23clipPath214)'%3E%3Cpath d='m0 0v0.64c0 0.48-0.48 0.96-0.96 0.96l-0.16 0.64c-0.16 0.32-0.32 0.48-0.8 0.48h-1.6c-0.32 0-0.64-0.16-0.64-0.48l-0.16-0.64c-0.64 0-0.96-0.48-0.96-0.96v-0.64c0-0.32 0.32-0.64 0.64-0.64h4c0.32 0.16 0.64 0.32 0.64 0.64zm3.04-8.48c0 1.44-0.64 2.72-1.6 3.68-0.8 0.8-1.28 1.76-1.44 2.72 0 0.32-0.48 0.64-0.96 0.64h-3.52c-0.32 0-0.8-0.32-0.8-0.64-0.16-0.96-0.64-1.92-1.44-2.72-0.96-0.96-1.6-2.24-1.6-3.52 0-3.04 2.56-5.44 5.6-5.44 3.2 0 5.76 2.4 5.76 5.28zm-5.12-3.2c0-0.32-0.16-0.64-0.64-0.64-2.24 0-4 1.76-4 3.84 0 0.32 0.32 0.64 0.64 0.64s0.64-0.32 0.64-0.64c0-1.44 1.28-2.56 2.72-2.56 0.48 0 0.64-0.32 0.64-0.64zm-0.64-3.84c0.48 0 0.64-0.32 0.64-0.64v-2.08c0-0.32-0.16-0.48-0.64-0.48-0.32 0-0.64 0.16-0.64 0.48v2.08c0 0.32 0.32 0.64 0.64 0.64zm-7.36 7.04c0-0.32-0.32-0.64-0.64-0.64h-2.24c-0.48 0-0.64 0.32-0.64 0.64s0.16 0.64 0.64 0.64h2.24c0.32 0 0.64-0.32 0.64-0.64zm17.76-0.64h-2.24c-0.32 0-0.64 0.32-0.64 0.64s0.32 0.64 0.64 0.64h2.24c0.32 0 0.64-0.32 0.64-0.64s-0.32-0.64-0.64-0.64zm-16.48 5.6-1.6 1.6c-0.32 0.16-0.32 0.48 0 0.8 0.16 0.16 0.32 0.16 0.48 0.16s0.32 0 0.32-0.16l1.6-1.44c0.32-0.32 0.32-0.64 0-0.96-0.16-0.16-0.64-0.16-0.8 0zm11.84-9.76c0.16 0 0.32 0 0.48-0.16l1.6-1.44c0.32-0.32 0.32-0.64 0-0.96-0.32-0.16-0.64-0.16-0.96 0l-1.6 1.6c-0.16 0.16-0.16 0.64 0 0.8s0.32 0.16 0.48 0.16zm-11.84-0.16c0 0.16 0.16 0.16 0.32 0.16s0.32 0 0.48-0.16c0.32-0.16 0.32-0.64 0-0.8l-1.6-1.6c-0.16-0.16-0.64-0.16-0.8 0-0.32 0.32-0.32 0.64 0 0.96zm12.32 9.92c-0.16-0.16-0.64-0.16-0.96 0-0.16 0.32-0.16 0.64 0 0.96l1.6 1.44c0.16 0.16 0.32 0.16 0.48 0.16s0.32 0 0.48-0.16c0.32-0.32 0.32-0.64 0-0.8z' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  }
  
  
  .header-welcome-page{
    height: 200px;
    width: var(--textSize);
    object-fit: cover;
  }
  
  .session-footer{
    margin: auto;
    max-width: var(--textSize);
    text-align: center;
    padding-top: 4cm
  }
  div[ class*="session-footer"]::before{
    margin-top:0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    content: url("data:image/svg+xml,%3Csvg width='80' height='80.955' version='1.1' viewBox='0 0 80 80.955' xml:space='preserve' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3CclipPath id='clipPath88'%3E%3Cpath d='m0 2e3h2e3v-2e3h-2e3z'/%3E%3C/clipPath%3E%3CclipPath id='clipPath116'%3E%3Cpath d='m694.1 1784.7c-10.481-1.729-19.003-11.436-21.081-22.951l6.106-201.65 232.23-141.91 45.788 181.4 168.3 34.662 1.051 72.24-258.78 106.86z'/%3E%3C/clipPath%3E%3CclipPath id='clipPath124'%3E%3Cpath d='m592.14 1981.6h584.4v-411.8h-584.4z'/%3E%3C/clipPath%3E%3CclipPath id='clipPath128'%3E%3Cpath d='m1176.5 1736.5-81.202-166.73-503.21 245.07 81.202 166.73z'/%3E%3C/clipPath%3E%3CclipPath id='clipPath132'%3E%3Cpath d='m-32768 32767h65535v-65535h-65535z'/%3E%3C/clipPath%3E%3ClinearGradient id='linearGradient140' x2='1' gradientTransform='matrix(81.202,166.73,783.08,-381.37,843.74,1692.3)' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fff' stop-opacity='0' offset='0'/%3E%3Cstop stop-color='%23fff' offset='.07027'/%3E%3Cstop stop-color='%23fff' offset='1'/%3E%3C/linearGradient%3E%3Cmask id='mask142' x='0' y='0' width='1' height='1' maskUnits='userSpaceOnUse'%3E%3Cg clip-path='url(%23clipPath132)'%3E%3Cpath d='m-32768 32767h65535v-65535h-65535z' fill='url(%23linearGradient140)'/%3E%3C/g%3E%3C/mask%3E%3ClinearGradient id='linearGradient160' x2='1' gradientTransform='matrix(81.202,166.73,783.08,-381.37,843.74,1692.3)' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0'/%3E%3Cstop offset='.07027'/%3E%3Cstop offset='1'/%3E%3C/linearGradient%3E%3CclipPath id='clipPath186'%3E%3Cpath d='m0 2e3h2e3v-2e3h-2e3z'/%3E%3C/clipPath%3E%3CclipPath id='clipPath206'%3E%3Cpath d='m1223.6 1696.2h98.56v-84.54h-98.56z'/%3E%3C/clipPath%3E%3CclipPath id='clipPath210'%3E%3Cpath d='m1322.2 1670.7-18.924-58.999-79.628 25.541 18.924 58.999z'/%3E%3C/clipPath%3E%3CclipPath id='clipPath214'%3E%3Cpath d='m-32768 32767h65535v-65535h-65535z'/%3E%3C/clipPath%3E%3ClinearGradient id='linearGradient222' x2='1' gradientTransform='matrix(18.925,59,123.92,-39.746,1263.4,1624.5)' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fff' stop-opacity='0' offset='0'/%3E%3Cstop stop-color='%23fff' offset='.048649'/%3E%3Cstop stop-color='%23fff' offset='1'/%3E%3C/linearGradient%3E%3Cmask id='mask224' x='0' y='0' width='1' height='1' maskUnits='userSpaceOnUse'%3E%3Cg clip-path='url(%23clipPath214)'%3E%3Cpath d='m-32768 32767h65535v-65535h-65535z' fill='url(%23linearGradient222)'/%3E%3C/g%3E%3C/mask%3E%3ClinearGradient id='linearGradient242' x2='1' gradientTransform='matrix(18.925,59,123.92,-39.746,1263.4,1624.5)' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0'/%3E%3Cstop offset='.048649'/%3E%3Cstop offset='1'/%3E%3C/linearGradient%3E%3CclipPath id='clipPath268'%3E%3Cpath d='m920.83 1251.3h52.816v-67.55h-52.816z'/%3E%3C/clipPath%3E%3CclipPath id='clipPath272'%3E%3Cpath d='m973.65 1238.7-28.643-54.942-24.173 12.602 28.642 54.942z'/%3E%3C/clipPath%3E%3CclipPath id='clipPath276'%3E%3Cpath d='m-32768 32767h65535v-65535h-65535z'/%3E%3C/clipPath%3E%3ClinearGradient id='linearGradient284' x2='1' gradientTransform='matrix(28.643,54.943,37.618,-19.611,932.92,1190)' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fff' stop-opacity='0' offset='0'/%3E%3Cstop stop-color='%23fff' offset='.048649'/%3E%3Cstop stop-color='%23fff' offset='1'/%3E%3C/linearGradient%3E%3Cmask id='mask286' x='0' y='0' width='1' height='1' maskUnits='userSpaceOnUse'%3E%3Cg clip-path='url(%23clipPath276)'%3E%3Cpath d='m-32768 32767h65535v-65535h-65535z' fill='url(%23linearGradient284)'/%3E%3C/g%3E%3C/mask%3E%3ClinearGradient id='linearGradient304' x2='1' gradientTransform='matrix(28.643,54.943,37.618,-19.611,932.92,1190)' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0'/%3E%3Cstop offset='.048649'/%3E%3Cstop offset='1'/%3E%3C/linearGradient%3E%3CclipPath id='clipPath330'%3E%3Cpath d='m1220.5 1334.7h46.92v-67.56h-46.92z'/%3E%3C/clipPath%3E%3CclipPath id='clipPath334'%3E%3Cpath d='m1267.4 1325.3-21.332-58.173-25.594 9.386 21.332 58.172z'/%3E%3C/clipPath%3E%3CclipPath id='clipPath338'%3E%3Cpath d='m-32768 32767h65535v-65535h-65535z'/%3E%3C/clipPath%3E%3ClinearGradient id='linearGradient346' x2='1' gradientTransform='matrix(21.332,58.173,39.83,-14.605,1233.3,1271.9)' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fff' stop-opacity='0' offset='0'/%3E%3Cstop stop-color='%23fff' offset='.048649'/%3E%3Cstop stop-color='%23fff' offset='1'/%3E%3C/linearGradient%3E%3Cmask id='mask348' x='0' y='0' width='1' height='1' maskUnits='userSpaceOnUse'%3E%3Cg clip-path='url(%23clipPath338)'%3E%3Cpath d='m-32768 32767h65535v-65535h-65535z' fill='url(%23linearGradient346)'/%3E%3C/g%3E%3C/mask%3E%3ClinearGradient id='linearGradient366' x2='1' gradientTransform='matrix(21.332,58.173,39.83,-14.605,1233.3,1271.9)' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0'/%3E%3Cstop offset='.048649'/%3E%3Cstop offset='1'/%3E%3C/linearGradient%3E%3CclipPath id='clipPath396'%3E%3Cpath d='m1221.5 1373.9-0.379-2.407-1.106-1.485-1.311-1.253-2.795-0.903-81.15-20.354 23.607-24.539 96.447 27.8-10.292 145.28-19.411 9.994z'/%3E%3C/clipPath%3E%3CclipPath id='clipPath404'%3E%3Cpath d='m1104.8 1413h161.04v-152.48h-161.04z'/%3E%3C/clipPath%3E%3CclipPath id='clipPath408'%3E%3Cpath d='m1104.8 1329.5 53.626 83.467 107.42-69.013-53.626-83.467z'/%3E%3C/clipPath%3E%3CclipPath id='clipPath412'%3E%3Cpath d='m-32768 32767h65535v-65535h-65535z'/%3E%3C/clipPath%3E%3ClinearGradient id='linearGradient420' x2='1' gradientTransform='matrix(-53.626,-83.467,-167.16,107.4,1212.2,1378.5)' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fff' stop-opacity='0' offset='0'/%3E%3Cstop stop-color='%23fff' offset='.048649'/%3E%3Cstop stop-color='%23fff' offset='1'/%3E%3C/linearGradient%3E%3Cmask id='mask422' x='0' y='0' width='1' height='1' maskUnits='userSpaceOnUse'%3E%3Cg clip-path='url(%23clipPath412)'%3E%3Cpath d='m-32768 32767h65535v-65535h-65535z' fill='url(%23linearGradient420)'/%3E%3C/g%3E%3C/mask%3E%3ClinearGradient id='linearGradient440' x2='1' gradientTransform='matrix(-53.626,-83.467,-167.16,107.4,1212.2,1378.5)' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0'/%3E%3Cstop offset='.048649'/%3E%3Cstop offset='1'/%3E%3C/linearGradient%3E%3CclipPath id='clipPath466'%3E%3Cpath d='m0 2e3h2e3v-2e3h-2e3z'/%3E%3C/clipPath%3E%3CclipPath id='clipPath482'%3E%3Cpath d='m1095.5 1411.9h75.5v-60.24h-75.5z'/%3E%3C/clipPath%3E%3CclipPath id='clipPath486'%3E%3Cpath d='m1124.2 1393.2-2.79-1.253-2.937-2.206 25.022-15.456 5.991 6.974-19.752 12.144z'/%3E%3C/clipPath%3E%3CclipPath id='clipPath490'%3E%3Cpath d='m-32768 32767h65535v-65535h-65535z'/%3E%3C/clipPath%3E%3ClinearGradient id='linearGradient496' x2='1' gradientTransform='matrix(4.9329,7.9862,109.81,-67.826,1130.8,1382.2)' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fff' stop-opacity='0' offset='0'/%3E%3Cstop stop-color='%23fff' offset='1'/%3E%3C/linearGradient%3E%3Cmask id='mask498' x='0' y='0' width='1' height='1' maskUnits='userSpaceOnUse'%3E%3Cg clip-path='url(%23clipPath490)'%3E%3Cpath d='m-32768 32767h65535v-65535h-65535z' fill='url(%23linearGradient496)'/%3E%3C/g%3E%3C/mask%3E%3ClinearGradient id='linearGradient514' x2='1' gradientTransform='matrix(4.9329,7.9862,109.81,-67.826,1130.8,1382.2)' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0'/%3E%3Cstop offset='1'/%3E%3C/linearGradient%3E%3CclipPath id='clipPath544'%3E%3Cpath d='m1079.9 1381.5-4.679-1.233-1.339-0.962-0.408-0.786v-42.253l-0.145-2.388-0.583-1.194-1.135-1.427-1.224-0.786-1.397-0.554-87.128-22.306 18.112-21.898 98.932 13.123 5.201 71.049-20.324 11.615-1.611 0.31z'/%3E%3C/clipPath%3E%3CclipPath id='clipPath552'%3E%3Cpath d='m951.72 1379.9h161.59v-155.17h-161.59z'/%3E%3C/clipPath%3E%3CclipPath id='clipPath556'%3E%3Cpath d='m951.72 1299.4 58.064 80.443 103.52-74.725-58.063-80.442z'/%3E%3C/clipPath%3E%3CclipPath id='clipPath560'%3E%3Cpath d='m-32768 32767h65535v-65535h-65535z'/%3E%3C/clipPath%3E%3ClinearGradient id='linearGradient568' x2='1' gradientTransform='matrix(-58.064,-80.443,-161.1,116.28,1061.5,1342.5)' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fff' stop-opacity='0' offset='0'/%3E%3Cstop stop-color='%23fff' offset='.048649'/%3E%3Cstop stop-color='%23fff' offset='1'/%3E%3C/linearGradient%3E%3Cmask id='mask570' x='0' y='0' width='1' height='1' maskUnits='userSpaceOnUse'%3E%3Cg clip-path='url(%23clipPath560)'%3E%3Cpath d='m-32768 32767h65535v-65535h-65535z' fill='url(%23linearGradient568)'/%3E%3C/g%3E%3C/mask%3E%3ClinearGradient id='linearGradient588' x2='1' gradientTransform='matrix(-58.064,-80.443,-161.1,116.28,1061.5,1342.5)' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0'/%3E%3Cstop offset='.048649'/%3E%3Cstop offset='1'/%3E%3C/linearGradient%3E%3CclipPath id='clipPath614'%3E%3Cpath d='m0 2e3h2e3v-2e3h-2e3z'/%3E%3C/clipPath%3E%3CclipPath id='clipPath622'%3E%3Cpath d='m981.89 1400.2h145.42v-114.48h-145.42z'/%3E%3C/clipPath%3E%3CclipPath id='clipPath626'%3E%3Cpath d='m1079.9 1381.5-4.679-1.233-1.339-0.962-0.408-0.786v-1.586l29.75-19.113 0.883 12.065-20.324 11.615-1.611 0.31z'/%3E%3C/clipPath%3E%3CclipPath id='clipPath630'%3E%3Cpath d='m-32768 32767h65535v-65535h-65535z'/%3E%3C/clipPath%3E%3ClinearGradient id='linearGradient638' x2='1' gradientTransform='matrix(5.9129,9.2033,108.59,-69.765,1086.5,1368.6)' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fff' stop-opacity='0' offset='0'/%3E%3Cstop stop-color='%23fff' offset='.5027'/%3E%3Cstop stop-color='%23fff' offset='1'/%3E%3C/linearGradient%3E%3Cmask id='mask640' x='0' y='0' width='1' height='1' maskUnits='userSpaceOnUse'%3E%3Cg clip-path='url(%23clipPath630)'%3E%3Cpath d='m-32768 32767h65535v-65535h-65535z' fill='url(%23linearGradient638)'/%3E%3C/g%3E%3C/mask%3E%3ClinearGradient id='linearGradient658' x2='1' gradientTransform='matrix(5.9129,9.2033,108.59,-69.765,1086.5,1368.6)' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0'/%3E%3Cstop offset='.5027'/%3E%3Cstop offset='1'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg transform='matrix(.12233 0 0 -.12233 -82.328 225.35)'%3E%3Cg clip-path='url(%23clipPath88)'%3E%3Cg transform='translate(1065.5,1623.9)'%3E%3Cpath d='m0 0-2.342 202.2c-2.543 10.75-11.405 17.585-21.879 15.857l-173.57-28.636 4.629-221.33z' fill='%238c0000'/%3E%3C/g%3E%3Cg transform='translate(679.12,1560.1)'%3E%3Cpath d='m0 0 5.989-197.8c2.69-10.294 11.516-16.798 21.778-15.101l2.166 0.358 4.512-6.97c0.024-0.803 0.624-1.358 1.342-1.24l44.915 5.64c0.718 0.119 1.282 0.866 1.261 1.67l-0.252 9.463 116.05 19.19-4.533 216.7z' fill='%23be0000'/%3E%3C/g%3E%3Cg transform='translate(895.34,1727.7)'%3E%3Cpath d='m0 0-24.579-31.834c-0.263-0.342-0.691-0.412-0.968-0.16l-25.737 23.529c-0.133 0.122-0.309 0.173-0.49 0.143l-91.837-15.158c-0.386-0.064-0.688-0.472-0.677-0.911l7.066-265.43c0.012-0.428 0.329-0.724 0.71-0.661l88.511 14.631c0.381 0.063 0.681 0.461 0.672 0.889l-1.014 45.559c-9e-3 0.43 0.292 0.83 0.673 0.893l9.633 1.592c0.188 0.031 0.37-0.026 0.503-0.157l16.242-15.973c0.278-0.274 0.73-0.199 0.994 0.164l15.464 21.213c0.127 0.174 0.305 0.29 0.492 0.321l9.633 1.592c0.381 0.063 0.697-0.235 0.705-0.665l0.893-45.577c9e-3 -0.428 0.324-0.725 0.704-0.662l88.779 14.675c0.381 0.063 0.684 0.461 0.677 0.89l-4.044 265.88c-7e-3 0.44-0.325 0.745-0.71 0.681l-91.815-15.155c-0.181-0.029-0.353-0.138-0.48-0.303' fill='%23fff'/%3E%3C/g%3E%3Cg transform='translate(1319,1737.8)'%3E%3Cpath d='m0 0-269.61 103.75-181.66-28.237 116.97-163.44 234.77 10.716z' fill='%238c0000'/%3E%3C/g%3E%3Cg transform='translate(867.72,1813.3)'%3E%3Cpath d='m0 0-173.62-28.645c-10.481-1.729-19.002-11.435-21.081-22.951l6.106-201.65 232.23-141.92 45.788 181.4 168.3 34.662 1.051 72.24z' fill='%23ed0000'/%3E%3C/g%3E%3C/g%3E%3Cg clip-path='url(%23clipPath116)'%3E%3Cg clip-path='url(%23clipPath124)' opacity='.25'%3E%3Cg clip-path='url(%23clipPath128)'%3E%3Cg mask='url(%23mask142)'%3E%3Cpath d='m1176.5 1736.5-81.202-166.73-503.21 245.07 81.202 166.73z' fill='url(%23linearGradient160)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg clip-path='url(%23clipPath186)'%3E%3Cg transform='translate(897.41,1214.6)'%3E%3Cpath d='m0 0 42.893-33.947 7.641 3.701-6.465 12.57z' fill='%23930000'/%3E%3C/g%3E%3Cg transform='translate(1195.5,1288.3)'%3E%3Cpath d='m0 0 42.893-24.941 7.641 2.719-6.465 9.236z' fill='%23930000'/%3E%3C/g%3E%3Cg transform='translate(1244.6,1496)'%3E%3Cpath d='m0 0-19.41 9.994 3.978 124.3 25.958 14.431z' fill='%23bf0000'/%3E%3C/g%3E%3Cg clip-path='url(%23clipPath206)' opacity='.2'%3E%3Cg clip-path='url(%23clipPath210)'%3E%3Cg mask='url(%23mask224)'%3E%3Cpath d='m1322.2 1670.7-18.924-58.999-79.628 25.541 18.924 58.999z' fill='url(%23linearGradient242)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg clip-path='url(%23clipPath268)' opacity='.2'%3E%3Cg clip-path='url(%23clipPath272)'%3E%3Cg mask='url(%23mask286)'%3E%3Cpath d='m973.65 1238.7-28.643-54.942-24.173 12.602 28.642 54.942z' fill='url(%23linearGradient304)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg clip-path='url(%23clipPath330)' opacity='.2'%3E%3Cg clip-path='url(%23clipPath334)'%3E%3Cg mask='url(%23mask348)'%3E%3Cpath d='m1267.4 1325.3-21.332-58.173-25.594 9.386 21.332 58.172z' fill='url(%23linearGradient366)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg transform='translate(1225.2,1506)'%3E%3Cpath d='m0 0-3.611-132.13-0.379-2.407-1.106-1.485-1.31-1.253-2.796-0.902-81.149-20.355 23.607-24.539 96.447 27.8-10.293 145.28z' fill='%23ed0000'/%3E%3C/g%3E%3C/g%3E%3Cg clip-path='url(%23clipPath396)'%3E%3Cg clip-path='url(%23clipPath404)' opacity='.25'%3E%3Cg clip-path='url(%23clipPath408)'%3E%3Cg mask='url(%23mask422)'%3E%3Cpath d='m1104.8 1329.5 53.626 83.467 107.42-69.013-53.626-83.467z' fill='url(%23linearGradient440)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg clip-path='url(%23clipPath466)'%3E%3Cg transform='translate(1124.6,1578.4)'%3E%3Cpath d='m0 0-20.953 10.23c-0.318 0.156-0.604 0.37-0.843 0.631l-14.432 15.795 20.035 12.464z' fill='%23a20000'/%3E%3C/g%3E%3Cg transform='translate(1149.5,1381.3)'%3E%3Cpath d='m0 0-19.752 12.145-5.533-0.204-2.79-1.252-2.947-2.213-10.066-14.094-6.678-9.552 22.325-14.444z' fill='%23f80000'/%3E%3C/g%3E%3Cg clip-path='url(%23clipPath482)' opacity='.3'%3E%3Cg clip-path='url(%23clipPath486)'%3E%3Cg mask='url(%23mask498)'%3E%3Cpath d='m1124.2 1393.2-2.79-1.253-2.937-2.206 25.022-15.456 5.991 6.974-19.752 12.144z' fill='url(%23linearGradient514)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg transform='translate(1104.1,1369.9)'%3E%3Cpath d='m0 0-20.324 11.614-1.611 0.31-2.271-0.31-4.679-1.233-1.34-0.961-0.407-0.786v-42.254l-0.146-2.388-0.582-1.194-1.136-1.427-1.223-0.786-1.398-0.553-87.128-22.306 18.113-21.899 98.932 13.124z' fill='%23bf0000'/%3E%3C/g%3E%3C/g%3E%3Cg clip-path='url(%23clipPath544)'%3E%3Cg clip-path='url(%23clipPath552)' opacity='.25'%3E%3Cg clip-path='url(%23clipPath556)'%3E%3Cg mask='url(%23mask570)'%3E%3Cpath d='m951.72 1299.4 58.064 80.443 103.52-74.725-58.063-80.442z' fill='url(%23linearGradient588)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg clip-path='url(%23clipPath614)'%3E%3Cg clip-path='url(%23clipPath622)' opacity='.3'%3E%3Cg clip-path='url(%23clipPath626)'%3E%3Cg mask='url(%23mask640)'%3E%3Cpath d='m1079.9 1381.5-4.679-1.233-1.339-0.962-0.408-0.786v-1.586l29.75-19.113 0.883 12.065-20.324 11.615-1.611 0.31z' fill='url(%23linearGradient658)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg transform='translate(924.63,1191.3)'%3E%3Cpath d='m0 0-235.3 162.52-10.205 206.25 232.23-141.92z' fill='%23be0000'/%3E%3C/g%3E%3Cg transform='translate(1240.6,1357.1)'%3E%3Cpath d='m0 0c-0.012-0.437-0.33-0.871-0.71-0.97l-90.134-23.457c-0.393-0.102-0.705 0.174-0.697 0.618l0.844 47.353c8e-3 0.448-0.305 0.732-0.7 0.632l-10.004-2.512c-0.195-0.049-0.384-0.186-0.522-0.379l-16.832-23.602c-0.131-0.184-0.302-0.301-0.474-0.358l-1.646-113.14 118.53 32.696-0.272-9.549c-0.023-0.81 0.535-1.307 1.246-1.109l48.259 13.413c0.698 0.194 1.286 1.003 1.314 1.806l0.327 9.472 1.369 0.378c9.96 2.747 18.556 12.959 21.237 24.276l7.437 200.79-74.614-17.44z' fill='%23e20000'/%3E%3C/g%3E%3Cg transform='translate(995.9,1581.1)'%3E%3Cpath d='m0 0c0 0.486 0.348 0.952 0.778 1.041l100.57 20.863c0.194 0.04 0.38-8e-3 0.518-0.135l26.471-24.319c0.114-0.104 0.258-0.136 0.406-0.129l1.863 128.07-192.6-36.45c-12.069-2.284-22.118-13.592-24.789-26.75l2.248-225.1 84.563 19.766z' fill='%23e20000'/%3E%3C/g%3E%3Cg transform='translate(1306.2,1740.5)'%3E%3Cpath d='m0 0-179.67-34.002-1.863-128.07c0.218 0.01 0.448 0.122 0.622 0.349l27.064 35.422c0.14 0.183 0.324 0.307 0.515 0.346l94.965 19.702c0.392 0.081 0.698-0.231 0.685-0.697l-3.92-137.47 74.615 17.44 7.796 210.52c-1.958 11.325-10.355 18.443-20.813 16.464' fill='%23b50000'/%3E%3C/g%3E%3Cg transform='translate(1120.8,1354.5)'%3E%3Cpath d='m0 0-16.376 15.266c-0.135 0.126-0.323 0.169-0.521 0.119l-10.175-2.555c-0.403-0.101-0.734-0.55-0.739-1.002l-0.536-47.776c-5e-3 -0.448-0.334-0.895-0.735-1l-95.037-24.732c-0.416-0.108-0.753 0.172-0.753 0.626l-0.022 144.43-84.562-19.765 2.136-213.9c2.762-10.641 12.425-16.411 23.833-13.264l2.402 0.663 0.069-9.995c3e-3 -0.463 0.198-0.825 0.505-1.022 0.254-0.164 0.584-0.213 0.944-0.113l53.879 14.974c0.779 0.217 1.41 1.074 1.41 1.915l-1e-3 9.91 123.2 33.983 1.646 113.14c-0.205-0.068-0.413-0.048-0.565 0.093' fill='%23b50000'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  }
  
  
  
  
  /*Inline text tooltip tool*/
  
  .tooltip {
    border-bottom: 1px dotted black;
  }
  
  .tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    bottom: 100%;
    left: 50%;
    margin-left: -60px;
  }
  
  .tooltip:hover .tooltiptext {
    visibility: visible;
  }
  
  /***********************/
  /**** SKILLS TABLE *****/
  /***********************/
  
  .center.skills-table{
    border: none;
    background-color:#ced4d9;
    text-align: left;
    max-width:700px;
    padding: 20px;
  }

  .skills-table td{
    vertical-align: top !important;
  }
  
  /***********************/
  /*** COURSE STRUCTURE **/
  /******* BUTTONS *******/
  /***********************/
  
  .btn-struct-container{
    max-width: var(--textSize);
    /*background: gray;*/
    overflow-y: auto;
    margin: 0 auto;
    text-align: center;
  }
  .btn-struct-container > a{
    width: 120px;
    height: 67px;
    float: left;
    background: white;   
    margin: 4px;
  }
  
  /***********************/
  /***********************/
  /*** COURSE STRUCTURE **/
  /******* BUTTONS *******/
  /*** GWKF AND GW ONLY **/
  /***********************/
  
  .episode-btn-container {
    padding: 2vmin 5vmin;
    max-height: 60vmin;
  }
  
  .episode-btn-container .episode-box { 
  /*  width:80vw;
    height:80vh;
   */
    margin:auto; 
    display:table;
    padding: ;
  }
  .episode-btn-container .episode-box .episode-box-row { 
    display:table-row;
    height: 10vmin;
  }
  .episode-btn-container .episode-box .episode-box-cell { 
    display:table-cell; 
    padding:5px;
    position: relative;
    margin: auto;
  }
  
  .episode-btn-container .episode-box .episode-box-cell .episode-box-cell-text{
    font-size: 16pt;
    text-align: center;
  }
  
  
  /***********************/
  /***********************/
  /***********************/
  /***********************/
  
  
  /***********************/
  /******* DROPDOWN ******/
  /******* BUTTONS *******/
  /***********************/
  
  
  .dropbtn {
    background-color: #04AA6D;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
  }
  
  .dropdown {
    position: relative;
    display: inline-block;
  }
  
  .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
  }
  
  .dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
  }
  
  .dropdown-content a:hover {background-color: #ddd;}
  
  .dropdown:hover .dropdown-content {display: block;}
  
  .dropdown:hover .dropbtn {background-color: #3e8e41;}

  /***********************************************/
  /***********************************************/
  /***********************************************/

  .page-container {
    display: flex;
    flex-direction: column;
}

.page-container__downloadables {
    margin-bottom: 0;
}

.page-container__title {
    color: #E12428;
    padding: 40px 0 20px 0;
    font-size: 30px !important;
}

.page-container__downloadables__btn-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-content: space-between;
    padding: 0;
    height: 100px;
}

.page-container__downloadables__btn-container__btn {
    background-color: #ffffff;
    border: solid 1px #396799;
    text-align: center;
    color: #396799;
    margin: 0 7px;
}

.page-container__downloadables__btn-container__btn:hover {
    background-color: #396799;
    border: solid 1px #396799;
    cursor: pointer;
    color: white;
}

.page-container__downloadables__btn-container__dropdown {
    min-width: 100px;
}

.page-container__downloadables__btn-container__dropdown__link {
    background-color: #ffffff;
    width: 110px;
    text-decoration: none !important;
}

.page-container__downloadables__btn-container__dropdown__link:hover {
    background-color: #396799 !important;
    color: #ffffff;
}

.page-container__header {}

.page-container__header__img {
    /* Ez valamiĂŠrt nem mĹąkĂśdik.
    Helyette a kĂŠp classList-jĂĄhoz kell adni: header-welcome-page */
}

.page-container__header__title {
    padding: 10px 0;
}

.page-container__video {
    display: flex;
    flex-direction: column;
    margin-bottom: 60px;
}

.page-container__video__frame {
    width: 720px;
    height: 380px;
    align-self: center;
}

.page-container__navigation {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 20px;
}

.page-container__navigation__btn {
    margin: 20px 0 0 0;
    width: 90%;
    border: none;
    color: #ffffff;
}

.page-container__navigation__btn_next {
    background-color: #E12428;
    border: 1px solid #E12428;
}

.page-container__navigation__btn_glossary{
    background-color: #3bb44a;
    color: #ffffff;
    border: 1px solid #3bb44a;
}

.page-container__navigation__btn_glossary:hover{
    background-color: #ffffff;
    border: 1px solid #3bb44a;
    color: #3bb44a;
}

.page-container__navigation__btn_next:hover {
    background-color: #ffffff;
    color: #E12428;
    border: 1px solid #E12428;
}

.page-container__navigation__btn_episodes {
    background-color: #396799;
}

.page-container__navigation__btn_episodes:hover {
    background-color: #396799;
    color: #ffffff;
    cursor: default;
}

.page-container__navigation__episodes-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    flex-basis: 30%;
}

.page-container__navigation__episodes-container__btn {
    width: 90px;
    margin-top: 10px;
    color: #396799;
    background-color: #ffffff;
    border: 1px solid #396799;
}

.page-container__navigation__episodes-container__btn:hover {
    background-color: #396799;
    color: #ffffff;
    border: 1px solid #396799;
}

.page-container__impressum-container{
    display: flex;
    justify-content: center;
}

.page-container__impressum-container__btn{
    width: 120px;
    margin-top: 10px;
    background-color: #3bb44a;
    color: #ffffff;
    border: 1px solid #3bb44a;
}

.page-container__impressum-container__btn:hover{
    background-color: #ffffff;
    border: 1px solid #3bb44a;
    color: #3bb44a;
}

.page-container__footer{
    margin-top: 80px;
}

.page-container__footer__btn{
    display: block;
    width: 120px !important;
    margin: 0 auto;
    background-color: #ffffff;
    color: #E12428 !important;
    border: 1px solid #E12428;
    text-decoration: none !important;
}

.page-container__footer__btn img{
    display: none;
}

.page-container__footer__btn:hover{
    color:#ffffff !important;
    border: 1px solid #E12428;
    background-color: #E12428;
    text-decoration: none;
}

.page-container__footer__text{
    padding-top: 40px;
}

.page-container__course-content__menu__item{
    text-decoration: none !important;
    color: #396799 !important;
}

.ui-tabs-active{
    /* Ez egy külső osztály, amit itt tudunk felüldefiniálni a
    page-container__course-content__menu li elemekre vonatkozĂłan. */
    border: 1px solid #396799 !important;
    background-color: #396799 !important;
}

.ui-tabs-active .page-container__course-content__menu__item{
    /* Ez egy külső osztály, amit itt tudunk felüldefiniálni a
    page-container__course-content__menu li elemekre vonatkozĂłan. */
    color: #ffffff !important;
}

.ui-state-default:hover{
    /* Ez egy külső osztály, amit itt tudunk felüldefiniálni a
    page-container__course-content__menu li elemekre vonatkozĂłan. */
    border: 1px solid #396799 !important;
}

.page-container__course-content__section-title{
    
}

.ui-tabs-panel{
    /* Ez egy külső osztály, amit itt tudunk felüldefiniálni a
    page-container__course-content__section elemekre vonatkozĂłan. */
    border: none !important;
}

.page-container__video__frame {
    width: 720px;
    height: 350px;
    align-self: center;
}

.page-container__word {
    font-size: 18pt;
}

.page-container__introtext {
    text-align: justify;
}

.page-container__year-title {
    color: #E12428;
    padding: 20px 0;
}

.page-container__videos-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 50px 0 0 0;
    height: auto;
    justify-content: center;
}

.page-container__videos-container__card {
    width: 28%;
    height: 100px;
    margin-bottom: 300px;
    margin-right: 20px;
}