:root {
   --animate-duration: 2s;
   --animate-delay: 1s;
   --haas-font: "neue-haas-grotesk-display", "Helvetica Neue", Helvetica, Arial, sans-serif;
   --hass-font-unica: "neue-haas-unica", "Helvetica Neue", Helvetica, Arial, sans-serif;
   --baskerville-font: "baskerville-display-pt", "Times New Roman", Times, serif;
   --jadegruen: #A1BEAA;
   --lightjadegruen: #E3F6E9FF;
   --superlightjadegruen: #effaf1;
   --darkblue: #01094BFF;
   --lightcyan: #B9E5F8;
   --superlightcyan: #f5faff;
   --lightolive: #eceee2;
   --cyan: #76a3b9;
   --darkcyan: #59808f;
   --darkgrey: #1D1D20;
   --middlegrey: #bebebe;
   --mediumgrey: #eeeeee;
   --mediumlightgrey: #e1e1e1;
   --lightgrey: #F8F8F8FF;
   --white: #FFFFFF;
   --alpha: 0.8;
   font-size: 16px;
}

* {
   margin: 0;
   padding: 0;
   box-sizing: border-box;
   scroll-behavior: smooth;
   /*hyphens: auto;*/
}

body {
   background: #fff;
   /*overflow-X: hidden;*/
}

header {
   position: sticky;
   top: 0;
   z-index: 5;
}

.hyno {
   hyphens: none;
}


nav {
   position: relative;
   min-width: 100%;
   min-height: 50px;
   background-color: #ffffff;
   font-family: var(--haas-font), sans-serif;
   z-index: 10;
}

.nav-top {
   background: rgb(2,32,91);
   background: -moz-linear-gradient(45deg, rgba(2,32,91,1) 0%, rgb(11, 78, 119) 15%, rgba(0,6,18,1) 70%);
   background: -webkit-linear-gradient(45deg, rgba(2,32,91,1) 0%, rgb(11, 78, 119) 15%, rgba(0,6,18,1) 70%);
   background: linear-gradient(45deg, rgba(2,32,91,1) 0%, rgb(11, 78, 119) 15%, rgba(0,6,18,1) 70%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#02205b",endColorstr="#000612",GradientType=1);
   background-size: 200% 200%;
   animation: change 10s ease-in-out infinite;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   height: 250px;
   width: 96%;
   margin-left: 2%;
   border-radius: 0 0 8px 8px;
}

.nav-top-grey {
   background: rgb(226, 228, 232);
   background: -moz-linear-gradient(45deg, rgba(226, 228, 232,1) 0%, rgb(218, 221, 222) 15%, rgb(212, 212, 217) 70%);
   background: -webkit-linear-gradient(45deg, rgba(226, 228, 232,1) 0%, rgb(218, 221, 222) 15%, rgb(212, 212, 217) 70%);
   background: linear-gradient(45deg, rgba(226, 228, 232,1) 0%, rgb(218, 221, 222) 15%, rgb(212, 212, 217) 70%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#02205b",endColorstr="#000612",GradientType=1);
   background-size: 200% 200%;
   animation: change 10s ease-in-out infinite;
}

.container-image.nav-top-grey {
   position: relative;
   height: 400px;
   border-radius: 8px;
}

.nav-top-cyan {
   background: rgb(220, 223, 215);
   background: -moz-linear-gradient(45deg, rgb(237, 241, 236) 0%, rgb(220, 223, 215) 35%, rgb(207, 211, 206) 70%);
   background: -webkit-linear-gradient(45deg, rgba(237, 241, 236, 1) 0%, rgb(220, 223, 215) 35%, rgb(207, 211, 206) 70%);
   background: linear-gradient(45deg, rgba(237, 241, 236, 1) 0%, rgb(220, 223, 215) 35%, rgb(207, 211, 206) 70%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#02205b",endColorstr="#000612",GradientType=1);
   background-size: 200% 200%;
   animation: change 10s ease-in-out infinite;
}

.container-image.nav-top-cyan {
   position: relative;
   height: 600px;
   border-radius: 8px;
}

.nav-top-jade {
   background: rgb(230, 243, 234);
   background: -moz-linear-gradient(45deg, rgba(230, 243, 234, 1) 0%, rgb(222, 239, 223) 35%, rgb(209, 225, 212) 70%);
   background: -webkit-linear-gradient(45deg, rgba(230, 243, 234, 1) 0%, rgb(222, 239, 223) 35%, rgb(209, 225, 212) 70%);
   background: linear-gradient(45deg, rgba(230, 243, 234, 1) 0%, rgb(222, 239, 223) 35%, rgb(209, 225, 212) 70%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#02205b",endColorstr="#000612",GradientType=1);
   background-size: 200% 200%;
   animation: change 10s ease-in-out infinite;
   height: 600px;
   border-radius: 8px;
}

.container-image.nav-top-cyan img {
   width: 500px;
   position: absolute;
   top: 80%;
   left: 20%;
   transform: translate(-50%, -50%);
   mix-blend-mode: overlay;
   opacity: 12%;
}

.container-image.nav-top-jade img {
   width: 500px;
   position: absolute;
   top: 80%;
   right: 10%;
   transform: translate(0%, -50%);
   mix-blend-mode: overlay;
   opacity: 18%;
}

.container-image.nav-top-grey img {
   width: 500px;
   position: absolute;
   top: 80%;
   right: 10%;
   transform: translate(0%, -50%);
   mix-blend-mode: overlay;
   opacity: 18%;
}

.nav-top .fonte-discription h1.fonte {
   text-align: center;
   font-family: var(--baskerville-font);
   letter-spacing: 3px;
   color: var(--jadegruen);
}

.navbar {
   /*background-color: var(--lightgrey);*/
   font-family: var(--haas-font);
   width: 96%;
   margin-left: 2%;
   height: 60px;
   line-height: 60px;
   position: relative;
   top: 0;
   z-index: 200;
   display: flex;
   justify-content: center;
   transition: top 0.3s;
}

.logo-mobile {
   display: none;
}

.logo-medium {
   display: none;
}

.logo {
   display: flex;
   justify-content: center;
   align-items: center;
   padding-bottom: 10px;
}

.logo img {
   width: 100px;
   color: var(--jadegruen);
}

.logo-spacer {
   width: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
   padding-top: 3rem;
   padding-bottom: 3rem;
}

.logo-spacer img {
   width: 50px;
}
.logo h4 {
   text-indent: -2000px;
}

.nav-links {
   display: flex;
   justify-content: center;
   align-items: center;
   width: 100vw;
}

.nav-links ul li a {
   color: var(--darkblue);
   text-decoration: none;
   line-height: 1.5rem;
   letter-spacing: 5px;
   text-transform: uppercase;
   font-size: 0.7rem;
   font-weight: 600;
   transition: all 0.25s;
}

.nav-links a:hover {
   color: var(--jadegruen);
}

a:hover {
   color: var(--jadegruen);
}

.unilogo {
   background: var(--lightgrey);
}

.unilogo img {
   mix-blend-mode: multiply;
}

a {
   letter-spacing: 1px;
   text-decoration: none;
   color: var(--darkblue);
   font-family: var(--hass-font-unica);
}

a.bright {
   color: var(--cyan)
}

.column-flex {
   display: flex;
   flex-basis: 100%;
   gap: 1rem;
}

.column-flex .flex-one {
   width: 40%;
}

.column-flex .flex-two {
   width: 60%;
}

.column-flex .flex-three {
   width: 50%;
}

.column-flex .flex-four {
   width: 50%;
}

.column > .text {
   margin-top: 0;
}

.column > .text a {
   line-height: 1.75rem;
}

.two-columns p a:hover {
   color: var(--jadegruen);
}

a.active {
   color: var(--jadegruen);
}

.nav-linksBigMenu {
   position: absolute;
   right: 0;
   height: 100vh;
   top: 110px;
   background-color: #f8f8f8;
   padding-top: 7rem;
   width: 96%;
   margin: 0 2%;
   transform: translateX(102%);
   transition: transform 0.5s ease-in;
}

.nav-linksBigMenu h3 {
   display: inline-block;
   font-size: 2.25rem;
   color: var(--darkblue);
   width: 80%;
   text-align: left;
   margin-left: 10%;
}

.nav-linksBigMenu h5 {
   text-transform: uppercase;
   font-size: 0.7rem;
   font-weight: 600;
   letter-spacing: 3px;
   color: var(--darkblue);
   padding-bottom: 1.25rem;
}

.nav-linksBigMenu ul {
   display: flex;
   width: 80%;
   flex-wrap: wrap;
   justify-content: space-between;
   align-items: flex-start;
   padding-top: 5rem;
   margin: auto 10%;
   gap: 3rem;
}


.nav-linksBigMenu li {
   display: flex;
   flex-direction: column;
   opacity: 1;
   list-style-type: none;
   flex: 1;
}

.nav-linksBigMenu a {
   color: var(--middlegrey);
   text-decoration: none;
   font-family: var(--haas-font);
   font-weight: 400;
   font-size: 0.95rem;
   letter-spacing: 1px;
   padding: 0.5rem 0 0.5rem 0;
   line-height: 1rem;
   vertical-align: middle;
}

.nav-linksBigMenu a:hover {
   color: var(--darkblue);
   font-weight: 400;
   border-bottom: 1px solid var(--darkblue);
}

.nav-linksBigMenu a.first-item:hover {
   border-bottom: none;
}

.nav-linksBigMenuList-Mobile {
   display: none;
}

.icons {
   position: absolute;
   right: 2%;
   height: 60px;
   display: flex;
   justify-content: flex-end;
   align-items: center;
   width: 20%;
}

.icons .menu p {
   font-size: 0.7rem;
   padding-right: 8px;
   letter-spacing: 3px;
   font-weight: 600;
}

.iconRight {
   position: absolute;
   width: 100px;
   height: 100px;
   background: #000;
   top: 50%;
   left: 50%;
   z-index: 200;
}

.burger-sitemap {
   display: block;
   cursor: pointer;
}

.burger {
   display: none;
   cursor: pointer;
}

.burger div,
.burger-sitemap div {
   width: 25px;
   height: 1px;
   background-color: var(--darkblue);
   margin: 7px;
   transition: all 0.3s ease;
}

.lightgrey {
   background: var(--lightgrey);
   width: 96%;
   margin: 0 2% 2% 2%;
   padding-bottom: 3rem;
}

.container-text.lightgrey {
   width: 57%;
}

.lightjade {
   background: var(--superlightjadegruen);
   width: 96%;
   margin: 0 2% 2% 2%;
   padding-bottom: 3rem;
}

.lightcyan {
   background: var(--superlightcyan);
   width: 96%;
   margin: 0 2% 2% 2%;
   padding-bottom: 3rem;
}

.lightolive {
   background: var(--lightolive);
   width: 96%;
   margin: 0 2% 2% 2%;
   padding-bottom: 3rem;
}

.container--101-text {
   height: 100vh;
   background-color: #ffffff;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   margin-top: 5%;
}


.container {
   height: 100vh;
}

.container.top {
   height: auto;
   margin-top: 100px;
}

.container-image {
   position: relative;
   height: auto;
   width: 96%;
   margin-left: 2%;
}

.container-image img {
   border-radius: 8px;
 }

.container-image-70 {
   width: 70%;
   margin: auto;
}

.container-image-90 {
   width: 90%;
   margin: auto;
}

.container-image-70 img,
.container-image-90 img {
   object-fit: cover;
   width: 100%;
}

.container-image.secondLevel {
   width: 100%;
   margin: 0;
   padding-bottom: 0;
}

.container-image.secondLevel img {
   width: 96%;
   margin: 0 2%;
   padding-bottom: 2rem;
}

.container-image.small {
   position: relative;
   height: auto;
   padding-top: 110px;
}

.container-image h3.baskerville {
   display: none
}

.container-image img {
   object-fit: cover;
   width: 100%;
}

.container img {
   z-index: -1;
}

.container-image.bottom-logo {
   position: relative;
   height: 250px;
   margin-bottom: 0;

}

.container-image.bottom-logo img {
   width: 300px;
   position: absolute;
   bottom: 0;
   left: 50%;
   transform: translate(-50%, 0%);
   border-radius: 0;

}

button.mehr-lesen {
   display: block;
   position: relative;
   left: 0;
   font-size: 1rem;
   font-family: var(--hass-font-unica);
   letter-spacing: 1px;
   font-weight: 500;
   color: var(--darkblue);
   width: 200px;
   height: 40px;
   text-align: center;
   border-radius: 20px;
   margin-top: 1rem;
   transition: all 0.3s ease;
   background: var(--lightcyan);
   padding: 6px 10px;
}

button.mehr-lesen:hover {
   color: var(--darkcyan);
   background: var(--darkblue);
}

.container-text {
   display: flex;
   flex-direction: column;
   width: 57%;
   padding-top: 2rem;
   padding-bottom: 2rem;
   margin: auto;
}

.container-text > h3 {
   padding-top: 0;
}

.container-text.background {
   margin-left: 15.5%;
   width: 70%;
}

.container-text.nintysix {
   width: 69%;
}

.container-text.plusFour {
   width: 57%;
}

.container-text.cards {
   padding-bottom: 5rem;
}

.container-text.top {
   width: 57%;
}

.container-text.background-blocks img {
   margin-bottom: 2rem;
}

.container-text.quality {
   margin-bottom: 8rem;
}

.container-text .ausschreibung {
   display: flex;
}

.container-text .ausschreibung .ausschreibung-grau {
   width: 25%;
   height: 300px;
   background: var(--mediumlightgrey);
   position: relative;
}

.container-text .ausschreibung .ausschreibung-dunkelblau {
   width: 25%;
   height: 300px;
   background: var(--darkblue);
   position: relative;
}

.container-text .ausschreibung .ausschreibung-grau img {
   width: 100px;
   top: 50%;
   position: absolute;
   transform: translateY(-50%);
}

.container-text .ausschreibung .ausschreibung-lightgrau {
   width: 80%;
   height: 300px;
   background: var(--lightgrey);
   display: flex;
   justify-content: center;
   align-items: center
}

.container-text .ausschreibung .ausschreibung-cyan {
   width: 80%;
   height: 300px;
   background: var(--lightcyan);
   display: flex;
   justify-content: center;
   align-items: center
}

.container-text .ausschreibung .ausschreibung-lightgrau .ausschreibung-description {
   width: 80%;

}

.container-text .ausschreibung .ausschreibung-lightgrau .ausschreibung-description p.bold {
   hyphens: none;
}

.container-text .ausschreibung .ausschreibung-lightgrau .ausschreibung-description span.extrabold {
   hyphens: none;
}

.container-text h1 {
   font-size: 0.85rem;
   padding-bottom: 1.5rem;
}

.container-text.padding5 h3 {
   padding-top: 5rem;
}

.container-text.anmeldung {
   width: 50vw;
   height: auto;
   padding: 10rem 0 8rem 0;
   display: flex;
   flex-direction: column;
   text-align: center;
}

.container-text-background h2 {
   padding-bottom: 3rem;
}

.image-row {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   width: 100%;
   margin: 0 auto;
   gap: 0.25rem;
   flex-wrap: wrap;
}

.image-row img {
   width: 24.8%;
   height: auto;
}


.column ul.liste {
   padding: 0;
}

.column ul.liste li {
   padding: 0;
}

.column ul.liste li::marker {
   font-size: 0.75rem;
}

.column ul.liste a {
   font-weight: 500;
   font-family: var(--haas-font);

}

.column ul.column-list {
   padding-top: 1rem;
}

.column ul li,
.column-visible ul li {
   font-family: var(--hass-font-unica);
   font-weight: 300;
   margin-left: 1rem;
   padding: 0.25rem 0;
   list-style-type: square;
   font-size: 1.1rem;
   letter-spacing: 1px;
   line-height: 1.85rem;
}

.column ul li::marker,
.column-visible li::marker{
   font-size: 0.85rem;
   color: var(--middlegrey);
}

.column a:hover,
.column-visible a:hover {
   text-decoration: none;
   color: var(--jadegruen);
}

.column img {
   width: 100%;
   display: block;
   padding: 1.5rem;
}


.column-text {
   display: flex;
   flex-direction: column;
   justify-content: flex-start;
   min-height: 480px;
}

.column-text .number {
   margin-top: auto;
   margin-bottom: 0;
}

.column.contact-column {
   padding-bottom: 5rem;
   min-height: 600px;
}

.contact-column .contact-list {
   margin-top: auto;
}

.one-column {
   padding: 3rem 0;
   width: 65%;
}

.one-column.left {
   padding: 0;
   width: 65%;
   margin-left: 0;
}

.one-column .column h3 {
   color: var(--darkblue);
   padding-bottom: 3rem;
}

.two-columns {
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
   gap: 1.5rem;
}

.two-columns-events {
   display: flex;
   gap: 1.5rem;
}

.two-columns-events .column {
   padding: 4% 4% 10% 4%;
   flex: 1 1;
}

.two-columns-events .column img {
   width: 100%;
}

.two-columns-events .column h3.light {
   padding-bottom: 1rem;
}

.two-columns-events .column p {
   line-height: 1.75rem;
   padding-top: 1rem;
   hyphens: none;
}


.two-columns.submenu {
   padding-bottom: 0;
}


.two-columns.books {
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
   flex-direction: row;
   width: 100%;
   height: 100%;
   padding-top: 3rem;
   gap: 5rem;
   padding-bottom: 5rem;
}

h3.buchreihe {
   font-size: 1.25rem;
   font-weight: 500;
   color: var(--middlegrey);
   letter-spacing: 1px;
}

.two-columns.books img {
   padding-bottom: 0.5rem;
}

.column .books img {
   margin-bottom: 2rem;
   padding: 0;
   width: 100%;
}

.column img.buchreihen {
   width: 100%;
   padding: 0;
   margin-left: 0;
}

.column-book1 {
   width: 70%;
   display: flex;
   flex-direction: column;
   gap: 1.5rem;
}

.column-book2 {
   width: 30%;
   margin-top: 3.5rem;
}

.column-book2 p {
   line-height: 1.55rem;
}

.column-visible-item {
   display: flex;
   gap: 3rem;
   flex: 1 1 50%;
   width: 100%;
   flex-basis: 100%;
   margin-bottom: 1rem;
}

.column-visible-item .visible-item_one {
   width: 20%;
   padding-left: 1rem;
}

.column-visible-item .visible-item_two {
   width: 70%;
   padding-right: 2rem;
}

.two-columns .column,
.two-columns .column-visible {
   flex: 1 1 50%;
   width: 100%;
   flex-basis: 100%;
}

.one-column .column h3,
.two-columns .column h3 {
   padding-bottom: 2rem;
   color: var(--darkblue);
}

.two-columns-grid {
   display: grid ;
   grid-template: 1fr / 1fr 2fr;
   gap: 2rem;
}

.two-columns-grid .column > img {
   margin-bottom: 2rem;
}

.two-columns .imgText {
   flex: 1;
}

.two-columns img {
   width: 100%;
   height: auto;
   object-fit: cover;
   padding-bottom: 5rem;
}

.two-columns-flex {
   display: flex;
   gap: 2rem;
}

.two-columns-flex .column {
   width: 50%;
   padding: 2rem;
}

.two-columns-flex .column img {
   border: 1px solid #eee;
   margin-bottom: 2rem;
}

.two-columns-flex .column.left {
   width: 25%;
   padding: 2rem;
}

.three-columns {
   display: grid;
   grid-template: 1fr / 1fr 1fr 1fr;
   height: auto;
   padding-top: 0;
   padding-bottom: 3rem;
   gap: 3rem;
   hyphens: none;
}

.three-columns .column {
   padding-top: 0;
}

.three-columns .column p {
   padding-bottom: 1.5rem;
}

.three-columns .column .number a:hover {
   color: var(--darkblue);
}

.four-columns {
   display: grid;
   grid-template: 1fr / 1fr 1fr 1fr 1fr;
   height: auto;
   padding-top: 0;
   padding-bottom: 3rem;
   gap: 3rem;
   hyphens: none;
}

.darkblue {
   color: var(--darkblue);
}

.darkcyan {
   color: var(--darkcyan);
}

.darkblue480 {
   width: 96%;
   margin: 0 2%;
   height: 480px;
   background: rgb(2,32,91);
   background: -moz-linear-gradient(180deg, rgba(2,32,91,1) 0%, rgba(0,25,72,1) 30%, rgba(0,6,18,1) 100%);
   background: -webkit-linear-gradient(180deg, rgba(2,32,91,1) 0%, rgba(0,25,72,1) 30%, rgba(0,6,18,1) 100%);
   background: linear-gradient(180deg, rgba(2,32,91,1) 0%, rgba(0,25,72,1) 30%, rgba(0,6,18,1) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#02205b",endColorstr="#000612",GradientType=1);
}

.lightblue {
   width: 96%;
   margin: 0 2%;
   height: 480px;
   background: var(--lightcyan);
}

.lightblue {
   width: 96%;
   height: 480px;
   margin: 5% 2% 2% 2%;
   background: var(--lightcyan);
}

.lightjade {
   width: 96%;
   height: 480px;
   margin: 5% 2% 2% 2%;
   background: var(--lightjadegruen);
}

.lightgrey {
   margin: 0.5% 2% 0 2%;
   background: #fff;
}

.darkblue.top {
   width: 96%;
   height: 480px;
   margin: 5% 2% 0 2%;
   background: var(--darkblue);
}

.darkblue-content,
.lightblue-content,
.lightjade-content,
.lightgrey-content {
   width: 57%;
   margin: auto;
}

.darkblue-content,
.lightblue-content,
.lightjade-content,
.lightgrey-content {
   padding: 5rem 0 0 0;
}

.darkblue-content h2,
.lightblue-content h2,
.lightgrey-content h2 {
   color: #fff;
   padding-top: 8rem;
}

.darkblue-content h2 {
   color: #fff;
   padding: 0;
   width: 70%;
}

.lightblue-content h2 {
   color: var(--darkblue);
   padding: 0;
}

.lightgrey-content h2 {
   color: var(--middlegrey);
   padding: 0 0 2rem 0;
}

.lightjade h2,
.lightjade h1 {
   color: var(--jadegruen);
}

.lightjade h1 {
   padding: 0 0 10px 0;
   font-size: 0.85rem;
   text-transform: uppercase;
}

.darkblue-content  h1 {
   color: #fff;
   padding: 0 0 10px 0;
   width: 70%;
   font-size: 0.65rem;
}

.lightblue-content h1 {
   color: var(--darkblue);
   padding: 0 0 10px 0;
   width: 70%;
   font-size: 0.65rem;
}

.lightgrey-content h1 {
   color: var(--middlegrey);
   padding: 0 0 10px 0;
   width: 70%;
   font-size: 0.65rem;
}

.darkblue-content p,
.lightblue-content p {
   color: #fff;
   text-transform: uppercase;
   font-size: 0.85rem;
   letter-spacing: 5px;
   font-weight: 500;
}

.slc {
   background-color: var(--superlightcyan);
}

hr {
   width: 30%;
   margin: 2rem auto;
   border-top: 1px solid var(--lightcyan);
}

hr.long {
   width: 100%;
   margin: 2rem auto;
   border-top: 1px solid var(--lightcyan);
}

/********** V I D E O **********/

.video {
   position: relative;
   width: 100%
}

.myVideo {
   width: 96%;
   margin: 0 2% 2% 2%;
   height: auto;
}

.product-video {
   width: 96%;
   margin: 0 2% 2% 2%;
   height: auto;
}

.video h1 {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   font-size: 4vw;
   color: #fff;
   text-align: center;
}

.video-desktop {
   position: relative;
   width: 100%;
   margin-top: 2rem;
}

.video-mobile  {
   display: none;
}

.video-desktop h1 {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   font-size: 4vw;
   color: #fff;
   text-align: center;
}

.video-mobile h1 {
   display: none;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   font-size: 4vw;
   color: #fff;
   text-align: center;
}

.only-mobile {
   display: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
   font-family: var(--hass-font-unica), sans-serif;
}

h2 {
   hyphens: none;
}
p.small {
   font-size: 0.7rem;
   line-height: 1rem;
   color: var(--middlegrey);
   font-weight: 300;
}

p.baskerville-small {
   font-family: var(--baskerville-font), serif;
   font-size: 1rem;
   letter-spacing: 1px;
   font-weight: 500;
}

p.haas-font-small {
   font-family: var(--hass-font-unica), sans-serif;
   font-weight: 600;
   letter-spacing: 3px;
   font-size: 0.85rem;
   text-transform: uppercase;
   color: var(--darkblue);
}

p.quality-bold {
   font-weight: 400;
   padding-bottom: 0.75rem;
   padding-top: 0.75rem;
}

p span.bold {
   display: inline-block;
   font-weight: 500;
   color: var(--darkblue);
   padding-bottom: 0;
}

p span.bold-nopadding {
   display: inline-block;
   font-weight: 500;
   color: var(--darkblue);
}


p span.quality-bold {
   display: inline-block;
   font-weight: 400;
   color: var(--darkblue);
}

p span.team-bold {
   display: inline-block;
   font-weight: 400;
   color: var(--darkblue);
}

p span.light {
   font-weight: 400;
   color: var(--darkblue);
}

h1 {
   font-family: var(--hass-font-unica);
   font-size: 0.65rem;
   font-weight: 500;
   letter-spacing: 8px;
   text-transform: uppercase;
   hyphens: none;
}

h2 {
   font-size: 2.5rem;
   font-weight: 500;
   letter-spacing: -0.5px;
   line-height: 3rem;
}

h2.big {
   font-size: 3.75rem;
   line-height: 3.75rem;
}

h2.jadegruen {
   color: var(--jadegruen);
}

h2.darkblue {
   color: var(--darkblue);
}

h2.white {
   color: #ffffff;
}

h2.lightcyan {
   color: var(--lightcyan);
}

h2.middlegrey {
   color: var(--middlegrey);
}

h2.sub {
   font-size: 2.75rem;
   line-height: 3.25rem;
}

h2.forty {
   width: 40%;
}

h2.fifty {
   width: 50%;
}

h2.fifty.padding {
   padding-top: 6rem;
   padding-bottom: 3rem;
}

h2.sixty {
   width: 60%;
}

h2.seventy {
   width: 70%;
}

h2.gradient--one {
   background: rgb(185,229,248);
   background: -moz-linear-gradient(125deg, rgba(185,229,248,1) 0%, rgba(118,163,185,1) 32%, rgba(0,9,77,1) 100%);
   background: -webkit-linear-gradient(125deg, rgba(185,229,248,1) 0%, rgba(118,163,185,1) 32%, rgba(0,9,77,1) 100%);
   background: linear-gradient(125deg, rgba(185,229,248,1) 0%, rgba(118,163,185,1) 32%, rgba(0,9,77,1) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b9e5f8",endColorstr="#00094d",GradientType=1);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
}

h2.gradient--two {
   background: rgb(79,135,165);
   background: -moz-linear-gradient(180deg, rgb(48, 132, 177, 1) 0%, rgba(173,202,184,1) 100%);
   background: -webkit-linear-gradient(180deg, rgba(48, 132, 177,1) 0%, rgba(173,202,184,1) 100%);
   background: linear-gradient(180deg, rgba(48, 132, 177, 1) 0%, rgba(173,202,184,1) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#02205b",endColorstr="#000612",GradientType=1);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
}

h2.gradient--three {
   background: rgb(79,135,165);
   background: -moz-linear-gradient(180deg, rgb(205, 213, 187, 1) 0%, rgb(205, 213, 187, 1) 50%, rgba(79, 135, 165, 1) 100%);
   background: -webkit-linear-gradient(180deg, rgba(205, 213, 187, 1) 0%, rgb(205, 213, 187, 1) 50%,  rgba(79, 135, 165, 1) 100%);
   background: linear-gradient(180deg, rgba(205, 213, 187, 1) 0%, rgb(205, 213, 187, 1) 50%,  rgba(79, 135, 165, 1) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#02205b",endColorstr="#000612",GradientType=1);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
}

h2.gradient--four {
   background: rgb(79,135,165);
   background: -moz-linear-gradient(rgb(0, 9, 77, 1) 0%, rgba(79, 135, 165, 1) 100%);
   background: -webkit-linear-gradient(rgb(0, 9, 77, 1) 0%, rgba(79, 135, 165, 1) 100%);
   background: linear-gradient(rgb(0, 9, 77, 1) 0%, rgba(79, 135, 165, 1) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#02205b",endColorstr="#000612",GradientType=1);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
}

.center {
   text-align: center;
}

h3 {
   font-weight: 400;
   font-size: 1.25rem;
   letter-spacing: 1px;
}

h3.register {
   font-family: var(--hass-font-unica);
   font-size: 0.65rem;
   font-weight: 500;
   letter-spacing: 8px;
   text-transform: uppercase;
   hyphens: none;
}

.lightgrey-content h3.register {
   color: var(--middlegrey);
   padding: 0 0 10px 0;
   width: 70%;
   font-size: 0.65rem;
}

ol {
   padding-left: 1rem;
   list-style-type: upper-roman;
   font-family: var(--haas-font);
   letter-spacing: 1px;
   padding-bottom: 1.5rem;
}

ol li {
   font-size: 1.1rem;
   line-height: 2rem;
}

.bold_400 {
   font-weight: 400;
}

.bold_500 {
   font-weight: 500;
}

.bold_600 {
   font-weight: 600;
}

.bold_700 {
   font-weight: 700;
}

.padding_b0 {
   padding: 0;
}

.padding_b0_5 {
   padding-bottom: 0.5rem;
}

.padding_b1 {
   padding-bottom: 1rem;
}

.padding_b1_5 {
   padding-bottom: 1.5rem;
}

.padding_b2 {
   padding-bottom: 2rem;
}

.padding_b2_5 {
   padding-bottom: 2.5rem;
}

.padding_b3 {
   padding-bottom: 3rem;
}

.padding_t0 {
   padding: 0;
}

.padding_t0_5 {
   padding-top: 0.5rem;
}

.padding_t1 {
   padding-top: 1rem;
}

.padding_t1_5 {
   padding-top: 1.5rem;
}

.padding_t2 {
   padding-top: 2rem;
}

.padding_t2_5 {
   padding-top: 2.5rem;
}

.padding_t3 {
   padding-top: 3rem;
}

.padding_l0 {
   padding: 0;
}

.padding_l0_5 {
   padding-left: 0.5rem;
}

.padding_l1 {
   padding-left: 1rem;
}

.padding_l1_5 {
   padding-left: 1.5rem;
}

.padding_l2 {
   padding-left: 2rem;
}

.padding_l2_5 {
   padding-left: 2.5rem;
}

.padding_l3 {
   padding-left: 3rem;
}

.margin_m0 {
   margin-bottom: 0;
}

.margin_m0_5 {
   margin-bottom: 0.5rem;
}

.margin_m1 {
   margin-bottom: 1rem;
}

.margin_m1_5 {
   margin-bottom: 1.5rem;
}

.margin_m2 {
   margin-bottom: 2rem;
}

.margin_m2_5 {
   margin-bottom: 2.5rem;
}

.margin_m3 {
   margin-bottom: 3rem;
}


h4 {
   font-weight: 500;
   font-size: 1.45rem;
   padding-bottom: 1.45rem;
}

h4.spacing {
   font-family: var(--hass-font-unica), sans-serif;
   font-size: 0.85rem;
   font-weight: 500;
   letter-spacing: 3px;
   text-transform: uppercase;
   padding: 0;
}

p {
   font-family: var(--hass-font-unica), sans-serif;
   font-size: 1.1rem;
   line-height: 2rem;
   font-weight: 300;
   letter-spacing: 1px;
   color: var(--darkgrey);

}

p.uppercase {
   text-transform: uppercase;
   letter-spacing: 2px;
   font-weight: 600;
   color: var(--darkblue);
}

p.announcement {
   color: var(--darkblue);
}

p.baskerville {
   font-family: var(--baskerville-font), serif;
   font-size: 1.25rem;
   line-height: 1.25rem;
   font-weight: 300;
   letter-spacing: 3px;
   color: #1d1d1e;
}

p.italic {
   font-family: var(--hass-font-unica), sans-serif;
   font-weight: 400;
   font-style: italic;
}

span.italic {
   font-style: italic;
}

.fa-solid {
   padding-right: 5px;
   color: #fff;
}


@keyframes change {
   0% {
   background-position: 0 50%;
   }

   50% {
   background-position: 100% 50%;
   }

   100% {
   background-position: 0 50%;
   }
}



.active-acc:after {
   content: "\2796"; /* Unicode character for "minus" sign (-) */
}



.nav-active {
   transform: translateX(0%);
}

.nav-activeBigMenu {
   transform: translateX(0%);
}

@keyframes navLinkFade {
   from {
      opacity: 0;
      transform: translateX(50px);
   }
   to {
      opacity: 1;
      transform: translateX(0px);
   }
}

.toggle .line1 {
   transform: rotate(-45deg) translate(-5px, 6px);
}

.toggle .line2 {
   opacity: 0;
}

.toggle .line3 {
   transform: rotate(45deg) translate(-5px,-6px);
}