:root {
  --radius: 0.5rem;
}

@font-face {
  font-family: "Yanone Kaffeesatz";
  src: url("fonts/YanoneKaffeesatz.woff2?letima") format("woff2-variations");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Commissioner";
  src: url("fonts/Commissioner.woff2?letima") format("woff2-variations");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "marina";
  src: url("fonts/marina.ttf?m4vy7j") format("truetype"),
    url("fonts/marina.woff?m4vy7j") format("woff"),
    url("fonts/marina.svg?m4vy7j#marina") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="marina-"]::before,
[class*=" marina-"]::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "marina" !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;
}

.marina-logo::before {
  content: "\e903";
}
.marina-responsive::before {
  content: "\e900";
}
.marina-home::before {
  content: "\e901";
}
.marina-letima::before {
  content: "\e902";
}
.marina-design::before {
  content: "\e90d";
}
.marina-quill::before {
  content: "\e919";
}
.marina-bucket::before {
  content: "\e92e";
}
.marina-images::before {
  content: "\e940";
}
.marina-price-tag::before {
  content: "\e9f0";
}
.marina-price-tags::before {
  content: "\e9f1";
}
.marina-envelop::before {
  content: "\ea31";
}
.marina-alarm::before {
  content: "\ea53";
}
.marina-stopwatch::before {
  content: "\ea5e";
}
.marina-display::before {
  content: "\ea73";
}
.marina-mobile::before {
  content: "\ea78";
}
.marina-tablet::before {
  content: "\ea79";
}
.marina-bubbles::before {
  content: "\eac8";
}
.marina-spinner::before {
  content: "\eb2b";
}
.marina-search::before {
  content: "\eb33";
}
.marina-zoom-in::before {
  content: "\eb34";
}
.marina-zoom-out::before {
  content: "\eb35";
}
.marina-lock::before {
  content: "\eb55";
}
.marina-wrench::before {
  content: "\eb59";
}
.marina-cogs::before {
  content: "\eb60";
}
.marina-hammer::before {
  content: "\eb68";
}
.marina-screwdriver::before {
  content: "\eb6c";
}
.marina-magic-wand::before {
  content: "\eb6d";
}
.marina-magic-wand2::before {
  content: "\eb6e";
}
.marina-trophy::before {
  content: "\ebab";
}
.marina-coffee::before {
  content: "\ebc9";
}
.marina-fire::before {
  content: "\ebe8";
}
.marina-lab::before {
  content: "\ebea";
}
.marina-atom::before {
  content: "\ebec";
}
.marina-lamp::before {
  content: "\ebfa";
}
.marina-bin::before {
  content: "\ec00";
}
.marina-puzzle::before {
  content: "\ec22";
}
.marina-brain::before {
  content: "\ec27";
}
.marina-power-cord::before {
  content: "\ec4d";
}
.marina-clipboard::before {
  content: "\ec51";
}
.marina-clipboard2::before {
  content: "\ec52";
}
.marina-more::before {
  content: "\ec5c";
}
.marina-cloud::before {
  content: "\ec75";
}
.marina-cloud-download::before {
  content: "\ec76";
}
.marina-cloud-upload::before {
  content: "\ec77";
}
.marina-cloud-check::before {
  content: "\ec78";
}
.marina-link::before {
  content: "\ec99";
}
.marina-star-empty::before {
  content: "\ece3";
}
.marina-star-half::before {
  content: "\ece4";
}
.marina-star-full::before {
  content: "\ece5";
}
.marina-man-woman::before {
  content: "\ecfd";
}
.marina-smile::before {
  content: "\ed04";
}
.marina-warning::before {
  content: "\ed4f";
}
.marina-plus-circle::before {
  content: "\ed5f";
}
.marina-minus-circle::before {
  content: "\ed60";
}
.marina-cancel-circle::before {
  content: "\ed65";
}
.marina-arrow-up::before {
  content: "\edba";
}
.marina-arrow-right::before {
  content: "\edbe";
}
.marina-arrow-down::before {
  content: "\edc2";
}
.marina-arrow-left::before {
  content: "\edc6";
}
.marina-checkbox-checked::before {
  content: "\ee6e";
}
.marina-checkbox-unchecked::before {
  content: "\ee6f";
}
.marina-pencil-ruler::before {
  content: "\ee83";
}
.marina-embed::before {
  content: "\eecd";
}
.marina-code::before {
  content: "\eed1";
}
.marina-exit::before {
  content: "\ed77";
}
.marina-cross::before {
  content: "\ed6c";
}
.marina-graduation::before {
  content: "\e99a";
}
.marina-collaboration::before {
  content: "\eb10";
}
.marina-mountains::before {
  content: "\ebd7";
}
.marina-enter::before {
  content: "\ed76";
}
.marina-facebook1::before {
  content: "\eeef";
}
.marina-linkedin::before {
  content: "\ef29";
}
.marina-xing::before {
  content: "\ef33";
}
.marina-palette::before {
  content: "\e92a";
}
.marina-new::before {
  content: "\e97b";
}
.marina-archive::before {
  content: "\e996";
}
.marina-library::before {
  content: "\e999";
}
.marina-profile::before {
  content: "\e99c";
}
.marina-file-empty::before {
  content: "\e99d";
}
.marina-file-plus::before {
  content: "\e9a1";
}
.marina-file-minus::before {
  content: "\e9a3";
}
.marina-file-download::before {
  content: "\e9a5";
}
.marina-file-upload::before {
  content: "\e9a7";
}
.marina-file-check::before {
  content: "\e9a9";
}
.marina-file-text::before {
  content: "\e9ad";
}
.marina-file-presentation::before {
  content: "\e9bf";
}
.marina-certificate::before {
  content: "\e9eb";
}
.marina-lifebuoy::before {
  content: "\ea1b";
}
.marina-location::before {
  content: "\ea3b";
}
.marina-calendar::before {
  content: "\ea5f";
}
.marina-vcard::before {
  content: "\eb11";
}
.marina-chart::before {
  content: "\eb8f";
}
.marina-stairs-up::before {
  content: "\eb94";
}
.marina-stars::before {
  content: "\eb9e";
}
.marina-medal::before {
  content: "\eba0";
}
.marina-trophy1::before {
  content: "\eba8";
}
.marina-gift::before {
  content: "\ebac";
}
.marina-atom1::before {
  content: "\ebeb";
}
.marina-briefcase::before {
  content: "\ec04";
}
.marina-target::before {
  content: "\ec2b";
}
.marina-list::before {
  content: "\ec5a";
}
.marina-grid::before {
  content: "\ec5f";
}
.marina-menu::before {
  content: "\ec71";
}
.marina-eye::before {
  content: "\ecb4";
}
.marina-eye-blocked::before {
  content: "\ecb5";
}
.marina-sun::before {
  content: "\eccf";
}
.marina-heart::before {
  content: "\ecea";
}
.marina-thumbs-up::before {
  content: "\ecf4";
}
.marina-question::before {
  content: "\ed55";
}
.marina-info::before {
  content: "\ed63";
}
.marina-checkmark::before {
  content: "\ed6f";
}
.marina-rulers::before {
  content: "\ee81";
}
.marina-file-pdf::before {
  content: "\ef3e";
}
.marina-qrcode::before {
  content: "\e9f8";
}
.marina-switch::before {
  content: "\ec4b";
}

a,
abbr,
acronym,
address,
applet,
b,
big,
blockquote,
body,
caption,
center,
cite,
code,
dd,
del,
dfn,
div,
dl,
dt,
em,
fieldset,
font,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
object,
ol,
p,
pre,
q,
s,
samp,
small,
span,
strike,
strong,
table,
tbody,
td,
tfoot,
th,
thead,
tr,
tt,
u,
ul,
var {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: 0 0;
}

sub,
sup {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote::before,
blockquote:after,
q::before,
q:after {
  content: "";
  content: none;
}

:focus {
  outline: 0;
}

ins {
  text-decoration: none;
}

del {
  text-decoration: line-through;
}

table {
  border-collapse: collapse;
}

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body,
html {
  min-height: 100%;
  color: rgba(024, 016, 052, 1);
  background: rgba(255, 255, 255, 1);
  font-size: 10px;
  font-weight: 300;
  font-family: "Commissioner", sans-serif;
  line-height: 1.7rem;
  position: relative;
  padding: 0;
  margin: 0;
}

body.menuVisible,
body.noScroll {
  overflow: hidden;
}

@media (min-width: 375px) {
  body,
  html {
    font-size: 12px;
  }
}
@media (min-width: 414px) {
  body,
  html {
    font-size: 16px;
  }
}
@media (min-width: 512px) {
  body,
  html {
    font-size: 18px;
  }
}
@media (min-width: 804px) {
  body,
  html {
    font-size: 20px;
  }
}
.h1Style,
h1,
h2,
h3,
h4,
h5,
h6 {
  padding: 0.4rem 0 0.8rem;
  font-family: "Yanone Kaffeesatz", sans-serif;
  line-height: 1.8rem;
}
.h1Style,
h1 {
  font-size: 2rem;
  line-height: 2.8rem;
  text-transform: uppercase;
  padding: 0 0 1.4rem;
  font-weight: 400;
  font-style: normal;
}

h2 {
  position: relative;
  color: rgba(175, 036, 039, 1);
  font-size: 1rem;
  line-height: 1.8rem;
  font-weight: 300;
  margin: 0;
  display: block;
  padding: 1.4rem 0 2rem;
}

h3 {
  color: rgba(175, 036, 039, 1);
  font-size: 2rem;
  line-height: 1.8rem;
  font-weight: 400;
  margin: 0;
  padding: 0.1rem 0;
}

h4 {
  color: rgba(175, 036, 039, 1);
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.4em;
}

h5 {
  font-size: 1.2rem;
  font-weight: 600;
}

h6 {
  font-weight: 600;
  font-size: 1rem;
  font-size: 1.1rem;
}

@media (min-width: 512px) {
  .h1Style,
  h1 {
    font-size: 2.8rem;
    line-height: 1.4em;
  }

  h2 {
    font-size: 2.2rem;
    line-height: 1.4em;
  }

  h3 {
    padding: 0.4rem 0 2rem 0;
  }
}

strong {
  font-weight: 700;
}

hr {
  clear: both;
  height: 0;
  border: 0 none;
  border-top: 1px solid #494948;
  height: 1rem;
  margin: 0.5rem 0;
  position: relative;
  overflow: visible;
}

hr::after {
  position: absolute;
  left: 50%;
  top: -35px;
  margin-left: -53px;
  content: "";
  width: 100px;
  height: 70px;
  display: inline-block;
}

img {
  margin: 0;
  padding: 0;
  border-width: 0;
}

a {
  color: rgba(175, 036, 039, 1);
  transition: all 250ms ease-in;
}
a:hover {
  color: rgba(172, 70, 54, 1);
}

a.noLine {
  border-bottom: 0 none;
}

video {
  width: 100%;
}

ol,
ul {
  padding: 0.6rem 0.4rem 1rem;
}

li {
  text-align: left;
  padding: 0.1rem 0.5rem;
  margin-left: 0.9rem;
  list-style-position: outside;
  position: relative;
  list-style: none;
}

ul li::before {
  font-family: marina !important;
  position: absolute;
  left: -0.8rem;
  top: 0.6rem;
  speak: never;
  font-style: normal;
  font-weight: 600;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  padding-right: 0.7rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea10";
  color: rgba(175, 036, 039, 1);
}

ol li {
  margin-left: 1.6rem;
  list-style-type: decimal;
  list-style-image: none;
}

p {
  margin: 0;
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
}

blockquote {
  font-family: "Commissioner", sans-serif;
  font-size: 1.2rem;
  line-height: 1.4em;
  color: rgba(175, 036, 039, 1);
  font-style: italic;
  overflow: auto;
  margin: 0.6rem 0 1rem;
  padding: 3rem 1rem;
  border: 0 none;
}

code,
pre {
  display: block;
  overflow: auto;
  margin: 0.6rem 0 1rem;
  padding: 0.4rem 1rem;
  border: none;
  border-left: 1rem solid rgba(175, 036, 039, 1);
  background-color: rgba(252, 250, 248, 1);
  color: #282a2e;
  font-size: 1rem;
  line-height: 2.2rem;
}

address {
  font-style: inherit;
  font-size: 1rem;
}

small {
  font-size: 0.8rem;
  line-height: 1rem;
}

big {
  font-size: 1.4rem;
  font-family: "Roboto Slab", sans-serif;
}

ul.checklist li {
  position: relative;
  list-style: none !important;
  padding: 0.1rem 0.25rem 0.1rem 1.5rem;
}

ul.checklist li::before {
  top: 0.4rem;
  left: -0.15rem;
  display: inline-block;
  content: "\ee6e";
}

.clear::after {
  content: "";
  clear: both;
  display: block;
}

.left {
  float: left;
}

.right {
  float: right;
}

.alignRight {
  text-align: right;
}

.center {
  text-align: center;
}

.alignLeft {
  text-align: left;
}

.twoColumns {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.twoColumns > * {
  flex: 1 0 100%;
}

@media (min-width: 512px) {
  .twoColumns > * {
    flex: 0 0 calc(50% - 1rem);
  }
}

.threeColumns {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.threeColumns > * {
  flex: 1 0 100%;
}

@media (min-width: 512px) {
  .threeColumns > * {
    flex: 0 0 calc(33% - 1rem);
  }
}

.fourColumns {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.fourColumns > * {
  flex: 1 0 100%;
}

@media (min-width: 512px) {
  .fourColumns > * {
    flex: 0 0 calc(50% - 1rem);
  }
}

@media (min-width: 804px) {
  .fourColumns > * {
    flex: 0 0 calc(25% - 1rem);
  }
}

.marker {
  font-weight: 600;
  font-style: italic;
  border: 0 none;
  color: #5487a4;
}

.greenName {
  display: inline-block;
  padding: 0;
  font-weight: 800;
  border: 0 none;
  color: #88b04b;
}

button,
input {
  margin: 0 0 0.5rem;
  padding: 0.2rem 0.75rem;
  min-height: 2.25rem;
  line-height: 2.25rem;
  border: 1px solid transparent;
  color: #21373c;
  font-size: 1rem;
  font-weight: 600;
  font-family: "Commissioner", sans-serif;
  transition: all 0.5s ease-in;
  background: rgba(212, 223, 223, 0.2);
}

input:read-only {
  color: rgba(086, 067, 204, 1);
  opacity: 0.4;
}

input[type="checkbox"] {
  top: -0.15rem;
  position: relative;
  margin: 0 0.5rem 0.25rem 0;
}

button,
input[type="email"],
input[type="file"],
input[type="password"],
input[type="submit"],
input[type="text"],
textarea {
  -webkit-appearance: none;
}

input[type="file"] {
  opacity: 0;
  margin: 0 0 0.2rem;
}

label.file {
  display: block;
  position: relative;
  margin-bottom: 0.5rem;
  min-height: 3rem;
}

input[type="file"].filled + span::before,
label.file span {
  text-align: center;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  color: rgba(252, 250, 248, 1);
}

input[type="file"].filled + span {
  visibility: hidden;
}

input[type="file"].filled + span::before {
  content: attr(data-before);
  visibility: visible;
}

textarea {
  font-weight: 600;
  font-family: "Commissioner", sans-serif;
  margin: 0;
  padding: 0.5rem 0.75rem;
  border: 1px solid transparent;
  color: #21373c;
  font-size: 1rem;
  width: 100%;
  max-width: 100%;
  background: rgba(212, 223, 223, 0.2);
}

input:focus,
textarea:focus {
  border: 1px solid rgba(255, 113, 090, 1);
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
}

::-webkit-input-placeholder {
  color: rgba(255, 113, 090, 1);
}

:-moz-placeholder {
  color: rgba(255, 113, 090, 1);
}

::-moz-placeholder {
  color: rgba(255, 113, 090, 1);
}

:-ms-input-placeholder {
  color: rgba(255, 113, 090, 1);
}

::-ms-input-placeholder {
  color: rgba(255, 113, 090, 1);
}

::placeholder {
  color: rgba(208, 220, 219, 1);
}

button:focus::-moz-focus-inner,
input:focus::-moz-focus-inner {
  border: 0;
}

:focus::-webkit-input-placeholder {
  color: rgba(086, 067, 204, 0.2);
}

:focus:-moz-placeholder {
  color: rgba(086, 067, 204, 0.2);
}

:focus::-moz-placeholder {
  color: rgba(086, 067, 204, 0.2);
}

:focus:-ms-input-placeholder {
  color: rgba(086, 067, 204, 0.2);
}

:focus::-ms-input-placeholder {
  color: rgba(086, 067, 204, 0.2);
}

:focus::placeholder {
  color: rgba(086, 067, 204, 0.2);
}

input[type="checkbox"] {
  display: none;
}

input[type="checkbox"] + label {
  width: 100%;
  font-size: 0.9rem;
  line-height: 1.4rem;
  position: relative;
  padding: 0.5rem 50px 0.5rem 80px;
  z-index: 0;
  margin: 0;
  display: block;
}

input[type="checkbox"] + label::after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  top: 50%;
  transform: translate(0, -15px);
  height: 30px;
  width: 60px;
  background: rgb(33, 55, 60);
  background: radial-gradient(
    circle,
    rgba(33, 55, 60, 0.15) 11%,
    rgba(33, 55, 60, 0.38) 100%
  );
  display: inline-block;
  transition: background-color 0.5s linear;
  margin-top: 0;
}

input[type="checkbox"] + label:hover {
  cursor: pointer;
}

input[type="checkbox"] + label::before {
  content: "";
  position: absolute;
  z-index: 2;
  left: 1px;
  top: 50%;
  transform: translate(0, -14px);
  width: 26px;
  height: 26px;
  border: 1px solid rgba(255, 255, 255, 0.6);
  box-shadow: 0 0 0.3rem -0.1rem #21373c,
    inset 0 0 0.4rem -0.1rem rgba(252, 250, 248, 1);
  background: #0e94b1;
  background: linear-gradient(135deg, rgba(223, 231, 231, 1) 0, #dedede 100%);
  display: block;
  transition: transform 0.1s linear;
}

input[type="checkbox"]:checked + label {
  color: rgba(175, 036, 039, 1);
}

input[type="checkbox"]:checked + label::after {
  height: 28px;
  border: 1px solid rgba(175, 036, 039, 1);
  background-color: rgba(175, 036, 039, 1);
  background: linear-gradient(135deg, rgba(175, 036, 039, 0.6) 0, #8a9e53 100%);
}

input[type="checkbox"]:checked + label::before {
  transform: translate(32px, -14px);
}

input[type="checkbox"] + label.loading::after,
input[type="checkbox"]:checked + label.loading::after {
  border: 1px solid #f6c94f;
  background: #f6c94f;
  background: -moz-linear-gradient(top, #f6c94f 0, #eed875 100%);
  background: -webkit-linear-gradient(top, #f6c94f 0, #eed875 100%);
  background: linear-gradient(to bottom, #f6c94f 0, #eed875 100%);
}

input[type="checkbox"] + label.loading::before,
input[type="checkbox"]:checked + label.loading::before {
  border-radius: 50%;
  transform: translate(16px, -14px);
  animation: pulseCheckbox 1s linear 0s infinite alternate;
}

@media (min-width: 512px) {
  input,
  textarea {
    width: auto;
  }
}

.button-line,
a.button-line,
.button,
a.button,
button,
input[type="file"].filled + span::before,
input[type="submit"],
label.file span {
  display: inline-block;
  text-transform: uppercase;
  padding: 1.2rem 1.6rem;
  background-image: linear-gradient(
    92.88deg,
    rgba(77, 60, 185, 1) 0%,
    rgba(86, 67, 204, 1) 38%,
    rgba(86, 67, 204, 1) 62%,
    rgba(148, 111, 251, 1) 100%
  );
  background-size: 120% 100%;
  background-position: left center;
  transition: background-position 0.5s ease-in-out;
  text-decoration: none;
  border: 0 none;
  border-radius: var(--radius);
  color: rgba(252, 250, 248, 1);
  font-weight: 600;
  font-size: 0.9rem;
  line-height: 1.5rem;
  min-height: 3rem;
  cursor: pointer;
  transition: all 0.5s ease-in;
  -webkit-appearance: none;
}

.button-line:hover,
a.button-line:hover,
.button:hover,
a.button:hover,
button:hover,
input[type="submit"]:hover,
label.file span:hover {
  background-position: right center;
}
.button-line,
a.button-line {
  background: rgba(175, 036, 039, 0);
  color: rgba(175, 036, 039, 1);
  border: 1px solid rgba(175, 036, 039, 1);
}
label.file span {
  line-height: 2rem;
}

input[type="file"].filled + span::before {
  font-family: "Commissioner", sans-serif !important;
  min-height: 0;
  padding: 0.5rem 1.2rem;
}

.button::before,
a.button::before,
button::before {
  font-size: 1rem;
}

h4.button[class*=" marina-"],
.button[class*=" marina-"],
.button[class*=" marina-"],
.button[class*=" marina-"].hovered,
.button[class^="marina-"],
.button[class^="marina-"].hovered,
a.button[class*=" marina-"],
a.button[class^="marina-"],
button[class*=" marina-"],
button[class^="marina-"] {
  font-family: "Commissioner", sans-serif;
  font-weight: 400;
  font-size: 0.9rem;
  padding: 0.3rem 1.5rem 0.3rem 4.4rem;
  color: rgba(086, 067, 204, 1);
  background-image: linear-gradient(
    92.88deg,
    rgba(69, 94, 181, 0.2) 9.16%,
    rgba(86, 67, 204, 0.2) 43.89%,
    rgba(103, 63, 215, 0.2) 64.72%
  );
  position: relative;
  z-index: 2;
  line-height: 2.5rem;
  transition: all 0.4s ease-in;
}

.button[class*=" marina-"].redButton,
.button[class*=" marina-"].redButton.hovered,
.button[class^="marina-"].redButton,
.button[class^="marina-"].redButton.hovered,
.loading[class*=" marina-"].redButton:hover,
.loading[class^="marina-"].redButton:hover,
a.button[class*=" marina-"].redButton,
a.button[class^="marina-"].redButton,
button[class*=" marina-"].redButton,
button[class^="marina-"].redButton {
  color: rgba(175, 036, 039, 1);
}

.button[class*=" marina-"].greenButton,
.button[class*=" marina-"].greenButton.hovered,
.button[class^="marina-"].greenButton,
.button[class^="marina-"].greenButton.hovered,
.loading[class*=" marina-"].greenButton:hover,
.loading[class^="marina-"].greenButton:hover,
a.button[class*=" marina-"].greenButton,
a.button[class^="marina-"].greenButton,
button[class*=" marina-"].greenButton,
button[class^="marina-"].greenButton {
  color: rgba(50, 100, 30, 1);
  background-image: linear-gradient(
    135deg,
    rgba(162, 195, 84, 0.3) 0%,
    rgba(142, 175, 64, 0.3) 50%,
    rgba(122, 155, 44, 0.3) 100%
  );
}

.button[class*=" marina-"]:not(.loading).hovered,
.button[class*=" marina-"]:not(.loading):hover,
.button[class^="marina-"]:not(.loading).hovered,
.button[class^="marina-"]:not(.loading):hover,
a.button[class*=" marina-"]:not(.loading):hover,
a.button[class^="marina-"]:not(.loading):hover,
button[class*=" marina-"]:not(.loading):hover,
button[class^="marina-"]:not(.loading):hover {
  background-image: linear-gradient(
    92.88deg,
    rgba(69, 94, 181, 0.62) 9.16%,
    rgba(86, 67, 204, 0.38) 43.89%,
    rgba(103, 63, 215, 0.38) 64.72%
  );
  color: rgba(255, 255, 255, 1);
  transition: all 0.2s ease-in;
}

.button[class*=" marina-"]:not(.loading).greenButton.hovered,
.button[class*=" marina-"]:not(.loading).greenButton:hover,
.button[class^="marina-"]:not(.loading).greenButton.hovered,
.button[class^="marina-"]:not(.loading).greenButton:hover,
a.button[class*=" marina-"]:not(.loading).greenButton:hover,
a.button[class^="marina-"]:not(.loading).greenButton:hover,
button[class*=" marina-"]:not(.loading).greenButton:hover,
button[class^="marina-"]:not(.loading).greenButton:hover {
  background-image: linear-gradient(
    135deg,
    rgba(162, 195, 84, 1) 0%,
    rgba(142, 175, 64, 0.5) 50%,
    rgba(122, 155, 44, 0.5) 100%
  );
}

.button[class*=" marina-"]::before,
.button[class^="marina-"]::before,
a.button[class*=" marina-"]::before,
a.button[class^="marina-"]::before,
button[class*=" marina-"]::before,
button[class^="marina-"]::before {
  text-align: left;
  position: absolute;
  top: 0;
  left: 0;
  bottonm: 0;
  height: 100%;
  font-size: 1.6rem;
  width: 2.3rem;
  display: inline-block;
  padding: 0 0 0 0.8rem;
  margin: 0 1rem 0 0;
  line-height: 1.9em;
  color: rgba(252, 250, 248, 1);
  background-image: linear-gradient(
    92.88deg,
    rgba(69, 94, 181, 1) 9.16%,
    rgba(86, 67, 204, 1) 43.89%,
    rgba(103, 63, 215, 1) 64.72%
  );
  border-radius: var(--radius) 0 0 var(--radius);
  z-index: -1;
  transition: all 0.4s ease-in;
}

.button[class*=" marina-"].redButton::before,
.button[class^="marina-"].redButton::before,
.redButton,
a.button[class*=" marina-"].redButton::before,
a.button[class^="marina-"].redButton::before,
button[class*=" marina-"].redButton::before,
button[class^="marina-"].redButton::before {
  background: rgba(175, 036, 039, 1);
}

.button[class*=" marina-"].greenButton::before,
.button[class^="marina-"].greenButton::before,
.greenButton,
a.button[class*=" marina-"].greenButton::before,
a.button[class^="marina-"].greenButton::before,
button[class*=" marina-"].greenButton::before,
button[class^="marina-"].greenButton::before {
  background-image: linear-gradient(
    135deg,
    rgba(162, 195, 84, 1) 0%,
    rgba(142, 175, 64, 1) 50%,
    rgba(122, 155, 44, 1) 100%
  );
}

.button[class*=" marina-"].pinkButton::before,
.button[class^="marina-"].pinkButton::before,
.pinkButton,
a.button[class*=" marina-"].pinkButton::before,
a.button[class^="marina-"].pinkButton::before,
button[class*=" marina-"].pinkButton::before,
button[class^="marina-"].pinkButton::before {
  background: #48257a;
}

.button[class*=" marina-"].yellowButton::before,
.button[class^="marina-"].yellowButton::before,
.yellowButton,
a.button[class*=" marina-"].yellowButton::before,
a.button[class^="marina-"].yellowButton::before,
button[class*=" marina-"].yellowButton::before,
button[class^="marina-"].yellowButton::before {
  background: rgba(175, 036, 039, 1);
}

.button[class*=" marina-"]:not(.loading).hovered::before,
.button[class*=" marina-"]:not(.loading):hover::before,
.button[class^="marina-"]:not(.loading).hovered::before,
.button[class^="marina-"]:not(.loading):hover::before,
a.button[class*=" marina-"]:not(.loading):hover::before,
a.button[class^="marina-"]:not(.loading):hover::before,
button[class*=" marina-"]:not(.loading):hover::before,
button[class^="marina-"]:not(.loading):hover::before {
  padding: 0 0 0 1.5rem;
  right: 0;
  width: calc(100% - 1.5rem);
  border-radius: var(--radius);
}
.button[class*=" marina-"].iconButton,
.button[class^="marina-"].iconButton,
a.button[class*=" marina-"].iconButton,
a.button[class^="marina-"].iconButton,
button0[class^="marina-"].iconButton,
button[class*=" marina-"].iconButton {
  padding: 0 1.8rem 0 1.2rem;
}

.button[class*=" marina-"].iconButton.hovered::before,
.button[class*=" marina-"].iconButton:hover::before,
.button[class^="marina-"].iconButton.hovered::before,
.button[class^="marina-"].iconButton:hover::before,
a.button[class*=" marina-"].iconButton:hover::before,
a.button[class^="marina-"].iconButton:hover::before,
button[class*=" marina-"].iconButton:hover::before,
button[class^="marina-"].iconButton:hover::before {
  width: 2rem;
  padding: 0 0 0 1rem;
}

.greenButton,
.pinkButton,
.redButton,
.yellowButton {
  background-position: 0 0;
  background-size: 200% 100%;
}

.button:hover,
.greenButton:hover,
.pinkButton:hover,
.redButton:hover,
.yellowButton:hover,
a.button:hover,
button:hover,
input[type="submit"]:hover,
label.file span:hover {
  background-position: 100% 0;
}

.notButton {
  cursor: default !important;
}

.button[class*=" marina-"].loading::before,
.button[class*=" marina-"].loading:hover::before,
.button[class^="marina-"].loading::before,
.button[class^="marina-"].loading:hover::before {
  border: 1px solid #f6c94f;
  background: #f6c94f;
  background: -moz-linear-gradient(top, #f6c94f 0, #eed875 100%);
  background: -webkit-linear-gradient(top, #f6c94f 0, #eed875 100%);
  background: linear-gradient(to bottom, #f6c94f 0, #eed875 100%);
  transform: translate(0, 0);
  animation: pulseIconButton 1s linear 0s infinite alternate;
}

.instantSave,
.instantSavePassword,
.overlayForm,
.userAccount {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.overlayForm header {
  flex: 0 0 100%;
}

:not(.twoColumns) > p.instSaveP {
  padding-top: 1.4rem;
  position: relative;
  flex: 0 0 100%;
  padding-bottom: 0;
  margin-bottom: 0.2rem;
}

p.instSaveP input {
  width: 100%;
}

.smallLabel > label {
  font-size: 0.8rem;
  position: absolute;
  z-index: 0;
  top: 0.25rem;
  left: 0;
  bottom: 0;
  right: 0;
  transition: color 0.25s ease-in;
}

.smallLabel > label span {
  display: none;
}

p.instSaveP > input[type="checkbox"] + label {
  margin-bottom: 0.2rem;
}

p.instSaveP.showLoad > label::before {
  content: "";
  height: 3px;
  width: 0;
  left: 0;
  position: absolute;
  bottom: -1px;
  background: rgba(045, 173, 218, 0);
  transition: all 0.25s ease-in;
}

p.instSaveP > select {
  z-index: 2;
  position: relative;
}

p.instSaveP > input,
p.instSaveP > textarea {
  z-index: 2;
  position: relative;
  border-bottom: 0 none;
  margin-bottom: 0;
  background: -moz-linear-gradient(
    -45deg,
    rgba(212, 223, 223, 0.1) 0,
    rgba(086, 067, 204, 0.2) 100%
  );
  background: -webkit-linear-gradient(
    -45deg,
    rgba(212, 223, 223, 0.1) 0,
    rgba(086, 067, 204, 0.2) 100%
  );
  background: linear-gradient(
    135deg,
    rgba(212, 223, 223, 0.1) 0,
    rgba(086, 067, 204, 0.2) 100%
  );
  transition: all 0.75s ease-in;
}

p.instSaveP > textarea {
  border: 0 none;
  margin-top: 0.25rem;
  width: 100%;
  height: 150px;
}

p.instSaveP.con25 {
  flex: 0 0 24%;
}

p.instSaveP.con50 {
  flex: 0 0 49%;
}

p.instSaveP.con75 {
  flex: 0 0 74%;
}

p.instSaveP.showLoad input.loadError + label::before,
p.instSaveP.showLoad input.loadSuccess + label::before,
p.instSaveP.showLoad input.loading + label::before,
p.instSaveP.showLoad select.loadSuccess + label::before,
p.instSaveP.showLoad select.loading + label::before,
p.instSaveP.showLoad textarea.loadError + label::before,
p.instSaveP.showLoad textarea.loadSuccess + label::before,
p.instSaveP.showLoad textarea.loading + label::before {
  width: 100%;
  transition: all 0.75s ease-in;
}

p.instSaveP.showLoad input.loading + label::before,
p.instSaveP.showLoad select.loading + label::before,
p.instSaveP.showLoad textarea.loading + label::before {
  background: #ffc800;
}

p.instSaveP.showLoad input.loadSuccess + label,
p.instSaveP.showLoad select.loadSuccess + label,
p.instSaveP.showLoad textarea.loadSuccess + label {
  color: rgba(175, 036, 039, 1);
}

p.instSaveP.showLoad input.loadSuccess + label::before,
p.instSaveP.showLoad select.loadSuccess + label::before,
p.instSaveP.showLoad textarea.loadSuccess + label::before {
  background: rgba(175, 036, 039, 1);
}

p.instSaveP.showLoad input.loadError + label::before,
p.instSaveP.showLoad select.loadError + label::before,
p.instSaveP.showLoad textarea.loadError + label::before {
  background: rgba(175, 036, 039, 1);
}

@media screen and (min-width: 512px) {
  .c_512 {
    padding-left: 0;
    padding-right: 0;
    width: 512px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 804px) {
  .c_768 {
    padding-left: 0;
    padding-right: 0;
    width: 768px;
    margin: 0 auto;
  }

  .smallLabel > label span {
    display: inline;
  }
}
@media screen and (min-width: 960px) {
  .c_960 {
    padding-left: 0;
    padding-right: 0;
    width: 960px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 1064px) {
  .c_1024 {
    padding-left: 0;
    padding-right: 0;
    width: 1080px;
    margin: 0 auto;
  }
}

.umbruch {
  -moz-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
#mHeader {
  position: fixed;
  z-index: 99911;
  top: 0;
  right: 0;
  left: 0;
  height: 40px;
  transform: translateZ(500px);
  transition: background 0.5s cubic-bezier(0.25, 0.1, 0.45, 1);
  background: rgba(252, 250, 248, 1);
  box-shadow: rgba(086, 067, 204, 1) 0 -0.75rem 4rem -1.4rem;
}

.menuVisible #mHeader {
  transform: inherit;
}

#mHeader .c_1024:first-child {
  position: relative;
  z-index: 99904;
  height: 0;
}

a#logo {
  display: inline-block;
  background: url(images/marina-logo.png) no-repeat left center;
  background-size: 100px 57px;
  width: 100px;
  height: 57px;
  margin: 0.85rem 0 0 1rem;
  border: 0 none;
  z-index: 99912;
  transform: translate(0, 0);
  transition: all 0.5s cubic-bezier(0.25, 0.1, 0.45, 1);
}

body.scrolledUp #mHeader a#logo {
  margin: 1.7rem 0 0 1rem;
  background-size: 150px 21px;
  width: 150px;
  height: 86px;
}
@media (min-width: 804px) {
  #mHeader {
    height: 70px;
  }
  body.scrolledUp #mHeader {
    height: 100px;
  }
  a#logo {
    margin: 0.6rem;
    font-size: 1rem;
    background-size: 105px 60px;
    width: 105px;
    height: 60px;
  }
  body:not(.menuVisible).scrolledUp #mHeader a#logo {
    margin: 1.9rem 0 0;
  }
}

@media (min-width: 1064px) {
  body:not(.menuVisible).scrolledUp #mHeader::after {
    bottom: 100px;
  }
  a#logo {
    background-size: 105px 60px;
    width: 105px;
    height: 60px;
    margin: 0.3rem 0 0;
    background-position: left bottom;
    transition: all 0.5s cubic-bezier(0.25, 0.1, 0.45, 1);
  }
  body.scrolledUp #mHeader a#logo {
    background-size: 300px 171px;
    width: 300px;
    height: 171px;
  }
}
.showContactActive #mHeader {
  transform: translateY(-10rem);
}
.scrolledUp #mHeader {
  background: rgba(252, 250, 248, 0.62);
  box-shadow: rgba(086, 067, 204, 1) 0 -5.75rem 4rem -1.5rem;
}

#showMenuBack {
  background: rgba(223, 231, 231, 0);
  background: -moz-radial-gradient(
    center,
    ellipse cover,
    rgba(223, 231, 231, 0) 40%,
    rgba(203, 216, 216, 0) 100%
  );
  background: -webkit-radial-gradient(
    center,
    ellipse cover,
    rgba(223, 231, 231, 0) 40%,
    rgba(203, 216, 216, 0) 100%
  );
  background: radial-gradient(
    ellipse at center,
    rgba(223, 231, 231, 0) 40%,
    rgba(203, 216, 216, 0) 100%
  );
  background-size: 400vw 400vh;
  background-position: center center;
  text-indent: -9999px;
  position: fixed;
  z-index: 99700;
  top: 0;
  right: 0;
  height: 45px;
  width: 45px;
  display: inline-block;
  transform: scale(0) rotate(135deg);
  transition: transform 0.75s cubic-bezier(0.25, 0.1, 0.45, 1),
    height 0.75s cubic-bezier(0.25, 0.1, 0.45, 1),
    width 0.75s cubic-bezier(0.25, 0.1, 0.45, 1),
    top 0.75s cubic-bezier(0.25, 0.1, 0.45, 1),
    right 0.75s cubic-bezier(0.25, 0.1, 0.45, 1),
    background 1s cubic-bezier(0.25, 0.1, 0.45, 1) 0.45s;
}

#showMenu {
  text-indent: -9999px;
  cursor: pointer;
  position: fixed;
  z-index: 99905;
  background: rgba(086, 067, 204, 1);
  display: inline-block;
  line-height: 0;
  padding: 0;
  height: 2px;
  width: 20px;
  border-radius: var(--radius);
  top: 1.3rem;
  right: 2rem;
  transition: all 0.5s cubic-bezier(0.25, 0.1, 0.45, 1);
}
body.scrolledUp #showMenu {
  top: 2.15rem;
}
#showMenu::after,
#showMenu::before {
  content: "";
  position: absolute;
  background: rgba(086, 067, 204, 1);
  height: 2px;
  width: 20px;
  border-radius: var(--radius);
  top: -0.35rem;
  left: 0;
  margin: 0;
  padding: 0;
  display: inline-block;
  transition: all 0.75s cubic-bezier(0.25, 0.1, 0.45, 1);
}
.scrolledUp #showMenu,
.scrolledUp #showMenu::after,
.scrolledUp #showMenu::before {
  background: rgba(252, 250, 248, 1);
}

#showMenu::after {
  top: 0.35rem;
  left: 0;
}

#showMenu span {
  position: absolute;
  background: 0 0;
  display: block;
  top: -22px;
  left: -10px;
  width: 50px;
  height: 50px;
  transform: rotate(45deg);
}

.menuVisible #showMenuBack {
  background: rgba(223, 231, 231, 1);
  background: -moz-radial-gradient(
    center,
    ellipse cover,
    rgba(223, 231, 231, 1) 40%,
    rgba(203, 216, 216, 1) 100%
  );
  background: -webkit-radial-gradient(
    center,
    ellipse cover,
    rgba(223, 231, 231, 1) 40%,
    rgba(203, 216, 216, 1) 100%
  );
  background: radial-gradient(
    ellipse at center,
    rgba(223, 231, 231, 1) 40%,
    rgba(203, 216, 216, 1) 100%
  );
  transform: scale(1) rotate(0);
  top: 0;
  right: 0;
  height: 100vh;
  width: 100vw;
  background-size: 100vw 100vh;
  transition: all 0.3s ease-in;
}

.menuVisible #showMenu::after,
.menuVisible #showMenu::before {
  background: rgba(086, 067, 204, 1);
}
.menuVisible #showMenu {
  background: rgba(086, 067, 204, 0);
}
.menuVisible #showMenu::before {
  top: 0;
  transform: rotate(45deg);
}

.menuVisible #showMenu::after {
  top: 0;
  transform: rotate(-45deg);
}
@media (min-width: 804px) {
  #showMenu {
    top: 2.15rem;
  }
  #showMenu,
  #showMenu::after,
  #showMenu::before {
    height: 3px;
  }
}

@media (min-width: 1064px) {
  body.accountTemplate #showMenu {
    right: calc((100vw - 1080px) / 2);
  }

  body #showMenu {
    display: none;
  }

  body #showMenuBack {
    display: none;
  }
}

#showMenu::before {
  padding: 0 !important;
  margin: 0 !important;
}

.menuVisible #showMenu {
  color: #21373c;
}

#mNav {
  position: relative;
}

#mNav > nav {
  position: fixed;
  display: flex;
  flex-direction: row;
  align-items: center;
  z-index: 99902;
  top: 0;
  left: -100vw;
  bottom: 0;
  width: 100vw;
  text-align: center;
  padding: 1rem 2rem;
  opacity: 0;
  transition: all 0.5s cubic-bezier(0.25, 0.1, 0.45, 1);
}

.menuVisible #mNav > nav {
  opacity: 1;
  left: 0;
}

#mNav > nav a {
  border: 0 none;
  text-decoration: none;
}

#mNav > ul {
  flex: 1 0 33%;
  padding: 0.1rem 0 0.1rem 1rem;
}

#mainN.list {
  width: 100%;
  padding: 0;
  margin: 0;
  transition: all 0.5s cubic-bezier(0.25, 0.1, 0.45, 1);
}

.scrolledUp #mHeader #mainN.list {
  padding: 1.5rem 0 0;
  transition: all 0.3s ease-in;
}

#mainN li {
  position: initial;
  text-align: center;
  list-style-type: none;
  list-style-position: outside;
  padding: 1rem 0;
  z-index: 3;
  white-space: nowrap;
}

#mainN.list > li > a {
  color: #21373c;
  font-weight: 200;
}

#mainN.list > li.current_page_item > a,
#mainN.list > li > ul .current_page_item > a {
  color: rgba(103, 063, 215, 1);
  font-weight: 400;
}

#mainN.list > li.trail_item .trail_item > a,
#mainN.list > li.trail_item > a {
  font-weight: 200;
  color: rgba(103, 063, 215, 1);
}

#mainN .trail_item::after {
  content: "";
  bottom: 0.25rem;
  left: calc(50% - 0.2rem);
  position: absolute;
  width: 0.2rem;
  height: 0.2rem;
  background: rgba(103, 063, 215, 1);
  border-radius: 50%;
}

#mainN .trail_item .trail_item::after {
  display: none;
}

#mainN ul.sublist {
  margin: 0;
  padding: 0;
  min-width: 100%;
  position: absolute;
  left: auto;
  right: 0;
  top: 100%;
  overflow: hidden;
  max-height: 0;
  font-size: 0.9rem;
  transition: all 0.1s ease-in;
}

#mainN.list > li.touch > ul,
#mainN.list > li:hover > ul {
  max-height: 100vh;
  background: rgba(252, 250, 248, 0.95);
  box-shadow: rgba(103, 063, 215, 1) 0 2rem 5rem -3rem;
  padding: 1rem 0;
  transition: all 0.25s ease-in;
}

#mainN.list > li > ul > li > a {
  color: rgba(069, 142, 247, 1);
  font-weight: 200;
}

#mainN.list > li > ul > li > a:hover {
  color: rgba(086, 067, 204, 1);
}

#mainN.list > li > ul > li {
  display: list-item;
  padding: 0.5rem 1rem;
  margin: 0;
}

#mainN.list > li > ul > li:last-child {
  border-right: 1px solid transparent;
}

#mNav li::before {
  height: 0;
  width: 0;
  content: "";
  display: none;
}

.menuVisible #mainN ul.sublist {
  max-height: auto;
  position: inherit;
}

@media (min-width: 1064px) {
  body #mainN li.first_item {
    text-align: left;
    display: none;
  }

  body #mainN li.first_item a {
    text-indent: -1000px;
    overflow: hidden;
    display: inline-block;
  }

  body #mainN li.first_item a::before {
    font-family: marina !important;
    speak: never;
    font-style: normal;
    font-weight: 600;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    padding: 0.1rem 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e901";
    color: rgba(175, 036, 039, 1);
    float: left;
    text-indent: 0;
    font-size: 1.2rem;
  }

  body #mNav > nav {
    padding: 0.4rem 0 0;
    opacity: 1;
    text-align: right;
    position: initial;
    width: 100%;
    justify-content: flex-end;
  }

  body #mainN li {
    text-align: center;
    padding: 1rem 0.5rem 0.35rem;
    display: inline-block;
    position: relative;
  }

  body #mainN > li:last-of-type {
    padding-right: 0;
  }

  body #mainN.list > li > a {
    font-size: 0.9rem;
  }
}

#metaNav {
  float: right;
}

#metaNav ul {
  padding: 0;
  margin: 0;
  text-align: left;
}

#metaNav ul li {
  display: inline-block;
  list-style-type: none;
  padding: 0 0.5rem;
  margin: 0;
}
#metaNav ul li:first-of-type {
  padding: 0 0.5rem 0 0;
}

#metaNav li::before {
  display: none;
}

#metaNav ul li:last-child {
  padding: 0 0 0 0.5rem;
}

#contSection {
  padding: 0;
}
#contSection section:last-of-type:not(.cG_twoWays):not(.marinaSlogan) {
  padding-bottom: 12rem;
}

@media (min-width: 804px) {
  #contHeader {
    padding-bottom: 0;
  }
}
#mContent {
  display: block;
  padding: 0;
  opacity: 1;
  transition: all 0.5s cubic-bezier(0.25, 0.1, 0.45, 1);
}
@media (min-width: 804px) {
  #metaNav ul {
    text-align: right;
  }
}
@media (min-width: 1064px) {
  #mContent {
    padding: 0;
  }
}

.menuVisible #mContent {
  opacity: 0.2;
}

#mFooter {
  padding: 0 1rem;
  margin: 0 auto 0;
  position: fixed;
  min-height: 1rem;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  color: rgba(086, 067, 204, 1);
  background: #fff;
  font-size: 0.7rem;
  transition: all 0.75s cubic-bezier(0.25, 0.1, 0.45, 1);
  box-shadow: rgba(086, 067, 204, 0) 0 -0.75rem 4rem -1.4rem;
}
#mFooter::before {
  content: "";
  pointer-events: none;
  position: absolute;
  z-index: 4;
  top: -80px;
  left: 0;
  width: 100vw;
  height: 100px;
  background: url(images/bottom.png) no-repeat center center;
  background-size: 100% 100%;
  transform-origin: left bottom;
  transition: all 0.5s cubic-bezier(0.25, 0.1, 0.45, 1);
}
#mFooter::after {
  content: "";
  position: absolute;
  z-index: 2;
  top: -90px;
  left: 0;
  width: 100vw;
  height: 98px;
  background: url(images/bottom_blue.png) no-repeat center center;
  background-size: 100% 100%;
  transform-origin: left bottom;
  transition: all 1.25s cubic-bezier(0.25, 0.1, 0.45, 1);
}
.scrolledUp #mFooter::after {
  transition: all 0.2s cubic-bezier(0.25, 0.1, 0.45, 1);
}
.showContactActive #mFooter::before {
  height: 160vh;
}
.scrolledUp #mFooter::after,
.scrolledUp #mFooter::before {
  top: 100px;
}
#mFooter a:not(.marinaContGridRight) {
  color: rgba(086, 067, 204, 1);
  border-bottom: 0 none;
}
#mFooter strong {
  font-weight: 500;
}
#mFooter strong::before {
  color: rgba(175, 036, 039, 1);
}
#mFooter > div {
  background: #fff;
}
#mFooter > div > .left {
  display: block;
  padding: 0.5rem 0 0 0;
  line-height: 1rem;
  float: none;
}

#mFooter > div {
  position: relative;
  z-index: 4;
  background: #fff;
  padding: 0 0 0.5rem 0;
}

@media (min-width: 512px) {
}

@media (min-width: 804px) {
  #mFooter {
    padding: 0 1rem;
  }
  #mFooter > div > .left {
    display: inherit;
  }
}
@media (min-width: 1064px) {
  #mFooter {
    padding: 0;
  }
}
.showContactActive #mFooter {
  height: calc(100vh + 4rem);
}

#contactButton {
  position: fixed;
  padding-bottom: 6.5rem;
  bottom: calc(3.6rem + 100vw / 48);
  left: 1rem;
  z-index: 3;
  box-shadow: 0 0.5em 1em rgba(86, 67, 204, 0.25);
  transform: rotate(0deg) translate(0, 6rem);
  transform-origin: left bottom;
  transition: transform 1.75s cubic-bezier(0.25, 0.1, 0.45, 1) 0.5s;
}

#contactButton:hover {
  transform: translateY(5.5rem) scale(1.01);
  transition: transform 0.3s ease-out;
}

@media (min-width: 804px) {
  #contactButton {
    bottom: calc(1.4rem + 100vw / 48);
  }
}

@media (min-width: 1064px) {
  #contactButton {
    left: calc((100vw - 1080px) / 2);
  }
}

/* Zustand beim Scrollen/Aktivierung */
.showContactActive #contactButton,
.scrolledUp #contactButton {
  transition: transform 0.5s cubic-bezier(0.25, 0.1, 0.45, 1);
  transition-delay: 0;
  transform: rotate(-2deg) translate(0, 14rem);
}

.showContactActive #contactButton:hover,
.scrolledUp #contactButton:hover {
  transform: translateY(calc(-0.5rem + 14rem)) rotate(-2deg) scale(1.01);
  transition: transform 0.3s ease-out 0s;
}

#marinaContact {
  padding: 0;
  max-height: 0;
  transform: translate(0, 100vh);
  transition: all 0.75s cubic-bezier(0.25, 0.1, 0.45, 1) 0.25s;
}

.showContactActive #marinaContact {
  padding: 7rem 0 0 0;
  max-height: 100vh;
  overflow: auto;
  transform: translate(0, 0);
}

#contactMessage {
  padding: 0.75rem 0;
  font-size: 0.9rem;
  line-height: 1.4rem;
}
#marinaContact aside {
  font-size: 1rem;
  line-height: 1.6rem;
  padding: 0 0 1rem 0;
}
#marinaContact small {
  color: rgba(086, 067, 204, 0.38);
  padding: 1rem 0 3rem 0;
  display: block;
}
#marinaContact .button,
#marinaContact button,
#marinaContact input,
#marinaContact textarea {
  width: 100%;
}
@media (min-width: 1064px) {
  #marinaContact .button,
  #marinaContact button,
  #marinaContact input {
    width: 49.5%;
  }
}
#marinaContact .button.is_missing,
#marinaContact button.is_missing,
#marinaContact input.is_missing,
#marinaContact textarea.is_missing {
  background: rgba(175, 036, 039, 0.2);
  border: 1px solid rgba(175, 036, 039, 1);
}

.is_missing::placeholder {
  color: rgba(175, 036, 039, 1) !important;
}

input[type="checkbox"].is_missing + label::after {
  background: rgb(175, 036, 039);
  background: radial-gradient(
    circle,
    rgba(175, 036, 039, 0.15) 11%,
    rgba(175, 036, 039, 0.38) 100%
  );
}
input[type="checkbox"].is_missing + label::before {
  box-shadow: 0 0 0.3rem -0.1rem rgba(175, 036, 039, 0.2),
    inset 0 0 0.4rem -0.1rem rgba(086, 067, 204, 0.5);
}

#marinaContactButtons {
  text-align: right;
  padding: 0 0 1rem 0;
}
#marinaSub:hover {
  color: rgba(252, 250, 248, 1);
}
#marinaContact #marinaC-Close::before {
  border-radius: var(--radius);
}

#marinaContact #marinaC-Close:hover,
#marinaContact #marinaC-Close {
  width: auto !important;
  min-width: 2rem;
  padding: 0 !important;
  margin-right: 1rem;
}
#marinaContact #marinaC-Close:hover::before {
  padding: 0 0 0 0.8rem;
  width: 2.3rem;
}
#marinaContact #marinaC-Close:hover::before {
  color: rgba(255, 255, 255, 1) !important;
  background: rgba(086, 067, 204, 1) !important;
}
#marinaContact input[type="radio"] {
  display: none;
}
#marinaAnrede1 + label,
#marinaAnrede2 + label,
#marinaAnrede3 + label {
  cursor: pointer;
  background: rgba(212, 223, 223, 0.2);
  color: rgba(086, 067, 204, 1);
  font-size: 1rem;
  padding: 0.5rem 1.6rem;
  line-height: 2rem;
  min-height: 3rem;
  margin: 0;
}
#marinaAnredeRadio {
  margin: 0.5rem 0;
}
#marinaAnrede1:checked + label,
#marinaAnrede2:checked + label,
#marinaAnrede3:checked + label {
  color: rgba(252, 250, 248, 1);
  background: rgba(175, 036, 039, 1);
  border-color: rgba(175, 036, 039, 1);
}
@media (min-width: 512px) {
  #marinaContact .button,
  #marinaContact button,
  #marinaContact input,
  #marinaContact textarea {
    font-size: 1rem;
  }
}
@media (min-width: 804px) {
  #marinaContact .button,
  #marinaContact a.button,
  #marinaContact button,
  #marinaContact input[type="file"].filled + span::before,
  #marinaContact input[type="submit"],
  #marinaContact label.file span {
    width: auto;
  }
}

#footerNav {
  display: inline-block;
}

#footerNav ul {
  margin: 0;
  padding: 0;
}

#footerNav li {
  list-style: none;
  padding: 0.2rem 0;
  margin: 0;
}

#footerNav.auth ul li:nth-child(2) {
  display: none;
}

#footerNav li::before {
  height: 0;
  width: 0;
  display: none;
}

a.noBorderLink {
  border-bottom: 0 none;
}

#getUpaaa {
  position: fixed;
  display: block;
  z-index: 9999;
  bottom: 1rem;
  right: 1rem;
  color: rgba(086, 067, 204, 1);
  border: 1px solid rgba(086, 067, 204, 1);
  border-radius: 50%;
  width: 2rem;
  height: 2rem;
  cursor: pointer;
  transform: translateY(6rem);
  transition: all 0.5s cubic-bezier(0.25, 0.1, 0.45, 1);
}
@media (min-width: 164px) {
  #getUpaaa {
    bottom: 2.5rem;
    right: 2rem;
  }
}
#getUpaaa::before,
#getUpaaa::after {
  position: absolute;
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  border-top: 1px solid rgba(086, 067, 204, 1);
  border-left: 1px solid rgba(086, 067, 204, 1);
  transform: rotate(45deg);
  left: 0.2rem;
}
#getUpaaa::before {
  top: 0.6rem;
  left: 0.7rem;
}
#getUpaaa::after {
  top: 0.95rem;
  left: 0.7rem;
}
#getUpaaa.active {
  transform: translateY(0rem);
  transition: all 0.75s cubic-bezier(0.25, 0.1, 0.45, 1) 0.5s;
}
#getUpaaa.active::after {
  transition: all 0.75s cubic-bezier(0.25, 0.1, 0.45, 1) 0.5s;
}
.menuVisible #getUpaaa.active,
.showContactActive #getUpaaa.active {
  transform: translateY(6rem);
}
.showVisual {
  display: none;
  position: absolute;
  z-index: 10;
  height: 150px;
  width: auto;
}

.sV_TL {
  top: 0;
  left: calc((100vw - 1080px) / 2);
}
.sV_TC {
  top: 0;
  left: 50%;
  transform: translatex(-50%);
}
.sV_TR {
  top: 0;
  right: calc((100vw - 1080px) / 2);
}
.sV_BL {
  bottom: calc(7.6rem - 100vw / 48);
  left: calc((100vw - 1080px) / 2);
}
.sV_BC {
  bottom: calc(7.6rem - 100vw / 48);
  left: 50%;
  transform: translatex(-50%);
}
.sV_BR {
  bottom: 0;
  right: 1rem;
}
.marinaLogoCircle {
  height: 80px;
  width: 80px;
  top: 30px; //calc(7.6rem - 100vw / 48);
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  z-index: 10;
  border-radius: 50%;
  padding: 0;
  margin: 0;
  border: 10px solid rgba(252, 250, 248, 1);
}
.upWhite .marinaLogoCircle {
  border: 10px solid rgba(255, 255, 255, 1);
}

.marinaLogoCircle img {
  background: rgba(175, 036, 039, 1);
  height: 60px;
  width: 60px;
  padding: 0;
  margin: 0;
  border-radius: 50%;
}
@media (min-width: 804px) {
  .showVisual {
    display: block;
  }
  .marinaLogoCircle {
    background: rgba(175, 036, 039, 1);
    top: calc(7.6rem - 100vw / 48);
    height: 100px;
    width: 100px;
  }
  .marinaLogoCircle img {
    margin: 5px;
    height: 70px;
    width: 70px;
  }
  .sV_BR {
    right: 2rem;
    bottom: calc(-1.5rem + 100vw / 48);
  }
}
@media (min-width: 1064px) {
  .sV_BR {
    right: calc((100vw - 1080px) / 2);
    bottom: calc(-2rem + 100vw / 48);
  }
}
/* 
catGallery: simpleImage
 */
.cG_marinaSimpleImg {
  padding: 0.5em 0 0 0 !important;
  position: relative;
  overflow: hidden;
  text-align: center;
}
.cG_marinaSimpleImg::before,
.cG_marinaSimpleImg::after {
  z-index: 2;
}

.cG_marinaSimpleImg .h1Style {
  font-weight: 600;
  font-size: 4rem;
  color: rgba(175, 036, 039, 1);
  padding: 0;
  text-transform: none;
  line-height: 11rem;
}
.cG_marinaSimpleImg figure {
  padding: 0;
  margin: 0;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.cG_marinaSimpleImg img {
  margin: 1em 0 0 0;
  width: 100%;
  height: auto;
}
.cG_marinaSimpleImg figcaption,
.cG_marinaSimpleImg figure > div {
  padding: 2em 1em;
}
.cG_marinaSimpleImg figcaption {
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  padding: 1rem 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.cG_marinaSimpleImg button {
  color: rgba(073, 073, 072, 1);
  text-transform: uppercase;
  background: transparent;
  border: 1px solid rgba(073, 073, 072, 1);
  position: absolute;
  right: 1em;
  left: 1em;
  bottom: 2em;
  width: auto;
}

@media (min-width: 512px) {
  .cG_marinaSimpleImg h2 {
  }
  .cG_marinaSimpleImg .h1Style {
    padding: 5rem 0 0 0;
    font-size: 5rem;
  }
}
@media (min-width: 1064px) {
  .cG_marinaSimpleImg figcaption {
    width: 1080px;
    padding: 0;
    left: calc((100vw - 1080px) / 2);
  }
  .cG_marinaSimpleImg .h1Style {
    padding: 15rem 0 0 0;
    font-size: 7rem;
  }
  .cG_marinaSimpleImg figcaption,
  .cG_marinaSimpleImg figure > div {
    padding: 1em 0 0 0;
  }
}
/* 
catGallery: marinaHeaderImage
 */

.marinaHeaderImage {
  position: relative;
  overflow: hidden;
  padding: 0;
}
.marinaHeaderImage.fHI_transp {
  background: rgba(086, 067, 204, 1);
}
.marinaHeaderImage figure {
  text-align: center;
  position: relative;
  z-index: 0;
  width: 100vw;
  max-width: 100vw;
  padding: calc(500px + 3rem) 0 0 0;
  margin: 0;
  min-height: 38vh;
}
.marinaHeaderImageDifferent {
}

.marinaHeaderImageDifferent h2 {
  margin-top: 1rem;
}
@media (min-width: 804px) {
  .marinaHeaderImageDifferent h2 {
    margin-top: -9rem;
  }
}
.marinaHeaderImage figure.noContent {
  max-height: 100vh;
  padding: 0;
}
.marinaHeaderImage figure::after {
  z-index: 11;
}
.marinaHeaderImage h1 {
  font-weight: 600;
  font-size: 4rem;
  color: rgba(175, 036, 039, 1);
  padding: 14rem 0 0 0;
  text-transform: none;
  line-height: 11rem;
}

.marinaHeaderImage h1 {
  line-height: 1.2em !important;
  padding: 14rem 1rem 4rem 1rem;
}
@media (min-width: 1064px) {
  .marinaHeaderImage h1 {
    padding: 14rem 0 0 0;
  }
}

.marinaHeaderImage h3 {
  color: rgba(086, 067, 204, 1);
  padding: 0.4rem 0 0 0;
}

.marinaHeaderImage > p {
  padding: 0;
  margin: 0;
}
.marinaHeaderImage > article {
  position: relative;
  z-index: 5;
  padding: 3rem 1rem 0 1rem;
  text-align: center;
}

.marinaHeaderImage figcaption {
  background: rgba(255, 255, 255, 1);
  height: 100%;
  padding: 0 1rem 4rem 1rem;
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
}
.marinaHeaderImage .noContent figcaption {
  background: transparent;
  padding: 0;
}
.marinaHeaderImage figcaption::before {
  z-index: -1;
}

.marinaHeaderImage figure img {
  z-index: -1;
  position: absolute;
  opacity: 1;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: 50% top;
  padding: 0;
  transition: all 0.5s ease-in;
}
#contSection section:last-of-type.marinaHeaderImage figure img {
  min-height: calc(100% + 12rem);
}
.marinaHeaderImage.fHI_transp figure img {
  opacity: 0.38;
}

@media (min-width: 804px) {
  .marinaHeaderImage h1 {
    font-size: 7rem;
  }
}
@media (min-width: 1064px) {
  .marinaHeaderImage figure:not(.conCont) {
    height: calc(300px + 15vw);
  }
  .marinaHeaderImage figure.conCont {
    padding-top: -webkit-calc(500px + 3rem);
    padding-top: calc(500px + 3rem);
  }
  .marinaHeaderImage figcaption {
    padding: 0 calc((100vw - 1024px) / 2) 6rem calc((100vw - 1024px) / 2);
  }
  .marinaHeaderImage > article {
    padding: 3rem 0 0 0;
  }
  .marinaHeaderImage figcaption {
    padding: 0;
  }
}
@media (min-width: 1300px) {
  .marinaHeaderImage figure:not(.conCont) {
    height: calc(300px + 25vw);
  }
}

/* 
catGallery: marinaSlogan
 */

.marinaSlogan {
  position: relative;
  overflow: hidden;
}

.marinaSlogan article {
  width: 100%;
  background-color: rgba(086, 067, 204, 1);
  background-position: 50% 0% !important;
  max-width: 100%;
  color: rgba(252, 250, 248, 1);
  font-size: 2rem;
  font-weight: 800;
  line-height: 3.4rem;
}
.marinaSlogan article > div {
  background: rgb(086, 067, 204);
  background: -moz-radial-gradient(
    circle,
    rgba(086, 067, 204, 0.6) 20%,
    rgba(086, 067, 204, 0.9) 100%
  );
  background: -webkit-radial-gradient(
    circle,
    rgba(086, 067, 204, 0.6) 20%,
    rgba(086, 067, 204, 0.9) 100%
  );
  background: radial-gradient(
    circle,
    rgba(086, 067, 204, 0.6) 20%,
    rgba(086, 067, 204, 0.9) 100%
  );
}
.marinaSlogan article .c_1024 {
  padding: 15rem 1rem 3rem 1rem;
}
.marinaSlogan h2 {
  font-size: 1.6rem;
  line-height: 1.2rem;
  padding: 0.2rem 0 1rem 0;
  color: rgba(255, 255, 255, 1);
}
@media screen and (min-width: 512px) {
  .marinaSlogan {
    background-size: 100% auto;
    background-size: cover !important;
  }
  .marinaSlogan h2 {
    font-size: 3rem;
  }
  .marinaSlogan article .c_1024 {
    padding: 16rem 1rem 10rem 1rem;
  }
}
@media screen and (min-width: 1064px) {
  .marinaSlogan article .c_1024 {
    padding: 16rem 0 10rem 0;
  }
}
.marinacenterColor.noMarginBottom article {
  padding-bottom: 0;
}

/* 
catGallery: marinaFlip
 */

.marinaFlip {
  overflow: hidden;
  padding: 0 0 6rem 0;
  margin-bottom: 0;
  text-align: center;
  position: relative;
  z-index: 1;
  background: rgba(170, 195, 191, 1);
}
.marinaFlip > div {
  clear: both;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.marinaFlip figure {
  margin: 0 auto 4rem;
  padding: 0;
  flex: 0 calc(320px - 2rem);
  transition: all 0.7s ease-in;
  perspective: 1000px;
  position: relative;
}
.marinaFlip figure > a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-decoration: none;
  border: 0 none;
  z-index: 20;
}
.marinaFlip figcaption {
  transform: translateZ(-5px) rotateY(180deg);
  overflow: hidden;
  display: flex;
  font-size: 0.8rem;
  line-height: 1.4rem;
  padding: 2rem 0 0 0;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.marinaFlip > div > h2 {
  color: rgba(009, 019, 023, 1);
  font-size: 2rem;
  font-weight: 800;
  line-height: 2.6rem;
  flex: 0 100%;
  padding: 13rem 0 3rem 0;
  text-transform: unset;
}
.marinaFlip figure > h3 {
  z-index: 10;
  font-weight: 800;
  transform: translateZ(20px);
  color: rgba(255, 255, 255, 1);
  position: absolute;
  width: 100%;
  font-size: 1.4rem;
  padding: 0 1rem;
  padding-top: 11rem;
  transition: all 0.5s linear;
}
.marinaFlip figure:hover > h3 {
  color: rgba(175, 036, 039, 1);
  padding-top: 4rem;
}
.marinaFlip figure img {
  filter: brightness(0.5);
  height: auto;
  max-width: 100%;
  padding: 0;
  margin: 0;
}
.marinaFlip figure > a.button,
.marinaFlip figure > a.button-line {
  position: absolute;
  bottom: 1rem;
  left: 0.5rem;
  right: 0.5rem;
}
@media screen and (min-width: 480px) {
  .marinaFlip figure {
    flex: 1 50%;
  }
}
@media screen and (min-width: 804px) {
  .marinaFlip figure {
    margin: 1rem 0;
    flex: 0 calc(33% - 1rem);
    color: ;
  }
}
.marinaFlip figcaption h2 {
}
.marinaFlip .flip {
  transition: all 0.9s, transform 0.6s;
  transform-style: preserve-3d;
  background: rgba(170, 195, 191, 0.15);
}
.marinaFlip figure:hover {
  z-index: 2;
  transform: scale(1.2);
}
.marinaFlip figure:hover .flip {
  transform: translateZ(-5px) rotateY(180deg);
  box-shadow: rgba(086, 067, 204, 1) 0 0 5rem -2rem;
}
.marinaFlip .flip > div {
  position: relative;
  line-height: 0;
  padding: 0;
  margin: 0;
  width: 100%;
  display: block;
  background-position: center center;
  background-size: cover !important;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.marinaFlip figcaption {
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 1);
  z-index: 1;
  padding: 0 2rem 1rem 2rem;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.marinaFlip figcaption a.button,
.marinaFlip figcaption a.button-line {
  position: absolute;
  bottom: 3rem;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  font-size: 0.84rem;
}
.marinaFlip figure figcaption > div {
  opacity: 0;
  transition: all 2s;
}
.marinaFlip figure:hover figcaption > div {
  opacity: 1;
}
.marinaFlip figcaption > h3 {
  color: rgba(175, 036, 039, 1);
  font-weight: 100;
  padding: 0.2rem 0;
  margin: 0;
}

@media screen and (min-width: 804px) {
  .marinaFlip figcaption a.button,
  .marinaFlip figcaption a.button-line {
    font-size: 0.7rem;
  }
}

p.marinaFlipButton {
  text-align: center;
  flex: 1 0 100%;
  padding: 6rem 0 0 0;
}

/* 
catGallery: marinacolumnView
 */

.cG_marinacV {
  overflow: hidden;
  padding: 0;
  text-align: center;
  position: relative;
  background: rgba(170, 195, 191, 1);
}
.cG_marinacV > div {
  clear: both;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.cG_marinacV figure {
  margin: 0 0 4rem;
  position: relative;
  padding: 0;
  flex: 0 calc(320px - 2rem);
  position: relative;
  transition: all 550ms linear;
}
.cG_marinacV figure:hover {
}
.cG_marinacV > div > h2 {
  color: rgba(009, 019, 023, 1);
  font-size: 2rem;
  font-weight: 800;
  line-height: 2.6rem;
  flex: 0 100%;
  padding: 13rem 0 3rem 0;
  text-transform: unset;
}

.cG_marinacV figure img {
  height: auto;
  max-width: 100%;
  padding: 0;
  margin: 0;
}
.cG_marinacV figure > a.button,
.cG_marinacV figure > a.button-line {
  position: absolute;
  bottom: 1rem;
  left: 0.5rem;
  right: 0.5rem;
}
@media screen and (min-width: 480px) {
  .cG_marinacV figure {
    flex: 1 50%;
  }
}
@media screen and (min-width: 804px) {
  .cG_marinacV figure {
    margin: 1rem 0;
    flex: 0 calc(33% - 1rem);
  }
}
.cG_marinacV figcaption h2 {
}
.cG_marinacV figure > div {
  position: relative;
  padding: 0;
  margin: 0;
  width: 100%;
  display: block;
  background-position: center center;
  background-size: cover !important;
}

.cG_marinacV figcaption {
  text-align: center;
  position: absolute;
  left: 1rem;
  right: 1rem;
  bottom: -1.5rem;
  background: rgba(255, 255, 255, 1);
  z-index: 1;
  padding: 1rem;
  box-shadow: rgba(086, 067, 204, 1) 0 0 3rem -1.8rem;
  transition: all 0.25s linear;
}
.cG_marinacV figure:hover figcaption {
  transform: translate(0, -0.9rem);
}

.cG_marinacV figcaption > h3 {
  color: rgba(175, 036, 039, 1);
  font-weight: 100;
  padding: 0.2rem 0;
  margin: 0;
}
.cG_marinacV figcaption > strong {
  font-weight: 400;
  color: #434343;
}
.cG_marinacV figcaption > div {
  padding: 1rem 0 2rem;
}

/* 
catGallery: marinaRecommendation
 */

.cG_mRec {
  text-align: center;
  background: rgba(170, 195, 191, 1);
  padding: 5rem 0 7rem 0;
  background-position: 0 62%;
  background-size: 200% 100%;
  position: relative;
  transition: all 0.5s ease-in;
  overflow: hidden;
  background-size: cover;
}

.cG_mRec + p {
  text-align: right;
  margin: 1rem auto 3rem auto;
}
.cG_mRec h2 {
  padding: 1.2rem 0 1rem 0;
}
.cG_mRec figure {
  visibility: hidden;
  opacity: 0;
  height: 0;
  padding: 0 2rem;
  margin: 0;
  transition: all 0.5s ease-in;
}
@media screen and (min-width: 804px) {
  .cG_mRec figure {
    padding: 0;
    margin: 0;
    overflow: hidden;
  }
}
@media screen and (min-width: 1064px) {
  .cG_mRec {
    margin: 0 auto;
  }
}
.cG_mRec figure {
  display: none;
}
.cG_mRec figure.active {
  display: block;
  visibility: visible;
  height: auto;
  opacity: 1;
}

.cG_mRec figure img {
  height: 150px;
  width: 150px;
  margin: 0 0 1rem 1rem;
  display: inline-block;
  background-color: rgba(086, 067, 204, 0.2);
  border-radius: var(--radius);
}
.cG_mRec figcaption {
  margin: 1rem auto;
  font-size: 1rem;
  line-height: 1.6rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.cG_mRec figcaption > p {
  max-width: 50%;
}
.cG_mRec .comment {
  position: relative;
  z-index: 1;
  padding-bottom: 1rem;
}

/* .cG_mRec .comment::before {
  content: '"';
  font-family: "Butler";
  font-size: 5rem;
  color: rgba(175, 036, 039, 0.5);
  position: absolute;
  z-index: 0;
  left: -1.3rem;
  top: 0.6rem;
} */
.cG_mRec .customer {
  padding: 2rem 0 0 0;
}
@media screen and (min-width: 804px) {
  .cG_mRec figure img {
    margin: 0 0 1rem 0;
  }
  .cG_mRec .comment {
    padding-bottom: 0;
  }
  .cG_mRec figcaption {
    max-width: 700px;
    font-size: 1rem;
    width: 62vw;
  }
  .cG_mRec .customer {
    padding: 1.5rem 0 0 0;
  }
}
.cG_mRec .author,
.cG_mRec .position,
.cG_mRec .firma {
  padding: 0;
  margin: 0;
  display: block;
  text-align: right;
  font-size: 0.7rem;
  font-family: "Commissioner", sans-serif;
}

.cG_mRec .author {
  padding-top: 2rem;
  font-size: 1rem;
  line-height: 0.9rem;
  font-weight: 500;
  color: rgba(086, 067, 204, 1);
}
.cG_mRec .position {
  color: rgba(086, 067, 204, 1);
}
.cG_mRec .firma {
  color: rgba(175, 036, 039, 1);
  margin-top: 0;
  font-size: 0.8rem;
  font-weight: 400;
}
.cG_mRec .firma {
  line-height: 1.2;
}
.cG_mRec button {
  background: rgba(086, 067, 204, 0);
  color: rgba(203, 216, 216, 1);
  border: 0 none;
  margin: -0.35rem 0 0 0;
  font-size: 1.5rem;
  font-weight: 100;
  text-shadow: none;
  height: 3rem;
  width: 3rem;
  text-align: center;
  position: absolute;
  bottom: 3rem;
  visibility: hidden;
  opacity: 0;
  border-radius: 50%;
  box-shadow: transparent 0 0 0 0;
  transition: opacity 250ms ease-in, background 0.5s ease-in;
}
.cG_mRec button.prev {
  padding: 0 0.075rem 0.075rem 0;
  left: 30%;
}
.cG_mRec button.next {
  padding: 0 0 0.075rem 0.075rem;
  right: 30%;
}
.cG_mRec button.active {
  background: rgba(086, 067, 204, 0.38);
  visibility: visible;
  opacity: 1;
}

.cG_mRec:hover button.active {
  background: rgba(086, 067, 204, 0.38);
  visibility: visible;
  opacity: 1;
}

@media screen and (min-width: 804px) {
  .cG_mRec button {
    top: 50%;
    bottom: auto;
    line-height: 2.25rem;
    font-size: 2rem;
    visibility: hidden;
    opacity: 0;
    height: 4.4rem;
    width: 4.4rem;
    transform: translateY(-50%);
  }
  .cG_mRec button.active {
    background: rgba(086, 067, 204, 0);
    visibility: hidden;
    opacity: 0;
  }
  .cG_mRec button.prev {
    padding: 0 0.075rem 0.075rem 0;
    left: 1rem;
  }
  .cG_mRec button.next {
    padding: 0 0 0.075rem 0.075rem;
    right: 1rem;
  }
  .cG_mRec:hover button.active {
    background: rgba(086, 067, 204, 0.38);
    visibility: visible;
    opacity: 1;
  }
}
@media screen and (min-width: 1200px) {
  .cG_mRec button.prev {
    left: calc((100vw - 1080px) / 2 - 3rem);
  }
  .cG_mRec button.next {
    right: calc((100vw - 1080px) / 2 - 3rem);
  }
}
/* 
catGallery: twoWays
 */

.cG_twoWays {
  position: relative;
  overflow: hidden;
  padding: 0;
  margin-top: -40px;
  background: rgba(086, 067, 204, 1);
}
@media (min-width: 804px) {
  .cG_twoWays {
  }
}
.cG_twoWays::before {
  z-index: 2;
}

.cG_twoWaysContents {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.cG_twoWaysContents figure > img {
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  height: 100%;
  min-height: 100%;
  min-width: 100%;
  width: auto;
  right: 0;
  filter: brightness(0.3);
  transition: all 0.75s cubic-bezier(0.25, 0.1, 0.45, 1);
}
.cG_twoWaysContents figure.hovered > img,
.cG_twoWaysContents figure:hover > img {
  filter: brightness(0.9);
}
.cG_twoWaysContents figure {
  overflow: hidden;
  position: relative;
  color: rgba(252, 250, 248, 1);
  padding: 0;
  margin: 0;
  min-height: calc(100vh - 120px);
  flex: 0 0 100%;
}
.cG_twoWaysContents h3 {
  padding: 0.4rem 2rem 2rem 2rem;
  z-index: 1;
  font-size: 2.4rem;
  font-weight: 600;
  color: rgba(252, 250, 248, 1);
  line-height: 3.2rem;
  text-transform: none;
  text-align: center;
  transform: translate(0, 6rem);
  transition: all 0.75s cubic-bezier(0.25, 0.1, 0.45, 1);
}
.cG_twoWaysContents figure.hovered h3,
.cG_twoWaysContents figure:hover h3 {
  transform: translate(0, 0);
}

.cG_twoWaysContents .cG_twoWaysArtContent {
  position: relative;
  padding: 14rem 3rem;
  width: 100%;
  height: 100%;
  transition: all 0.75s cubic-bezier(0.25, 0.1, 0.45, 1);
  background: rgba(086, 067, 204, 0.5);
}
.cG_twoWaysContents figure.hovered .cG_twoWaysArtContent,
.cG_twoWaysContents figure:hover .cG_twoWaysArtContent {
  background: rgba(086, 067, 204, 0.3);
}
.cG_twoWaysContents .cG_twoWaysArtContent div {
  text-align: center;
}
.cG_twoWaysContents .cG_twoWaysArtContent div > * {
  transition: all 0.75s cubic-bezier(0.25, 0.1, 0.45, 1);
  transform: translate(0, -80%);
  opacity: 0;
}
.cG_twoWaysContents figure.hovered .cG_twoWaysArtContent div > *,
.cG_twoWaysContents figure:hover .cG_twoWaysArtContent div > * {
  transform: translate(0, 0);
  opacity: 1;
}

.cG_twoWays figure a.button {
  transition-delay: 0.5s;
  margin-top: 2rem;
}

@media screen and (min-width: 480px) {
}
@media screen and (min-width: 804px) {
  .cG_twoWaysContents figure {
    min-height: 800px;
    flex: 0 0 50%;
  }
}

/* 
catGallery: marinaGallery
 */

.marinaGallery {
  text-align: center;
  position: relative;
  overflow: hidden;
  padding-top: 5rem;
  white-space: nowrap;
}
.marinaGallery > div.c_1024 {
  padding: 0 1rem;
  white-space: normal;
}
.marinaGallery h3 {
  padding: 6rem 0 2rem 0;
  color: rgba(086, 067, 204, 1);
  font-family: "Butler";
  line-height: 3.4rem;
  font-size: 5rem;
  font-style: normal;
}
.marinaGallery h3 span {
  display: block;
  text-indent: -1.5rem;
  font-size: 2.5rem;
}
.fGImgWrapper {
  overflow-y: visible !important;
}

.marinaGalleryImages {
  margin: -4rem auto;
  padding: 4rem 0 6rem;
  flex-wrap: nowrap;
  display: flex;
  z-index: 1;
  position: relative;
  overflow-x: scroll;
  width: 100%;
  -webkit-overflow-scrolling: touch;
  &::-webkit-scrollbar {
    display: none;
  }
}
.marinaGallery::after {
  content: "";
  position: absolute;
  z-index: 0;
  bottom: -200px;
  left: -10vw;
  width: 120vw;
  height: 400px;
  transform: rotate(-2deg);
  transform-origin: left bottom;
  background: rgba(252, 250, 248, 1) !important;
}
.marinaGalleryImages figure {
  display: inline-block;
  margin: 0;
  padding: 0;
}
.marinaGalleryImages figure:first-of-type {
  padding-left: 4rem;
}
.marinaGalleryImages figure:last-of-type {
  padding-right: 4rem;
}
.marinaGalleryImages img {
  margin: 0.5rem;
  z-index: 2;
  position: relative;
  height: 300px;
  width: auto;
  transition: all 0.5s ease-in;
}
.marinaGalleryImages img:hover {
  z-index: 3;
  margin: 0.5rem 2.5rem;
  transform: scale(1.2);
}
@media screen and (min-width: 804px) {
  .marinaGallery {
    padding-top: 0;
  }
}
@media screen and (min-width: 1064px) {
  .marinaGallery > div.c_1024 {
    padding: 0;
  }
}
/* 
catGallery: imageBack
 */

.cG_imageBack {
  padding: 1rem 0;
  position: relative;
  overflow: hidden;
}

.cG_imageBack figure {
  padding: 0;
  margin: 0;
}
.cG_imageBack figcaption {
  padding: 2rem 0;
}
.cG_imageBack img {
  border-radius: var(--radius);
}
@media screen and (min-width: 1064px) {
  .cG_imageBack {
    padding: 2rem 0 5rem 0;
  }
  .cG_imageBack figure {
    max-width: 1080px;
    margin: 0 auto;
  }
}
.cG_imageBack article {
  padding: 0 1rem;
}
.cG_imageBack article:nth-of-type(2n) {
  margin: 4rem 0;
}
.cG_iBColor figure {
  padding: 1rem;
}
.cG_imageBack figure:after {
  content: "";
  display: block;
  clear: both;
}

.cG_imageBack ul h3 {
  font-size: 1.4rem;
  padding: 0;
}
.cG_imageBack ul li:before {
  color: rgba(009, 019, 023, 1);
  left: -1.2rem;
  top: 0.9rem;
}

/*
/* !Left Right */
/*
 */

.cG_imgR-IMG,
.cG_imgL-IMG {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}
.cG_imageBack .cG_imgR-IMG figcaption,
.cG_imageBack .cG_imgL-IMG figcaption {
  flex: 0 0 100%;
}
.cG_imageBack figure > div {
  flex: 0 0 100%;
  border: 0 none;
  position: relative;
  border-radius: var(--radius);
  overflow: hidden;
}
.cG_imageBack figure > div > img {
  height: auto;
  width: 100%;
  border: 0 none;
}
.cG_imageBack figure.cG_imgL-IMG > div > img {
  right: 0;
}
.cG_imageBack figure.cG_imgR-IMG > div > img {
  left: 0;
}
.cG_imageBack figure > img {
  line-height: 1rem;
  margin: 0;
}

.cG_imageBack h2 {
  text-align: center;
}
.cG_imageBack h3 {
  color: rgba(009, 019, 023, 1);
  padding: 1.2rem 0 0.8rem 0;
  font-size: 1.6rem;
  font-weight: 800;
  line-height: 2.6rem;
}

@media (min-width: 804px) {
  .cG_imageBack .cG_imgR-IMG figcaption,
  .cG_imageBack .cG_imgL-IMG figcaption {
    flex: 0 0 50%;
  }
  .cG_imageBack figure > div {
    flex: 0 0 50%;
    border: 0 none;
    position: relative;
    padding-top: 1.2rem;
  }
  .cG_imageBack figure > div > img {
    position: absolute;
    height: auto;
    width: 100%;
    border: 0 none;
  }
  .cG_imgR-IMG,
  .cG_imgL-IMG {
    flex-wrap: nowrap;
  }
  .cG_imageBack figure.cG_imgL-IMG > img {
    margin: 0;
  }
  .cG_imageBack figure.cG_imgR-IMG > div {
    order: 1;
    margin: 0;
  }
}
@media (min-width: 1064px) {
  .cG_imageBack figure > div > img {
    width: auto;
    height: 100%;
  }
  .cG_imageBack figure > div {
    padding-top: 0;
  }
}

@media (min-width: 1064px) {
  article.cG_imgR,
  article.cG_imgL {
    padding: 0;
  }
}

/*
/* !Left */
/*
 */
@media (min-width: 804px) {
  .cG_imageBack figcaption.cG_imgL-content {
    padding: 0 0 2rem 2rem;
  }
}
@media (min-width: 1064px) {
  .cG_imageBack figcaption.cG_imgL-content {
    padding: 3rem 0 3rem 4rem;
  }
}

/*
/* !Right */
/*
 */
@media (min-width: 804px) {
  .cG_imageBack figcaption.cG_imgR-content {
    padding: 0 2rem 2rem 0;
  }
}
@media (min-width: 1064px) {
  .cG_imageBack figcaption.cG_imgR-content {
    padding: 3rem 4rem 3rem 0;
  }
}
/*
/* !Center */
/*
 */
.cG_imgC {
  position: relative;
  padding: 4rem 0 1rem 0;
}
.cG_imgC figure {
  text-align: center;
}
.cG_imgC-content {
  padding: 1rem;
}

.cG_imgC h2 {
}

/* 
catGallery: marinaVorstellung
 */

.marinaVorstellung {
  padding: 1rem 0;
  position: relative;
  overflow: hidden;
}

.marinaVorstellung figure {
  padding: 0;
  margin: 0;
}
.marinaVorstellung figcaption {
  padding: 2rem 0;
}
.marinaVorstellung blockquote {
  color: rgba(175, 036, 039, 1);
  font-family: "Butler";
  line-height: 2rem;
  font-size: 1.4rem;
  font-style: normal;
}
@media screen and (min-width: 1064px) {
  .marinaVorstellung {
    padding: 2rem 0 5rem 0;
  }
  .marinaVorstellung figure {
    max-width: 1080px;
    margin: 0 auto;
  }
}
.marinaVorstellung article {
  padding: 0 1rem;
}
.marinaVorstellung article:nth-of-type(2n) {
  margin: 4rem 0;
}
.cG_iBColor figure {
  padding: 1rem;
}
.marinaVorstellung figure:after {
  content: "";
  display: block;
  clear: both;
}

.marinaVorstellung ul h3 {
  font-size: 1.4rem;
  padding: 0;
}
.marinaVorstellung ul li:before {
  color: rgba(009, 019, 023, 1);
  left: -1.2rem;
  top: 0.9rem;
}

/*
/* !Left Right */
/*
 */

.marinaVorstellung > article {
  text-align: center;
  padding: 4rem 0 2rem 0;
}
.marinaVorstellung figure > div {
  border: 0 none;
  position: relative;
  text-align: center;
}
.marinaVorstellung figure > div > img {
  height: auto;
  width: 50%;
  border: 0 none;
}
.marinaVorstellung figure.cG_imgR-IMG > div > img {
  right: 0;
}
.marinaVorstellung figure.cG_imgR-IMG > div > img {
  left: 0;
}
.marinaVorstellung figure > img {
  line-height: 1rem;
  margin: 0;
}

.marinaVorstellung h2 {
  text-align: center;
}
.marinaVorstellung h3 {
  color: rgba(009, 019, 023, 1);
  padding: 0 0 0.8rem 0;
  font-size: 1.6rem;
  font-weight: 800;
  line-height: 2.6rem;
}
.marinaVorstellung figure > div {
  width: 100%;
}
@media (min-width: 804px) {
  .marinaVorstellung .cG_imgR-IMG,
  .marinaVorstellung .cG_imgR-IMG {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
  }
  .marinaVorstellung .cG_imgR-IMG figcaption,
  .marinaVorstellung .cG_imgR-IMG figcaption {
    flex: 0 0 75%;
  }
  .marinaVorstellung figure > div {
    text-align: left;
    flex: 0 0 50%;
  }
  .marinaVorstellung figure > div > img {
    position: absolute;
    height: 100%;
    width: auto;
  }
  .marinaVorstellung .cG_imgL-IMG,
  .marinaVorstellung .cG_imgR-IMG {
    flex-wrap: nowrap;
  }
  .marinaVorstellung figure.cG_imgL-IMG > img {
    margin: 0;
  }
  .marinaVorstellung figure.cG_imgR-IMG > div {
    order: 1;
    margin: 0;
  }
}
@media (min-width: 860px) {
  .marinaVorstellung .cG_imgR-IMG figcaption,
  .marinaVorstellung .cG_imgR-IMG figcaption {
    flex: 0 0 75%;
  }
  .marinaVorstellung figure > div {
    text-align: left;
    flex: 0 0 25%;
  }
}
@media (min-width: 1064px) {
  .marinaVorstellung article.cG_imgR,
  .marinaVorstellung article.cG_imgL {
    padding: 0;
  }
}

/*
/* !Left */
/*
 */
@media (min-width: 804px) {
  .marinaVorstellung figcaption.cG_imgL-content {
    padding: 0 0 0 2rem;
  }
}
@media (min-width: 1064px) {
  .marinaVorstellung figcaption.cG_imgL-content {
    padding: 0 0 0 4rem;
  }
}

/*
/* !Right */
/*
 */
@media (min-width: 804px) {
  .marinaVorstellung figcaption.cG_imgR-content {
    padding: 0 2rem 0 0;
  }
}
@media (min-width: 1064px) {
  .marinaVorstellung figcaption.cG_imgR-content {
    padding: 0 4rem 0 0;
  }
}
/*
/* !Center */
/*
 */
.marinaVorstellung .cG_imgC {
  position: relative;
  padding: 4rem 0 1rem 0;
}
.marinaVorstellung .cG_imgC figure {
  text-align: center;
}
.marinaVorstellung .cG_imgC-content {
  padding: 1rem;
}

.marinaVorstellung .cG_imgC h2 {
}

/* 
catGallery: marinaStartSlider
 */

.cG_fSS {
  padding: 0;
  width: 100%;
  height: calc(100vh - 50px);
  overflow: hidden;
  padding: 0;
  position: relative;
  z-index: 100;
}
@media (min-width: 512px) {
  .cG_fSS {
    min-height: 600px;
    height: 50vh;
  }
}

.cG_fSS h1 {
  font-size: 2.4rem;
  font-weight: 800;
  color: rgba(252, 250, 248, 1);
  text-transform: none;
}
.cG_fSS h2 {
  font-size: 0.7rem;
  font-weight: 800;
  text-transform: uppercase;
  color: rgba(252, 250, 248, 1);
  padding: 0.4rem 0 0.8rem;
}
.cG_fSS figure {
  filter: brightness(0.9);
}

.cG_fSS img.cG_fSSBottom {
  margin: 0;
  padding: 0;
  position: absolute;
  bottom: -1px;
  width: 100%;
}

.cG_fSS img.cG_hSBottom {
  margin: 0;
  padding: 0;
  position: absolute;
  bottom: -1px;
  left: -1px;
  width: calc(100% + 4px);
}

.cG_fSS_cont {
  display: inline-block;
}

@media screen and (min-width: 804px) {
  .cG_fSS_content {
    padding: 0;
  }
  .cG_fSS_poscenter .cG_fSS_content {
    padding: calc(-12rem + 30vw) 0 0 0;
  }
  .cG_fSS_content h1 {
  }
  figure:nth-child(2) .cG_fSS_content {
    text-shadow: 0 0 4rem rgba(252, 250, 248, 1);
  }
}
@media screen and (min-width: 1064px) {
  .cG_fSS > span {
    position: absolute;
    display: block;
    bottom: 5rem;
    left: 0;
    right: 0;
    height: 2rem;
    width: 2rem;
    line-height: 1.2rem;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    border: 0.1rem solid rgba(252, 250, 248, 1);
    border-radius: var(--radius);
    background: rgba(255, 255, 255, 0.2);
    z-index: 5;
    cursor: pointer;
    animation: cG_fSSButton 3s ease-out infinite;
    box-shadow: rgba(014, 020, 031, 1) 0 0 1.5rem -0.25rem;
  }
  .cG_fSS > span::before {
    content: "";
    display: block;
    position: absolute;
    top: 0.4rem;
    left: 0.6rem;
    width: 0.6rem;
    height: 0.6rem;
    border-bottom: 1px solid rgba(252, 250, 248, 1);
    border-right: 1px solid rgba(252, 250, 248, 1);
    padding: 0;
    margin: 0;
    transform: rotate(45deg);
    box-shadow: rgba(014, 020, 031, 1) 0.15rem 0.15rem 0.4rem -0.3rem;
  }
}
@media screen and (min-width: 1064px) {
  .cG_fSS {
    min-height: 70vh;
  }
}
@media screen and (min-width: 1300px) {
  .cG_fSS {
  }
  .cG_fSS_poscenter .cG_fSS_content {
    padding: calc(-14rem + 30vw) 0 0 0;
  }
}
@media screen and (min-width: 1600px) {
  .cG_fSS {
    min-height: 100vh;
  }
  .cG_fSS_poscenter .cG_fSS_content {
    padding: calc(-2rem + 10vw) 0 0 0;
  }
}
@media screen and (min-width: 804px) {
  .cG_fSS > span {
    bottom: 5rem;
    height: 3rem;
    width: 3rem;
    line-height: 2.8rem;
  }
  .cG_fSS > span::before {
    top: 0.6rem;
    left: 0.9rem;
    width: 1rem;
    height: 1rem;
  }
}

.cG_fSS p {
  margin: 0.6rem auto;
}
.cG_fSS figure {
  position: absolute;
  text-align: center;
  margin: 0;
  width: 100%;
  max-width: 100vw;
  height: 100%;
  background-position: top center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-attachment: scroll;
  transition: all 0.5s ease-in;
  opacity: 0;
  transform: translate(100vw, 0);
  display: flex;
  flex-direction: column;
}

@supports not (-webkit-touch-callout: none) {
  .cG_fSS figure {
    /*background-attachment: fixed;*/
  }
}
.cG_fSS figure.cG_fSS_posbottom.cG_fSS_showArrow {
  padding-bottom: 9rem;
}
.cG_fSS figure.cG_fSS_postop {
  padding-top: 9rem;
  justify-content: flex-start;
}
.cG_fSS figure.cG_fSS_poscenter {
  justify-content: center;
}
.cG_fSS figure.cG_fSS_posbottom {
  justify-content: flex-end;
}
.cG_fSS figure.cG_fSS_figright {
  text-align: right;
}
.cG_fSS figure.cG_fSS_figleft {
  text-align: left;
}
.cG_fSS figure.toRight {
  transform: translate(100vw, 0);
}
.cG_fSS figure.toLeft {
  transform: translate(-100vw, 0);
}

.cG_fSS figure.active {
  opacity: 1;
  transform: translate(0, 0);
}

@media screen and (min-width: 804px) {
  .cG_fSS figure {
    height: 100%;
  }
}
.cG_fSS figcaption {
  width: 100%;
}
.cG_fSS .cG_fSS_darkImage figcaption {
  color: rgba(252, 250, 248, 1);
}

@media screen and (min-width: 804px) {
  .cG_fSS figcaption {
    top: auto;
    bottom: 10vh;
    padding-top: 0;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media screen and (min-width: 1064px) {
  .cG_fSS figcaption {
    padding-left: 0;
    padding-right: 0;
  }
  .cG_fSS figcaption.c_1024 {
    width: 1080px;
    margin: 0 auto;
    left: 0;
    right: 0;
  }
}
.cG_fSS figure > img {
  display: none;
  height: auto !important;
  width: auto !important;
  min-width: 100vw;
  min-height: 600px;
  margin: 0;
  opacity: 1;
}

.cG_fSS figcaption {
}

@media screen and (min-width: 804px) {
  .cG_fSS figure > img {
    min-height: 100vh;
  }
}
@keyframes cG_fSSButton {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(0, 1rem);
  }
  100% {
    transform: translate(0, 0);
  }
}

@-moz-keyframes cG_fSSButton {
  0% {
    -moz-transform: translate(0, 0);
  }
  50% {
    -moz-transform: translate(0, 1rem);
  }
  100% {
    -moz-transform: translate(0, 0);
  }
}

@-webkit-keyframes cG_fSSButton {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(0, 1rem);
  }
  100% {
    transform: translate(0, 0);
  }
}

@-o-keyframes cG_fSSButton {
  0% {
    -o-transform: translate(0, 0);
  }
  50% {
    -o-transform: translate(0, 1rem);
  }
  100% {
    -o-transform: translate(0, 0);
  }
}

@-ms-keyframes cG_fSSButton {
  0% {
    -ms-transform: translate(0, 0);
  }
  50% {
    -ms-transform: translate(0, 1rem);
  }
  100% {
    -ms-transform: translate(0, 0);
  }
}

/* 
catGallery: hugeSlider
 */

.cG_hS {
  padding: 0;
  width: 100%;
  height: calc(100vh - 40px);
  overflow: hidden;
  padding: 0;
  position: relative;
  z-index: 100;
}

.cG_hS img.cG_hSBottom {
  margin: 0;
  padding: 0;
  position: absolute;
  bottom: -1px;
  width: 100%;
  height: 100px;
}
.cG_hS > span {
  position: absolute;
  display: block;
  bottom: 7rem;
  left: 0;
  right: 0;
  height: 4rem;
  width: 4rem;
  line-height: 3.2rem;
  margin: 0 auto;
  padding: 0;
  text-align: center;
  border: 0.1rem solid white;
  border-radius: var(--radius);
  background: rgba(255, 255, 255, 0.2);
  z-index: 5;
  cursor: pointer;
  animation: cG_hSButton 3s ease-out infinite;
  box-shadow: black 0 0 1.5rem -0.25rem;
}
.cG_hS > span::before {
  content: "";
  display: block;
  position: absolute;
  top: 0.85rem;
  left: 1.2rem;
  width: 1.3rem;
  height: 1.3rem;
  border-bottom: 1px solid white;
  border-right: 1px solid white;
  padding: 0;
  margin: 0;
  transform: rotate(45deg);
  box-shadow: black 0.15rem 0.15rem 0.4rem -0.3rem;
}
.cG_hS h1 {
  color: rgba(0, 0, 0, 1);
  padding: 0.2rem 0.4rem 0.2rem 0.4rem;
  text-shadow: 0 0 0.75rem rgba(255, 255, 255, 1);
  font-weight: 700;
}
.cG_hS h2 {
  color: rgba(055, 080, 122, 1);
  padding: 0.2rem 0.4rem 1.2rem 0.4rem;
  text-shadow: 0 0 0.75rem rgba(255, 255, 255, 1);
  font-weight: 400;
}
.cG_hS h2 span {
  display: inline-block;
}
.cG_hS_darkImage h1,
.cG_hS_darkImage h2 {
  color: rgba(255, 255, 255, 1);
  text-shadow: 0 0 1rem rgba(014, 020, 031, 1);
}
/* .cG_hS p {
  max-width: 1024px;
  margin: 0.6rem auto;
} */
.cG_hS figure {
  text-align: center;
  margin: 0;
  width: 100%;
  max-width: 100vw;
  height: calc(100vh - 40px);
  background: rgba(129, 138, 146, 1);
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  box-shadow: black 0 -3rem 4rem -4rem inset;
  transition: all 0.5s ease-in;
  opacity: 0;
  transform: translate(100vw, 0);
  display: flex;
  flex-direction: column;
}
.cG_hS figure:first-child {
  opacity: 1;
  transform: translate(0, 0);
}
.cG_hS figure.cG_hS_posbottom.cG_hS_showArrow {
  padding-bottom: 9rem;
}
.cG_hS figure.cG_hS_postop {
  padding-top: 9rem;
  justify-content: flex-start;
}
.cG_hS figure.cG_hS_poscenter {
  justify-content: center;
}
.cG_hS figure.cG_hS_posbottom {
  justify-content: flex-end;
}
.cG_hS figure.cG_hS_figright {
  text-align: right;
}
.cG_hS figure.cG_hS_figleft {
  text-align: left;
}

.cG_hS figure.hide {
  transform: translate(-100vw, 0);
}
.cG_hS figure.active {
  opacity: 1;
  transform: translate(0, 0);
}

@media screen and (min-width: 804px) {
  .cG_hS figure.cG_hS_figleft figcaption,
  .cG_hS figure.cG_hS_figright figcaption {
    width: calc(768px - 2rem);
    margin: 0 auto;
  }
  .cG_hS figure {
    background-attachment: fixed;
    background-size: cover !important;
    height: calc(100vh - 40px);
  }
  .cG_hS figure.cG_hS_figright p,
  .cG_hS figure.cG_hS_figright h1,
  .cG_hS figure.cG_hS_figright h2 {
    float: right;
  }

  .cG_hS figure.cG_hS_figright p,
  .cG_hS figure.cG_hS_figleft p,
  .cG_hS figure.cG_hS_figright h1,
  .cG_hS figure.cG_hS_figleft h1,
  .cG_hS figure.cG_hS_figright h2,
  .cG_hS figure.cG_hS_figleft h2 {
    width: 62%;
  }
  .cG_hS h1,
  .cG_hS h2 {
    font-size: 2.2rem;
  }
  .cG_hS h2 {
    font-size: 2rem;
  }
}
.cG_hS figcaption {
  width: 100%;
  padding-top: 2rem;
}

@media screen and (min-width: 804px) {
  .cG_hS figcaption {
    top: auto;
    bottom: 10vh;
    padding-top: 0;
  }
}
@media screen and (min-width: 1064px) {
  .cG_hS figcaption.c_1024 {
    width: 1024px;
    margin: 0 auto;
    left: 0;
    right: 0;
  }
  .cG_hS figure.cG_hS_figleft figcaption,
  .cG_hS figure.cG_hS_figright figcaption {
    width: calc(1024px - 2rem);
  }
}
@media screen and (min-width: 1120px) {
  .cG_hS figure.cG_hS_figleft figcaption,
  .cG_hS figure.cG_hS_figright figcaption {
    width: 1080px;
  }
}
.cG_hS figure > img {
  display: none;
  height: auto !important;
  width: auto !important;
  min-width: 100vw;
  min-height: calc(100vh - 40px);
  margin: 0;
  opacity: 1;
}

.cG_hS figcaption {
}

.alternativeLogo {
}

@keyframes cG_hSButton {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(0, 1rem);
  }
  100% {
    transform: translate(0, 0);
  }
}

@-moz-keyframes cG_hSButton {
  0% {
    -moz-transform: translate(0, 0);
  }
  50% {
    -moz-transform: translate(0, 1rem);
  }
  100% {
    -moz-transform: translate(0, 0);
  }
}

@-webkit-keyframes cG_hSButton {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(0, 1rem);
  }
  100% {
    transform: translate(0, 0);
  }
}

@-o-keyframes cG_hSButton {
  0% {
    -o-transform: translate(0, 0);
  }
  50% {
    -o-transform: translate(0, 1rem);
  }
  100% {
    -o-transform: translate(0, 0);
  }
}

@-ms-keyframes cG_hSButton {
  0% {
    -ms-transform: translate(0, 0);
  }
  50% {
    -ms-transform: translate(0, 1rem);
  }
  100% {
    -ms-transform: translate(0, 0);
  }
}

/* 
multiColumn: marinaAblauf
 */

.mC_marinaAblauf {
  overflow: hidden;
  background: rgba(255, 255, 255, 1);
  text-align: center;
  position: relative;
  padding: 0 1rem;
}

.mC_marinaAblauf > div {
  position: relative;
  display: flex;
  flex-wrap: wrap;
}
.mC_marinaAblauf > div::after,
.mC_marinaAblauf > div::before {
  content: "";
  z-index: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: scale(1) translateX(-50%) translateY(-50%) translateY(3rem);
  border-radius: 50%;
}
.mC_marinaAblauf > div::before {
  height: 26rem;
  width: 26rem;
  background: rgba(212, 223, 223, 1);
}
.mC_marinaAblauf > div::after {
  /*   color: rgba(212, 223, 223, 1);
  font-size: 1.8rem; */
  color: rgba(175, 036, 039, 1);
  font-size: 3rem;
  height: 4rem;
  width: 4rem;
  /*   background: rgba(175, 036, 039, 1); */
  font-family: marina !important;
  speak: never;
  font-style: normal;
  font-weight: 600;
  font-variant: normal;
  text-transform: none;
  line-height: 4rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e901";
  transform: scale(1) translateX(-50%) translateY(0) translateY(0);
}
.mC_marinaAblauf > div > header {
  flex: 0 0 100%;
}
.mC_marinaAblauf > div > header > * {
  margin-left: auto;
  margin-right: auto;
  max-width: 768px;
}
.mC_marinaAblauf h2 {
}

.mC_marinaAblauf h3 {
  /* color: rgba(086, 067, 204, 1); */
  font-weight: 800;
  font-size: 1rem;
  padding: 0.2rem 0;
}

.mC_marinaAblauf h4 {
  /* color: rgba(086, 067, 204, 1); */
  font-weight: 800;
  font-size: 1.6rem;
  padding: 0.4rem 0 0.8rem 0;
}
.mC_marinaAblauf article {
  position: relative;
  z-index: 2;
  flex: 0 0 50%;
  padding: 2rem 0.7rem;
}
.mC_marinaAblauf article header span {
  font-family: "Butler";
  font-size: 3rem;
  color: rgba(175, 036, 039, 1);
  display: block;
  padding: 0 0 1rem 0;
}
.mC_marinaAblauf article:first-of-type {
  margin-left: auto;
  margin-right: auto;
  max-width: 768px;
  flex: 0 0 100%;
  padding: 0 0 3rem 0;
}
.mC_marinaAblauf article:last-of-type {
  padding: 2rem 0;
  flex: 0 0 100%;
}
.mC_marinaAblauf article.fAfontBold {
  font-weight: 800;
}
.mC_marinaAblauf article:last-of-type .button {
  margin: 2rem 0 0 0;
}
@media (min-width: 804px) {
  .mC_marinaAblauf h4 {
    padding: 0.4rem 0 0.8rem 0;
  }
  .mC_marinaAblauf > div::after,
  .mC_marinaAblauf > div::before {
    transform: scale(1) translateX(-50%) translateY(-50%) translateY(1rem);
  }
}
@media (min-width: 1200px) {
  .mC_marinaAblauf {
    padding: 0;
  }
}
/* 
multiColumn: marinaIconCenter
 */

.marinaIconCenter {
  position: relative;
  overflow: hidden;
  padding: 0 1rem;
}

.marinaIconCenter > div {
}
.marinaIconCenter .centerTextV {
  align-items: center;
}
.marinaIconCenter > div > h2 {
  text-align: center;
  padding-bottom: 0;
  grid-row-start: 1;
  grid-row-end: 1;
  grid-column-start: 1;
  grid-column-end: 4;
}
.marinaIconCenter h3 {
  font-size: 1.6rem;
  line-height: 2.6rem;
  font-weight: 800;
}
.marinaIconCenter > div > p {
  min-width: 250px;
  text-align: center;
  grid-row-start: 2;
  grid-row-end: 2;
  grid-column-start: 2;
  grid-column-end: 3;
}

.marinaIconCenter > div > p img {
  margin-top: 1.6rem;
  height: 200px;
  width: auto;
}
.marinaIconCenter > div.centerTextV > p img {
  height: 150px;
}

.marinaIconCenter article {
  text-align: center;
  padding: 1rem 0 0.25rem 0;
}

@media (min-width: 804px) {
  .marinaIconCenter > div > p img {
    height: 250px;
  }
  .marinaIconCenter > div.centerTextV > p img {
    height: 200px;
  }
  .marinaIconCenter > div {
    display: grid;
    justify-items: stretch;
    grid-template-columns: auto auto auto;
    align-items: end;
    -webkit-box-pack: justify;
    justify-content: space-between;
    gap: 1rem 1rem;
    padding: 2rem 0 1rem 0;
  }
}
@media (min-width: 1200px) {
  .marinaIconCenter {
    padding: 0 1rem;
  }

  .marinaIconCenter > div {
    padding: 2rem 0 1rem 0;
  }
}
/* 
multiColumn: marinaInfoFlip
 */

.mC_marinaInfoFlip {
  padding: 4rem 1rem;
  max-width: 100vw;
  position: relative;
  overflow: hidden;
}

.mC_marinaInfoFlip > div {
  padding: 0;
  position: relative;
}
.mC_marinaInfoFlip img {
  opacity: 0;
  display: none;
  max-width: 100%;
  height: 100%;
  width: auto;
}
.mC_marinaInfoFlip h4 {
  text-align: center;
  padding: 0;
}
.mC_marinaInfoFlip h4::before {
  display: block;
  color: rgba(175, 036, 039, 1);
  z-index: -1;
  font-size: 2rem;
  margin: 0 0 0.75rem 0;
}

.mC_marinaInfoFlip div article {
  padding: 0;
  margin: 1rem 0;
  transition: all 0.7s ease-in;
  perspective: 1000px;
}
.mC_marinaInfoFlip div article:not(.lastArt):not(.noFlip).hovered,
.mC_marinaInfoFlip div article:not(.lastArt):not(.noFlip):hover {
  z-index: 1;
  box-shadow: rgba(086, 067, 204, 1) 0 0 0 -3rem;
}
.articleFlip {
  min-height: 160px;
  transform: translateZ(0) rotateY(0deg);
  position: relative;
  width: 100%;
  height: 100%;
  transition: all 0.9s, transform 0.6s;
  transform-style: preserve-3d;
  background: rgba(086, 067, 204, 0.05);
  border-radius: var(--radius);
}
article.noFlip {
  overflow: hidden;
}
article.noFlip .articleFlip,
.mC_marinaInfoFlip div article:not(.noFlip).hovered .articleFlip,
.mC_marinaInfoFlip div article:not(.noFlip):hover .articleFlip {
  transform: translateZ(-5px) rotateY(180deg);
  box-shadow: rgba(086, 067, 204, 1) 0 0 5rem -2rem;
}

.mC_marinaInfoFlip div article header {
  position: absolute;
  top: 0;
  padding: 1rem 5rem;
  height: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

article.noFlip .articleFlip,
.mC_marinaInfoFlip div article .marinaInfoFlipContent {
  overflow: hidden;
  line-height: 1.4rem;
  width: 100%;
  height: 100%;
  min-height: 160px;
  padding: 1rem 1rem 2rem 1rem;
  color: rgba(255, 255, 255, 1);
  border-radius: var(--radius);
  border: 1px solid rgba(086, 067, 204, 0.4);
  background: rgba(86, 67, 204, 1) url(images/bottom.png) no-repeat bottom
    center;
  background-size: 100% auto;
  transition: all 0.7s ease-in;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
article.noFlip .articleFlip {
  transform: rotateY(0deg);
  padding: 0;
}
.mC_marinaInfoFlip div article .marinaInfoFlipContent {
  transform: translateZ(-5px) rotateY(180deg);
}
.mC_marinaInfoFlip h2 {
  padding: 1.4rem 0;
}
.mC_marinaInfoFlip h3 {
  color: rgba(009, 019, 023, 1);
}
.mC_marinaInfoFlip h4 {
  font-size: 1.2rem;
  line-height: 2rem;
  font-weight: 600;
}
article.noFlip .articleFlip h4::before,
article.noFlip .articleFlip h4 {
  /* color: rgba(175, 036, 039, 1); */
}
/*article.noFlip .articleFlip::before,
.mC_marinaInfoFlip div article .marinaInfoFlipContent::before {
  content: "\e901";
  font-size: 9rem;
  position: absolute;
  top: -1rem;
  right: -5rem;
  color: rgba(175, 036, 039, 0.05);
  font-family: marina !important;
  speak: never;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  padding-right: 0.25rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}*/
.marinaInfoFlipContent ul {
  padding: 0;
}
.marinaInfoFlipContent li {
  padding: 0.4rem 0.5rem 0.4rem 1.4rem;
}
.marinaInfoFlipContent li::before {
  color: rgba(170, 195, 191, 1);
}
.marinaInfoFlipContent.lastLiDifferent li:last-child::before {
  content: "\e901";
}
.marinaInfoFlip-Image {
  position: relative;
  overflow: hidden;
  height: 100%;
  width: 100%;
  grid-row-start: 3;
  grid-row-end: 3;
  grid-column-start: 2;
  grid-column-end: 2;
  align-self: center;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto 62%;
  background-color: rgba(086, 067, 204, 1);
  display: none;
}
.mC_marinaInfoFlip_noHeader .marinaInfoFlip-Image {
  grid-row-start: 1;
  grid-row-end: span 3;
}
.mC_marinaInfoFlip_imageRight .marinaInfoFlip-Image {
  grid-column-start: 3;
  grid-column-end: 3;
  padding-right: 0;
  padding-left: 1rem;
}
.mC_marinaInfoFlip div article.lastArt {
  text-align: center;
  padding: 2rem 0;
  grid-column-start: 1;
  grid-column-end: 3;
  align-self: center;
}
.mC_marinaInfoFlip_noHeader article.lastArt {
  grid-column-start: 1;
  grid-column-end: 3;
}

article.lastArt .button {
  margin: 2rem 0 0 0;
}
.mC_marinaInfoFlip > div > header {
  text-align: center;
}
@media (min-width: 512px) {
  .marinaInfoFlipContent li {
    padding: 0.4rem 0.5rem;
  }

  article.noFlip .articleFlip,
  .mC_marinaInfoFlip div article .marinaInfoFlipContent {
    line-height: 1rem;
    font-size: 0.7rem;
  }
  .mC_marinaInfoFlip div article:not(.lastArt):not(.noFlip).hovered,
  .mC_marinaInfoFlip div article:not(.lastArt):not(.noFlip):hover {
    transform: scale(1.1);
  }
  .mC_marinaInfoFlip > div {
    display: grid;
    justify-items: stretch;
    grid-template-columns: 50% 50%;
    -webkit-box-pack: justify;
    justify-content: space-between;
    gap: 1rem 1rem;
    padding: 2rem 1rem 1rem 1rem;
  }
  .mC_marinaInfoFlip > div > * {
  }
  .mC_marinaInfoFlip > div > nav {
    text-align: center;
    padding: 1rem 0 4rem;
  }
  .mC_marinaInfoFlip > div > nav > * {
    margin: 0.5rem;
  }
  .mC_marinaInfoFlip > div > header {
    grid-area: 1 / 1 / 1 / 3;
  }

  .mC_marinaInfoFlip div article {
    margin: 0;
  }
}
@media (min-width: 512px) {
  .mC_marinaInfoFlip div article header {
    padding: 1rem;
  }
}
@media (min-width: 804px) {
  .marinaInfoFlip-Image {
    display: block;
  }

  .mC_marinaInfoFlip div article:not(.lastArt):not(.noFlip).hovered,
  .mC_marinaInfoFlip div article:not(.lastArt):not(.noFlip):hover {
    transform: scale(1.2);
  }
  .mC_marinaInfoFlip {
  }
  .mC_marinaInfoFlip > div {
    grid-template-columns: auto auto auto;
    padding: 2rem 0 1rem 0;
  }
  .mC_marinaInfoFlip > div > header {
    grid-area: 1 / 1 / 1 / 4;
    text-align: center;
  }
  .mC_marinaInfoFlip_noHeader div article.lastArt {
    grid-column-start: 1;
    grid-column-end: 4;
  }
  .mC_marinaInfoFlip div article.lastArt {
    grid-column-end: 4;
  }
  .mC_marinaInfoFlip {
    padding: 0;
  }
}

@media (min-width: 1064px) {
  .mC_marinaInfoFlip > div {
    width: 1080px;
  }
}

/* 
multiColumn: marinaWortwolke
 */

.marinaWortwolke {
  overflow: hidden;
  padding: 2rem 0 8rem 0;
  position: relative;
}

.marinaWortwolke > article {
  position: relative;
  text-align: center;
}

@media (min-width: 512px) {
}
@media (min-width: 1000px) {
}

.marinaWortwolke article {
  height: 400px;
}
.marinaWortwolke article div {
  position: relative;
  font-size: 4rem;
  margin: 2.5rem 0 0 0;
  height: calc(100% - 2.5rem);
  width: 100%;
  transform: scale(0.7);
}
@media (min-width: 804px) {
  .marinaWortwolke article div {
    transform: scale(0.85);
  }
}
@media (min-width: 1064px) {
  .marinaWortwolke article div {
    transform: scale(1);
  }
}
.marinaWortwolke article div p {
  font-family: "Butler";
  display: inline-block;
}
.marinaWortwolke article > div > p {
  position: absolute;
  display: inline-block;
  color: rgba(086, 067, 204, 0.7);
  text-align: center;
  white-space: nowrap;
  -webkit-animation-name: puls;
  -moz-animation-name: puls;
  -o-animation-name: puls;
  animation-name: puls;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
  -moz-animation-timing-function: ease-in-out;
  -o-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.marinaWortwolke article > div > p:nth-child(1) {
  left: 10%;
  top: 18%;
  -webkit-animation-duration: 20s;
  -moz-animation-duration: 20s;
  -o-animation-duration: 20s;
  animation-duration: 20s;
  -webkit-animation-delay: 2s;
  -moz-animation-delay: 2s;
  -o-animation-delay: 2s;
  animation-delay: 2s;
}
.marinaWortwolke article > div > p:nth-child(2) {
  font-size: 1.4em;
  right: 20%;
  top: 0;
  -webkit-animation-duration: 20s;
  -moz-animation-duration: 20s;
  -o-animation-duration: 20s;
  animation-duration: 20s;
  -webkit-animation-delay: 2s;
  -moz-animation-delay: 2s;
  -o-animation-delay: 2s;
  animation-delay: 2s;
}
.marinaWortwolke article > div > p:nth-child(3) {
  font-size: 1.1em;
  right: -9%;
  top: 35%;
  -webkit-animation-duration: 10s;
  -moz-animation-duration: 10s;
  -o-animation-duration: 10s;
  animation-duration: 10s;
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  -o-animation-delay: 1s;
  animation-delay: 1s;
}
@media (min-width: 804px) {
  .marinaWortwolke article > div > p:nth-child(3) {
    right: 1%;
  }
}
.marinaWortwolke article > div > p:nth-child(4) {
  font-size: 1em;
  right: -9%;
  top: 80%;
  -webkit-animation-duration: 13s;
  -moz-animation-duration: 13s;
  -o-animation-duration: 13s;
  animation-duration: 13s;
  -webkit-animation-delay: 4s;
  -moz-animation-delay: 4s;
  -o-animation-delay: 4s;
  animation-delay: 4s;
}
@media (min-width: 804px) {
  .marinaWortwolke article > div > p:nth-child(4) {
    right: 5%;
  }
}
.marinaWortwolke article > div > p:nth-child(5) {
  font-size: 0.9em;
  right: 45%;
  top: 65%;
  -webkit-animation-duration: 17s;
  -moz-animation-duration: 17s;
  -o-animation-duration: 17s;
  animation-duration: 17s;
  -webkit-animation-delay: 0;
  -moz-animation-delay: 0;
  -o-animation-delay: 0;
  animation-delay: 0;
}
.marinaWortwolke article > div > p:nth-child(6) {
  font-size: 0.85em;
  left: 8%;
  top: 92%;
  -webkit-animation-duration: 22s;
  -moz-animation-duration: 22s;
  -o-animation-duration: 22s;
  animation-duration: 22s;
  -webkit-animation-delay: 3.5s;
  -moz-animation-delay: 3.5s;
  -o-animation-delay: 3.5s;
  animation-delay: 3.5s;
}
.marinaWortwolke article > div > p:nth-child(7) {
  font-size: 1.1em;
  right: 8%;
  top: 53%;
  -webkit-animation-duration: 14s;
  -moz-animation-duration: 14s;
  -o-animation-duration: 14s;
  animation-duration: 14s;
  -webkit-animation-delay: 0;
  -moz-animation-delay: 0;
  -o-animation-delay: 0;
  animation-delay: 0;
}
.marinaWortwolke article > div > p:nth-child(8) {
  font-size: 0.7em;
  right: 3%;
  top: 100%;
  -webkit-animation-duration: 14s;
  -moz-animation-duration: 14s;
  -o-animation-duration: 14s;
  animation-duration: 14s;
  -webkit-animation-delay: 0;
  -moz-animation-delay: 0;
  -o-animation-delay: 0;
  animation-delay: 0;
}
.marinaWortwolke article > div > p:nth-child(9) {
  font-size: 0.8em;
  right: 0;
  top: 195px;
  -webkit-animation-duration: 14s;
  -moz-animation-duration: 14s;
  -o-animation-duration: 14s;
  animation-duration: 14s;
  -webkit-animation-delay: 0;
  -moz-animation-delay: 0;
  -o-animation-delay: 0;
  animation-delay: 0;
}

@media (min-width: 804px) {
  .marinaWortwolke article > div > p:nth-child(1) {
    left: 20%;
    top: 5%;
  }
  .marinaWortwolke article > div > p:nth-child(2) {
    right: 16%;
    top: 0;
  }
  .marinaWortwolke article > div > p:nth-child(3) {
    right: 32%;
    top: 40%;
  }
  .marinaWortwolke article > div > p:nth-child(4) {
    right: 4%;
    top: 19%;
  }
  .marinaWortwolke article > div > p:nth-child(5) {
    right: 45%;
    top: 75%;
  }
  .marinaWortwolke article > div > p:nth-child(6) {
    left: 4%;
    top: 27%;
  }
  .marinaWortwolke article > div > p:nth-child(7) {
    right: 38%;
    top: 56%;
  }
  .marinaWortwolke article > div > p:nth-child(8) {
    right: 2%;
    top: 51%;
  }
}

@-webkit-keyframes puls {
  0% {
    -webkit-transform: scale(1);
    color: rgba(086, 067, 204, 0.7);
    transform: scale(1);
  }
  38% {
    -webkit-transform: scale(0.9);
    color: rgba(086, 067, 204, 0.2);
    transform: scale(0.9);
  }
  62% {
    -webkit-transform: scale(1.2);
    color: rgba(086, 067, 204, 1);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    color: rgba(086, 067, 204, 0.7);
    transform: scale(1);
  }
}
@-moz-keyframes puls {
  0% {
    -moz-transform: scale(1);
    color: rgba(086, 067, 204, 0.7);
    transform: scale(1);
  }
  38% {
    -moz-transform: scale(0.9);
    color: rgba(086, 067, 204, 0.2);
    transform: scale(0.9);
  }
  62% {
    -moz-transform: scale(1.2);
    color: rgba(086, 067, 204, 1);
    transform: scale(1.2);
  }
  100% {
    -moz-transform: scale(1);
    color: rgba(086, 067, 204, 0.7);
    transform: scale(1);
  }
}
@-o-keyframes puls {
  0% {
    -o-transform: scale(1);
    color: rgba(086, 067, 204, 0.7);
    transform: scale(1);
  }
  38% {
    -o-transform: scale(0.9);
    color: rgba(086, 067, 204, 0.2);
    transform: scale(0.9);
  }
  62% {
    -o-transform: scale(1.2);
    color: rgba(086, 067, 204, 1);
    transform: scale(1.2);
  }
  100% {
    -o-transform: scale(1);
    color: rgba(086, 067, 204, 0.7);
    transform: scale(1);
  }
}
@keyframes puls {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    color: rgba(086, 067, 204, 0.7);
  }
  38% {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
    color: rgba(086, 067, 204, 0.2);
  }
  62% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    color: rgba(086, 067, 204, 1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    color: rgba(086, 067, 204, 0.7);
  }
}

/* 
multiColumn: mC_marinaiconColumns
 */

.mC_marinaiconColumns {
  position: relative;
  z-index: 1;
  padding: 0;
  background: rgba(255, 255, 255, 1);
  overflow: hidden;
}

.mC_marinaiconColumns h2,
.mC_marinaiconColumns h3 {
  text-align: center;
}
.mC_marinaiconColumns h2 {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
  padding: 1.4rem 0 1.4rem;
}
.mC_marinaiconColumns h3 {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}

.mC_marinaiconColumns h4 {
  font-size: 1.6rem;
  hyphens: none;
  text-align: center;
}

.mC_marinaiconColumns div {
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
  -ms-flex-order: 3;
  order: 3;
}
.mC_marinaiconColumns article {
  padding: 1rem;
  -moz-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
  -ms-flex-order: 3;
  order: 3;
  position: relative;
}
.mC_marinaiconColumns article > img {
  height: 120px;
  margin: 1rem 0;
}

.mC_marinaiconColumns article > .button {
  position: absolute;
  bottom: 0;
  left: 0;
}

.mC_marinaiconColumns article.buttonVisible {
  padding-bottom: 5rem;
}

.mC_marinaiconColumns article a.button[class^="letima-"],
.mC_marinaiconColumns article a.button[class*=" letima-"],
.mC_marinaiconColumns article .button[class^="letima-"],
.mC_marinaiconColumns article .button[class*=" letima-"] {
  font-size: 0.9rem;
  position: absolute;
  bottom: 0.2rem;
}

.mC_marinaiconColumns h4::before {
  /*color: rgba(170, 195, 191, 1);*/
}
.mC_marinaiconColumns h2,
.mC_marinaiconColumns h3 {
  flex: 0 0 100%;
}

.mC_marinaiconColumns footer {
  padding: 4rem 0 4rem 0;
  text-align: center;
}
.mC_marinaiconColumns footer .button {
  margin-top: 2rem;
}

@media (min-width: 1064px) {
  .mC_marinaiconColumns article > img {
    height: 150px;
  }
  .mC_marinaiconColumns article.specialHeight > img {
    height: 75px;
    margin-top: calc(37px + 1rem);
    margin-bottom: calc(38px + 1rem);
  }
  .mC_marinaiconColumns article:first-child {
    padding: 1rem 0.6rem 1rem 0;
  }
  .mC_marinaiconColumns article:last-child {
    padding: 1rem 0 1rem 0.6rem;
  }
  .mC_marinaiconColumns > * {
    padding-left: 0;
    padding-right: 0;
  }
  .mC_marinaiconColumns article {
    padding: 1rem 0;
  }
}

/* 
multiColumn: marinaTextHeader
 */

.marinaTextHeader {
  background: rgba(086, 067, 204, 1);
  color: rgba(255, 255, 255, 1);
  padding: 2rem 0 4rem 0;
  position: relative;
  overflow: hidden;
  line-height: 2.2rem;
  font-size: 1.1rem;
}
#contHeader .marinaTextHeader {
  padding: 5rem 1rem 4rem 1rem;
}
.marinaTextHeader.backColorLightAsh {
  color: rgba(086, 067, 204, 1);
}
.marinaTextHeader h1,
.marinaTextHeader h2 {
  text-transform: inherit;
  font-size: 2.2rem;
  line-height: 3.2rem;
}
.marinaTextHeader h1 {
  color: rgba(175, 036, 039, 1);
}
.marinaTextHeader small {
  font-size: 0.7rem;
}
.marinaTextHeader p {
  font-weight: 600;
}

@media (min-width: 480px) {
}
@media (min-width: 804px) {
  .marinaTextHeader {
    background: rgba(086, 067, 204, 1);
    color: rgba(255, 255, 255, 1);
    padding: 4rem 0 10rem 0;
  }

  #contHeader .marinaTextHeader {
    padding: 10rem 1rem 6rem 1rem;
  }
}
@media (min-width: 1064px) {
  #contHeader .marinaTextHeader {
    padding: 10rem 0 6rem 0;
  }
  .marinaTextHeader article div {
    width: 80%;
  }
}

/* 
multiColumn: marinacenterColor
 */

.marinacenterColor {
  color: rgba(086, 067, 204, 1);
  padding: 0;
  position: relative;
  text-align: center;
  margin: 0;
  background-position: center center !important;
  background-size: cover !important;
  overflow: hidden;
  background: linear-gradient(
      165deg,
      rgba(255, 255, 255, 1) 0%,
      rgba(255, 255, 255, 1) 50%,
      rgba(255, 255, 255, 0.8) 62%,
      rgba(69, 142, 247, 0.2) 100%
    ),
    url("images/background.jpg");
  background-size: cover; /* Damit das Bild den gesamten Container abdeckt */
  background-position: center center; /* Damit das Bild zentriert ist */
  background-repeat: no-repeat; /* Verhindert, dass das Bild wiederholt wird */
}
#contSection section:last-of-type.marinacenterColor {
  padding-top: 7rem;
}
.marinacenterColor.mc_cC_light {
  color: rgba(086, 067, 204, 1);
}
.marinacenterColor.backColorAsh,
.marinacenterColor.backColorDark {
  color: rgba(255, 255, 255, 1);
}
.marinacenterColor article {
  position: relative;
  padding: 2rem 1rem 5rem 1rem;
  min-height: 0 !important;
}
.marinacenterColor-content {
  clear: both;
}
.marinacenterColor.isAlignLeft h1 {
  font-size: 3rem;
  text-align: left;
}
.marinacenterColor.isAlignLeft {
  text-align: left;
  padding-top: 10rem;
}
.marinacenterColor h1 {
  text-align: center;
}
.marinacenterColor h2 {
  line-height: 1.4rem;
  position: relative;
  z-index: 10;
}
.marinacenterColor h2::before {
}

@media (min-width: 480px) {
  .marinacenterColor h3 {
  }
  .marinacenterColor article {
    padding: 3rem 2rem 7rem 2rem;
  }
  .mc_cC_eq {
    display: table;
    min-height: 100vh;
  }
  .mc_cC_eq article {
    min-height: 100vh !important;
    display: table-cell;
    vertical-align: middle;
    width: 100vw;
    padding: 0 calc((100vw - 768px) / 2);
    clear: both;
  }
  .mc_cC_eq article::after {
    content: "";
    display: block;
    clear: both;
  }
}
@media (min-width: 804px) {
  .marinacenterColor article {
    padding: 8rem 1rem 10rem 1rem;
  }
}
@media (min-width: 1064px) {
  .marinacenterColor h1 {
    padding: 0.2rem 0 0.8rem 0;
  }
  .marinacenterColor h2 {
    padding: 0.2rem 0 2rem 0;
  }
  .marinacenterColor h3 {
    padding: 0.2rem 0 1rem 0;
  }
}

/* 
multiColumn: marinaAblauf
 */
.mC_marinaiconColumns {
  position: relative;
  z-index: 1;
  padding: 2rem 1rem;
}
.mC_marinaiconColumns > p {
  padding-top: 3rem;
}
@media (min-width: 1058px) {
  .mC_marinaiconColumns {
    padding: 2rem 0;
  }
}
.mC_marinaiconColumns h2,
.mC_marinaiconColumns h3 {
  text-align: center;
}
.mC_marinaiconColumns.mc_iCLeft h2,
.mC_marinaiconColumns.mc_iCLeft h3,
.mC_marinaiconColumns.mc_iCLeft h4 {
  text-align: left;
}
.mC_marinaiconColumns h2 {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
}
.mC_marinaiconColumns h3 {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}
.mC_marinaiconColumns h4 {
  text-align: center;
}
.mC_marinaiconColumns .mC_iD-colorfab4 h4::before,
.mC_marinaiconColumns h4::before,
.mC_marinaiconColumns.mC_iD-colorfab4 h4::before {
  color: rgba(086, 067, 204, 1);
  display: block;
  padding: 0.5rem 0 2rem;
  font-size: 3.4rem;
}
.mC_marinaiconColumns .mC_iD-colorfab1 h4::before,
.mC_marinaiconColumns.mC_iD-colorfab1 h4::before {
  color: rgba(175, 036, 039, 1);
}
.mC_marinaiconColumns .mC_iD-colorfab2 h4::before,
.mC_marinaiconColumns.mC_iD-colorfab2 h4::before {
  color: rgba(175, 036, 039, 1);
}
.mC_marinaiconColumns .mC_iD-colorfab3 h4::before,
.mC_marinaiconColumns.mC_iD-colorfab3 h4::before {
  color: rgba(175, 036, 039, 1);
}
.mC_marinaiconColumns .mC_iD-colorfemtal h4::before,
.mC_marinaiconColumns.mC_iD-colorfemtal h4::before {
  color: rgba(072, 037, 122, 1);
}
.mC_marinaiconColumns div {
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
  -ms-flex-order: 3;
  order: 3;
}
.mC_marinaiconColumns article {
  padding: 1rem 0;
  -moz-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
  -ms-flex-order: 3;
  order: 3;
  position: relative;
}
.mC_marinaiconColumns article > .button {
  position: absolute;
  bottom: 0;
  left: 0;
}
.mC_marinaiconColumns article.buttonVisible {
  padding-bottom: 5rem;
}
.mC_marinaiconColumns h2,
.mC_marinaiconColumns h3 {
  flex: 0 0 100%;
}
@media (min-width: 1058px) {
  .mC_marinaiconColumns:not(.mC_iCOne) article:first-child {
    padding: 1rem 0.6rem 1rem 0;
  }
  .mC_marinaiconColumns:not(.mC_iCOne) article:last-child {
    padding: 1rem 0 1rem 0.6rem;
  }
  .mC_marinaiconColumns > * {
    padding-left: 0;
    padding-right: 0;
  }
  .mC_marinaiconColumns article {
    padding: 1rem 0;
  }
}

/* 
multiColumn: marinaCircle
 */

.marinaCircle {
  padding: 3rem 1rem;
  position: relative;
}
.mC_circleLogo {
  display: none;
  height: 180px;
  width: 180px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  border-radius: 50%;
  padding: 0;
  margin: 0;
  border: 20px solid rgba(086, 067, 204, 0.2);
  box-shadow: rgba(086, 067, 204, 1) 0 0 3.5rem -1.55rem;
}
.mC_circleLogo img {
  height: 140px;
  width: 140px;
  padding: 10px;
  margin: 0;
  border-radius: 50%;
  box-shadow: rgba(086, 067, 204, 0.5) 0 0 1rem -0.35rem;
}
.mC_circleLogo::before {
  content: "";
  position: absolute;
  top: -33px;
  left: -33px;
  border: 3px solid rgba(086, 067, 204, 0.1);
  height: 200px;
  width: 200px;
  border-radius: 50%;
}
.marinaCircle article {
  padding: 1rem 0;
}
.marinaCircle article h4 {
  padding: 0;
  margin: 0;
}
.marinaCircle article:nth-of-type(1) h4 {
  color: rgba(086, 067, 204, 1);
}
.marinaCircle article:nth-of-type(2) h4 {
  color: rgba(175, 036, 039, 1);
}
.marinaCircle article:nth-of-type(3) h4 {
  color: rgba(086, 067, 204, 1);
}
.marinaCircle article:nth-of-type(4) h4 {
  color: rgba(175, 036, 039, 1);
}
.marinaCircle article:nth-of-type(5) h4 {
  color: rgba(086, 067, 204, 1);
}
.marinaCircle article:nth-of-type(6) h4 {
  color: rgba(175, 036, 039, 1);
}
.marinaCircle article:nth-of-type(7) h4 {
  color: rgba(175, 036, 039, 1);
}
.marinaCircle article ul {
  padding: 0;
  margin: 0;
}
.marinaCirclePoint {
  display: none;
  color: rgba(086, 067, 204, 1);
  position: absolute;
  height: 10px;
  width: 10px;
  background: rgba(086, 067, 204, 1);
  border-radius: 50%;
}
.marinaCirclePoint::before {
  position: absolute;
  top: 4px;
  left: 9px;
  content: "";
  width: 25px;
  height: 2px;
  background: rgba(086, 067, 204, 0.5);
}
.marinaCirclePoint span {
  text-align: center;
  position: absolute;
  left: 24px;
  top: -25px;
  height: 60px;
  width: 60px;
  padding: 7px;
  background: rgba(086, 067, 204, 0.5);
  border-radius: 50%;
}
.marinaCirclePoint span::before {
  display: inline-block;
  padding: 0;
  font-size: 1.3rem;
  background: #fff;
  height: 46px;
  width: 46px;
  line-height: 46px;
  border-radius: 50%;
  box-shadow: rgba(086, 067, 204, 1) 0 0 0.6rem 0;
}
.marinaCirclePoint:nth-of-type(3) {
  color: rgba(175, 036, 039, 1);
  background: rgba(175, 036, 039, 1);
}
.marinaCirclePoint:nth-of-type(3) span,
.marinaCirclePoint:nth-of-type(3)::before {
  background: rgba(175, 036, 039, 0.5);
}
.marinaCirclePoint:nth-of-type(3) span::before {
  box-shadow: rgba(175, 036, 039, 1) 0 0 0.6rem 0;
}
.marinaCirclePoint:nth-of-type(4) {
  color: rgba(086, 067, 204, 1);
  background: rgba(086, 067, 204, 1);
}
.marinaCirclePoint:nth-of-type(4) span,
.marinaCirclePoint:nth-of-type(4)::before {
  background: rgba(086, 067, 204, 0.5);
}
.marinaCirclePoint:nth-of-type(4) span::before {
  box-shadow: rgba(086, 067, 204, 1) 0 0 0.6rem 0;
}
.marinaCirclePoint:nth-of-type(5) {
  color: rgba(175, 036, 039, 1);
  background: rgba(175, 036, 039, 1);
}
.marinaCirclePoint:nth-of-type(5) span,
.marinaCirclePoint:nth-of-type(5)::before {
  background: rgba(175, 036, 039, 0.5);
}
.marinaCirclePoint:nth-of-type(5) span::before {
  box-shadow: rgba(175, 036, 039, 1) 0 0 0.6rem 0;
}
.marinaCirclePoint:nth-of-type(6) {
  color: rgba(086, 067, 204, 1);
  background: rgba(086, 067, 204, 1);
}
.marinaCirclePoint:nth-of-type(6) span,
.marinaCirclePoint:nth-of-type(6)::before {
  background: rgba(086, 067, 204, 0.5);
}
.marinaCirclePoint:nth-of-type(6) span::before {
  box-shadow: rgba(086, 067, 204, 1) 0 0 0.6rem 0;
}
.marinaCirclePoint:nth-of-type(7) {
  color: rgba(175, 036, 039, 1);
  background: rgba(175, 036, 039, 1);
}
.marinaCirclePoint:nth-of-type(7) span,
.marinaCirclePoint:nth-of-type(7)::before {
  background: rgba(175, 036, 039, 0.5);
}
.marinaCirclePoint:nth-of-type(7) span::before {
  box-shadow: rgba(175, 036, 039, 1) 0 0 0.6rem 0;
}

.marinaCirclePoint:nth-of-type(8) {
  color: rgba(175, 036, 039, 1);
  background: rgba(175, 036, 039, 1);
}
.marinaCirclePoint:nth-of-type(8) span,
.marinaCirclePoint:nth-of-type(8)::before {
  background: rgba(175, 036, 039, 0.5);
}
.marinaCirclePoint:nth-of-type(8) span::before {
  box-shadow: rgba(175, 036, 039, 1) 0 0 0.6rem 0;
}

@media (min-width: 1058px) {
  .marinaCircle {
    height: 1200px;
  }
  .marinaCirclePoint,
  .mC_circleLogo {
    display: inherit;
  }
  .marinaCircle article {
    position: absolute;
    font-size: 0.85rem;
    width: 260px;
    padding: 0;
  }
  .marinaCircle {
    padding: 3rem 0;
  }
}

/* 
multiColumn: mC_infoTabs
 */

.mC_infoTabs {
  background: #f7f9fe;
  padding: 4rem 1rem;
  max-width: 100vw;
  overflow: hidden;
}
.mC_infoTabs > div > h2,
.mC_infoTabs > div > h3 {
  text-align: center;
}
.mC_infoTabs > div > div {
  padding: 3rem 0;
}
.mC_infoTabs img {
  max-width: 100%;
  border-radius: var(--radius);
  box-shadow: rgba(086, 067, 204, 1) 0 0 5rem -1.5rem;
}
.mC_infoTabs > div > * {
  position: relative;
  z-index: 2;
}
.mC_infoTabs > div > .infoTab-Image {
  text-align: center;
  z-index: 1;
}
.infoTab-Image img {
  position: relative;
  z-index: 1;
}
.mC_infoTabs nav {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transform: rotate(-5deg);
  padding: 0 0 2rem;
  z-index: 2;
  position: relative;
  min-height: 7rem;
}
.mC_infoTabs nav::after {
  position: absolute;
  width: 100%;
  z-index: 0;
  content: "";
  top: calc(50% - 1rem);
  border-bottom: 1px solid rgba(086, 067, 204, 0.2);
}
.mC_infoTabs nav a {
  z-index: 1;
  position: relative;
  display: inline-block;
  text-align: center;
  flex: 0 0 auto;
  font-size: 1.1rem;
  height: 3rem;
  width: 3rem;
  line-height: 3rem;
  transform: rotate(5deg);
  border: 1px solid rgba(086, 067, 204, 0.3);
  box-shadow: rgba(086, 067, 204, 1) 0 0 2rem -2rem;
  border-radius: 50%;
  background: #f7f9fe;
  cursor: pointer;
}
.mC_infoTabs nav a::before {
  padding: 0;
  color: rgba(086, 067, 204, 1);
}
.mC_infoTabs nav a.active {
  background: rgba(086, 067, 204, 1);
  font-size: 1.4rem;
  height: 4rem;
  width: 4rem;
  line-height: 4rem;
  box-shadow: rgba(086, 067, 204, 1) 0 0 3rem -0.5rem;
}
.mC_infoTabs nav a.active::before {
  color: #f7f9fe;
}
.mC_infoTabs article {
  padding: 0;
  position: relative;
  z-index: 0;
  border-radius: var(--radius);
  border: 1px solid rgba(066, 125, 244, 0);
}
.mC_infoTabs article header {
  padding: 0 1rem 0 0;
}
.mC_infoTabs article .mc_iT_Content {
  max-height: 0;
  padding: 0;
  overflow: hidden;
  transition: all 0.7s ease-in;
}
.mC_infoTabs article.active .mc_iT_Content {
  max-height: 1000px;
  padding: 1em 0;
  transition: max-height 1.4s ease-in;
}
@media (min-width: 804px) {
  .mC_infoTabs > div {
    display: flex;
    flex-wrap: wrap;
  }
  .mC_infoTabs > div > * {
    flex: 0 0 calc(50% - 1rem);
  }
  .mC_infoTabs > div > nav {
    text-align: center;
    padding: 1rem 0 4rem;
  }
  .mC_infoTabs > div > nav > * {
    margin: 0.5rem;
  }
  .mC_infoTabs > div > h2,
  .mC_infoTabs > div > h3,
  .mC_infoTabs > div > nav {
    flex: 0 0 100%;
  }
}
@media (min-width: 1058px) {
  .mC_infoTabs {
    overflow: visible;
  }
  .mC_infoTabs {
    padding: 4rem 0;
  }
}

/*
.marinacenterColor button,
.marinacenterColor .button,
.marinacenterColor a.button,
.marinacenterColor input,
.marinacenterColor input[type="submit"] {
  background: rgba(239, 239, 239, 0.1);
  border: 1px solid rgba(255, 255, 255, 1);
  color: rgba(252, 250, 248, 1) fff;
  box-shadow: none;
  text-transform: uppercase;
  font-weight: 600;
  text-shadow: none;
  font-size: 1.2rem;
  font-weight: 600;
  text-shadow: none;
  padding: 0.4rem 1rem;
  width: 100%;
}
@media (min-width: 480px) {
  .marinacenterColor button,
  .marinacenterColor .button,
  .marinacenterColor a.button,
  .marinacenterColor input,
  .marinacenterColor input[type="submit"] {
    width: auto;
    padding: 0.4rem 4rem;
  }
}
.marinacenterColor button:hover,
.marinacenterColor .button:hover,
.marinacenterColor a.button:hover,
.marinacenterColor input:hover,
.marinacenterColor input[type="submit"]:hover {
  background: rgba(239, 239, 239, 0.2);
  background-image: none;
  border: 1px solid rgba(255, 255, 255, 1);
}
*/

.marinaFlip + a + section::before {
  top: -100px;
}
@media (min-width: 804px) {
  .marinaFlip + a + section::before {
    top: -50px;
  }
}
@media (min-width: 1064px) {
  .marinaFlip + a + section::before {
    top: 0;
  }
}

*.backColorWhite {
  background: rgba(255, 255, 255, 1) !important;
}
*.backColorAsh {
  background: rgba(170, 195, 191, 1) !important;
}
*.backColorLightAsh {
  background: rgba(203, 216, 216, 1) !important;
}
*.backColorLightGray {
  background: rgba(223, 231, 231, 1) !important;
}
*.backColorLight {
  background: rgba(252, 250, 248, 1) !important;
}
*.backColorDark {
  background: rgba(086, 067, 204, 1) !important;
}

h3.butlerBig,
.butlerBig {
  text-indent: -1rem;
  font-family: "Butler";
  font-size: 4.5rem;
  line-height: 3.6rem;
  color: rgba(086, 067, 204, 0.8);
  width: 320px;
  margin: 0 auto;
}
@media (min-width: 804px) {
  h3.butlerBig,
  .butlerBig {
    text-indent: -3rem;
    font-size: 5.8rem;
    width: 768px;
  }
}
.butlerBig span {
  display: inline-block;
}

.toggleContent {
  max-height: 0;
  padding: 0;
  margin: 0;
  opacity: 0;
  position: relative;
  transition: all 0.75s ease-in;
}
.toggleContent::before {
  transition: all 1s ease-in;
}
.toggleContent.active {
  max-height: 1000px;
  padding: 3rem 0 0 0;
  margin: 5rem 0 0 0;
  opacity: 1;
}
.toggleContent::before {
  content: "";
  top: 0;
  left: 0;
  right: 0;
  position: absolute;
  border-top: 1px solid rgba(086, 067, 204, 0);
  transform: rotate(-2deg);
  transform-origin: left bottom;
}
.toggleContent.active::before {
  border-top: 1px solid rgba(086, 067, 204, 1);
}
.boldMarker {
  font-weight: inherit;
  position: relative;
  display: inline-block;
  padding: 0 0.05rem;
  z-index: 1;
}
.boldMarker::after {
  content: "";
  z-index: -1;
  height: 38%;
  width: 0%;
  background: rgba(212, 223, 223, 0.6);
  position: absolute;
  bottom: 0.2rem;
  left: -0.1rem;
  transition: all 0.9s ease-in;
}
.boldMarker.active::after {
  width: calc(100% + 0.2rem);
  transition: all 0 ease-in;
}

.noDisplay {
  display: none;
}

.hidden,
.hidden *,
.pah,
.pah * {
  overflow: hidden;
  display: inline-block !important;
  line-height: 0 !important;
  font-size: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  height: 0 !important;
  width: 0 !important;
  min-height: 0 !important;
  border: 0 none !important;
}

body.pageload * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
}
[data-aos][data-aos][data-aos-duration="50"],
body[data-aos-duration="50"] [data-aos] {
  transition-duration: 50ms;
}
[data-aos][data-aos][data-aos-delay="50"],
body[data-aos-delay="50"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="50"].aos-animate,
body[data-aos-delay="50"] [data-aos].aos-animate {
  transition-delay: 50ms;
}
[data-aos][data-aos][data-aos-duration="100"],
body[data-aos-duration="100"] [data-aos] {
  transition-duration: 0.1s;
}
[data-aos][data-aos][data-aos-delay="100"],
body[data-aos-delay="100"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="100"].aos-animate,
body[data-aos-delay="100"] [data-aos].aos-animate {
  transition-delay: 0.1s;
}
[data-aos][data-aos][data-aos-duration="150"],
body[data-aos-duration="150"] [data-aos] {
  transition-duration: 0.15s;
}
[data-aos][data-aos][data-aos-delay="150"],
body[data-aos-delay="150"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="150"].aos-animate,
body[data-aos-delay="150"] [data-aos].aos-animate {
  transition-delay: 0.15s;
}
[data-aos][data-aos][data-aos-duration="200"],
body[data-aos-duration="200"] [data-aos] {
  transition-duration: 0.2s;
}
[data-aos][data-aos][data-aos-delay="200"],
body[data-aos-delay="200"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="200"].aos-animate,
body[data-aos-delay="200"] [data-aos].aos-animate {
  transition-delay: 0.2s;
}
[data-aos][data-aos][data-aos-duration="250"],
body[data-aos-duration="250"] [data-aos] {
  transition-duration: 0.25s;
}
[data-aos][data-aos][data-aos-delay="250"],
body[data-aos-delay="250"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="250"].aos-animate,
body[data-aos-delay="250"] [data-aos].aos-animate {
  transition-delay: 0.25s;
}
[data-aos][data-aos][data-aos-duration="300"],
body[data-aos-duration="300"] [data-aos] {
  transition-duration: 0.3s;
}
[data-aos][data-aos][data-aos-delay="300"],
body[data-aos-delay="300"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="300"].aos-animate,
body[data-aos-delay="300"] [data-aos].aos-animate {
  transition-delay: 0.3s;
}
[data-aos][data-aos][data-aos-duration="350"],
body[data-aos-duration="350"] [data-aos] {
  transition-duration: 0.35s;
}
[data-aos][data-aos][data-aos-delay="350"],
body[data-aos-delay="350"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="350"].aos-animate,
body[data-aos-delay="350"] [data-aos].aos-animate {
  transition-delay: 0.35s;
}
[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
  transition-duration: 0.4s;
}
[data-aos][data-aos][data-aos-delay="400"],
body[data-aos-delay="400"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="400"].aos-animate,
body[data-aos-delay="400"] [data-aos].aos-animate {
  transition-delay: 0.4s;
}
[data-aos][data-aos][data-aos-duration="450"],
body[data-aos-duration="450"] [data-aos] {
  transition-duration: 0.45s;
}
[data-aos][data-aos][data-aos-delay="450"],
body[data-aos-delay="450"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="450"].aos-animate,
body[data-aos-delay="450"] [data-aos].aos-animate {
  transition-delay: 0.45s;
}
[data-aos][data-aos][data-aos-duration="500"],
body[data-aos-duration="500"] [data-aos] {
  transition-duration: 0.5s;
}
[data-aos][data-aos][data-aos-delay="500"],
body[data-aos-delay="500"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="500"].aos-animate,
body[data-aos-delay="500"] [data-aos].aos-animate {
  transition-delay: 0.5s;
}
[data-aos][data-aos][data-aos-duration="550"],
body[data-aos-duration="550"] [data-aos] {
  transition-duration: 0.55s;
}
[data-aos][data-aos][data-aos-delay="550"],
body[data-aos-delay="550"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="550"].aos-animate,
body[data-aos-delay="550"] [data-aos].aos-animate {
  transition-delay: 0.55s;
}
[data-aos][data-aos][data-aos-duration="600"],
body[data-aos-duration="600"] [data-aos] {
  transition-duration: 0.6s;
}
[data-aos][data-aos][data-aos-delay="600"],
body[data-aos-delay="600"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="600"].aos-animate,
body[data-aos-delay="600"] [data-aos].aos-animate {
  transition-delay: 0.6s;
}
[data-aos][data-aos][data-aos-duration="650"],
body[data-aos-duration="650"] [data-aos] {
  transition-duration: 0.65s;
}
[data-aos][data-aos][data-aos-delay="650"],
body[data-aos-delay="650"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="650"].aos-animate,
body[data-aos-delay="650"] [data-aos].aos-animate {
  transition-delay: 0.65s;
}
[data-aos][data-aos][data-aos-duration="700"],
body[data-aos-duration="700"] [data-aos] {
  transition-duration: 0.7s;
}
[data-aos][data-aos][data-aos-delay="700"],
body[data-aos-delay="700"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="700"].aos-animate,
body[data-aos-delay="700"] [data-aos].aos-animate {
  transition-delay: 0.7s;
}
[data-aos][data-aos][data-aos-duration="750"],
body[data-aos-duration="750"] [data-aos] {
  transition-duration: 0.75s;
}
[data-aos][data-aos][data-aos-delay="750"],
body[data-aos-delay="750"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="750"].aos-animate,
body[data-aos-delay="750"] [data-aos].aos-animate {
  transition-delay: 0.75s;
}
[data-aos][data-aos][data-aos-duration="700"],
body[data-aos-duration="700"] [data-aos] {
  transition-duration: 0.8s;
}
[data-aos][data-aos][data-aos-delay="700"],
body[data-aos-delay="700"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="700"].aos-animate,
body[data-aos-delay="700"] [data-aos].aos-animate {
  transition-delay: 0.8s;
}
[data-aos][data-aos][data-aos-duration="850"],
body[data-aos-duration="850"] [data-aos] {
  transition-duration: 0.85s;
}
[data-aos][data-aos][data-aos-delay="850"],
body[data-aos-delay="850"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="850"].aos-animate,
body[data-aos-delay="850"] [data-aos].aos-animate {
  transition-delay: 0.85s;
}
[data-aos][data-aos][data-aos-duration="900"],
body[data-aos-duration="900"] [data-aos] {
  transition-duration: 0.9s;
}
[data-aos][data-aos][data-aos-delay="900"],
body[data-aos-delay="900"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="900"].aos-animate,
body[data-aos-delay="900"] [data-aos].aos-animate {
  transition-delay: 0.9s;
}
[data-aos][data-aos][data-aos-duration="950"],
body[data-aos-duration="950"] [data-aos] {
  transition-duration: 0.95s;
}
[data-aos][data-aos][data-aos-delay="950"],
body[data-aos-delay="950"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="950"].aos-animate,
body[data-aos-delay="950"] [data-aos].aos-animate {
  transition-delay: 0.95s;
}
[data-aos][data-aos][data-aos-duration="1000"],
body[data-aos-duration="1000"] [data-aos] {
  transition-duration: 1s;
}
[data-aos][data-aos][data-aos-delay="1000"],
body[data-aos-delay="1000"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1000"].aos-animate,
body[data-aos-delay="1000"] [data-aos].aos-animate {
  transition-delay: 1s;
}
[data-aos][data-aos][data-aos-duration="1050"],
body[data-aos-duration="1050"] [data-aos] {
  transition-duration: 1.05s;
}
[data-aos][data-aos][data-aos-delay="1050"],
body[data-aos-delay="1050"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1050"].aos-animate,
body[data-aos-delay="1050"] [data-aos].aos-animate {
  transition-delay: 1.05s;
}
[data-aos][data-aos][data-aos-duration="1100"],
body[data-aos-duration="1100"] [data-aos] {
  transition-duration: 1.1s;
}
[data-aos][data-aos][data-aos-delay="1100"],
body[data-aos-delay="1100"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1100"].aos-animate,
body[data-aos-delay="1100"] [data-aos].aos-animate {
  transition-delay: 1.1s;
}
[data-aos][data-aos][data-aos-duration="1150"],
body[data-aos-duration="1150"] [data-aos] {
  transition-duration: 1.15s;
}
[data-aos][data-aos][data-aos-delay="1150"],
body[data-aos-delay="1150"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1150"].aos-animate,
body[data-aos-delay="1150"] [data-aos].aos-animate {
  transition-delay: 1.15s;
}
[data-aos][data-aos][data-aos-duration="1200"],
body[data-aos-duration="1200"] [data-aos] {
  transition-duration: 1.2s;
}
[data-aos][data-aos][data-aos-delay="1200"],
body[data-aos-delay="1200"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1200"].aos-animate,
body[data-aos-delay="1200"] [data-aos].aos-animate {
  transition-delay: 1.2s;
}
[data-aos][data-aos][data-aos-duration="1250"],
body[data-aos-duration="1250"] [data-aos] {
  transition-duration: 1.25s;
}
[data-aos][data-aos][data-aos-delay="1250"],
body[data-aos-delay="1250"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1250"].aos-animate,
body[data-aos-delay="1250"] [data-aos].aos-animate {
  transition-delay: 1.25s;
}
[data-aos][data-aos][data-aos-duration="1300"],
body[data-aos-duration="1300"] [data-aos] {
  transition-duration: 1.3s;
}
[data-aos][data-aos][data-aos-delay="1300"],
body[data-aos-delay="1300"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1300"].aos-animate,
body[data-aos-delay="1300"] [data-aos].aos-animate {
  transition-delay: 1.3s;
}
[data-aos][data-aos][data-aos-duration="1350"],
body[data-aos-duration="1350"] [data-aos] {
  transition-duration: 1.35s;
}
[data-aos][data-aos][data-aos-delay="1350"],
body[data-aos-delay="1350"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1350"].aos-animate,
body[data-aos-delay="1350"] [data-aos].aos-animate {
  transition-delay: 1.35s;
}
[data-aos][data-aos][data-aos-duration="1400"],
body[data-aos-duration="1400"] [data-aos] {
  transition-duration: 1.4s;
}
[data-aos][data-aos][data-aos-delay="1400"],
body[data-aos-delay="1400"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1400"].aos-animate,
body[data-aos-delay="1400"] [data-aos].aos-animate {
  transition-delay: 1.4s;
}
[data-aos][data-aos][data-aos-duration="1450"],
body[data-aos-duration="1450"] [data-aos] {
  transition-duration: 1.45s;
}
[data-aos][data-aos][data-aos-delay="1450"],
body[data-aos-delay="1450"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1450"].aos-animate,
body[data-aos-delay="1450"] [data-aos].aos-animate {
  transition-delay: 1.45s;
}
[data-aos][data-aos][data-aos-duration="1500"],
body[data-aos-duration="1500"] [data-aos] {
  transition-duration: 1.5s;
}
[data-aos][data-aos][data-aos-delay="1500"],
body[data-aos-delay="1500"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1500"].aos-animate,
body[data-aos-delay="1500"] [data-aos].aos-animate {
  transition-delay: 0.5s;
}
[data-aos][data-aos][data-aos-duration="1550"],
body[data-aos-duration="1550"] [data-aos] {
  transition-duration: 1.55s;
}
[data-aos][data-aos][data-aos-delay="1550"],
body[data-aos-delay="1550"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1550"].aos-animate,
body[data-aos-delay="1550"] [data-aos].aos-animate {
  transition-delay: 1.55s;
}
[data-aos][data-aos][data-aos-duration="1600"],
body[data-aos-duration="1600"] [data-aos] {
  transition-duration: 1.6s;
}
[data-aos][data-aos][data-aos-delay="1600"],
body[data-aos-delay="1600"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1600"].aos-animate,
body[data-aos-delay="1600"] [data-aos].aos-animate {
  transition-delay: 1.6s;
}
[data-aos][data-aos][data-aos-duration="1650"],
body[data-aos-duration="1650"] [data-aos] {
  transition-duration: 1.65s;
}
[data-aos][data-aos][data-aos-delay="1650"],
body[data-aos-delay="1650"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1650"].aos-animate,
body[data-aos-delay="1650"] [data-aos].aos-animate {
  transition-delay: 1.65s;
}
[data-aos][data-aos][data-aos-duration="1700"],
body[data-aos-duration="1700"] [data-aos] {
  transition-duration: 1.7s;
}
[data-aos][data-aos][data-aos-delay="1700"],
body[data-aos-delay="1700"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1700"].aos-animate,
body[data-aos-delay="1700"] [data-aos].aos-animate {
  transition-delay: 1.7s;
}
[data-aos][data-aos][data-aos-duration="1750"],
body[data-aos-duration="1750"] [data-aos] {
  transition-duration: 1.75s;
}
[data-aos][data-aos][data-aos-delay="1750"],
body[data-aos-delay="1750"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1750"].aos-animate,
body[data-aos-delay="1750"] [data-aos].aos-animate {
  transition-delay: 1.75s;
}
[data-aos][data-aos][data-aos-duration="1700"],
body[data-aos-duration="1700"] [data-aos] {
  transition-duration: 1.8s;
}
[data-aos][data-aos][data-aos-delay="1700"],
body[data-aos-delay="1700"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1700"].aos-animate,
body[data-aos-delay="1700"] [data-aos].aos-animate {
  transition-delay: 1.8s;
}
[data-aos][data-aos][data-aos-duration="1850"],
body[data-aos-duration="1850"] [data-aos] {
  transition-duration: 1.85s;
}
[data-aos][data-aos][data-aos-delay="1850"],
body[data-aos-delay="1850"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1850"].aos-animate,
body[data-aos-delay="1850"] [data-aos].aos-animate {
  transition-delay: 1.85s;
}
[data-aos][data-aos][data-aos-duration="1900"],
body[data-aos-duration="1900"] [data-aos] {
  transition-duration: 1.9s;
}
[data-aos][data-aos][data-aos-delay="1900"],
body[data-aos-delay="1900"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1900"].aos-animate,
body[data-aos-delay="1900"] [data-aos].aos-animate {
  transition-delay: 1.9s;
}
[data-aos][data-aos][data-aos-duration="1950"],
body[data-aos-duration="1950"] [data-aos] {
  transition-duration: 1.95s;
}
[data-aos][data-aos][data-aos-delay="1950"],
body[data-aos-delay="1950"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1950"].aos-animate,
body[data-aos-delay="1950"] [data-aos].aos-animate {
  transition-delay: 1.95s;
}
[data-aos][data-aos][data-aos-duration="2000"],
body[data-aos-duration="2000"] [data-aos] {
  transition-duration: 2s;
}
[data-aos][data-aos][data-aos-delay="2000"],
body[data-aos-delay="2000"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2000"].aos-animate,
body[data-aos-delay="2000"] [data-aos].aos-animate {
  transition-delay: 2s;
}
[data-aos][data-aos][data-aos-duration="2050"],
body[data-aos-duration="2050"] [data-aos] {
  transition-duration: 2.05s;
}
[data-aos][data-aos][data-aos-delay="2050"],
body[data-aos-delay="2050"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2050"].aos-animate,
body[data-aos-delay="2050"] [data-aos].aos-animate {
  transition-delay: 2.05s;
}
[data-aos][data-aos][data-aos-duration="2100"],
body[data-aos-duration="2100"] [data-aos] {
  transition-duration: 2.1s;
}
[data-aos][data-aos][data-aos-delay="2100"],
body[data-aos-delay="2100"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2100"].aos-animate,
body[data-aos-delay="2100"] [data-aos].aos-animate {
  transition-delay: 2.1s;
}
[data-aos][data-aos][data-aos-duration="2150"],
body[data-aos-duration="2150"] [data-aos] {
  transition-duration: 2.15s;
}
[data-aos][data-aos][data-aos-delay="2150"],
body[data-aos-delay="2150"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2150"].aos-animate,
body[data-aos-delay="2150"] [data-aos].aos-animate {
  transition-delay: 2.15s;
}
[data-aos][data-aos][data-aos-duration="2200"],
body[data-aos-duration="2200"] [data-aos] {
  transition-duration: 2.2s;
}
[data-aos][data-aos][data-aos-delay="2200"],
body[data-aos-delay="2200"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2200"].aos-animate,
body[data-aos-delay="2200"] [data-aos].aos-animate {
  transition-delay: 2.2s;
}
[data-aos][data-aos][data-aos-duration="2250"],
body[data-aos-duration="2250"] [data-aos] {
  transition-duration: 2.25s;
}
[data-aos][data-aos][data-aos-delay="2250"],
body[data-aos-delay="2250"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2250"].aos-animate,
body[data-aos-delay="2250"] [data-aos].aos-animate {
  transition-delay: 2.25s;
}
[data-aos][data-aos][data-aos-duration="2300"],
body[data-aos-duration="2300"] [data-aos] {
  transition-duration: 2.3s;
}
[data-aos][data-aos][data-aos-delay="2300"],
body[data-aos-delay="2300"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2300"].aos-animate,
body[data-aos-delay="2300"] [data-aos].aos-animate {
  transition-delay: 2.3s;
}
[data-aos][data-aos][data-aos-duration="2350"],
body[data-aos-duration="2350"] [data-aos] {
  transition-duration: 2.35s;
}
[data-aos][data-aos][data-aos-delay="2350"],
body[data-aos-delay="2350"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2350"].aos-animate,
body[data-aos-delay="2350"] [data-aos].aos-animate {
  transition-delay: 2.35s;
}
[data-aos][data-aos][data-aos-duration="2400"],
body[data-aos-duration="2400"] [data-aos] {
  transition-duration: 2.4s;
}
[data-aos][data-aos][data-aos-delay="2400"],
body[data-aos-delay="2400"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2400"].aos-animate,
body[data-aos-delay="2400"] [data-aos].aos-animate {
  transition-delay: 2.4s;
}
[data-aos][data-aos][data-aos-duration="2450"],
body[data-aos-duration="2450"] [data-aos] {
  transition-duration: 2.45s;
}
[data-aos][data-aos][data-aos-delay="2450"],
body[data-aos-delay="2450"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2450"].aos-animate,
body[data-aos-delay="2450"] [data-aos].aos-animate {
  transition-delay: 2.45s;
}
[data-aos][data-aos][data-aos-duration="2500"],
body[data-aos-duration="2500"] [data-aos] {
  transition-duration: 2.5s;
}
[data-aos][data-aos][data-aos-delay="2500"],
body[data-aos-delay="2500"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2500"].aos-animate,
body[data-aos-delay="2500"] [data-aos].aos-animate {
  transition-delay: 2.5s;
}
[data-aos][data-aos][data-aos-duration="2550"],
body[data-aos-duration="2550"] [data-aos] {
  transition-duration: 2.55s;
}
[data-aos][data-aos][data-aos-delay="2550"],
body[data-aos-delay="2550"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2550"].aos-animate,
body[data-aos-delay="2550"] [data-aos].aos-animate {
  transition-delay: 2.55s;
}
[data-aos][data-aos][data-aos-duration="2600"],
body[data-aos-duration="2600"] [data-aos] {
  transition-duration: 2.6s;
}
[data-aos][data-aos][data-aos-delay="2600"],
body[data-aos-delay="2600"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2600"].aos-animate,
body[data-aos-delay="2600"] [data-aos].aos-animate {
  transition-delay: 2.6s;
}
[data-aos][data-aos][data-aos-duration="2650"],
body[data-aos-duration="2650"] [data-aos] {
  transition-duration: 2.65s;
}
[data-aos][data-aos][data-aos-delay="2650"],
body[data-aos-delay="2650"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2650"].aos-animate,
body[data-aos-delay="2650"] [data-aos].aos-animate {
  transition-delay: 2.65s;
}
[data-aos][data-aos][data-aos-duration="2700"],
body[data-aos-duration="2700"] [data-aos] {
  transition-duration: 2.7s;
}
[data-aos][data-aos][data-aos-delay="2700"],
body[data-aos-delay="2700"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2700"].aos-animate,
body[data-aos-delay="2700"] [data-aos].aos-animate {
  transition-delay: 2.7s;
}
[data-aos][data-aos][data-aos-duration="2750"],
body[data-aos-duration="2750"] [data-aos] {
  transition-duration: 2.75s;
}
[data-aos][data-aos][data-aos-delay="2750"],
body[data-aos-delay="2750"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2750"].aos-animate,
body[data-aos-delay="2750"] [data-aos].aos-animate {
  transition-delay: 2.75s;
}
[data-aos][data-aos][data-aos-duration="2700"],
body[data-aos-duration="2700"] [data-aos] {
  transition-duration: 2.8s;
}
[data-aos][data-aos][data-aos-delay="2700"],
body[data-aos-delay="2700"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2700"].aos-animate,
body[data-aos-delay="2700"] [data-aos].aos-animate {
  transition-delay: 2.8s;
}
[data-aos][data-aos][data-aos-duration="2850"],
body[data-aos-duration="2850"] [data-aos] {
  transition-duration: 2.85s;
}
[data-aos][data-aos][data-aos-delay="2850"],
body[data-aos-delay="2850"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2850"].aos-animate,
body[data-aos-delay="2850"] [data-aos].aos-animate {
  transition-delay: 2.85s;
}
[data-aos][data-aos][data-aos-duration="2900"],
body[data-aos-duration="2900"] [data-aos] {
  transition-duration: 2.9s;
}
[data-aos][data-aos][data-aos-delay="2900"],
body[data-aos-delay="2900"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2900"].aos-animate,
body[data-aos-delay="2900"] [data-aos].aos-animate {
  transition-delay: 2.9s;
}
[data-aos][data-aos][data-aos-duration="2950"],
body[data-aos-duration="2950"] [data-aos] {
  transition-duration: 2.95s;
}
[data-aos][data-aos][data-aos-delay="2950"],
body[data-aos-delay="2950"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2950"].aos-animate,
body[data-aos-delay="2950"] [data-aos].aos-animate {
  transition-delay: 2.95s;
}
[data-aos][data-aos][data-aos-duration="3000"],
body[data-aos-duration="3000"] [data-aos] {
  transition-duration: 3s;
}
[data-aos][data-aos][data-aos-delay="3000"],
body[data-aos-delay="3000"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="3000"].aos-animate,
body[data-aos-delay="3000"] [data-aos].aos-animate {
  transition-delay: 3s;
}
[data-aos][data-aos][data-aos-delay="3500"].aos-animate,
body[data-aos-delay="3500"] [data-aos].aos-animate {
  transition-delay: 3.5s;
}
[data-aos][data-aos][data-aos-easing="linear"],
body[data-aos-easing="linear"] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
}
[data-aos][data-aos][data-aos-easing="ease"],
body[data-aos-easing="ease"] [data-aos] {
  transition-timing-function: ease;
}
[data-aos][data-aos][data-aos-easing="ease-in"],
body[data-aos-easing="ease-in"] [data-aos] {
  transition-timing-function: ease-in;
}
[data-aos][data-aos][data-aos-easing="ease-out"],
body[data-aos-easing="ease-out"] [data-aos] {
  transition-timing-function: ease-out;
}
[data-aos][data-aos][data-aos-easing="ease-in-out"],
body[data-aos-easing="ease-in-out"] [data-aos] {
  transition-timing-function: ease-in-out;
}
[data-aos][data-aos][data-aos-easing="ease-in-back"],
body[data-aos-easing="ease-in-back"] [data-aos] {
  transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
[data-aos][data-aos][data-aos-easing="ease-out-back"],
body[data-aos-easing="ease-out-back"] [data-aos] {
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
[data-aos][data-aos][data-aos-easing="ease-in-out-back"],
body[data-aos-easing="ease-in-out-back"] [data-aos] {
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
[data-aos][data-aos][data-aos-easing="ease-in-sine"],
body[data-aos-easing="ease-in-sine"] [data-aos] {
  transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}
[data-aos][data-aos][data-aos-easing="ease-out-sine"],
body[data-aos-easing="ease-out-sine"] [data-aos] {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}
[data-aos][data-aos][data-aos-easing="ease-in-out-sine"],
body[data-aos-easing="ease-in-out-sine"] [data-aos] {
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
[data-aos][data-aos][data-aos-easing="ease-in-quad"],
body[data-aos-easing="ease-in-quad"] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
[data-aos][data-aos][data-aos-easing="ease-out-quad"],
body[data-aos-easing="ease-out-quad"] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
[data-aos][data-aos][data-aos-easing="ease-in-out-quad"],
body[data-aos-easing="ease-in-out-quad"] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
[data-aos][data-aos][data-aos-easing="ease-in-cubic"],
body[data-aos-easing="ease-in-cubic"] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
[data-aos][data-aos][data-aos-easing="ease-out-cubic"],
body[data-aos-easing="ease-out-cubic"] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
[data-aos][data-aos][data-aos-easing="ease-in-out-cubic"],
body[data-aos-easing="ease-in-out-cubic"] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
[data-aos][data-aos][data-aos-easing="ease-in-quart"],
body[data-aos-easing="ease-in-quart"] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
[data-aos][data-aos][data-aos-easing="ease-out-quart"],
body[data-aos-easing="ease-out-quart"] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
[data-aos][data-aos][data-aos-easing="ease-in-out-quart"],
body[data-aos-easing="ease-in-out-quart"] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
[data-aos^="fade"][data-aos^="fade"] {
  opacity: 0;
  transition-property: opacity, transform;
}
[data-aos^="fade"][data-aos^="fade"].aos-animate {
  opacity: 1;
  transform: translateZ(0);
}
[data-aos="fade-up"] {
  transform: translate3d(0, 100px, 0);
}
[data-aos="fade-down"] {
  transform: translate3d(0, -100px, 0);
}
[data-aos="fade-right"] {
  transform: translate3d(-100px, 0, 0);
}
[data-aos="fade-left"] {
  transform: translate3d(100px, 0, 0);
}
[data-aos="fade-up-right"] {
  transform: translate3d(-100px, 100px, 0);
}
[data-aos="fade-up-left"] {
  transform: translate3d(100px, 100px, 0);
}
[data-aos="fade-down-right"] {
  transform: translate3d(-100px, -100px, 0);
}
[data-aos="fade-down-left"] {
  transform: translate3d(100px, -100px, 0);
}
[data-aos^="zoom"][data-aos^="zoom"] {
  opacity: 0;
  transition-property: opacity, transform;
}
[data-aos^="zoom"][data-aos^="zoom"].aos-animate {
  opacity: 1;
  transform: translateZ(0) scale(1);
}
[data-aos="zoom-in"] {
  transform: scale(0.6);
}
[data-aos="zoom-in-up"] {
  transform: translate3d(0, 100px, 0) scale(0.6);
}
[data-aos="zoom-in-down"] {
  transform: translate3d(0, -100px, 0) scale(0.6);
}
[data-aos="zoom-in-right"] {
  transform: translate3d(-100px, 0, 0) scale(0.6);
}
[data-aos="zoom-in-left"] {
  transform: translate3d(100px, 0, 0) scale(0.6);
}
[data-aos="zoom-out"] {
  transform: scale(1.2);
}
[data-aos="zoom-out-up"] {
  transform: translate3d(0, 100px, 0) scale(1.2);
}
[data-aos="zoom-out-down"] {
  transform: translate3d(0, -100px, 0) scale(1.2);
}
[data-aos="zoom-out-right"] {
  transform: translate3d(-100px, 0, 0) scale(1.2);
}
[data-aos="zoom-out-left"] {
  transform: translate3d(100px, 0, 0) scale(1.2);
}
[data-aos^="slide"][data-aos^="slide"] {
  transition-property: transform;
}
[data-aos^="slide"][data-aos^="slide"].aos-animate {
  transform: translateZ(0);
}
[data-aos="slide-up"] {
  transform: translate3d(0, 100%, 0);
}
[data-aos="slide-down"] {
  transform: translate3d(0, -100%, 0);
}
[data-aos="slide-right"] {
  transform: translate3d(-100%, 0, 0);
}
[data-aos="slide-left"] {
  transform: translate3d(100%, 0, 0);
}
[data-aos^="flip"][data-aos^="flip"] {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition-property: transform;
}
[data-aos="flip-left"] {
  transform: perspective(2500px) rotateY(-100deg);
}
[data-aos="flip-left"].aos-animate {
  transform: perspective(2500px) rotateY(0);
}
[data-aos="flip-right"] {
  transform: perspective(2500px) rotateY(100deg);
}
[data-aos="flip-right"].aos-animate {
  transform: perspective(2500px) rotateY(0);
}
[data-aos="flip-up"] {
  transform: perspective(2500px) rotateX(-100deg);
}
[data-aos="flip-up"].aos-animate {
  transform: perspective(2500px) rotateX(0);
}
[data-aos="flip-down"] {
  transform: perspective(2500px) rotateX(100deg);
}
[data-aos="flip-down"].aos-animate {
  transform: perspective(2500px) rotateX(0);
}