/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

/**
* Fonts
*/

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

/***********
* Content
***********/
body {
  background: rgba(var(--color-ivory), 1);
  color: rgba(var(--color-blue), 1);
  font-family: Oswald, Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 14px;
}

#template-container {
  -ms-flex-line-pack: start;
  align-content: start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  display: -ms-grid;
  display: grid;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
  -ms-grid-columns: minmax(300px, 1250px);
  grid-template-columns: minmax(300px, 1250px);
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  justify-items: center;
}

nav,
header,
section,
footer {
  max-width: 1250px;
}

/* Alle Elemente die nur in der mobilen Version gezeigt werden sollen ausblenden. */
.mobile-show {
  display: none;
}

/**
* Colors
*/
:root {
  --color-blue-deep: 30, 31, 88;
  --color-blue: 43, 44, 126;
  --color-ivory: 244, 241, 236;
  --color-brown: 209, 167, 139;
  --color-shadow: 0, 0, 0;
  --color-white: 255, 255, 255;
  --color-green: 45, 129, 73;
}

.color-brown {
  color: rgba(var(--color-brown), 1);
}

.color-ivory {
  color: rgba(var(--color-ivory), 1);
}

.color-white {
  color: rgba(var(--color-white), 1);
}

.bg-brown {
  background: rgba(var(--color-brown), 1);
}

.bg-blue-deep {
  background: rgba(var(--color-blue-deep), 1);
}

.bg-ivory {
  background: rgba(var(--color-ivory), 1);
}

/**
* Text
*/

h2,
h3 {
  letter-spacing: -1px;
}

h2 {
  font-size: 46px;
  line-height: 1.1;
}

h3 {
  font-size: 36px;
  font-weight: 300;
}

h4 {
  font-size: 26px;
  font-weight: normal;
  line-height: 0.9;
}

h5 {
  font-size: 14px;
}

p {
  font-weight: 500;
  line-height: 1.68;
  padding: 12px 0px;
}

.align-left {
  text-align: left;
}

.align-center {
  text-align: center;
}

.text-36 {
  font-size: 36px;
}

/**
* Links / Buttons
*/

a {
  color: rgba(var(--color-blue), 1);
  text-decoration: none;
}

a.underline {
  text-decoration: underline;
}

a.btn {
  border-radius: 18px;
  -webkit-box-shadow: 0px 3px 6px rgba(var(--color-shadow), 0.33);
  box-shadow: 0px 3px 6px rgba(var(--color-shadow), 0.33);
  display: inline-block;
  letter-spacing: 0.3px;
  padding: 20px 31px;
  -webkit-transition: letter-spacing 0.5s;
  -o-transition: letter-spacing 0.5s;
  transition: letter-spacing 0.5s;
}

a:hover.btn {
  letter-spacing: 2.5px;
}

.btn-box {
  text-align: center;
}

.btn-border-white {
  border: solid 3px rgba(var(--color-white), 1);
}

/**
* Other
*/

.v-line {
  border: none;
  width: 0.2px;
  background-color: rgba(var(--color-brown), 1);
  color: rgba(var(--color-brown), 1);
  height: 100%;
}

.padding-tb-45-0-25-0 {
  padding: 45px 0px 25px 0px;
}

.padding-top-0 {
  padding-top: 0px;
}

.padding-top-13 {
  padding-top: 13px;
}

.padding-top-25 {
  padding-top: 25px;
}

.padding-20-0-40-23 {
  padding: 20px 0px 40px 23px;
}

.grid-js-center {
  -ms-grid-column-align: center;
  justify-self: center;
}

/***********
* Areas
***********/
header {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  background: url("../img/SirNormansIllustration_Background_clean.webp") -155px top
    no-repeat;
  background-size: auto calc(100% - 80px);
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 30% 40% 30%;
  grid-template-columns: 30% 40% 30%;
  -ms-grid-rows: 50px 1fr;
  grid-template-rows: 50px 1fr;
  justify-items: center;
}

header > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

header > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}

header > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}

header > *:nth-child(4) {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

header > *:nth-child(5) {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
}

header > *:nth-child(6) {
  -ms-grid-row: 2;
  -ms-grid-column: 3;
}

.header-grid-sirnorman {
  -ms-grid-row-align: end;
  align-self: end;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  grid-row: 1/3;
  height: 440px;
  -ms-grid-column-align: start;
  justify-self: start;
  overflow: hidden;
}

.header-grid-sirnorman img {
  height: 485px;
  padding-left: 25px;
}

.header-grid-logo {
  width: 472px;
}

.header-grid-text {
  -ms-grid-row-align: end;
  align-self: end;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  -ms-grid-column-align: end;
  justify-self: end;
  text-align: center;
  width: 210px;
  z-index: 3;
  position: relative;
  right: -40px;
}

.header-grid-zeppelin {
  -webkit-animation-name: zeppelin;
  animation-name: zeppelin;
  -webkit-animation-duration: 10s;
  animation-duration: 10s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
  -ms-grid-column-align: start;
  justify-self: start;
  left: 0px;
  position: relative;
  top: 0px;
}

.header-grid-zeppelin img {
  width: 100%;
  max-width: 312px;
}

@-webkit-keyframes zeppelin {
  from {
    top: 0%;
  }
  to {
    top: 45%;
  }
}

@keyframes zeppelin {
  from {
    top: 0%;
  }
  to {
    top: 45%;
  }
}

.header-grid-bottle {
  -ms-flex-item-align: end;
  -ms-grid-row-align: end;
  align-self: end;
  height: 98%;
}

.header-col-left {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: 470px 275px;
  grid-template-rows: 470px 275px;
  justify-items: center;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
  width: 100%;
}

.header-col-left > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.header-col-left > *:nth-child(2) {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.header-col-middle {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: 160px 665px;
  grid-template-rows: 160px 665px;
  justify-items: center;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
  z-index: 2;
}

.header-col-right {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: 50px 210px 1fr;
  grid-template-rows: 50px 210px 1fr;
  justify-items: center;
  -ms-grid-column-align: start;
  justify-self: start;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-column: 3/4;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
}

.header-grid-text h1 {
  color: rgba(var(--color-white), 1);
  font-size: 36px;
  font-weight: 500;
  letter-spacing: 0px;
  line-height: 1;
}

.header-grid-text h2 {
  color: rgba(var(--color-white), 1);
  font-size: 30px;
  font-weight: 500;
  letter-spacing: 0px;
  line-height: 1.15;
  margin-bottom: 27px;
}

.header-grid-text h2 span {
  background: rgba(var(--color-brown), 1);
  line-height: 0.6;
  padding: 7px 3px 10px 3px;
  display: inline-block;
}

nav {
  grid-column: 1/-1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  height: 50px;
}

#nav-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 100px auto auto 1fr auto 50px auto 100px;
  grid-template-columns: 100px auto auto 1fr auto 50px auto 100px;
  -ms-flex-line-pack: end;
  align-content: end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#nav-logo {
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
  padding: 0px 6px 0px 0px;
}

#nav-logo img {
  height: 33px;
}

#nav-kaufen {
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-column: 3/4;
}

#nav-impressum {
  -ms-grid-column: 5;
  -ms-grid-column-span: 1;
  grid-column: 5/6;
}

#nav-datenschutz {
  -ms-grid-column: 7;
  -ms-grid-column-span: 1;
  grid-column: 7/8;
}

/***********
* Section(s) Templates
***********/

section div h2 {
  line-height: 0.7;
}

/**
* 3 columns - 2 headlines, ext, image
*/
section.section-grid-3-cols {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-grid-columns: minmax(20px, 120px) 1fr 50px 1fr 50px 1fr
    minmax(20px, 120px);
  grid-template-columns: minmax(20px, 120px) 1fr 50px 1fr 50px 1fr minmax(
      20px,
      120px
    );
  justify-items: center;
  margin-bottom: 50px;
}

section.section-grid-3-cols-seperated {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  -ms-grid-columns: minmax(20px, 120px) 1fr 75px 1fr 75px 1fr
    minmax(20px, 120px);
  grid-template-columns: minmax(20px, 120px) 1fr 75px 1fr 75px 1fr minmax(
      20px,
      120px
    );
  justify-items: center;
  margin-bottom: 90px;
}

section div,
section picture {
  text-align: center;
}

section div img {
  width: 300px;
}

section .section-grid-1st-col {
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
}

section .section-grid-2nd-col {
  -ms-grid-column: 4;
  -ms-grid-column-span: 1;
  grid-column: 4/5;
}

section .section-grid-2nd-col2 {
  -ms-grid-column: 4;
  -ms-grid-column-span: 1;
  grid-column: 4/7;
}

section .section-grid-3rd-col {
  -ms-grid-column: 6;
  -ms-grid-column-span: 1;
  grid-column: 6/7;
}

/**
* Section Template: Info
*/

section.section-info {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  -ms-grid-columns: minmax(20px, 120px) 1fr 1fr 1fr 1fr minmax(20px, 120px);
  grid-template-columns: minmax(20px, 120px) 1fr 1fr 1fr 1fr minmax(20px, 120px);
  -ms-grid-rows: 33px 1fr 20px;
  grid-template-rows: 33px 1fr 20px;
  justify-items: center;
  margin-bottom: 60px;
  width: 100%;
}

section.section-info > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

section.section-info > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}

section.section-info > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}

section.section-info > *:nth-child(4) {
  -ms-grid-row: 1;
  -ms-grid-column: 4;
}

section.section-info > *:nth-child(5) {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
}

section.section-info > *:nth-child(6) {
  -ms-grid-row: 1;
  -ms-grid-column: 6;
}

section.section-info > *:nth-child(7) {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

section.section-info > *:nth-child(8) {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
}

section.section-info > *:nth-child(9) {
  -ms-grid-row: 2;
  -ms-grid-column: 3;
}

section.section-info > *:nth-child(10) {
  -ms-grid-row: 2;
  -ms-grid-column: 4;
}

section.section-info > *:nth-child(11) {
  -ms-grid-row: 2;
  -ms-grid-column: 5;
}

section.section-info > *:nth-child(12) {
  -ms-grid-row: 2;
  -ms-grid-column: 6;
}

section.section-info > *:nth-child(13) {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

section.section-info > *:nth-child(14) {
  -ms-grid-row: 3;
  -ms-grid-column: 2;
}

section.section-info > *:nth-child(15) {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
}

section.section-info > *:nth-child(16) {
  -ms-grid-row: 3;
  -ms-grid-column: 4;
}

section.section-info > *:nth-child(17) {
  -ms-grid-row: 3;
  -ms-grid-column: 5;
}

section.section-info > *:nth-child(18) {
  -ms-grid-row: 3;
  -ms-grid-column: 6;
}

section.section-info h2 {
  line-height: 1;
}

section.section-info h3 {
  line-height: 0.7;
}

section .section-info-left {
  background: url("../img/normans_gin-relax.jpg");
  background-origin: content-box;
  background-size: 496px auto;
  background-repeat: no-repeat;
  background-position: 0 0;
  -ms-grid-column: 2;
  -ms-grid-column-span: 2;
  grid-column: 2/4;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
  height: 100%;
  -ms-grid-column-align: end;
  justify-self: end;
  text-align: right;
  width: 100%;
  z-index: 1;
}

section .section-info-middle {
  -ms-grid-row-align: end;
  align-self: end;
  -ms-grid-column: 3;
  -ms-grid-column-span: 2;
  grid-column: 3/5;
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  grid-row: 1/4;
  z-index: 2;
}

section .section-info-right {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  display: -ms-grid;
  display: grid;
  height: 100%;
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
  -ms-grid-column: 4;
  -ms-grid-column-span: 2;
  grid-column: 4/6;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
  padding: 0px 25px 0px 115px;
  z-index: 1;
}

section .section-info-right p {
  font-weight: normal;
}

section .section-info-left img {
  width: 492px;
  height: 100%;
}

section.section-info .section-info-middle img {
  height: 100%;
  width: 173px;
}

/**
* Section Template: Partner
*/

section.section-partner {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  -ms-grid-columns: minmax(50px, 1fr) 15px minmax(100px, 190px) 15px
    minmax(100px, 190px) 15px minmax(100px, 190px) 15px minmax(100px, 190px)
    15px minmax(50px, 1fr);
  grid-template-columns:
    minmax(50px, 1fr) minmax(100px, 190px) minmax(100px, 190px)
    minmax(100px, 190px) minmax(100px, 190px) minmax(50px, 1fr);
  gap: 0px 15px;
  justify-items: start;
}

section.section-partner h2,
section.section-partner p {
  -ms-grid-column: 2;
  -ms-grid-column-span: 4;
  grid-column: 2/6;
}

section.section-partner h2 {
  -ms-grid-column-align: center;
  justify-self: center;
  text-align: center;
}

section .section-partner-col1 {
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
}

section .section-partner-col2 {
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-column: 3/4;
}

section .section-partner-col3 {
  -ms-grid-column: 4;
  -ms-grid-column-span: 1;
  grid-column: 4/5;
}

section .section-partner-col4 {
  -ms-grid-column: 5;
  -ms-grid-column-span: 1;
  grid-column: 5/6;
}

section.section-partner div {
  -ms-grid-column: 3;
  -ms-grid-column-span: 3;
  grid-column: 3/6;
  padding-top: 103px;
  text-align: left;
}

section .partner-logo {
  -ms-grid-column-align: center;
  justify-self: center;
  padding-top: 25px;
  width: 132px;
}

section.section-partner a img {
  width: 100%;
}

/**
* Section Template: Horizontal Seperator
*/

section.section-seperator {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-grid-columns: minmax(20px, 120px) 1fr minmax(20px, 120px);
  grid-template-columns: minmax(20px, 120px) 1fr minmax(20px, 120px);
  -ms-grid-rows: 100px;
  grid-template-rows: 100px;
  justify-items: start;
  margin-bottom: 20px;
}

section.section-seperator > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

section.section-seperator > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}

section.section-seperator > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}

section.section-seperator svg {
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
  height: 6px;
  width: 100%;
}

section.section-seperator line {
  stroke: rgba(var(--color-brown), 1);
  stroke-dasharray: 12 18;
  stroke-width: 6px;
  width: 100%;
}

/**
* Section Template: Horizontal Seperator
*/

section.section-video {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: url("../img/NormansGin-Flasche_front@2x.webp") no-repeat right -90px
    center;
  background-size: 255px;
  -ms-grid-columns: minmax(20px, 1fr) minmax(500px, 802px) minmax(20px, 1fr);
  grid-template-columns: minmax(20px, 1fr) minmax(500px, 802px) minmax(
      20px,
      1fr
    );
  justify-items: center;
  margin-bottom: 50px;
}

section.section-video div,
section.section-video video,
section.section-video a {
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
}

section.section-video a {
  margin-bottom: 35px;
}

section.section-video p {
  padding: 25px 230px 20px 0px;
}

section.section-video video {
  padding-bottom: 20px;
  width: 100%;
}

/**
* Footer
*/

footer {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  background: rgba(var(--color-blue), 1);
  color: rgba(var(--color-white), 1);
  -ms-grid-columns: 120px auto 1fr auto 120px;
  grid-template-columns: 120px auto 1fr auto 120px;
  -ms-grid-rows: 40px 149px 50px;
  grid-template-rows: 40px 149px 50px;
  justify-items: start;
  width: 100%;
}

footer > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

footer > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}

footer > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}

footer > *:nth-child(4) {
  -ms-grid-row: 1;
  -ms-grid-column: 4;
}

footer > *:nth-child(5) {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
}

footer > *:nth-child(6) {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

footer > *:nth-child(7) {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
}

footer > *:nth-child(8) {
  -ms-grid-row: 2;
  -ms-grid-column: 3;
}

footer > *:nth-child(9) {
  -ms-grid-row: 2;
  -ms-grid-column: 4;
}

footer > *:nth-child(10) {
  -ms-grid-row: 2;
  -ms-grid-column: 5;
}

footer > *:nth-child(11) {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

footer > *:nth-child(12) {
  -ms-grid-row: 3;
  -ms-grid-column: 2;
}

footer > *:nth-child(13) {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
}

footer > *:nth-child(14) {
  -ms-grid-row: 3;
  -ms-grid-column: 4;
}

footer > *:nth-child(15) {
  -ms-grid-row: 3;
  -ms-grid-column: 5;
}

footer .col-1 {
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
}

footer .col-2 {
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-column: 3/4;
}

footer .col-3 {
  -ms-grid-column: 4;
  -ms-grid-column-span: 1;
  grid-column: 4/5;
}

footer .row-2 {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
}

footer .row-2-3 {
  -ms-grid-row: 2;
  -ms-grid-row-span: 2;
  grid-row: 2/4;
}

footer .row-3 {
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  grid-row: 3/4;
}

footer p {
  padding-top: 0px;
}

.footer-logo {
  width: 153px;
}

.footer-socialmedia-icons {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  display: -ms-grid;
  display: grid;
  gap: 19px;
  -ms-grid-columns: auto 19px auto 19px auto;
  grid-template-columns: repeat(3, auto);
  -ms-grid-rows: 26px;
  grid-template-rows: 26px;
  justify-items: start;
  -ms-grid-column-align: center;
  justify-self: center;
}

.footer-socialmedia-icons > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.footer-socialmedia-icons > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}

.footer-socialmedia-icons > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
}

.footer-socialmedia-icons img {
  width: 26px;
}

.footer-links {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  display: -ms-grid;
  display: grid;
  font-weight: 500;
  gap: 40px;
  -ms-grid-columns: auto 40px auto;
  grid-template-columns: repeat(2, auto);
  -ms-grid-rows: 26px;
  grid-template-rows: 26px;
  justify-items: start;
  -ms-grid-column-align: center;
  justify-self: center;
}

.footer-links > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.footer-links > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}