/* montserrat-100 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 100;
  src: url('../assets/fonts/montserrat/montserrat-v18-latin-100.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../assets/fonts/montserrat/montserrat-v18-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../assets/fonts/montserrat/montserrat-v18-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('../assets/fonts/montserrat/montserrat-v18-latin-100.woff') format('woff'), /* Modern Browsers */
       url('../assets/fonts/montserrat/montserrat-v18-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../assets/fonts/montserrat/montserrat-v18-latin-100.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-100italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 100;
  src: url('../assets/fonts/montserrat/montserrat-v18-latin-100italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../assets/fonts/montserrat/montserrat-v18-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../assets/fonts/montserrat/montserrat-v18-latin-100italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../assets/fonts/montserrat/montserrat-v18-latin-100italic.woff') format('woff'), /* Modern Browsers */
       url('../assets/fonts/montserrat/montserrat-v18-latin-100italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../assets/fonts/montserrat/montserrat-v18-latin-100italic.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-200 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 200;
  src: url('../assets/fonts/montserrat/montserrat-v18-latin-200.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../assets/fonts/montserrat/montserrat-v18-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../assets/fonts/montserrat/montserrat-v18-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('../assets/fonts/montserrat/montserrat-v18-latin-200.woff') format('woff'), /* Modern Browsers */
       url('../assets/fonts/montserrat/montserrat-v18-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../assets/fonts/montserrat/montserrat-v18-latin-200.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-200italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 200;
  src: url('../assets/fonts/montserrat/montserrat-v18-latin-200italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../assets/fonts/montserrat/montserrat-v18-latin-200italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../assets/fonts/montserrat/montserrat-v18-latin-200italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../assets/fonts/montserrat/montserrat-v18-latin-200italic.woff') format('woff'), /* Modern Browsers */
       url('../assets/fonts/montserrat/montserrat-v18-latin-200italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../assets/fonts/montserrat/montserrat-v18-latin-200italic.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-300 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url('../assets/fonts/montserrat/montserrat-v18-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../assets/fonts/montserrat/montserrat-v18-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../assets/fonts/montserrat/montserrat-v18-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../assets/fonts/montserrat/montserrat-v18-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../assets/fonts/montserrat/montserrat-v18-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../assets/fonts/montserrat/montserrat-v18-latin-300.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-300italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 300;
  src: url('../assets/fonts/montserrat/montserrat-v18-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../assets/fonts/montserrat/montserrat-v18-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../assets/fonts/montserrat/montserrat-v18-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../assets/fonts/montserrat/montserrat-v18-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../assets/fonts/montserrat/montserrat-v18-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../assets/fonts/montserrat/montserrat-v18-latin-300italic.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-regular - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('../assets/fonts/montserrat/montserrat-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../assets/fonts/montserrat/montserrat-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../assets/fonts/montserrat/montserrat-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../assets/fonts/montserrat/montserrat-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../assets/fonts/montserrat/montserrat-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../assets/fonts/montserrat/montserrat-v18-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 400;
  src: url('../assets/fonts/montserrat/montserrat-v18-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../assets/fonts/montserrat/montserrat-v18-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../assets/fonts/montserrat/montserrat-v18-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../assets/fonts/montserrat/montserrat-v18-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../assets/fonts/montserrat/montserrat-v18-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../assets/fonts/montserrat/montserrat-v18-latin-italic.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-500 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('../assets/fonts/montserrat/montserrat-v18-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../assets/fonts/montserrat/montserrat-v18-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../assets/fonts/montserrat/montserrat-v18-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../assets/fonts/montserrat/montserrat-v18-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../assets/fonts/montserrat/montserrat-v18-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../assets/fonts/montserrat/montserrat-v18-latin-500.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-500italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 500;
  src: url('../assets/fonts/montserrat/montserrat-v18-latin-500italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../assets/fonts/montserrat/montserrat-v18-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../assets/fonts/montserrat/montserrat-v18-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../assets/fonts/montserrat/montserrat-v18-latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('../assets/fonts/montserrat/montserrat-v18-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../assets/fonts/montserrat/montserrat-v18-latin-500italic.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-600 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url('../assets/fonts/montserrat/montserrat-v18-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../assets/fonts/montserrat/montserrat-v18-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../assets/fonts/montserrat/montserrat-v18-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../assets/fonts/montserrat/montserrat-v18-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../assets/fonts/montserrat/montserrat-v18-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../assets/fonts/montserrat/montserrat-v18-latin-600.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-600italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 600;
  src: url('../assets/fonts/montserrat/montserrat-v18-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../assets/fonts/montserrat/montserrat-v18-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../assets/fonts/montserrat/montserrat-v18-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../assets/fonts/montserrat/montserrat-v18-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('../assets/fonts/montserrat/montserrat-v18-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../assets/fonts/montserrat/montserrat-v18-latin-600italic.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-700 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('../assets/fonts/montserrat/montserrat-v18-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../assets/fonts/montserrat/montserrat-v18-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../assets/fonts/montserrat/montserrat-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../assets/fonts/montserrat/montserrat-v18-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../assets/fonts/montserrat/montserrat-v18-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../assets/fonts/montserrat/montserrat-v18-latin-700.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-700italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 700;
  src: url('../assets/fonts/montserrat/montserrat-v18-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../assets/fonts/montserrat/montserrat-v18-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../assets/fonts/montserrat/montserrat-v18-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../assets/fonts/montserrat/montserrat-v18-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../assets/fonts/montserrat/montserrat-v18-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../assets/fonts/montserrat/montserrat-v18-latin-700italic.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-800italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 800;
  src: url('../assets/fonts/montserrat/montserrat-v18-latin-800italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../assets/fonts/montserrat/montserrat-v18-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../assets/fonts/montserrat/montserrat-v18-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../assets/fonts/montserrat/montserrat-v18-latin-800italic.woff') format('woff'), /* Modern Browsers */
       url('../assets/fonts/montserrat/montserrat-v18-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../assets/fonts/montserrat/montserrat-v18-latin-800italic.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-900 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  src: url('../assets/fonts/montserrat/montserrat-v18-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../assets/fonts/montserrat/montserrat-v18-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../assets/fonts/montserrat/montserrat-v18-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../assets/fonts/montserrat/montserrat-v18-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../assets/fonts/montserrat/montserrat-v18-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../assets/fonts/montserrat/montserrat-v18-latin-900.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-800 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  src: url('../assets/fonts/montserrat/montserrat-v18-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../assets/fonts/montserrat/montserrat-v18-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../assets/fonts/montserrat/montserrat-v18-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../assets/fonts/montserrat/montserrat-v18-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../assets/fonts/montserrat/montserrat-v18-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../assets/fonts/montserrat/montserrat-v18-latin-800.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-900italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 900;
  src: url('../assets/fonts/montserrat/montserrat-v18-latin-900italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../assets/fonts/montserrat/montserrat-v18-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../assets/fonts/montserrat/montserrat-v18-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../assets/fonts/montserrat/montserrat-v18-latin-900italic.woff') format('woff'), /* Modern Browsers */
       url('../assets/fonts/montserrat/montserrat-v18-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../assets/fonts/montserrat/montserrat-v18-latin-900italic.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* Questa Grande, Light */
@font-face{
    font-family:'Questa Grande';
    font-weight:100;
    src: url('/assets/fonts/questa-grande/questa-grande-light.woff2') format('woff2'),
         url('/assets/fonts/questa-grande/questa-grande-light.woff') format('woff');
}

/* Questa, Regular */
@font-face{
    font-family:'Questa';
    font-weight:400;
    src: url('/assets/fonts/questa/questa-regular.woff2') format('woff2'),
         url('/assets/fonts/questa/questa-regular.woff') format('woff');
}
/* Questa, Light, Italic */
@font-face{
  font-family:'Questa';
  font-weight:100;
  src: url('/assets/fonts/questa/questa-light-italic.woff2') format('woff2'),
       url('/assets/fonts/questa/questa-light-italic.woff') format('woff');
  font-style: italic;
}

/* icomoon.io */
@font-face {
  font-family: 'seewald-organisation';
  src:
    url('/assets/fonts/seewald-organisation/seewald-organisation.ttf?i2o4wy') format('truetype'),
    url('/assets/fonts/seewald-organisation/seewald-organisation.woff?i2o4wy') format('woff'),
    url('/assets/fonts/seewald-organisation/seewald-organisation.svg?i2o4wy#seewald-organisation') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'seewald-organisation' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-info:before {
  content: "\e909";
}
.icon-close:before {
  content: "\e908";
}
.icon-arrow-left:before {
  content: "\e900";
}
.icon-arrow-right:before {
  content: "\e901";
}
.icon-arrow-up:before {
  content: "\e902";
}
.icon-arrow-down:before {
  content: "\e903";
}
.icon-facebook:before {
  content: "\e904";
}
.icon-xing:before {
  content: "\e905";
}
.icon-linkedin:before {
  content: "\e906";
}
.icon-youtube:before {
  content: "\e907";
}





*,*::before,*::after {
  box-sizing: border-box;
}
:root {
  --orange: #EF7E30;
  --blue: #315673;
  --blue-light: #739BC2;
  --blue-lighter: #A6C2DC;
  --blue-dark: #283946;
  --gray: #AEB3B3;
}

/* General
********************************/
html {
  scroll-behavior: smooth;
}
body {
  margin:0;
  padding:0;
  background:#fff;
  color:var(--blue-dark);
}

body,table,input,textarea,button,select {
  font-family:'Montserrat',arial,sans-serif;
  font-size:1rem;
  line-height:1.6;
  font-weight: 400;
  color:var(--blue-dark);
}
h1,h2,h3,h4,h5,h6,p,ol,ul,dl,table,form,fieldset,object {
  margin:0 0 1.6rem 0;
}


h1,.h1 {
  font-size:2.9rem;
  font-size: var(--fs-h1);
  line-height:1.2;
  font-weight:700;
  text-transform:uppercase;
  color:var(--orange);
}
h2,.h2 {
  font-size:1.8rem;
  font-size: var(--fs-h2);
  line-height:1.3;
  font-weight:700;
  text-transform:uppercase;
  color:var(--blue);
  margin-bottom: 1rem;
}
h3,.h3 {
  font-size:1rem;
  line-height:1.3;
  font-weight:700;
  margin-bottom:.5rem;
}
h4,.h4,
h5,.h5,
h6,.h6 {
  font-size:1rem;
  line-height:1.3;
  font-weight:500;
  margin-bottom:.5rem;
}
a {
  transition:border .2s ease;
  /*color:var(--blue-dark);*/
  color:var(--orange);
  text-decoration:none;
  border-bottom:solid transparent 1px;
}
a:visited {}
a:hover {
  text-decoration:none;
  border-bottom-color: var(--orange);
}
a:active {}

img {
  border:0;
  max-width:100%;
  height:auto;
}

ul {
  list-style: square;
  padding-left:1.25em;
}

table {
  border-spacing:1px;
}
table th,
table td {
  padding:.3em 1em .3em .3em;
  text-align:left;
  vertical-align:top;
  background:#fff;
}
table th {
  font-weight:600;
  vertical-align:bottom;
  background:#f5f4f2;
}

figure {
  margin:0 0 1.3em 0;
  padding:0;
}
figure img {
  display:block;
}
figure figcaption {
  margin:0;
  padding:0;
}
figure figcaption:empty {
  display:none;
}

.video-container {
  position: relative;
  padding-bottom:56.25%;
  height:0;
  margin:0 0 2rem 0;
  background:var(--gray);
}
.video-container video,
.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.highlight {}


/* Grid
********************************/
:root {
  --gutter-x: 3rem;
  --gutter-y: 0;
  --container-width: 100vw;
  --fs-pre-h1: 1rem;
  --fs-h1:1.5rem;
  --fs-h2:1.25rem;
}
.container {
  padding:0 calc(var(--gutter-x) * .5);
  margin:0 auto;
  max-width: var(--container-width);
}
.row {
  display:flex;
  flex-wrap: wrap;
  margin-top: calc(var(--gutter-y) * -1);
  margin-left: calc(var(--gutter-x) * -.5);
  margin-right: calc(var(--gutter-x) * -.5);
}
.row > * {
  padding-left: calc(var(--gutter-x) * .5);
  padding-right: calc(var(--gutter-x) * .5);
  margin-top: var(--gutter-y);
}
@media only screen and (min-width : 768px) {
  :root {
    --container-width: 740px;
    --fs-pre-h1: 1.5rem;
    --fs-h1:2rem;
    --fs-h2:1.75rem;
  }
}
@media only screen and (min-width : 992px) {
  :root {
    --gutter-x: 2rem;
    --container-width: 940px;
    --fs-h1:2.5rem;
    --fs-h2:2rem;
  }
}
@media only screen and (min-width : 1200px) {
  :root {
    --container-width: 1140px;
    --fs-pre-h1: 1.8rem;
    --fs-h1:2.9rem;
    --fs-h2:1.8rem;
  }
  html {
    font-size:20px;
  }
}
@media only screen and (min-width : 1800px) {
  :root {
    --gutter-x: 4rem;
    --container-width: 1740px;
  }
}

/* Seitenelemente (Master)
********************************/
.site-header {
  background-color: var(--blue-dark);
  background-size:cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  position: relative;
}
.site-header-grid {
  display: grid;
  grid-gap:calc(var(--gutter-x) / 2);
  grid-template-rows: min-content auto min-content;
  grid-template-areas: 'logo nv-toggle'
                       'cite cite'
                       'toc toc';
  padding-top:2.5rem;
  padding-bottom: 2.5rem;
  min-height: 100vh;
}
.site-logo {
  grid-area: logo;
  z-index:4;
  /*width:min-content;*/
}
.site-logo a {
  border:0;
}
.site-logo img {
  display:block;
  width:clamp( 9rem, 7.380952380952381rem + 16.36904761904762vw, 15.5rem );
  height:auto;
}
.site-nv-toggle {
  border:0;
  background: transparent;
  width:3.2rem;
  height:3.2rem;
  padding:.5rem;
  grid-area: nv-toggle;
  justify-self: end;
  align-self: center;
  z-index:4;
}
.site-nv-toggle:hover {
  background: transparent;
}
.site-nv-toggle svg {
  display: block;
  width:100%;
  height:auto;
  stroke-linecap:round;
  stroke-width: 4px;
  stroke: #fff;
}

/* svg animation */
@keyframes menu1 {
  0% { transform: none; }
  50% { transform:translateY(15px); }
  100% { transform:translateY(15px) rotate(45deg); }
}
@keyframes menu2 {
  0% { opacity:1; }
  50% { opacity:1; }
  50% { opacity:0; }
  100% { opacity:0; fill:transparent;  }
}
@keyframes menu3 {
  0% { transform: none; }
  50% { transform:translateY(-15px); }
  100% { transform:translateY(-15px) rotate(-45deg); }
}
@keyframes menu1-reverse {
  0% { transform:translateY(15px) rotate(45deg); }
  50% { transform:translateY(15px); }
  100% { transform: none; }
}
@keyframes menu2-reverse {
  0% { opacity:0; }
  50% { opacity:0; }
  50% { opacity:1; }
  100% { opacity:1; }
}
@keyframes menu3-reverse {
  0% { transform:translateY(-15px) rotate(-45deg); }
  50% { transform:translateY(-15px); }
  100% { transform: none; }
}
.site-nv-toggle path {
  fill: #fff;
  stroke-width: 0;
  animation-direction: normal;
  animation-fill-mode: forwards;
  animation-duration: .5s;
}
.site-nv-toggle path:nth-child(1) {
  transform-origin: 22px 7px;
}
.site-nv-toggle path:nth-child(2) {
  transform-origin: 22px 7px;
}
.site-nv-toggle path:nth-child(3) {
  transform-origin: 22px 37px;
}
.site-nv-toggle[aria-expanded=true]  path:nth-child(1) {
  animation-name: menu1;
}
.site-nv-toggle[aria-expanded=true] path:nth-child(2) {
  animation-name: menu2;
}
.site-nv-toggle[aria-expanded=true] path:nth-child(3) {
  animation-name: menu3;
}
.site-nv-toggle[aria-expanded=false]  path:nth-child(1) {
  animation-name: menu1-reverse;
}
.site-nv-toggle[aria-expanded=false] path:nth-child(2) {
  animation-name: menu2-reverse;
}
.site-nv-toggle[aria-expanded=false] path:nth-child(3) {
  animation-name: menu3-reverse;
}
/* /svg animation */

.site-nv {
  visibility: hidden;
  opacity: 0;
  display:flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  z-index:3;
  left:0;
  top:0;
  width:100%;
  height:100vh;
  padding:calc(var(--gutter-x) / 2);
  transition:opacity .2s ease, visibility .2s ease;
}
.site-nv::after {
  content:'';
  display:block;
  position: absolute;
  z-index:1;
  left:0;
  top:0;
  width:100%;
  height:100%;
  background:rgba(0,0,0,.5);
  backdrop-filter:blur(0);
  transition: backdrop-filter 2s ease;
}
.site-nv[aria-expanded=true] {
  visibility: visible;
  opacity: 1;
  backdrop-filter:blur(.25rem);
}
.site-nv ul {
  display:flex;
  flex-wrap: wrap;
  gap:.15rem;
  margin:0;
  padding:0;
  list-style: none;
  z-index:2;
}
.site-nv li {
  flex:0 0 calc(50% - (.15rem / 2));
  max-width: calc(50% - (.15rem / 2));
  margin:0;
  padding:0;
}
.site-nv a {
  display:block;
  min-width:9rem;
  height:6rem;
  background:#fff;
  color:var(--blue-dark);
  text-transform: uppercase;
  text-align: center;
  padding:4rem 1rem 0 1rem;
  border:0;
  transition: background .2s ease, color .2s ease;
}
.site-nv a:hover {
  background:var(--orange);
  color:#fff;
}
.site-nv .a1 > a,
.site-nv .s1 > a {
  background:var(--orange);
  color:#fff;
}

@media only screen and (min-width : 1800px) {
  .site-header-grid {
    position: relative;
  }
  .site-nv {
    width:auto;
    height:auto;
    left:auto;
    right:calc((var(--gutter-x) / 2) + 3.2rem + 1rem);
    padding:0;
    visibility: hidden;
    opacity: 1;
    transform: translateY(-100%);
    transition: transform .2s ease, visibility .2s ease;
  }
  .site-nv::after {
    content:none;
    display:none;
  }
  .site-nv[aria-expanded=true] {
    transform:translateY(0);
    visibility: visible;
  }
  .site-nv ul {
    flex-wrap: nowrap;
  }
  .site-nv li {
    flex:0 0 9rem;
    max-width: 9rem;
  }
}

.site-header-cite {
  grid-area: cite;
  color:#fff;
  align-self: center;
  margin: 0;
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.site-header-cite-quote {
  display: block;
  width:5.65rem;
  width:3rem;
  height:auto;
  margin-bottom:1rem;
}
.site-header-cite figure {
  margin:0;
  padding: 0;
}
.site-header-cite figcaption {
  font-size:1.1rem;
  font-weight: 400;
  text-transform: uppercase;
}
.site-header-cite blockquote {
  font-family: 'Questa Grande',serif;
  font-weight: 100;
  margin:0 0 1rem 0;
  padding:0;
  font-size:5rem;
  font-size:clamp(2.5rem, -0.875rem + 8.333vw, 5rem);
  line-height: 1.03;
  max-width: 45rem;
}
@media only screen and (min-width : 992px) {
  .site-logo {
    margin-left:7.65rem;
  }
  .site-header-cite {
    display: grid;
    grid-gap: 2rem;
    grid-template-columns: 5.65rem auto;
    grid-template-areas: 'quote cite'
                         '. author';
  }
  .site-header-cite-quote {
    grid-area: quote;
    margin-top:-40%;
    width:5.65rem;
  }
  .site-header-cite blockquote {
    grid-area: cite;
  }
  .site-header-cite figcaption{
    grid-area: author;
  }
}

.site-toc {
  grid-area: toc;
}
.site-toc ul {
  margin:0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: center;
}
.site-toc li {
  margin:0;
  padding: 0;
  flex:0 0 100%;
  max-width: 20rem;
}
.site-toc a {
  display:block;
  border:solid #fff 1px;
  border-radius: .1rem;
  padding:.75rem 1rem;
  width:100%;
  text-align: center;
  color:#fff;
  text-transform: uppercase;
  transition: background .2s ease, color .2s ease;
}
.site-toc a:hover {
  background:#fff;
  color: var(--blue-dark);
}

/* hidden sections */
.site-toc .id-2,
.site-toc .id-42,
.site-toc .id-44,
.site-toc .id-47,
.site-toc .id-54,
.site-toc .id-55,
.site-toc .id-49 {
  display:none;
}


.site-footer {
  position: relative;
}
.site-footer-contact {
  padding-top:4.5rem;
  padding-bottom:4.5rem;
  background-color:var(--blue-dark);
  background-size:cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: url(/assets/images/footer-bg.jpg);
  color:#fff;
}
.site-footer-contact .footer-contact-data,
.site-footer-contact .footer-contact-form {
  flex:0 0 100%;
  max-width: 100%;
}
@media only screen and (min-width : 768px) {
  .site-footer-contact .footer-contact-data,
  .site-footer-contact .footer-contact-form {
    flex:0 0 50%;
    max-width: 50%;
  }
}
.site-footer-meta {
  padding-top:2rem;
  padding-bottom:4.5rem;
  text-align: center;
}
.site-footer-meta a {
  font-weight:bold;
  color:var(--blue-dark);
}
.site-footer-meta a:hover {
  border-color:var(--blue-dark);
}
.site-footer-meta .container > *:first-child::after {
  content:'|';
  margin:0 1.5rem;
}
.site-footer-meta .copyright {
  display:block;
}
.site-toplink {
  display:block;
  position: absolute;
  right:0;
  bottom:100%;
  background:var(--orange);
  color:#fff;
  font-size:2.1rem;
  width:4rem;
  height:4rem;
  line-height:4rem;
  text-align: center;
  border:0;
}
@media only screen and (min-width : 992px) {
  .site-footer-meta .container > *::after {
    content:'|';
    margin:0 1.5rem;
  }
  .site-footer-meta .copyright {
    display:inline;
  }
  .site-footer-meta .copyright::after {
    content:normal;
  }
}

.master-compact {}
.master-compact .site-header {
  background:#fff;
}
.master-compact .site-nv-toggle path {
  fill:var(--gray);
}
.master-compact .site-nv a {
  background: var(--gray);
}
.master-compact .site-header-grid {
  min-height:0;
  grid-template-areas: 'logo nv-toggle';
}