:root {
    --textcolor: #333;
    --background: #fefefe;
    --background-lightgrey: #d9d9d9;
    --green-01:#0d7442;
    --green-02:#0d884c;
  }

  body {
    padding:0;
    margin:0;
    Font-family: 'Noto sans', Roboto, 'sans serif';
    font-size:0.9em;
    container-name:body;
    container-type:inline-size;
    line-height: 1.5;
  }
  
  a {
    color:var(--green-02);
  }

  .logo {
    width: 11em;
    
  }

  @container body (max-width:480px) {
    #wrapper {
    font-size: 1em; 
    }
  }

  @container body (min-width:481px) {
    #wrapper {
    font-size: calc( 1em + (22 - 16) * (100cqw - 460px) / (1100 - 460) );
    }
  }
  @container body (min-width:1100px) {
    #wrapper {
    font-size: 1.5em;
    }
  }
  header .inside, #panorama .inside, #container, footer .inside {
    width:95%;
    max-width:1100px;
    margin:auto;
  }
  header .inside{
    display:flex;
    flex-flow:row wrap;
    justify-content:space-between;
  }

  header nav {
    align-content: flex-end;
  flex-basis: calc(100% - 11em);

  }
  header nav ul{
    display:flex;
    flex-flow:row wrap;
    gap:1.5em;
    margin-bottom: 0;
    justify-content: flex-end;
  }
  
  header nav ul li {
    margin-left:0;
  }
  
  #panorama {
  background-color: var(--background-lightgrey);
  line-height: 0.5;
}
  
  #container {
    font-size:0.766em;
  }
  
  #footer {
    font-size:0.75em;
    font-family:Quicksand, Poppins, "sans serif";
    background-color: var(--background-lightgrey);
    padding:1em 0;
  }
  
  nav ul{
    list-style-type:none;
    font-family:Quicksand, Poppins, "sans serif";
    font-weight:500;
    font-size:1.15em;
  }
  
 

  nav ul li a, nav ul li strong {
    font-weight:500;
    text-decoration:none;
    pading-top: 4px;
    color:var(--textcolor);
  
  }

  nav ul li a::before, nav ul li strong::before {
    content:" ";
    display:block;
    height: 3px;
    background-color:transparent;
    width: 100%;
    transform:scaleX(10%);
    margin:auto;
    margin-bottom:0.1em;
    transition:transform ease-in-out 0.5s 0.5s;
    border-radius: 2px;
 
  }

  nav ul li strong, nav ul li a:active{
    color:var(--green-02);
    transition:color ease-in-out 0.5s;
    
  }
  nav ul li a:hover::before {
    background-color:var(--green-02);
    transform:scaleX(100%);
    transition:transform ease-in-out 0.5s;
  }

 nav ul li a:active::before, nav ul li strong::before {
    background-color:var(--green-02);
    transform:scaleX(100%);
    
    
  }

  nav ul li strong::before{
    transition:transform ease-in-out 0.5s 2s;
  }

 nav ul li a:active::before {
        transition:transform ease-in-out 0.5s;
    
  }

  .noflex{
    flex-basis:100%;
  }
  
  .marg-b1 {
    margin-bottom:1em;
  }
  .marg-b2 {
    margin-bottom:2em;
  }
  
  .marg-t1 {
    margin-top:1em;
  }
  .marg-t2 {
    margin-top:2em;
  }
blockquote {
  font-family:"Libre Baskerville", serif;
  text-align:right;
  color:var(--green-02);
  margin-top:1em;
  font-size:1.4em;
  font-weight:600;
  margin-bottom: 2em;
}

blockquote p{
  margin-bottom:0.2em;
}

blockquote:has( + h2) {
  margin-top: 3em;
  margin-bottom: 0;
}

blockquote + h2 {
  margin-top:0.5em;
}

cite {
  font-family:Quicksand, "Poppins", 'sans serif';
  font-size:0.833em;
  font-style:normal;
  font-weight:400;
}

h1, h2, h3, h4, h5, p, ul {
  margin-bottom:1em;
  margin-top:0.5em;
}

h1, h2, h3, h4, h5 {
  font-family:Quicksand, Poppins,"sans serif";
  font-weight:600;
}

h1 {
  font-size:1.95em;
  font-weight:500;
}

h2 {
  font-size:1.56em;
}

h3 {
  font-size: 1.25em;
}

p{
  margin-bottom:1em;
}


ul {
  list-style-type:disc;
  list-style-position: outside;
}

li {
  margin-left:1em;
}

.handorgel__header button:before {
  content:">> ";
  display:inline;
}

.handorgel__header--open button:before {
  content:"<< ";
  display:inline;
}

.radio_container span{
  margin-right:0.75em;
}
.mod_changelanguage {
  display:flex;
  
}
.mod_changelanguage ul {
  display: flex;
  max-width:12em;
}
.mod_changelanguage .changelang {
  display: inline-block;
  font-weight:500;
  font-size: 1.25em;
  margin-top:0.55em;
}

.mobile_menu_overlay.background {
    background-color:rgba(255,255,255,.9)
   }
   
   
.mobile_menu .inner {
    overflow:auto;
    background-color:rgba(244, 244, 244,1);
    color:#333;
    box-sizing:border-box
   }