:root {
  --radius: 4px;
  --brand-main-color: #0D4E88;
  --brand-main-lighter: #3877B8;
  --brand-main-darker: #0A3E6D;
  --brand-high-color: #FA6923;
  --brand-high-lighter: #FF955C;
  --brand-high-darker: #9E3F00;
  --red: #B3261E;
  --red-lighter: #DD584A;
  --red-darker: #8A0000;
  --green: #146C43;
  --green-lighter: #419769;
  --green-darker: #004A23;
  --yellow: #FFC400;
  --yellow-lighter: #FFD94F;
  --yellow-darker: #CC8A00;
  --state-selected: var(--brand-main-color, #0d4e88);
  --state-hover: #1060a8;
  --state-active: #093b6a;
  --state-open-bg: #e6f0f8;
  --text-normal: var(--text-primary, #333333);
  --text-dark-strong: #1a1a1a;
  --text-disabled: #9aa3af;
  --border-neutral: var(--border-default, #d6dee8);
  --bg-light: #FFFFFF;
  --bg-light-2: #F3F6FA;
  --bg-dark: #0A0F14;
  --bg-dark-2: #223140;
  --gray-300: #C7D0DA;
  --gray-400: #A7B3C2;
  --gray-500: #8A95A6;
  --gray-700: #4B5A6B;
  --gray-950: #05080B;
  --text-primary: var(--gray-900);
  --text-secondary: var(--gray-800);
  --text-tertiary: var(--gray-600);
  --text-disabled: var(--gray-500);
  --text-inverse-primary: #FFFFFF;
  --text-inverse-secondary: var(--gray-100);
  --text-inverse-tertiary: var(--gray-300);
  --link: #0D4E88;
  --link-hover: #3877B8;
  --border-subtle: var(--gray-100);
  --border-default: var(--gray-200);
  --border-strong: var(--gray-300);
  --border-subtle-on-dark: rgba(255, 255, 255, 0.12);
  --border-default-on-dark: rgba(255, 255, 255, 0.18);
  --border-strong-on-dark: rgba(255, 255, 255, 0.24);
  --gd-blue: linear-gradient(90deg, #0D4E88 0%, #3877B8 100%);
  --gd-orange: linear-gradient(90deg, #FA6923 0%, #FF955C 100%);
  --gd-red: linear-gradient(90deg, #B3261E 0%, #DD584A 100%);
  --gd-green: linear-gradient(90deg, #146C43 0%, #419769 100%);
  --gd-yellow: linear-gradient(90deg, #FFC400 0%, #FFD94F 100%);
  --gradient-blue: var(--gd-blue);
  --gradient-orange: var(--gd-orange);
  --gradient-red: var(--gd-red);
  --gradient-green: var(--gd-green);
  --gradient-yellow: var(--gd-yellow);
  --gd-red-safe: linear-gradient(90deg, rgba(0, 0, 0, 0.10) 0%, rgba(0, 0, 0, 0.10) 100%), var(--gd-red);
  --gd-green-safe: linear-gradient(90deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.15) 100%), var(--gd-green);
  --gradient-red--aa: linear-gradient(0deg, rgba(0, 0, 0, 0.10), rgba(0, 0, 0, 0.10)), var(--gd-red);
  --gradient-green--aa: linear-gradient(0deg, rgba(0, 0, 0, 0.125), rgba(0, 0, 0, 0.125)), var(--gd-green);
  --link-color: var(--brand-main-color);
  --button-primary-bg: var(--brand-main-color);
  --button-primary-hover: var(--brand-main-lighter);
  --button-accent-bg: var(--brand-high-color);
  --on-gd-blue: #FFFFFF;
  --on-gd-orange: #05080B;
  --on-gd-red: #FFFFFF;
  --on-gd-green: #FFFFFF;
  --on-gd-yellow: #05080B;
  --panel-info-bg: #F3F6FA;
  --panel-info-border: #0D4E88;
  --panel-info-fg: #0D4E88;
  --panel-error-bg: #FDEAEA;
  --panel-error-border: #B3261E;
  --panel-error-fg: #8A0000;
  --panel-warn-bg: #FFF7D6;
  --panel-warn-border: #BC8500;
  --panel-warn-fg: #5C4200;
  --panel-success-bg: #E9F6EF;
  --panel-success-border: #146C43;
  --panel-success-fg: #004A23;
  --panel-accent-bg: #FFF0E8;
  --panel-accent-border: #FA6923;
  --panel-accent-fg: #B22400;
  /* Abstand zwischen Logos einmal zentral festlegen */
  --logos-gap: 94px;
  --overlay-black-05: rgb(0 0 0 / 5%);
  --overlay-black-10: rgb(0 0 0 / 10%);
  --overlay-black-30: rgb(0 0 0 / 30%);
  --overlay-white-15: rgb(255 255 255 / 15%);
  --overlay-white-85: rgb(255 255 255 / 85%);
  --overlay-ink-20: color-mix(in srgb, var(--gray-800) 20%, transparent);
  --overlay-dark-03: color-mix(in srgb, var(--gray-900) 3%, transparent);
  --overlay-brand-50: color-mix(in srgb, var(--brand-main-color) 50%, transparent);
  --overlay-neutral-200-50: color-mix(in srgb, var(--gray-200) 50%, transparent);
  --overlay-accent-80: color-mix(in srgb, var(--brand-high-color) 80%, transparent);
  --overlay-red-35: color-mix(in srgb, var(--red) 35%, transparent);
  --overlay-red-50: color-mix(in srgb, var(--red) 50%, transparent);
  --c-rgba33-37-41-p6: rgba(10, 15, 20, .60);
  --c-rgba33-37-41-p9: rgba(10, 15, 20, .90);
  --space-system-6: 6px;
  /* Brand Colors */
  --brand-primary: #0D4E88;
  --brand-primary-light: #3877B8;
  --brand-primary-dark: #0A3E6D;
  --brand-accent: #FA6923;
  --brand-accent-dark: #9E3F00;
  /* Neutrals */
  --gray-50: #F3F6FA;
  --gray-100: #E9ECEF;
  --gray-200: #DDE3EA;
  --gray-600: #596779;
  --gray-800: #223140;
  --gray-900: #0A0F14;
  /* Layout */
  --nav-height: 80px;
  --nav-height-mobile: 60px;
  --nav-padding: 1.5rem;
  --space-system-invert-12: -12px;
  --space-system-12: 12px;
  --space-system-invert-24: -24px;
  --space-system-24: 24px;
  --space-system-36: 36px;
  --space-system-invert-48: -48px;
  --space-system-48: 48px;
  --space-system-invert-72: -72px;
  --space-system-72: 72px;
  --space-system-96: 96px;
  --space-system-120: 120px;
  --important-font-size: 24px;
  --base-font-size: 18px;
  --min-font-size: 16px;
  --font-titles: "Inter", "Inter Fallback", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-base: "Inter", "Inter Fallback", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
.panel {
  border-radius: var(--radius);
  border: 1px solid transparent;
  overflow: hidden;
}
.panel__header {
  padding: 10px 12px;
  font-weight: 600;
}
.panel__body {
  padding: 12px;
}
.panel--info {
  border-color: var(--panel-info-border);
  background: var(--panel-info-bg);
  color: var(--panel-info-fg);
}
.panel--info .panel__header {
  background: var(--gradient-blue);
  color: var(--on-gd-blue);
}
.text-accent {
  color: var(--brand-high-color, var(--green));
}
@font-face {
  font-family: "Inter";
  src:
    local("Inter"), local("Inter Regular"), url("../fonts/inter/InterVariable.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src:
    local("Inter Italic"), url("../fonts/inter/InterVariable-Italic.woff2") format("woff2");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}
html {
  font-synthesis: none;
}
@font-face {
  font-family: "Inter Fallback";
  src: local(".SF NS"), local("SF Pro Text"), local("San Francisco");
  font-weight: 100 900;
  font-style: normal;
  size-adjust: 104%;
  ascent-override: 92%;
  descent-override: 20%;
  line-gap-override: 0%;
}
@font-face {
  font-family: "Inter Fallback";
  src: local("Segoe UI");
  font-weight: 100 900;
  font-style: normal;
  size-adjust: 107%;
  ascent-override: 90%;
  descent-override: 22%;
  line-gap-override: 0%;
}
@font-face {
  font-family: "Inter Fallback";
  src: local("Roboto");
  font-weight: 100 900;
  font-style: normal;
  size-adjust: 106%;
  ascent-override: 92%;
  descent-override: 20%;
  line-gap-override: 0%;
}
a {
  text-decoration: none
}
.alert-danger {
  color: var(--red-darker);
  background-color: var(--panel-error-bg);
  border-color: var(--red)
}
body {
  font-family: var(--font-base);
  color: var(--text-primary);
  line-height: 1.5
}
body a {
  outline: 0 !important
}
.body, .langmenu li:hover {
  background-color: var(--text-inverse-primary)
}
html, html.safari .body {
  overflow-x: hidden
}
#header .header-body {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex
}
html {
  direction: ltr;
  box-shadow: none !important
}
#header {
  position: relative;
  z-index: 1030
}
#header .header-body {
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  background: var(--text-inverse-primary);
  width: 100%;
  border-top: 3px solid var(--text-inverse-primary);
  border-bottom: 1px solid transparent;
  z-index: 1001;
  transition: min-height .3s ease
}
#header .container {
  position: relative
}
@media (max-width:767px) {
  #header .container {
    width: 100%
  }
}
#header .header-row {
  -ms-flex-positive: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -ms-flex-item-align: stretch;
  -webkit-align-self: stretch;
  align-self: stretch;
  max-height: 100%
}
#header .header-row {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center
}
.intro.lp h1 {
  padding-top: 65px
}
@-webkit-keyframes toRightFromLeft {
  49% {
    -webkit-transform: translate(100%);
    transform: translate(100%)
  }
  50% {
    opacity: 0;
    -webkit-transform: translate(-100%);
    transform: translate(-100%)
  }
  51% {
    opacity: 1
  }
}
@keyframes toRightFromLeft {
  49% {
    -webkit-transform: translate(100%);
    transform: translate(100%)
  }
  50% {
    opacity: 0;
    -webkit-transform: translate(-100%);
    transform: translate(-100%)
  }
  51% {
    opacity: 1
  }
}
li {
  line-height: 32px
}
.langmenu li {
  line-height: 14px
}
@media (max-width:575px) {
  body {
    font-size: 13px
  }
}
@-webkit-keyframes sideMenuArrow {
  0%, to {
    left: 5px
  }
  50% {
    left: 10px
  }
}
@keyframes sideMenuArrow {
  0%, to {
    left: 5px
  }
  50% {
    left: 10px
  }
}
@-webkit-keyframes sideMenuArrowBack {
  0%, to {
    right: 5px
  }
  50% {
    right: 10px
  }
}
@keyframes sideMenuArrowBack {
  0%, to {
    right: 5px
  }
  50% {
    right: 10px
  }
}
@media (min-width:992px) {
  #header .header-body:not(.h-100) {
    height: auto !important
  }
}
.nav > li > a:focus, .nav > li > a:hover {
  background: 0 0
}
@media (max-width:991px) {
  html.safari #header .header-body {
    overflow: visible !important
  }
}
.text-uppercase {
  text-transform: uppercase !important
}
.text-dark {
  color: var(--text-primary) !important
}
.text-light {
  color: var(--bg-light) !important
}
.font-weight-bold, b, strong {
  font-weight: 700 !important
}
#footer .contact {
  padding: 0;
  list-style: none;
  margin: 0 0 0 30px
}
#footer p {
  line-height: 28px
}
#footer .nl, #footer address {
  padding-top: 7px
}
#footer {
  background: var(--text-primary)
}
#footer a:not(.btn) {
  color: var(--bg-light);
  transition: all .1s ease-in-out
}
#footer a:not(.btn):hover {
  text-decoration: none;
  font-weight: 400 !important;
  color: var(--brand-high-color) !important
}
#footer a:not(.btn):active, #footer a:not(.btn):focus {
  color: var(--gray-300)
}
#footer .container .row > div, #footer ul.list.icons li {
  margin-bottom: 5px
}
#footer form {
  opacity: .85
}
#footer form label.error {
  line-height: 16px;
  margin: 5px 0 -5px 0;
  display: block;
  clear: both
}
#footer form .alert {
  padding: 6px;
  text-align: center
}
aside .twitter ul, ul.image-gallery {
  list-style: none;
  margin: 0;
  padding: 0
}
.appear-animation {
  opacity: 0
}
.appear-animation-visible {
  opacity: 1;
}
@-webkit-keyframes maskUp {
  0% {
    -webkit-transform: translate(0, 100%);
    transform: translate(0, 100%)
  }
  to {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }
}
@keyframes maskUp {
  0% {
    -webkit-transform: translate(0, 100%);
    transform: translate(0, 100%)
  }
  to {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }
}
@-webkit-keyframes maskRight {
  0% {
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0)
  }
  to {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }
}
@keyframes maskRight {
  0% {
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0)
  }
  to {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }
}
@-webkit-keyframes maskDown {
  0% {
    -webkit-transform: translate(0, -100%);
    transform: translate(0, -100%)
  }
  to {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }
}
@keyframes maskDown {
  0% {
    -webkit-transform: translate(0, -100%);
    transform: translate(0, -100%)
  }
  to {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }
}
@-webkit-keyframes maskLeft {
  0% {
    -webkit-transform: translate(100%, 0);
    transform: translate(100%, 0)
  }
  to {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }
}
@keyframes maskLeft {
  0% {
    -webkit-transform: translate(100%, 0);
    transform: translate(100%, 0)
  }
  to {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }
}
@-webkit-keyframes headerReveal {
  0% {
    top: -150px
  }
  to {
    top: 0
  }
}
@keyframes headerReveal {
  0% {
    top: -150px
  }
  to {
    top: 0
  }
}
@-webkit-keyframes fadeInUpShorter {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 50px);
    transform: translate(0, 50px)
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}
@keyframes fadeInUpShorter {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 50px);
    transform: translate(0, 50px)
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}
.fadeInUpShorter {
  -webkit-animation-name: fadeInUpShorter;
  animation-name: fadeInUpShorter
}
@-webkit-keyframes fadeInLeftShorter {
  0% {
    opacity: 0;
    -webkit-transform: translate(50px, 0);
    transform: translate(50px, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}
@keyframes fadeInLeftShorter {
  0% {
    opacity: 0;
    -webkit-transform: translate(50px, 0);
    transform: translate(50px, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}
.fadeInLeftShorter {
  -webkit-animation-name: fadeInLeftShorter;
  animation-name: fadeInLeftShorter
}
@-webkit-keyframes fadeInRightShorter {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50px, 0);
    transform: translate(-50px, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}
@keyframes fadeInRightShorter {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50px, 0);
    transform: translate(-50px, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}
.fadeInRightShorter {
  -webkit-animation-name: fadeInRightShorter;
  animation-name: fadeInRightShorter
}
@-webkit-keyframes fadeInDownShorter {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, -50px);
    transform: translate(0, -50px)
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}
@keyframes fadeInDownShorter {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, -50px);
    transform: translate(0, -50px)
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}
@-webkit-keyframes expandIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.8);
    transform: scale(.8)
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}
@keyframes expandIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.8);
    transform: scale(.8)
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}
@-webkit-keyframes gradientTransition {
  0% {
    background-position: 0 50%
  }
  50% {
    background-position: 100% 50%
  }
  to {
    background-position: 0 50%
  }
}
@keyframes gradientTransition {
  0% {
    background-position: 0 50%
  }
  50% {
    background-position: 100% 50%
  }
  to {
    background-position: 0 50%
  }
}
@-webkit-keyframes sliderScrollButton {
  0% {
    opacity: 1;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0)
  }
  70% {
    opacity: 1;
    -webkit-transform: translate3d(-50%, 10px, 0);
    transform: translate3d(-50%, 10px, 0)
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-50%, 10px, 0);
    transform: translate3d(-50%, 10px, 0)
  }
}
@keyframes sliderScrollButton {
  0% {
    opacity: 1;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0)
  }
  70% {
    opacity: 1;
    -webkit-transform: translate3d(-50%, 10px, 0);
    transform: translate3d(-50%, 10px, 0)
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-50%, 10px, 0);
    transform: translate3d(-50%, 10px, 0)
  }
}
@-webkit-keyframes arrowLeftRight {
  0% {
    -webkit-transform: translate3d(-1px, 0, 0);
    transform: translate3d(-1px, 0, 0)
  }
  50% {
    -webkit-transform: translate3d(1px, 0, 0);
    transform: translate3d(1px, 0, 0)
  }
  to {
    -webkit-transform: translate3d(-1px, 0, 0);
    transform: translate3d(-1px, 0, 0)
  }
}
@keyframes arrowLeftRight {
  0% {
    -webkit-transform: translate3d(-1px, 0, 0);
    transform: translate3d(-1px, 0, 0)
  }
  50% {
    -webkit-transform: translate3d(1px, 0, 0);
    transform: translate3d(1px, 0, 0)
  }
  to {
    -webkit-transform: translate3d(-1px, 0, 0);
    transform: translate3d(-1px, 0, 0)
  }
}
@-webkit-keyframes navItemArrow {
  0% {
    position: relative;
    left: -1px
  }
  50% {
    position: relative;
    left: 3px
  }
  to {
    position: relative;
    left: -1px
  }
}
@keyframes navItemArrow {
  0% {
    position: relative;
    left: -1px
  }
  50% {
    position: relative;
    left: 3px
  }
  to {
    position: relative;
    left: -1px
  }
}
.hover-in {
  -webkit-transition: .1s ease-out !important;
  transition: .1s ease-out !important
}
.hover-out {
  -webkit-transition: .1s ease-in !important;
  transition: .1s ease-in !important
}
.hover-3d {
  -webkit-transition: none;
  transition: none
}
@-webkit-keyframes hotspot-pulsate {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: .8
  }
  45% {
    -webkit-transform: scale(1.75);
    transform: scale(1.75);
    opacity: 0
  }
}
@keyframes hotspot-pulsate {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: .8
  }
  45% {
    -webkit-transform: scale(1.75);
    transform: scale(1.75);
    opacity: 0
  }
}
@-webkit-keyframes stop-hotspot-pulsate {
  0% {
    opacity: .4
  }
  to {
    -webkit-transform: scale(2);
    transform: scale(2);
    opacity: 0
  }
}
@keyframes stop-hotspot-pulsate {
  0% {
    opacity: .4
  }
  to {
    -webkit-transform: scale(2);
    transform: scale(2);
    opacity: 0
  }
}
@-webkit-keyframes arrowLeftRight {
  0%, to {
    -webkit-transform: translate3d(-1px, 0, 0);
    transform: translate3d(-1px, 0, 0)
  }
  50% {
    -webkit-transform: translate3d(1px, 0, 0);
    transform: translate3d(1px, 0, 0)
  }
}
@keyframes arrowLeftRight {
  0%, to {
    -webkit-transform: translate3d(-1px, 0, 0);
    transform: translate3d(-1px, 0, 0)
  }
  50% {
    -webkit-transform: translate3d(1px, 0, 0);
    transform: translate3d(1px, 0, 0)
  }
}
@-webkit-keyframes navItemArrow {
  0%, to {
    position: relative;
    left: -1px
  }
  50% {
    position: relative;
    left: 3px
  }
}
@keyframes navItemArrow {
  0%, to {
    position: relative;
    left: -1px
  }
  50% {
    position: relative;
    left: 3px
  }
}
.hover-in {
  transition: .1s ease-out !important
}
.hover-out {
  transition: .1s ease-in !important
}
.hover-3d {
  transition: none
}
.arrow {
  background: url(../b/arrows.png)no-repeat 0 0;
  width: 47px;
  height: 120px;
  display: inline-block;
  position: relative
}
@media (max-width:575px) {
  .arrow {
    display: none
  }
}
.btn {
  border-radius: var(--radius) !important;
  cursor: pointer !important;
  margin-top: 10px;
  padding: 10px 15px !important;
  font-size: 16px !important;
  line-height: 18px !important;
  font-weight: 400 !important;
  letter-spacing: -.3px !important;
  transition: .2s !important
}
.btn.btn-lg {
  font-size: 16px;
  font-size: 1rem;
  padding: 8px 16px;
  padding: .5rem 1rem
}
html body .btn.active, html body .btn.focus, html body .btn:active, html body .btn:focus, html body.body .btn.active, html body.body .btn.focus, html body.body .btn:active, html body.body .btn:focus {
  box-shadow: none !important
}
.btn.dropdown-toggle:after {
  margin-left: .155em;
  vertical-align: .155em
}
html[dir=rtl] .input-group .form-control:not(:first-child), html[dir=rtl] .input-group-addon:not(:first-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: var(--radius);
  border-bottom-left-radius: var(--radius)
}
.call-to-action {
  position: relative;
  padding: 32px 55px;
  clear: both
}
.call-to-action::after {
  clear: both;
  content: "";
  display: block
}
@media (max-width:767px) {
  .call-to-action {
    padding: 10px
  }
}
.call-to-action p {
  font-size: 1.2em
}
.call-to-action .container-fluid > .row > [class*=col-], .call-to-action .container > .row > [class*=col-], .call-to-action > [class*=col-] {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center
}
.call-to-action, .call-to-action .container-fluid > .row, .call-to-action .container > .row {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap
}
@media (max-width:767px) {
  .call-to-action .container > .row [class*=col-]:not([class*=col-xs]), .call-to-action > [class*=col-]:not([class*=col-xs]) {
    width: 100%
  }
}
.card {
  border: 1px solid var(--overlay-black-05)
}
.card-header {
  border-bottom: 1px solid var(--overlay-black-05)
}
.card-body {
  padding: 32px
}
hr {
  background: var(--overlay-black-05);
  border: 0;
  height: 1px;
  margin: 22px 0
}
@-webkit-keyframes dividerProgress25 {
  0% {
    width: 0
  }
  to {
    width: 25%
  }
}
@keyframes dividerProgress25 {
  0% {
    width: 0
  }
  to {
    width: 25%
  }
}
@-webkit-keyframes toRightFromLeft {
  49% {
    -webkit-transform: translate(100%);
    transform: translate(100%)
  }
  50% {
    opacity: 0;
    -webkit-transform: translate(-100%);
    transform: translate(-100%)
  }
  51% {
    opacity: 1
  }
}
@keyframes toRightFromLeft {
  49% {
    -webkit-transform: translate(100%);
    transform: translate(100%)
  }
  50% {
    opacity: 0;
    -webkit-transform: translate(-100%);
    transform: translate(-100%)
  }
  51% {
    opacity: 1
  }
}
.label, form label {
  font-weight: 400
}
textarea {
  resize: vertical
}
select {
  border: 1px solid var(--text-inverse-primary);
  border-radius: var(--radius);
  outline: 0
}
label.required:after {
  content: "*";
  font-size: .8em;
  margin: .3em;
  position: relative;
  top: -2px
}
.form-group:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0
}
.form-control {
  border-color: var(--overlay-black-10)
}
.form-control:not(.form-control-lg) {
  font-size: 12px;
  font-size: .75rem;
  line-height: 1.3
}
.form-control:not(.form-control-sm):not(.form-control-lg) {
  font-size: 13.6px;
  font-size: .85rem;
  line-height: 1.85
}
.form-control:focus {
  box-shadow: 0 1px 1px var(--overlay-black-10) inset;
  border-color: var(--gray-300)
}
.form-control.error {
  border-color: var(--red);
  box-shadow: inset 0 1px 1px var(--overlay-black-10)
}
.form-control.error:focus {
  border-color: var(--red-darker);
  box-shadow: inset 0 1px 1px var(--overlay-black-10), 0 0 6px var(--red-lighter)
}
.table td, .table th {
  border-color: var(--overlay-black-05)
}
.input-group .form-control {
  height: auto
}
input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], textarea {
  -webkit-appearance: none
}
.form-control::-webkit-input-placeholder, input[type=color]::-webkit-input-placeholder, input[type=date]::-webkit-input-placeholder, input[type=datetime-local]::-webkit-input-placeholder, input[type=datetime]::-webkit-input-placeholder, input[type=email]::-webkit-input-placeholder, input[type=month]::-webkit-input-placeholder, input[type=number]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, input[type=search]::-webkit-input-placeholder, input[type=tel]::-webkit-input-placeholder, input[type=text]::-webkit-input-placeholder, input[type=time]::-webkit-input-placeholder, input[type=url]::-webkit-input-placeholder, input[type=week]::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: var(--gray-300)
}
.form-control::-moz-placeholder, input[type=color]::-moz-placeholder, input[type=date]::-moz-placeholder, input[type=datetime-local]::-moz-placeholder, input[type=datetime]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=month]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type=search]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=text]::-moz-placeholder, input[type=time]::-moz-placeholder, input[type=url]::-moz-placeholder, input[type=week]::-moz-placeholder, textarea::-moz-placeholder {
  color: var(--gray-300)
}
.form-control:-ms-input-placeholder, input[type=color]:-ms-input-placeholder, input[type=date]:-ms-input-placeholder, input[type=datetime-local]:-ms-input-placeholder, input[type=datetime]:-ms-input-placeholder, input[type=email]:-ms-input-placeholder, input[type=month]:-ms-input-placeholder, input[type=number]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, input[type=search]:-ms-input-placeholder, input[type=tel]:-ms-input-placeholder, input[type=text]:-ms-input-placeholder, input[type=time]:-ms-input-placeholder, input[type=url]:-ms-input-placeholder, input[type=week]:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: var(--gray-300)
}
.btn-lg {
  line-height: 1.334
}
.captcha input {
  border: 0
}
label.valid {
  display: inline-block;
  text-indent: -9999px
}
label.error {
  color: var(--red);
  font-size: .9em;
  line-height: 18px;
  padding: 5px 0 0
}
.captcha {
  clear: both;
  overflow: hidden;
  background: var(--text-inverse-primary);
  text-align: center;
  margin-bottom: 20px;
  max-width: 160px;
  height: 78px;
  position: relative
}
h1 {
  margin: 0 0 32px;
  font-size: 2.2em
}
a {
  color: var(--brand-main-color)
}
h1, h2, h3, h4, h5 {
  color: var(--text-primary);
  font-weight: 700 !important
}
h1, h2, h3, h4, h5, h6 {
  letter-spacing: normal;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased
}
h3 {
  margin: 0 0 13px;
  text-transform: none;
  font-size: 28px
}
h4, h5, h6 {
  margin: 0 0 14px
}
h4 {
  font-size: 1.4em
}
dl dd, h1.short, h2.short {
  margin-bottom: 15px
}
@media (max-width:575px) {
  h2 {
    line-height: 40px
  }
}
@-webkit-keyframes bouncedelay {
  0%, 80%, to {
    -webkit-transform: scale(0);
    transform: scale(0)
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}
@keyframes bouncedelay {
  0%, 80%, to {
    -webkit-transform: scale(0);
    transform: scale(0)
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}
@-webkit-keyframes pencilAnimation {
  0% {
    width: 0
  }
  to {
    width: 74px
  }
}
@keyframes pencilAnimation {
  0% {
    width: 0
  }
  to {
    width: 74px
  }
}
ul.nav-pills > li > a.active {
  color: var(--bg-light);
  background-color: var(--gray-300)
}
ul.nav-pills > li > a.active:focus, ul.nav-pills > li > a.active:hover {
  color: var(--bg-light);
  background-color: var(--gray-300)
}
@media (min-width:992px) {
  .col-md-1-5.isotope-item:nth-child(5n+1), .col-md-2.isotope-item:nth-child(6n+1), .col-md-3.isotope-item:nth-child(4n+1), .col-md-4.isotope-item:nth-child(3n+1), .col-md-6.isotope-item:nth-child(2n+1) {
    clear: both
  }
}
@media (max-width:991px) {
  .sort-destination.isotope {
    overflow: visible !important;
    height: auto !important
  }
  .isotope-hidden {
    display: none !important
  }
}
@media (max-width:767px) {
  .isotope-item {
    position: static !important;
    text-align: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    -webkit-transform: none !important;
    transform: none !important
  }
  .isotope-item.product {
    position: relative !important
  }
  .sort-destination {
    height: auto !important
  }
}
.tabs {
  border-radius: var(--radius);
  margin-bottom: 20px
}
.nav-tabs {
  margin: 0;
  padding: 0;
  border-bottom-color: var(--text-inverse-primary)
}
.tab-content {
  border-radius: 0 0 var(--radius) var(--radius);
  box-shadow: 0 1px 5px 0 var(--overlay-black-05);
  background-color: var(--bg-light);
  border: 1px solid var(--text-inverse-primary);
  border-top: 0;
  padding: 15px
}
.tabs.tabs-bottom {
  margin: 0 0 20px;
  padding: 0
}
.tabs.tabs-bottom .tab-content {
  border-radius: var(--radius) var(--radius) 0 0;
  border-bottom: 0;
  border-top: 1px solid var(--text-inverse-primary)
}
.tabs.tabs-bottom .nav-tabs {
  border-bottom: none;
  border-top: 1px solid var(--text-inverse-primary)
}
.tabs.tabs-bottom .nav-tabs li {
  margin-bottom: 0;
  margin-top: -1px
}
.tabs-center .nav-tabs {
  margin: 0 auto;
  text-align: center
}
.tabs.tabs-simple .nav-tabs {
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  border: 0;
  margin-bottom: 10px
}
.tabs.tabs-simple .nav-tabs > li {
  margin-left: 0;
  margin-bottom: 20px
}
.tabs.tabs-simple .tab-content {
  background: 0 0;
  border: 0;
  padding: 0;
  margin: 0;
  box-shadow: none
}
blockquote {
  border-left: 5px solid var(--text-inverse-primary);
  margin: 0 0 16px;
  margin: 0 0 1rem;
  padding: 8px 16px;
  padding: .5rem 1rem;
  font-size: 1em
}
.small, small {
  font-size: 0.833em
}

.font-size-xs {
  font-size: 0.8em
}
p {
  color: var(--text-primary);
  line-height: 1.6;
  margin: 0 0 20px
}
p.lead {
  line-height: 28.8px !important;
  line-height: 1.8rem !important
}
.lead {
  font-size: 24px !important
}
.home-intro, section.video {
  overflow: hidden;
  position: relative
}
.home-intro {
  color: var(--gray-950);
  background-color: var(--text-inverse-primary);
  padding: 2.4rem 0;
  text-align: left;
  margin-bottom: 30px;
  padding: 38.4px 0
}
.home-intro h2 {
  margin-top: 20px
}
section.video {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  width: 100%;
  padding: 50px 0
}
section.video .container {
  position: relative;
  z-index: 3
}
.btn-default {
  color: var(--text-primary);
  background-color: var(--bg-light);
  border-color: var(--gray-300);
  box-shadow: none !important
}
.btn-default:active, .btn-default:focus {
  color: var(--text-primary);
  background-color: var(--text-inverse-primary);
  border-color: var(--gray-300)
}
.btn-default:hover {
  color: var(--bg-light) !important;
  background-color: var(--red);
  border-color: var(--red-darker) var(--red-darker) var(--red-darker)
}
footer ul.link-list li a {
  color: var(--bg-light)
}
.js-video-button:hover {
  cursor: pointer
}
.counters {
  color: var(--text-primary)
}
h2 {
  margin: 0 0 20px;
  font-size: 2em
}
.WhatsNew h2, .em {
  font-weight: 700
}
.WhatsNew h2 span, .WhatsNew h2::before, .main, body, html {
  background-color: var(--text-inverse-primary)
}
.WhatsNew h2 {
  text-align: left;
  margin-bottom: 0;
  font-size: 24px;
  padding-top: 10px;
  background: url(../b/bg_divider.png)left center repeat-x var(--text-inverse-primary)
}
.WhatsNew h2::before {
  content: " Version "
}
.WhatsNew h2 span {
  padding-right: .5em
}
.WhatsNew ul {
  padding-top: 0
}
@media (min-width:768px) {
  .rowx, .rowx > [class*=col-md] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
  }
  .rowx > [class*=col-md] {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
  }
}
.card-header h3 {
  font-size: 18px;
  font-weight: 200;
  letter-spacing: normal;
  line-height: 24px;
  margin-bottom: 13px;
  text-transform: none
}
body {
  font-size: 20px
}
ul.link-list, ul.link-list li {
  margin: 0;
  padding: 0;
  list-style: none
}
ul.link-list li {
  padding: 2px 0
}
footer ul.link-list li a:hover {
  color: var(--text-inverse-primary)
}
#footer p, .intro h1, .intro h2, .intro p {
  color: var(--bg-light)
}
.cta-btn {
  text-align: center;
  min-width: 250px;
  display: inline-block;
  padding: 20px 40px;
  font-size: 19px;
  line-height: 18px;
  font-weight: 600;
  border-radius: var(--radius);
  letter-spacing: -.2px;
  transition: .2s
}
.cta-btn:hover {
  text-decoration: none
}
.cta-btn:hover {
  background-color: var(--brand-high-darker);
  color: var(--bg-light) !important
}
.cta-btn {
  background-color: var(--brand-high-color);
  color: var(--bg-light);
  margin-right: 20px
}
.intro, .intro h1, .intro h2 {
  letter-spacing: .0625rem !important
}
.intro h1, .intro h2 {
  font-weight: 700;
  font-size: 50px;
  line-height: 1.3;
  padding-top: 105px;
  max-width: 600px
}
.intro p {
  font-weight: 300;
  font-size: 24px;
  line-height: 1.6;
  padding-bottom: 20px;
  max-width: 600px;
  padding-right: 20px
}
.intro .btn {
  min-width: 250px;
  font-weight: 600
}
.intro .btn-default {
  color: var(--text-primary)
}
#footer .copyr a:link, #footer .copyr a:visited, .copyr {
  color: var(--text-inverse-primary)
}
#footer address li, #footer h3 {
  padding-bottom: 15px;
  font-size: 16px
}
#footer, .page-header {
  border-top: 0;
  position: relative
}
#footer {
  line-height: 1.9;
  background: var(--brand-main-color);
  font-size: .9em;
  clear: both;
  padding: 50px 0 0
}
#footer hr {
  margin-top: 60px;
  margin-bottom: 160px
}
.page-header {
  background-color: var(--brand-main-color);
  border-bottom: 0;
  margin: 0 0 35px;
  min-height: 100px;
  padding: 15px 0 0;
  text-align: left
}
@media only screen and (max-width:992px) {
  .intro {
    padding-left: 50px;
    padding-top: 10px
  }
}
@media only screen and (max-width:768px) {
  .cta-btn {
    margin-bottom: 20px;
    min-width: 220px
  }
  .intro h1, .intro h2 {
    font-size: 40px;
    line-height: 42px;
    padding-top: 35px
  }
  .intro a {
    line-height: 30px;
    font-size: 20px !important
  }
  .intro p {
    font-size: 20px;
    line-height: 30px
  }
}

.flag-icon {
  position: relative;
  display: inline-block
}
.flag-icon {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  width: 1.33333333em;
  line-height: 1em;
  margin-right: 5px;
  opacity: .9;
  filter: alpha(opacity=90);
  border: 1px solid rgba(0,0,0,.12)
}
.flag-icon:before {
  content: "\00a0"
}
.flag-icon-am {
  background-image: url(../b/f/am.svg)
}
.flag-icon-bd {
  background-image: url(../b/f/bd.svg)
}
.flag-icon-bg {
  background-image: url(../b/f/bg.svg)
}
.flag-icon-br {
  background-image: url(../b/f/br.svg)
}
.flag-icon-by {
  background-image: url(../b/f/by.svg)
}
.flag-icon-cn {
  background-image: url(../b/f/cn.svg)
}
.flag-icon-cz {
  background-image: url(../b/f/cz.svg)
}
.flag-icon-de {
  background-image: url(../b/f/de.svg)
}
.flag-icon-dk {
  background-image: url(../b/f/dk.svg)
}
.flag-icon-ee {
  background-image: url(../b/f/ee.svg)
}
.flag-icon-es {
  background-image: url(../b/f/es.svg)
}
.flag-icon-es-ct {
  background-image: url(../b/f/es-ct.svg)
}
.flag-icon-fi {
  background-image: url(../b/f/fi.svg)
}
.flag-icon-fr {
  background-image: url(../b/f/fr.svg)
}
.flag-icon-gb {
  background-image: url(../b/f/gb.svg)
}
.flag-icon-gr {
  background-image: url(../b/f/gr.svg)
}
.flag-icon-hr {
  background-image: url(../b/f/hr.svg)
}
.flag-icon-hu {
  background-image: url(../b/f/hu.svg)
}
.flag-icon-id {
  background-image: url(../b/f/id.svg)
}
.flag-icon-il {
  background-image: url(../b/f/il.svg)
}
.flag-icon-in {
  background-image: url(../b/f/in.svg)
}
.flag-icon-ir {
  background-image: url(../b/f/ir.svg)
}
.flag-icon-it {
  background-image: url(../b/f/it.svg)
}
.flag-icon-jp {
  background-image: url(../b/f/jp.svg)
}
.flag-icon-kr {
  background-image: url(../b/f/kr.svg)
}
.flag-icon-lk {
  background-image: url(../b/f/lk.svg)
}
.flag-icon-lt {
  background-image: url(../b/f/lt.svg)
}
.flag-icon-lv {
  background-image: url(../b/f/lv.svg)
}
.flag-icon-mm {
  background-image: url(../b/f/mm.svg)
}
.flag-icon-my {
  background-image: url(../b/f/my.svg)
}
.flag-icon-nl {
  background-image: url(../b/f/nl.svg)
}
.flag-icon-no {
  background-image: url(../b/f/no.svg)
}
.flag-icon-np {
  background-image: url(../b/f/np.svg)
}
.flag-icon-ph {
  background-image: url(../b/f/ph.svg)
}
.flag-icon-pk {
  background-image: url(../b/f/pk.svg)
}
.flag-icon-pl {
  background-image: url(../b/f/pl.svg)
}
.flag-icon-pt {
  background-image: url(../b/f/pt.svg)
}
.flag-icon-ro {
  background-image: url(../b/f/ro.svg)
}
.flag-icon-rs {
  background-image: url(../b/f/rs.svg)
}
.flag-icon-ru {
  background-image: url(../b/f/ru.svg)
}
.flag-icon-sa {
  background-image: url(../b/f/sa.svg)
}
.flag-icon-se {
  background-image: url(../b/f/se.svg)
}
.flag-icon-si {
  background-image: url(../b/f/si.svg)
}
.flag-icon-sk {
  background-image: url(../b/f/sk.svg)
}
.flag-icon-th {
  background-image: url(../b/f/th.svg)
}
.flag-icon-tr {
  background-image: url(../b/f/tr.svg)
}
.flag-icon-tz {
  background-image: url(../b/f/tz.svg)
}
.flag-icon-ua {
  background-image: url(../b/f/ua.svg)
}
.flag-icon-us {
  background-image: url(../b/f/us.svg)
}
.flag-icon-vn {
  background-image: url(../b/f/vn.svg)
}
.flag-icon-za {
  background-image: url(../b/f/za.svg)
}

.highl {
  list-style: none;
  margin-left: 5px
}
.highl li {
  padding-left: 50px;
  min-height: 30px;
  margin-top: 10px;
  margin-bottom: 10px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0nMS4wJyBlbmNvZGluZz0ndXRmLTgnPz48IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMjQuMi4zLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAtLT48c3ZnIHZlcnNpb249JzEuMScgaWQ9J0xheWVyXzEnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZycgeG1sbnM6eGxpbms9J2h0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsnIHg9JzBweCcgeT0nMHB4JyB2aWV3Qm94PScwIDAgMjUgMjUnIHN0eWxlPSdlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI1IDI1OycgeG1sOnNwYWNlPSdwcmVzZXJ2ZSc+PHN0eWxlIHR5cGU9J3RleHQvY3NzJz4gLnN0MHtmaWxsOiMwRjRFODk7fSAuc3Qxe2ZpbGw6IzEzM0Q2ODt9Cjwvc3R5bGU+PHBvbHlnb24gY2xhc3M9J3N0MCcgcG9pbnRzPScxMy42LDcuMSAxNS4yLDAuMyAxOC43LDYuOCAnLz48cG9seWdvbiBjbGFzcz0nc3QwJyBwb2ludHM9JzIwLjUsMTAuNyAyMy43LDE3IDE3LjMsMTQuOSAnLz48cG9seWdvbiBjbGFzcz0nc3QwJyBwb2ludHM9JzAsOSAyNSw1LjMgMTcuMywxNC45IDEwLjMsMjMuNyAxMi45LDEzLjggMTEuNSwyMSAyMiw3ICcvPjxwb2x5Z29uIGNsYXNzPSdzdDEnIHBvaW50cz0nMjAuOSwxMS40IDIwLjYsMTAuOCAxNy4zLDE0LjkgJy8+PC9zdmc+Cg==);
  background-repeat: no-repeat;
  background-position: center left;
  background-size: 30px 30px
}
.pointer {
  cursor: pointer
}
.bottom-auto {
  bottom: auto
}
.card {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: var(--bg-light);
  background-clip: border-box;
  border: 0 solid var(--text-inverse-primary);
  border-radius: var(--radius)
}
.card > hr {
  margin-right: 0;
  margin-left: 0
}
.card > .list-group {
  border-top: inherit;
  border-bottom: inherit
}
.card > .list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: var(--radius) - 0px);
  border-top-right-radius: var(--radius) - 0px)
}
.card > .list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: var(--radius) - 0px);
  border-bottom-left-radius: var(--radius) - 0px)
}
.card-body {
  flex: 1 1 auto;
  padding: 2rem
}
.card-title {
  margin-bottom: 1.5rem
}
a.card-body:hover, a.card:hover {
  text-decoration: none
}
.card-header {
  padding: 1.5rem 2rem;
  margin-bottom: 0;
  background-color: var(--overlay-dark-03)
}
.card-header:first-child {
  border-radius: var(--radius) - 0px) var(--radius) - 0px) 0 0;
}
.card-header + .list-group .list-group-item:first-child {
  border-top: 0
}
.card {
  position: relative;
  width: 100%
}
.card-header {
  background-color: transparent;
  border-bottom: 1px solid var(--text-inverse-primary)
}
.card-body {
  display: block;
  -webkit-box-flex: 0;
  flex-grow: 0
}
.card-body {
  position: relative;
  min-height: 1px
}
a.card, a.card-body {
  color: inherit
}
.card {
  font-size: 1em
}
.badge {
  display: inline-block;
  padding: .25rem .75rem;
  font-size: 75%;
  font-weight: 600;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: var(--radius);
  -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
.text-success {
  color: var(--brand-main-color) !important
}
.isotope-item[hidden] {
  display: none !important
}
body {
  width: 100%;
  font-family: var(--font-base);
  color: var(--text-primary);
  font-size: var(--base-font-size);
  line-height: 1.5;
  background-color: var(--brand-main-color);
  margin: 0;
  text-align: left
}
hr.section-separator {
  background: var(--gray-300);
  border: 0;
  height: 1px;
  margin: 0
}
h1, h2, h3, h4, h5 {
  font-family: var(--font-titles);
  margin: 0;
  padding: 0;
  color: inherit;
  line-height: 1.3 !important;
  letter-spacing: -.3px !important
}
h1 {
  font-size: 44px;
  font-weight: 500 !important;
  margin-bottom: var(--space-system-24)
}
.title-large {
  font-size: 54px;
  line-height: 1.3;
  margin-bottom: var(--space-system-24)
}
@media (max-width:575.98px) {
  h1, .title-large {
    font-size: 32px
  }
}
h2 {
  font-size: 34px;
  font-weight: 450 !important
}
@media (max-width:575.98px) {
  h2 {
    font-size: 24px;
    font-weight: 500 !important
  }
}
h3 {
  font-size: 28px;
  font-weight: 400 !important;
  margin-bottom: var(--space-system-24)
}
h4 {
  font-size: 24px;
  font-weight: 500 !important;
  margin-bottom: var(--space-system-12)
}
@media (max-width:575.98px) {
  h4 {
    font-size: 20px
  }
}
h4 a, h5 a, h6 a {
  color: var(--text-primary)
}
h5 {
  font-weight: 400 !important
}
ul, p {
  margin: 0;
  padding: 0
}
ul.list-disc {
  padding-left: var(--space-system-24);
  list-style: disc
}
ul.list-disc.my-24 li {
  margin: var(--space-system-24) 0
}
ul.list-disc li {
  margin-bottom: var(--space-system-6)
}
ul.list-disc li:last-child {
  margin-bottom: var(--space-system-6)
}
p {
  font-weight: 400 !important
}
strong {
  font-weight: 600 !important
}
ul {
  list-style: none
}
li {
  line-height: inherit
}
hr.vertical {
  height: 100%;
  width: 1px;
  background-color: var(--border-default);
  margin: 0 auto
}
p {
  letter-spacing: -.3px;
  color: inherit
}
a {
  color: var(--brand-main-color)
}
a svg {
  color: var(--bg-light)
}
a.link-light {
  color: var(--text-inverse-primary)
}
a.link-light:hover {
  color: var(--text-inverse-primary);
  text-decoration: underline
}
b {
  font-weight: 500 !important
}
.text-green {
  color: var(--green-lighter)
}
p.p-mw80, h5.h-mw80, h1.h-mw80 {
  max-width: 80%
}
.p-mw90, h1.h-mw90 {
  max-width: 90%
}
@media (max-width:991.98px) {
  p.p-md-100 {
    max-width: 100%
  }
}
.p-xl {
  line-height: 1.5 !important;
  font-size: 22px !important;
  font-weight: 300 !important;
  padding-bottom: 0;
  max-width: initial;
  padding-right: 0
}
.p-md {
  font-weight: 400 !important;
  font-size: var(--important-font-size) !important;
  line-height: 1.7 !important
}
.p-normal {
  font-size: var(--base-font-size) !important
}
.p-small {
  font-size: var(--min-font-size) !important
}
.p-xs {
  font-size: 12px !important
}
@media (max-width:575.98px) {
  .p-xl, .p-md {
    line-height: 1.5 !important;
    font-size: 18px !important
  }
}
.mb-6 {
  margin-bottom: var(--space-system-6) !important
}
.mb-12 {
  margin-bottom: var(--space-system-12) !important
}
.mb-24 {
  margin-bottom: var(--space-system-24) !important
}
.mb-36 {
  margin-bottom: var(--space-system-36) !important
}
.mb-96 {
  margin-bottom: var(--space-system-96) !important
}
@media (max-width:991.98px) {
  .mb-md-36 {
    margin-bottom: var(--space-system-36)
  }
}
.mb-48 {
  margin-bottom: var(--space-system-48) !important
}
.mb-72 {
  margin-bottom: var(--space-system-72) !important
}
.mt-12 {
  margin-top: var(--space-system-12) !important
}
.mt-24 {
  margin-top: var(--space-system-24) !important
}
.mt-36 {
  margin-top: var(--space-system-36) !important
}
.mt-48 {
  margin-top: var(--space-system-48) !important
}
.mt-72 {
  margin-top: var(--space-system-72) !important
}
.mr-36 {
  margin-right: var(--space-system-36) !important
}
@media (max-width:575.98px) {
  .mb-md-36, .mb-36, .mb-48, .mb-72 {
    margin-bottom: var(--space-system-24) !important
  }
  .mt-36, .mt-48, .mt-72 {
    margin-top: var(--space-system-24) !important
  }
}
.icon {
  fill: currentColor
}
.icon-shadow {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 64px;
  color: var(--brand-main-color);
  border-radius: 50%;
  box-shadow: 4px 4px 8px 0 var(--overlay-ink-20);
  background: var(--bg-light)
}
.icon-shadow.center {
  position: absolute;
  top: -30px;
  left: 50%;
  transform: translateX(-50%)
}
.icon-shadow.blue {
  background-color: var(--brand-main-color)
}
.icon-shadow.apple svg {
  position: relative;
  top: -2px
}
.icon-shadow.windows svg {
  position: relative;
  left: -2px
}
.icon-shadow.server svg {
  position: relative;
  top: 2px
}
#header .header-body {
  border: 0;
  border-bottom: 1px solid var(--border-default);
  background-color: var(--bg-light)
}
.header-nav {
  font-size: var(--min-font-size);
  justify-content: flex-end
}
.header-nav-link {
  border-radius: 4px !important
}
.header-top {
  border-bottom: 1px solid var(--border-default)
}
@media (max-width:991.98px) {
  #header .header-body {
    position: relative
  }
}
.page {
  max-width: 100%;
  overflow: hidden
}
.page-section {
  padding: var(--space-system-72);
  background-color: var(--bg-light)
}
.page-section-small {
  padding: var(--space-system-48)
}
@media (max-width:767.98px) {
  .page-section {
    padding: var(--space-system-48)
  }
}
@media (max-width:575.98px) {
  .page-section {
    padding: var(--space-system-24) var(--space-system-12)
  }
}
.page-section-accent {
  background-color: var(--brand-main-color);
  color: var(--text-inverse-primary)
}
.page-section-pastel {
  background-color: var(--bg-light-2)
}
.page-section-central {
  text-align: center
}
.page-section-central p {
  max-width: 80%;
  margin: 0 auto
}
@media (max-width:575.98px) {
  .page-section-central {
    text-align: left
  }
  .page-section-central p {
    max-width: 100%;
    margin: 0
  }
}
.home-intro {
  background-color: var(--brand-main-color);
  color: var(--text-inverse-primary);
  margin-bottom: 0
}
.home-intro-image {
  text-align: right
}
.home-intro-platforms hr {
  display: inline-block;
  height: 24px;
  width: 1px;
  background: var(--bg-light);
  margin: var(--space-system-24);
  opacity: .5
}
.home-intro-cta {
  display: flex;
  align-items: center
}
.home-intro-cta hr {
  display: inline-block;
  height: 24px;
  width: 1px;
  background: var(--bg-light);
  margin: var(--space-system-24);
  opacity: .5
}
.home-intro-cta-phone {
  font-size: var(--important-font-size)
}
@media (max-width:575.98px) {
  .home-intro-cta {
    flex-direction: column;
    align-items: flex-start
  }
  .home-intro-cta hr {
    display: none
  }
  .home-intro-cta-phone {
    margin-top: var(--space-system-24)
  }
}
.home-header-cta-phone {
  color: var(--brand-main-color)
}
@media (max-width:575.98px) {
  .home-header-cta-phone {
    display: none
  }
}
.lang-switcher {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  margin-left: 40px
}
.lang-switcher-handler {
  line-height: 1;
  color: var(--text-primary)
}
@media (max-width:575.98px) {
  .lang-switcher {
    margin-left: var(--space-system-24)
  }
}
.feature {
  margin-bottom: var(--space-system-96)
}
@media (max-width:767.98px) {
  .feature {
    margin-bottom: var(--space-system-36)
  }
}
.feature:last-child {
  margin-bottom: 0
}
.feature.narrow {
  margin-bottom: 0
}
.feature.narrow p {
  max-width: 80%
}
.feature.narrow h4 {
  max-width: 80%
}
@media (max-width:991.98px) {
  .feature.narrow {
    margin-bottom: var(--space-system-36)
  }
  .feature.narrow:last-child {
    margin-bottom: 0
  }
  .feature.narrow br {
    display: none
  }
  .feature.narrow p {
    max-width: 100%
  }
}
.feature-text p {
  font-size: 17px
}
.home-more-features {
  padding-top: var(--space-system-36)
}
@media (max-width:767.98px) {
  .home-more-features {
    padding-top: var(--space-system-48)
  }
}
@media (max-width:575.98px) {
  .home-more-features {
    padding-top: var(--space-system-24)
  }
}
.home-storage h2 {
  max-width: 650px;
  margin: 0 auto
}
.home-storage ul {
  margin: var(--space-system-invert-12)
}
.home-storage ul li {
  padding: var(--space-system-12)
}
.home-enterprise-left p, .home-enterprise-right p {
  font-size: var(--min-font-size)
}
.home-enterprise a {
  max-width: 80%;
  margin: 0 auto
}
.platforms ul {
  margin: -10px
}
.platforms ul li {
  padding: 10px
}
@media (max-width:767.98px) {
  .trust-image {
    margin-bottom: var(--space-system-36)
  }
}
.awards ul {
  margin: var(--space-system-invert-12)
}
.awards ul li {
  padding: var(--space-system-12)
}
.award-name {
  font-size: var(--min-font-size);
  font-weight: 600
}
.companies svg {
  opacity: .5
}
.companies ul {
  margin: var(--space-system-invert-24)
}
.companies ul li {
  padding: var(--space-system-24)
}
#footer {
  line-height: 1.5;
  font-size: inherit;
  padding: var(--space-system-72);
  background: var(--brand-main-color);
  clear: none;
  border: 0
}
@media (max-width:575.98px) {
  #footer {
    padding: var(--space-system-24)
  }
}
.footer-sections {
  margin: var(--space-system-invert-24)
}
.footer-section {
  padding: var(--space-system-24)
}
#footer h5 {
  margin-bottom: var(--space-system-12)
}
#footer .link-list a {
  font-size: var(--min-font-size);
  opacity: .8
}
#footer address li {
  padding-bottom: 0;
  opacity: .8;
}
.footer-contact {
  padding-right: var(--space-system-36)
}
.footer-contact li {
  position: relative;
  margin-bottom: var(--space-system-24);
  padding-left: var(--space-system-36)
}
.footer-contact li svg {
  position: absolute;
  top: 3px;
  left: 0
}
.footer-contact li:last-child {
  margin-bottom: 0
}
.footer-newsletter p {
  font-size: var(--min-font-size);
  margin-bottom: var(--space-system-24);
  color: var(--text-inverse-primary) !important;
}
.footer-social {
  display: flex;
  margin-top: var(--space-system-24)
}
.footer-social-icon {
  margin-right: var(--space-system-12)
}
.footer-social-icon a {
  line-height: 0;
  display: inline-block
}
.footer-social-icon:last-child {
  margin-right: 0
}
.footer-social .icon {
  display: block;
  height: 24px;
  width: auto;
  fill: currentColor;
}
.footer-bottom {
  margin: var(--space-system-invert-72);
  margin-top: 0;
  font-size: 14px;
  opacity: .6;
  background: var(--brand-main-color);
  padding: var(--space-system-24) 0;
  margin-top: var(--space-system-48)
}
.footer-bottom .links {
  font-size: 16px;
  margin-bottom: var(--space-system-12)
}
.screenshot {
  overflow: hidden;
  position: relative;
  max-width: 100%;
  max-height: 320px
}
.screenshot.bottom-shadow:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100px;
  background: var(--bg-light);
  background: linear-gradient(0deg, var(--bg-light-2) 0%, var(--bg-light-2) 10%, transparent 100%);
}
.screenshot img {
  position: relative
}
.screenshot.style2 img {
  position: relative;
  left: -19px;
  top: -22px
}
.btn {
  cursor: pointer;
  text-transform: none;
  transition: none;
  letter-spacing: initial;
  font-weight: 400
}
.btn-primary {
  color: var(--text-inverse-primary);
  background-color: var(--brand-high-color);
  border-color: var(--brand-high-color);
}
.btn-primary:disabled, .btn-primary.disabled {
  background-color: var(--brand-high-color);
  border-color: var(--brand-high-color);
  opacity: .65;
}
@keyframes btn-primary-pulse {
  0% {
    box-shadow:
      0 10px 25px color-mix(in srgb, var(--brand-high-color) 35%, transparent), 0 0 0 0 color-mix(in srgb, var(--brand-high-darker) 40%, transparent);
  }
  50% {
    box-shadow:
      0 10px 30px color-mix(in srgb, var(--brand-high-color) 45%, transparent), 0 0 0 10px color-mix(in srgb, var(--brand-high-darker) 0%, transparent);
  }
  100% {
    box-shadow:
      0 10px 25px color-mix(in srgb, var(--brand-high-color) 35%, transparent), 0 0 0 0 color-mix(in srgb, var(--brand-high-darker) 40%, transparent);
  }
}
.btn-white {
  color: var(--bg-light);
  background: none !important;
  border-color: var(--brand-high-color) !important;
}
.btn-primary, .btn-white {
  position: relative;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transform: translateY(0);
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .show > .btn-primary.dropdown-toggle, .btn-white:hover, .btn-white:focus, .btn-white:active {
  color: #fff !important;
  background-color: var(--brand-high-color) !important;
  border-color: var(--brand-high-darker) !important;
  transform: translateY(-2px);
  text-decoration: none;
  box-shadow:
    0 10px 25px color-mix(in srgb, var(--brand-high-color) 35%, transparent), 0 0 0 0 color-mix(in srgb, var(--brand-high-darker) 40%, transparent);
  animation: btn-primary-pulse 1.5s infinite;
}
.btn-white {
  color: var(--bg-light);
  background: none !important;
  border-color: var(--brand-high-color) !important;
}
.btn.btn-lg {
  padding: .5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: var(--radius)
}
.card {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: var(--bg-light);
  background-clip: border-box;
  border: 1px solid var(--gray-300);
  border-radius: var(--radius);
  color: var(--text-primary);
  font-size: var(--min-font-size);
  overflow: hidden
}
.card .plan {
  min-height: 150px
}
.card-no-overflow {
  overflow: initial
}
a.card {
  color: var(--brand-main-color);
  cursor: pointer
}
a.card:hover {
  text-decoration: none;
  color: var(--brand-high-color);
}
.card-no-border {
  border: 0
}
.card-illustration {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 140px;
  height: 90px;
  overflow: hidden;
  margin: 0 auto
}
.card-full-height {
  height: 100%
}
.card-header {
  font-weight: 600;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}
.card-header h3, .card-header h4, .card-header h5 {
  margin-bottom: 0
}
.card-header--light {
  background: var(--bg-light)
}
.card-form-blue {
  border: 0
}
.card-form-blue .card-header {
  background: var(--brand-main-color);
  border-bottom: none;
  color: var(--text-inverse-primary)
}
.card-form-blue .card-body {
  border: 1px solid var(--gray-950);
  border-top: none
}
.card-form-light-blue {
  border: 0
}
.card-form-light-blue .card-body {
  border: 1px solid var(--gray-950);
  border-top: none
}
.card-form-light-blue .card-header {
  border-bottom: none;
  background: var(--brand-main-lighter);
  color: var(--text-inverse-primary)
}
.card-full-height {
  height: 100%
}
.card-body {
  flex: 1 1 auto;
  padding: 1.25rem;
  border-bottom-left-radius: var(--radius);
  border-bottom-right-radius: var(--radius)
}
.row.card-body {
  display: flex
}
.card-lg .card-body {
  padding: var(--radius)
}
.card-md .card-body {
  padding: var(--radius)
}
.card-icon {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  color: var(--brand-main-color);
  margin-bottom: var(--space-system-12)
}
.tiles {
  margin: var(--space-system-invert-12)
}
.tiles.pad-xl {
  margin: var(--space-system-invert-24)
}
.tiles.pad-xl li {
  padding: var(--space-system-24)
}
.tiles li {
  padding: var(--space-system-12)
}
.tiles .list-disc li {
  margin: 0
}
.table thead th {
  border-top: none;
  font-weight: 500;
  border-width: 1px
}
.table tbody {
  border: 1px solid var(--border-default)
}
.table td {
  border: 0 !important;
  border-bottom: 1px solid var(--border-default) !important;
  padding: var(--space-system-24) !important;
  background-color: var(--bg-light)
}
.table th {
  padding: var(--space-system-12) var(--space-system-24)
}
.WhatsNew .tab-content h2 {
  background: 0 0;
  margin-bottom: var(--space-system-24)
}
.WhatsNew .tab-content ul {
  margin-bottom: var(--space-system-24);
  list-style: disc;
  padding-left: var(--space-system-24)
}
.WhatsNew .tab-content ul.highl {
  list-style: none;
  padding-left: 0
}
.WhatsNew .tab-content ul li {
  margin-bottom: var(--space-system-6)
}
.WhatsNew h2 span, .WhatsNew h2::before {
  background-color: transparent
}
.protection-policy h2 {
  margin-top: var(--space-system-36)
}
.protection-policy h3 {
  font-size: 22px;
  font-weight: 500 !important;
  margin-top: var(--space-system-24)
}
.protection-policy p {
  margin-bottom: var(--space-system-24)
}
.plan-price-cost {
  position: relative;
  font-size: 44px;
  text-align: center;
  margin: 0 -1.7rem;
  line-height: 1;
  padding: var(--space-system-12)
}
.form-normal {
  font-size: 18px
}
.form-group-border {
  border: 1px solid var(--gray-300);
  border-radius: var(--radius);
  padding: var(--space-system-12)
}
.radiocontainer {
  width: 100%
}
.checkboxcontainer:last-child {
  margin-bottom: 0
}
.radiocontainer:last-child {
  margin-bottom: 0
}
.radiocontainer input[type=radio] {
  margin-right: var(--space-system-12)
}
.thumb-info {
  background-color: inherit
}
.page-server-intro p {
  max-width: 90%
}
.illustration {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 300px;
  width: 300px;
  border-radius: 50%
}
.illustration--crypto {
  width: 100%;
  height: auto
}
.illustration--crypto img {
  position: relative;
  left: 40px
}
.illustration--work {
  width: 460px;
  height: 460px
}
.illustration--secure-pass {
  width: 400px;
  height: 400px
}
@media (max-width:1199.98px) {
  .illustration--work {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%
  }
}
.illustration.white {
  background-color: var(--bg-light)
}
.page-server-use ul {
  margin: var(--space-system-invert-12)
}
.page-server-use ul li {
  padding: var(--space-system-12)
}
.further-links h3 {
  margin-bottom: var(--space-system-48)
}
.further-links ul {
  margin: -10px
}
.further-links ul li {
  padding: 10px
}
.contact-us {
  padding: var(--space-system-48)
}
.contact-us b {
  color: var(--text-primary)
}
.container-table100 {
  padding: 0
}
.password-input-wrapper {
  margin: 0;
  height: inherit
}
.password-input-container {
  margin: 0;
  border: 0
}
.nav.nav-pills.sort-source {
  justify-content: center
}
.thumb-info, .thumb-info .thumb-info-wrapper, .thumb-info img {
  border-radius: 0
}
.thumb-info-title {
  padding: var(--space-system-12)
}
.thumb-info-type {
  padding: 0 !important
}
.ratio {
  background: var(--gray-300)
}
.app-card-download {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  font-size: var(--base-font-size);
  padding-right: 240px
}
.app-card-download.small {
  padding-right: 60px
}
.app-card-download-image {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%)
}
@media (max-width:575.98px) {
  .app-card-download {
    padding-right: 0
  }
}
.form-group {
  margin-bottom: 1.5rem
}
.form-textarea {
  padding-left: 12px;
  padding-right: 20px;
  color: var(--text-primary);
  font-size: initial !important;
  border-radius: var(--radius) !important;
  border: 1px solid var(--gray-300);
  resize: none
}
input[type=text].form-input, input[type=email].form-input, input[type=tel].form-input {
  padding-left: 12px;
  padding-right: 20px;
  color: var(--text-primary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: var(--bg-light);
  border: 1px solid var(--gray-300);
  font-size: initial !important;
  box-shadow: 0 1px 1px var(--overlay-black-05) inset;
  height: calc(1.5em + 1rem + 4px);
  line-height: inherit !important
}
input[type=text].form-input:focus, input[type=email].form-input:focus, input[type=tel].form-input:focus, textarea.form-textarea:focus {
  border-color: var(--brand-main-color) !important;
  outline: 0
}
input[type=text]::-webkit-input-placeholder, input[type=email]::-webkit-input-placeholder, input[type=tel]::-webkit-input-placeholder, textarea.form-textarea::-webkit-input-placeholder {
  color: var(--gray-600);
  outline: 0
}
input[type=text]:-ms-input-placeholder, input[type=email]:-ms-input-placeholder, input[type=tel]:-ms-input-placeholder, textarea.form-textarea:-ms-input-placeholder {
  color: var(--gray-600);
  outline: 0
}
input[type=text]::-ms-input-placeholder, input[type=email]::-ms-input-placeholder, input[type=tel]::-ms-input-placeholder, textarea.form-textarea::-ms-input-placeholder {
  color: var(--gray-600);
  outline: 0
}
input[type=text]::placeholder, input[type=email]::placeholder, input[type=tel]::placeholder, textarea.form-textarea::placeholder {
  color: var(--gray-600);
  outline: 0
}
.form.form-have-labels .form-group {
  margin-bottom: 1rem
}
#mc_embed_signup form {
  display: block;
  position: relative;
  text-align: left;
  margin-top: 20px;
  margin-right: 0px;
  margin-bottom: 20px;
  margin-left: 0px;
}
#mc_embed_signup h2 {
  font-weight: 700;
  padding: 0;
  margin: 15px 0;
  font-size: 1.4em
}
#mc_embed_signup input {
  border: 1px solid var(--gray-300);
  -webkit-border-radius: var(--radius);
  -moz-border-radius: var(--radius);
  border-radius: var(--radius)
}
#mc_embed_signup input[type=checkbox] {
  -webkit-appearance: checkbox
}
#mc_embed_signup input[type=radio] {
  -webkit-appearance: radio
}
#mc_embed_signup input:focus {
  border-color: var(--radius)
}
#mc_embed_signup .button {
  clear: both;
  background-color: var(--gray-300);
  border: 0;
  border-radius: var(--radius);
  transition: all .23s ease-in-out 0s;
  color: var(--bg-light);
  cursor: pointer;
  display: inline-block;
  font-size: 15px;
  font-weight: 400;
  height: 32px;
  line-height: 32px;
  margin: 0 5px 10px 0;
  padding: 0 22px;
  text-align: center;
  text-decoration: none;
  vertical-align: top;
  white-space: nowrap;
  width: fit-content;
  width: -moz-fit-content
}
#mc_embed_signup .button:hover {
  background-color: var(--gray-600)
}
#mc_embed_signup .nowrap {
  white-space: nowrap
}
#mc_embed_signup .mc-field-group {
  clear: left;
  position: relative;
  width: 100%;
  padding-bottom: 3%;
  min-height: 50px;
  display: grid
}
#mc_embed_signup .mc-field-group label {
  display: block;
  margin-bottom: 3px
}
#mc_embed_signup .mc-field-group input {
  display: block;
  width: 100%;
  padding: 8px 0;
  text-indent: 2%
}
#mc_embed_signup .indicates-required {
  text-align: right;
  font-size: 11px;
  margin-right: 4%
}
#mc_embed_signup .asterisk {
  color: var(--red-lighter);
  font-size: 150%;
  font-weight: 400;
  position: relative;
  top: 5px
}
#mc_embed_signup .clear {
  clear: both
}
#mc_embed_signup .mc-field-group.input-group ul {
  margin: 0;
  padding: 5px 0;
  list-style: none
}
#mc_embed_signup .mc-field-group.input-group ul li {
  display: block;
  padding: 3px 0;
  margin: 0
}
#mc_embed_signup .mc-field-group.input-group label {
  display: inline
}
#mc_embed_signup .mc-field-group.input-group input {
  display: inline;
  width: auto;
  border: 0
}
#mc_embed_signup div#mce-responses {
  float: left;
  top: -1.4em;
  padding: 0 .5em 0 .5em;
  overflow: hidden;
  width: 90%;
  margin: 0 5%;
  clear: both
}
#mc_embed_signup div.response {
  margin: 1em 0;
  padding: 1em .5em .5em 0;
  font-weight: 700;
  float: left;
  top: -1.5em;
  z-index: 1;
  width: 80%
}
#mc_embed_signup #mce-error-response {
  display: none
}
#mc_embed_signup #mce-success-response {
  color: var(--green);
  display: none
}
#mc_embed_signup label.error {
  display: block;
  float: none;
  width: auto;
  margin-left: 1.05em;
  text-align: left;
  padding: .5em 0
}
#mc_embed_signup .helper_text {
  color: var(--gray-500);
  margin-top: 2px;
  display: inline-block;
  padding: 3px;
  background-color: var(--overlay-white-85);
  -webkit-border-radius: var(--radius);
  -moz-border-radius: var(--radius);
  border-radius: var(--radius);
  font-size: 14px;
  font-weight: 400;
  z-index: 1
}
#mc-embedded-subscribe {
  clear: both;
  width: auto;
  display: block;
  margin: 1em 0 1em 5%
}
#mc_embed_signup .mc-field-group select {
  display: inline-block;
  padding: 5px 0;
  margin-bottom: 2px;
  border: 1px solid var(--gray-300);
  line-height: 44px;
  height: 44px;
  -webkit-border-radius: var(--radius);
  -moz-border-radius: var(--radius);
  border-radius: var(--radius)
}
#mc-embedded-subscribe {
  margin: 0;
  width: 100%
}
#mc_embed_signup div#mce-responses {
  padding: 0;
  margin: 0
}
.indicates-required {
  position: absolute;
  top: var(--space-system-12);
  right: var(--space-system-12);
  font-size: var(--min-font-size)
}
.indicates-required span {
  color: red
}
#mc_embed_signup .asterisk {
  color: var(--red-lighter);
  font-size: 150%;
  font-weight: 400;
  position: relative;
  top: 5px;
  line-height: 0
}
#mce-error-response {
  color: var(--red-lighter);
  font-weight: 500;
  margin-top: var(--space-system-12);
  margin-bottom: var(--space-system-24)
}
#mce-success-response {
  color: var(--green);
  font-weight: 500;
  margin-top: var(--space-system-12);
  margin-bottom: var(--space-system-24)
}
@media (max-width:1199.98px) {
  .hideklein {
    display: none
  }
}
.nav {
  --bs-nav-link-padding-x: 0.75rem;
  --bs-nav-link-padding-y: 0.25rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--bs-body-color);
  --bs-nav-link-hover-color: var(--bs-link-hover-color) !important;
  --bs-nav-link-disabled-color: var(--bs-gray-500) !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none
}
@media (prefers-reduced-motion:reduce) {
  .nav-link {
    -webkit-transition: none;
    transition: none
  }
}
.nav-tabs {
  --bs-nav-tabs-border-width: 1px;
  --bs-nav-tabs-border-color: var(--bs-gray-200);
  --bs-nav-tabs-border-radius: var(--radius);
  --bs-nav-tabs-link-hover-border-color: var(--bs-gray-200) var(--bs-gray-200) var(--bs-gray-200);
  --bs-nav-tabs-link-active-color: var(--bs-gray-700);
  --bs-nav-tabs-link-active-bg: var(--bs-body-bg);
  --bs-nav-tabs-link-active-border-color: var(--bs-gray-300) var(--bs-gray-300) var(--bs-body-bg);
  border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)
}
.nav-pills {
  --bs-nav-pills-border-radius: var(--radius);
  --bs-nav-pills-link-active-color: var(--bg-light);
  --bs-nav-pills-link-active-bg: var(--brand-main-lighter)
}
.tab-content > .tab-pane {
  display: none
}
.tab-content > .active {
  display: block
}
.table {
  width: 100%;
  margin-bottom: 1rem;
  color: var(--text-primary);
  border-collapse: collapse
}
.table th, .table td {
  padding: .75rem;
  vertical-align: top;
  border-top: 1px solid var(--gray-200)
}
.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid var(--gray-200);
  background-color: var(--brand-main-color);
  color: var(--bg-light) !important
}
@media screen and (max-width:991.98px) {
  .col-3, .col-9 {
    display: block;
    width: 100%;
    padding-right: 10px;
    padding-left: 10px
  }
}
.popup-container {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: color-mix(in srgb, var(--gray-300) 80%, transparent);
  display: grid;
  place-items: center;
  align-items: center;
  z-index: 10000;
  overflow: scroll
}
.popup-container .form-container {
  width: 100%;
  max-width: 400px;
  background-color: var(--bg-light);
  padding: 20px;
  border-radius: var(--radius);
  box-shadow: 0 4px 8px var(--overlay-black-10);
  position: relative
}
.popup-container .form-container h2 {
  text-align: center;
  margin-bottom: 20px;
  font-size: 1.5em
}
.popup-container .form-container label {
  display: block;
  margin: 10px 0 5px;
  font-weight: 700
}
.popup-container .form-container label .required-letter {
  color: var(--red-lighter)
}
.popup-container .form-container input[type=text], .popup-container .form-container input[type=email], .popup-container .form-container select {
  width: 100%;
  padding: 10px;
  border: 1px solid var(--gray-300);
  border-radius: var(--radius);
  margin-bottom: 15px;
  font-size: 1em
}
#error-toast {
  position: fixed;
  bottom: 10px;
  right: 10px;
  z-index: 10000;
  background: var(--bg-light);
  padding: 10px 20px;
  border-radius: var(--radius);
  color: var(--red-lighter);
  font-size: var(--min-font-size);
  max-width: 300px;
  border: 1px solid
}
.page-badge {
  padding: 5px;
  font-size: 20px;
  color: var(--brand-high-color);
  background-color: var(--gray-200);
  border: 1px solid;
  text-align: center;
  cursor: pointer;
  box-shadow: 0 4px 6px var(--overlay-black-10);
  transition: background-color .3s ease, transform .2s ease
}
.page-badge:hover {
  background-color: var(--brand-high-color);
  color: var(--gray-200) !important;
  transform: translateY(-2px)
}
.page-badge::active {
  background-color: var(--brand-high-color);
  color: var(--gray-200) !important;
  transform: translateY(0)
}
.close-icon {
  position: absolute;
  top: 0;
  right: 0;
  color: var(--brand-high-color);
  cursor: pointer
}
.testimonial {
  margin-bottom: 20px
}
.testimonial blockquote {
  position: relative
}
.testimonial .testimonial-author {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex
}
.testimonial .testimonial-author img {
  max-width: 25px
}
.testimonial .testimonial-author strong {
  color: var(--text-inverse-primary);
  display: block;
  margin-bottom: 2px;
  font-size: 1rem
}
.testimonial .testimonial-author span {
  color: var(--text-inverse-primary);
  display: block;
  font-size: .8rem;
  font-weight: 600
}
.testimonial .testimonial-author p {
  color: var(--bg-light);
  text-align: left;
  line-height: 1.2;
  margin-left: .6rem
}
.testimonial-list {
  margin: -10px
}
.testimonial-list li {
  padding: 10px
}
.testimonial blockquote:before {
  content: none
}
.testimonial blockquote p {
  font-size: var(--base-font-size)
}
.testimonial .testimonial-author {
  margin: 0;
  font-weight: 600 !important
}
.testimonial-header {
  font-size: var(--min-font-size)
}
.testimonial-position {
  font-size: 14px
}
.testimonial blockquote {
  border-radius: 0;
  margin: 0;
  color: inherit;
  border: 0;
  padding: 0;
  background: 0 0;
  font-size: initial
}
.testimonial blockquote p {
  padding: 0 var(--space-system-24);
  font-style: italic;
  line-height: 1.7
}
html, body {
  height: 100%;
  margin: 0;
}
.page {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
#footer {
  margin-top: auto;
}
.lic-hero .badge {
  margin-right: .4rem;
  margin-bottom: .4rem;
  font-weight: 600;
}
:is(.page-section.page-section-pastel.page-section-small, .modal-dialog) :is(p, li, dd, blockquote, td) a[href]:not(.btn):not([role="button"]) {
  color: var(--brand-high-color, var(--bs-link-color, #0d6efd)) !important;
  text-decoration: underline;
  text-decoration-thickness: .18em;
  text-decoration-color: var(--brand-high-color) !important;
  text-underline-offset: .18em;
  text-decoration-skip-ink: auto;
  transition: color .16s ease, text-underline-offset .16s ease, text-decoration-thickness .16s ease;
}
.page-section.page-section-pastel.page-section-small :is(p, li, dd, blockquote, td) a[href]:not(.btn):not([role="button"]):hover {
  text-decoration-thickness: .22em;
  text-underline-offset: .32em;
}
.page-section.page-section-pastel.page-section-small :is(p, li, dd, blockquote, td) a[href]:not(.btn):not([role="button"]):active {
  text-decoration-thickness: .22em;
  text-underline-offset: .06em;
  font-weight: inherit;
}
.page-section.page-section-pastel.page-section-small :is(p, li, dd, blockquote, td) a[href]:not(.btn):not([role="button"]):visited {
  color: var(--brand-main-color, var(--bs-link-color, #0d6efd));
}
.page-section.page-section-pastel.page-section-small :is(p, li, dd, blockquote, td) a[href]:not(.btn):not([role="button"]):focus-visible {
  outline: 3px solid currentColor;
  outline-offset: 2px;
  border-radius: var(--radius);
}
#pd-downloads {
  --pd-grad: linear-gradient(135deg, #667eea 0%, #764ba2 100%)
}
#pd-downloads .shadow-soft {
  box-shadow: 0 .75rem 1.5rem var(--color-0f2342-rgba-008) !important
}
[data-bs-theme="dark"] #pd-downloads .shadow-soft {
  box-shadow: 0 .75rem 1.5rem var(--color-000-rgba-025) !important
}
#pd-downloads .card-rail {
  position: relative;
  overflow: hidden
}
#pd-downloads .card-rail::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 4px;
  background: var(--pd-grad)
}
#pd-downloads .icon-tile {
  width: 60px;
  height: 60px;
  border-radius: var(--radius);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--pd-grad);
  color: var(--color-fff);
  font-size: 1.5rem
}
#pd-downloads .free-badge {
  position: absolute;
  top: .75rem;
  right: .75rem
}
#pd-downloads .trial {
  background: linear-gradient(135deg, var(--color-10b981), var(--color-059669));
  color: var(--color-fff)
}
#pd-downloads .feature-list {
  list-style: none;
  margin: 1rem 0 0 0;
  padding: 0
}
#pd-downloads .feature-list li {
  position: relative;
  padding: .35rem 0 .35rem 1.4rem;
  color: var(--bs-secondary-color)
}
#pd-downloads .feature-list li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: .25rem;
  color: var(--color-10b981);
  font-weight: 700
}
.icon-tile img.icon-graphic {
  width: 56px;
  height: 56px;
  display: block;
}
[href]:not(.btn):focus-visible {
  outline: 0 !important;
  box-shadow: none !important;
}
a {
  color: var(--state-selected);
}
a:hover {
  color: var(--brand-high-color) !important;
  text-decoration: none;
}
a:focus {
  color: var(--brand-main-lighter);
  outline: 2px solid color-mix(in srgb, var(--state-selected) 45%, transparent);
  outline-offset: 2px;
}
a:active {
  color: var(--state-active) !important;
}
.text-disabled, [disabled], .disabled, .is-disabled {
  color: var(--text-disabled) !important;
}
::placeholder {
  color: var(--text-disabled);
  opacity: 1;
}
::-webkit-input-placeholder {
  color: var(--text-disabled);
}
:-ms-input-placeholder {
  color: var(--text-disabled);
}
::-ms-input-placeholder {
  color: var(--text-disabled);
}
.border-neutral {
  border-color: var(--border-neutral) !important;
}
hr, .divider, hr.solid, hr.section-separator {
  background: var(--border-neutral) !important;
}
.btn-default {
  color: var(--text-normal) !important;
  background-color: #fff !important;
  border-color: var(--border-neutral) !important;
}
.btn-default:hover, .btn-default:focus {
  color: var(--text-normal) !important;
  background-color: var(--state-open-bg) !important;
  border-color: var(--state-hover) !important;
}
.is-current, .is-selected {
  color: var(--state-selected) !important;
}
.is-open, .is-highlight {
  background-color: var(--state-open-bg) !important;
}
.is-hover {
  color: var(--state-hover) !important;
}
.is-active {
  color: var(--state-active) !important;
}
.signup-single-field {
  position: relative;
}
.signup-single-field .form-input {
  padding-right: 3.25rem;
}
.signup-single-field .btn-icon {
  position: absolute;
  right: .5rem;
  top: 50%;
  transform: translateY(-50%);
  width: 2.5rem !important;
  height: 2.5rem;
  padding: .375rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}
.signup-single-field .btn-icon .icon {
  display: block;
}
.btn-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  padding: .375rem .5rem;
}
.btn-icon .icon {
  display: block;
  width: 1.25rem;
  height: 1.25rem;
}
.signup-single-field {
  position: relative;
}
.signup-single-field .form-input {
  --icon-btn-gap: .5rem;
  --icon-btn-width: 2.5rem;
  padding-right: calc(var(--icon-btn-width) + var(--icon-btn-gap));
}
.signup-single-field .btn-icon {
  position: absolute;
  right: var(--icon-btn-gap);
  top: var(--icon-btn-gap);
  bottom: var(--icon-btn-gap);
  transform: none;
  width: var(--icon-btn-width);
  height: auto;
  display: grid;
  place-items: center;
  padding: 0;
  line-height: 1;
}
.signup-single-field .btn-icon .icon {
  display: block;
  width: 20px;
  height: 20px;
}
.signup-single-field {
  position: relative !important;
}
.signup-single-field .form-input {
  padding-right: 3.25rem !important;
}
.signup-single-field #mc-embedded-subscribe.btn-icon {
  position: absolute !important;
  right: .5rem !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 2.5rem !important;
  height: 2.5rem !important;
  padding: 0 !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 2 !important;
}
.signup-single-field #mc-embedded-subscribe.btn-icon .icon {
  width: 20px !important;
  height: 20px !important;
  display: block !important;
}
.footer-social .icon {
  height: 24px !important;
  width: auto !important;
  display: block;
  line-height: 1;
}
.tiles > li:has(.app-card-download-icon) .app-card-download-top > ul {
  margin: 0;
  padding-left: 1.25rem;
}
.tiles > li:has(.app-card-download-icon) .app-card-download-top > ul > li {
  list-style: initial;
}
.tiles > li:has(.app-card-download-icon) .app-card-download-top > ul > li::marker {
  content: "✓";
  position: absolute;
  left: 0;
  top: .25rem;
  color: var(--color-10b981);
  font-weight: 700
}
.app-card-download.small .app-card-download-icon {
  position: relative;
}
.app-card-download.small .free-badge-top {
  position: absolute;
  left: 56px;
  top: 50%;
  transform: translateY(-50%);
  white-space: nowrap;
  font-size: .75rem;
  line-height: 1;
  padding: .125rem .5rem;
  border-radius: var(--radius);
}
.app-card-download {
  justify-content: flex-start;
}
.app-card-download > .mt-24:last-child {
  margin-top: auto;
}
.app-card-download-icon {
  line-height: 0;
}
.app-card-download-icon .icon {
  display: block;
}
.btn-second {
  color: var(--brand-main-color);
  background-color: #fff;
  border-color: var(--brand-main-color);
  position: relative;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transform: translateY(0);
}
.btn-second:disabled, .btn-second.disabled {
  color: var(--brand-main-color);
  background-color: #fff;
  border-color: var(--brand-main-color);
  opacity: .65;
}
.btn-second:hover, .btn-second:focus, .btn-second:active, .show > .btn-second.dropdown-toggle {
  border-color: var(--brand-main-color) !important;
  text-decoration: none;
  transform: translateY(-2px);
  box-shadow:
    0 10px 25px color-mix(in srgb, var(--brand-main-color) 35%, transparent), 0 0 0 0 color-mix(in srgb, var(--brand-main-color) 40%, transparent);
  animation: btn-second-pulse 1.5s infinite;
}
@keyframes btn-second-pulse {
  0% {
    box-shadow:
      0 10px 25px color-mix(in srgb, var(--brand-main-color) 35%, transparent), 0 0 0 0 color-mix(in srgb, var(--brand-main-color) 40%, transparent);
  }
  50% {
    box-shadow:
      0 10px 30px color-mix(in srgb, var(--brand-main-color) 45%, transparent), 0 0 0 10px color-mix(in srgb, var(--brand-main-color) 0%, transparent);
  }
  100% {
    box-shadow:
      0 10px 25px color-mix(in srgb, var(--brand-main-color) 35%, transparent), 0 0 0 0 color-mix(in srgb, var(--brand-main-color) 40%, transparent);
  }
}
#pd-langpacks {
  --pd-primary: #6366f1;
  --pd-primary-dark: #4f46e5;
  --pd-secondary: #22c55e;
  --pd-grad: linear-gradient(135deg, #667eea 0%, #764ba2 100%)
}
#pd-langpacks .text-gradient {
  background: var(--pd-grad);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent
}
#pd-langpacks .orb {
  position: absolute;
  border-radius: 50%;
  filter: blur(60px);
  opacity: .06;
  pointer-events: none;
  animation: pd-float 20s infinite ease-in-out
}
#pd-langpacks .orb.orb-1 {
  width: 46rem;
  height: 46rem;
  background: linear-gradient(45deg, #667eea, #764ba2);
  top: -18rem;
  left: -18rem;
  animation-delay: 0s
}
#pd-langpacks .orb.orb-2 {
  width: 40rem;
  height: 40rem;
  background: linear-gradient(45deg, #f093fb, #f5576c);
  bottom: -16rem;
  right: -16rem;
  animation-delay: 10s
}
@keyframes pd-float {
  0%, 100% {
    transform: translate(0, 0) scale(1)
  }
  33% {
    transform: translate(24px, -24px) scale(1.06)
  }
  66% {
    transform: translate(-16px, 16px) scale(.96)
  }
}
#pd-langpacks .feature-card, #pd-langpacks .category-card, #pd-langpacks .instructions-card {
  position: relative;
  overflow: hidden
}
#pd-langpacks .lang-item {
  transition: transform .15s ease, border-color .15s ease, background .15s ease;
  border: 1px solid rgba(0, 0, 0, .08)
}
[data-bs-theme="dark"] #pd-langpacks .lang-item {
  border-color: rgba(255, 255, 255, .14)
}
#pd-langpacks a.lang-item:hover {
  transform: translateX(4px);
  border-color: var(--pd-primary);
  background: rgba(99, 102, 241, .04)
}
#pd-langpacks .step-num {
  width: 40px;
  height: 40px;
  border-radius: var(--radius);
  background: var(--brand-main-color);
  color: #fff;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center
}
#pd-langpacks .cta {
  background: linear-gradient(135deg, rgba(99, 102, 241, .10), rgba(118, 75, 162, .10));
  position: relative;
  overflow: hidden
}
#pd-langpacks .cta::before {
  content: "";
  position: absolute;
  top: -50%;
  right: -50%;
  width: 200%;
  height: 200%;
  background: radial-gradient(circle, rgba(255, 255, 255, .12) 0%, transparent 70%);
  animation: pd-rotate 28s linear infinite
}
@keyframes pd-rotate {
  from {
    transform: rotate(0)
  }
  to {
    transform: rotate(360deg)
  }
}
[data-bs-theme="dark"] #pd-langpacks .shadow-soft {
  box-shadow: 0 .5rem 1.25rem rgba(0, 0, 0, .25) !important
}
#pd-langpacks .shadow-soft {
  box-shadow: 0 .5rem 1.25rem rgba(15, 23, 42, .08) !important
}
.home-intro .text-muted {
  color: white !important
}
.home-intro .text-muted a {
  color: white !important;
  transition: color 0.3s ease;
}
.home-intro .text-muted a:hover {
  color: red !important;
}
.alert-info {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  border: none;
}
.panel--full-blue, .panel--full-orange, .panel--full-red, .panel--full-green, .panel--full-yellow {
  border: 1px solid transparent;
  background-clip: padding-box;
  color: var(--text-inverse-primary);
}
.panel--full-blue {
  background: var(--gradient-blue);
  color: var(--on-gd-blue);
}
.panel--full-orange {
  background: var(--gradient-orange);
  color: var(--on-gd-orange);
}
.panel--full-red {
  background: var(--gradient-red--aa);
  color: var(--on-gd-red);
}
.panel--full-green {
  background: var(--gradient-green--aa);
  color: var(--on-gd-green);
}
.panel--full-yellow {
  background: var(--gradient-yellow);
  color: var(--on-gd-yellow);
}
.panel--full-blue .panel__header, .panel--full-orange .panel__header, .panel--full-red .panel__header, .panel--full-green .panel__header, .panel--full-yellow .panel__header {
  background: transparent;
  color: inherit;
}
.panel--full-blue .panel__body, .panel--full-orange .panel__body, .panel--full-red .panel__body, .panel--full-green .panel__body, .panel--full-yellow .panel__body {
  color: inherit;
}
.panel__icon {
  width: 20px;
  height: 20px;
  margin-right: 8px;
  vertical-align: -3px;
}
.panel--info {
  border-color: var(--panel-info-border);
  background: var(--panel-info-bg);
  color: var(--panel-info-fg);
}
.panel--error {
  border-color: var(--panel-error-border);
  background: var(--panel-error-bg);
  color: var(--panel-error-fg);
}
.panel--warn {
  border-color: var(--panel-warn-border);
  background: var(--panel-warn-bg);
  color: var(--panel-warn-fg);
}
.panel--success {
  border-color: var(--panel-success-border);
  background: var(--panel-success-bg);
  color: var(--panel-success-fg);
}
.panel--accent {
  border-color: var(--panel-accent-border);
  background: var(--panel-accent-bg);
  color: var(--panel-accent-fg);
}
.panel--info .panel__header {
  background: var(--gradient-blue);
  color: var(--on-gd-blue);
}
.panel--error .panel__header {
  background: var(--gradient-red--aa);
  color: var(--on-gd-red);
}
.panel--warn .panel__header {
  background: var(--gradient-yellow);
  color: var(--on-gd-yellow);
}
.panel--success .panel__header {
  background: var(--gradient-green--aa);
  color: var(--on-gd-green);
}
.panel--accent .panel__header {
  background: var(--gradient-orange);
  color: var(--on-gd-orange);
}
.modal-compact .modal-dialog {
  max-width: 450px !important;
}
.modal-compact .modal-header {
  padding: 0.75rem 1rem;
  background: linear-gradient(135deg, #0D4E88 0%, #3877B8 100%);
  color: white;
  border-bottom: none;
}
.modal-compact .modal-title {
  font-size: 1rem !important;
  font-weight: 600;
}
.modal-compact .btn-close {
  filter: brightness(0) saturate(100%) invert(100%);
  opacity: 0.9;
}
.modal-compact .btn-close:hover {
  opacity: 1;
}
.modal-compact .modal-body {
  padding: 1rem;
}
.info-section {
  background: #F3F6FA;
  border-radius: var(--radius);
  padding: 0.75rem;
  margin-bottom: 1rem;
}
.info-section h6 {
  color: #0D4E88;
  font-size: 0.85rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
}
.info-section ul {
  margin-bottom: 0;
  padding-left: 1.25rem;
  font-size: 0.85rem;
}
.info-section li {
  margin-bottom: 0.25rem;
  line-height: 1.3;
}
.info-section li:last-child {
  margin-bottom: 0;
}
.checksums-section {
  border: 1px solid #E9ECEF;
  border-radius: var(--radius);
  padding: 0.75rem;
}
.checksums-section h6 {
  color: #596779;
  font-size: 0.85rem;
  font-weight: 600;
  margin-bottom: 0.75rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #E9ECEF;
}
.checksum-row {
  display: flex;
  margin-bottom: 0.5rem;
  align-items: center;
}
.checksum-row:last-child {
  margin-bottom: 0;
}
.checksum-label {
  flex: 0 0 80px;
  font-weight: 600;
  color: #4B5A6B;
  font-size: 0.8rem;
  text-align: right;
  padding-right: 0.75rem;
}
.checksum-value {
  flex: 1;
  font-family: 'Consolas', 'Monaco', monospace;
  font-size: 0.75rem;
  color: #223140;
  word-break: break-all;
  background: #F3F6FA;
  border-radius: var(--radius);
  padding: 0.25rem 0.5rem;
  cursor: pointer;
  user-select: all;
  transition: all 0.2s ease;
  position: relative;
}
.checksum-value:hover {
  background: #E9ECEF;
  transform: translateX(2px);
}
.checksum-value.hash-long {
  font-size: 0.7rem;
}
.checksum-value.hash-extra-long {
  font-size: 0.65rem;
  line-height: 1.2;
}
.modal-compact .modal-footer {
  padding: 0.75rem 1rem;
  border-top: 1px solid #E9ECEF;
  justify-content: center;
}
.modal-compact .modal-footer .btn {
  padding: 0.375rem 1.5rem;
  font-size: 0.875rem;
}
.checksum-value.copied {
  background: #146C43 !important;
  color: white !important;
  animation: copyPulse 0.3s ease;
}
@keyframes copyPulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}
/* Checksum copy tooltip - localized */
.checksum-value.copied::after {
  content: " ✓";
}
.checksum-value::before {
  content: "Click to copy";
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  background: #223140;
  color: white;
  font-size: 0.75rem;
  padding: 0.2rem 0.4rem;
  border-radius: var(--radius);
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  margin-bottom: 0.25rem;
  font-family: var(--font-base);
}
.checksum-value:hover::before {
  opacity: 1;
}
.checksum-value.copied::before {
  content: "Copied!";
  background: #146C43;
}

/* CS */ :lang(cs) .checksum-value::before { content: "Kliknutím zkopírujete"; }
/* CS */ :lang(cs) .checksum-value.copied::before { content: "Zkopírováno!"; }
/* DA */ :lang(da) .checksum-value::before { content: "Klik for at kopiere"; }
/* DA */ :lang(da) .checksum-value.copied::before { content: "Kopieret!"; }
/* DE */ :lang(de) .checksum-value::before { content: "Klicken zum Kopieren"; }
/* DE */ :lang(de) .checksum-value.copied::before { content: "Kopiert!"; }
/* EL */ :lang(el) .checksum-value::before { content: "Κλικ για αντιγραφή"; }
/* EL */ :lang(el) .checksum-value.copied::before { content: "Αντιγράφηκε!"; }
/* EN */ :lang(en) .checksum-value::before { content: "Click to copy"; }
/* EN */ :lang(en) .checksum-value.copied::before { content: "Copied!"; }
/* ES */ :lang(es) .checksum-value::before { content: "Clic para copiar"; }
/* ES */ :lang(es) .checksum-value.copied::before { content: "¡Copiado!"; }
/* FI */ :lang(fi) .checksum-value::before { content: "Kopioi napsauttamalla"; }
/* FI */ :lang(fi) .checksum-value.copied::before { content: "Kopioitu!"; }
/* FR */ :lang(fr) .checksum-value::before { content: "Cliquer pour copier"; }
/* FR */ :lang(fr) .checksum-value.copied::before { content: "Copié !"; }
/* HU */ :lang(hu) .checksum-value::before { content: "Kattintson a másoláshoz"; }
/* HU */ :lang(hu) .checksum-value.copied::before { content: "Másolva!"; }
/* IT */ :lang(it) .checksum-value::before { content: "Clicca per copiare"; }
/* IT */ :lang(it) .checksum-value.copied::before { content: "Copiato!"; }
/* NL */ :lang(nl) .checksum-value::before { content: "Klik om te kopiëren"; }
/* NL */ :lang(nl) .checksum-value.copied::before { content: "Gekopieerd!"; }
/* NO */ :lang(no) .checksum-value::before { content: "Klikk for å kopiere"; }
/* NO */ :lang(no) .checksum-value.copied::before { content: "Kopiert!"; }
/* PL */ :lang(pl) .checksum-value::before { content: "Kliknij, aby skopiować"; }
/* PL */ :lang(pl) .checksum-value.copied::before { content: "Skopiowano!"; }
/* PT */ :lang(pt) .checksum-value::before { content: "Clique para copiar"; }
/* PT */ :lang(pt) .checksum-value.copied::before { content: "Copiado!"; }
/* SV */ :lang(sv) .checksum-value::before { content: "Klicka för att kopiera"; }
/* SV */ :lang(sv) .checksum-value.copied::before { content: "Kopierat!"; }
@media (max-width: 576px) {
  .modal-compact .modal-dialog {
    margin: 0.5rem;
    max-width: calc(100% - 1rem);
  }
  .checksum-label {
    flex: 0 0 60px;
    font-size: 0.75rem;
  }
  .checksum-value {
    font-size: 0.65rem;
  }
  .checksum-value.hash-long {
    font-size: 0.6rem;
  }
  .checksum-value.hash-extra-long {
    font-size: 0.55rem;
  }
}
.modal-compact .modal-body {
  max-height: 70vh;
  overflow-y: auto;
}
.modal-compact .modal-body::-webkit-scrollbar {
  width: 6px;
}
.modal-compact .modal-body::-webkit-scrollbar-track {
  background: #F3F6FA;
  border-radius: var(--radius);
}
.modal-compact .modal-body::-webkit-scrollbar-thumb {
  background: #A7B3C2;
  border-radius: var(--radius);
}
.modal-compact .modal-body::-webkit-scrollbar-thumb:hover {
  background: #8A95A6;
}
.more-link, .less-link {
  background: none;
  color: inherit;
  border: 0;
  padding: 0;
  font: inherit;
  text-decoration: underline;
  cursor: pointer;
}
/*MEGA MENÜ */
/* ===== HEADER & NAVBAR ===== */
.header {
  background: #fff;
  position: sticky;
  top: 0;
  z-index: 1030;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .08);
  transition: box-shadow .3s ease;
}
.navbar {
  padding: 0;
  min-height: var(--nav-height);
}
.navbar-brand {
  display: flex;
  align-items: center;
  padding: 10px 0;
}
.navbar-brand img, .navbar-brand svg {
  height: 50px;
  transition: height .3s ease;
}
/* ===== HAMBURGER BUTTON ===== */
.navbar-toggler {
  border: 0;
  width: 40px;
  height: 40px;
  padding: 4px 8px;
}
.navbar-toggler:focus {
  box-shadow: none;
}
.hamburger {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.hamburger span {
  width: 25px;
  height: 3px;
  background: var(--brand-primary);
  margin: 3px 0;
  border-radius: var(--radius);
  transition: all .3s ease;
}
.navbar-toggler[aria-expanded="true"] .hamburger span:nth-child(1) {
  transform: rotate(45deg) translate(6px, 6px);
}
.navbar-toggler[aria-expanded="true"] .hamburger span:nth-child(2) {
  opacity: 0;
}
.navbar-toggler[aria-expanded="true"] .hamburger span:nth-child(3) {
  transform: rotate(-45deg) translate(6px, -6px);
}
/* ===== NAVIGATION MENU ===== */
.navbar-nav {
  align-items: center;
}
.navbar-nav .nav-link {
  color: var(--gray-800);
  font-weight: 500;
  padding: .75rem 1.5rem;
  position: relative;
  transition: color .2s ease;
  white-space: nowrap;
  margin: 0 0.25rem;
}
.navbar-nav .nav-link:hover {
  color: var(--brand-primary);
}
/* Animated underline for regular nav links */
.navbar-nav .nav-link::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 0;
  height: 3px;
  background: var(--brand-primary);
  transition: width .3s ease;
}
.navbar-nav .nav-link:hover::after, .navbar-nav .nav-link.active::after {
  width: calc(100% - 3rem);
}
/* No underline for dropdown toggles */
.navbar-nav .dropdown > .nav-link:not(.dropdown-toggle)::after, .navbar-nav .dropdown > .dropdown-toggle::after {
  position: static;
  transform: none;
  width: auto;
  height: auto;
  background: none;
  transition: none;
  left: auto;
  bottom: auto;
}
/* Bootstrap dropdown arrow */
.navbar-nav .dropdown-toggle::after {
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
  border-top: .3em solid;
  border-right: .3em solid transparent;
  border-bottom: 0;
  border-left: .3em solid transparent;
}
.navbar-nav .dropdown > .dropdown-toggle:hover::after {
  width: auto;
}
/* ===== DROPDOWN MENUS ===== */
.dropdown-menu {
  border: none;
  border-radius: var(--radius);
  box-shadow: 0 10px 40px rgba(0, 0, 0, .10);
  padding: .75rem 0;
  margin-top: .5rem;
  min-width: 280px;
  animation: dropdownFade .25s ease;
}
@keyframes dropdownFade {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.dropdown-item {
  display: flex;
  align-items: center;
  gap: .75rem;
  padding: .5rem 1rem;
  font-size: .9rem;
  color: var(--gray-800);
  border-radius: var(--radius);
  transition: background .2s ease, color .2s ease, transform .15s ease;
}
.dropdown-item:hover {
  background: var(--gray-50);
  color: var(--brand-primary);
  transform: translateX(5px);
}
.menu-icon {
  width: 24px !important;
  height: 24px !important;
  color: var(--brand-primary);
}
.dropdown-item:hover .menu-icon {
  opacity: 1;
}
/* ===== NESTED SUBMENUS ===== */
.dropdown-submenu {
  position: relative;
}
.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -.75rem;
  margin-left: .5rem;
}
.dropdown-submenu:hover > .dropdown-menu {
  display: block;
}
.dropdown-submenu > .dropdown-toggle::after {
  content: '';
  display: inline-block;
  width: 0.75rem;
  height: 0.75rem;
  margin-left: auto;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23000000' d='M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: none;
}
/* Right-aligned submenus for last items */
.navbar-nav > .nav-item:nth-last-child(-n + 3) .dropdown-submenu > .dropdown-menu {
  left: auto !important;
  right: 100% !important;
  margin-left: 0 !important;
  margin-right: .5rem !important;
}
/* ===== MEGA MENU ===== */
.dropdown-menu.mega-menu {
  padding: 1.25rem;
  min-width: 720px;
  max-width: min(96vw, 1000px);
}
.dropdown-menu.mega-menu.show {
  display: grid;
  grid-template-columns: repeat(2, minmax(220px, 1fr)) 320px;
  gap: 1rem 2rem;
}
/* Responsive mega menu width */
@media (max-width: 1200px) and (min-width: 992px) {
  .dropdown-menu.mega-menu {
    min-width: min(720px, calc(100vw - 3rem));
  }
  .dropdown-menu.mega-menu.show {
    grid-template-columns: repeat(2, minmax(180px, 1fr)) minmax(250px, 300px);
    gap: 0.75rem 1.5rem;
  }
}
.dropdown-menu.mega-menu > li.mega-col {
  list-style: none;
  padding: 0 .25rem;
}
.dropdown-menu.mega-menu .dropdown-header {
  color: var(--brand-primary);
  font-weight: 700;
  font-size: .85rem;
  letter-spacing: .05em;
  text-transform: uppercase;
  border-bottom: 2px solid var(--gray-100);
  padding: 0 0 .75rem 0;
  margin-bottom: .5rem;
}
.dropdown-menu.mega-menu .dropdown-item {
  padding-left: 0;
  padding-right: 0;
}
/* Special column with featured and CTA */
.mega-col-special {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.mega-col-special .mega-featured, .mega-col-special .mega-cta {
  flex: 0 0 auto;
}
.mega-col-special .mega-cta {
  flex: 1 1 auto;
}
/* Mega menu positioning */
.mega-parent {
  position: static; /* Important: keeps menu positioned relative to viewport */
}
.mega-parent .dropdown-menu.mega-menu {
  position: absolute;
  top: auto;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 0.5rem;
}
/* When JS has positioned it */
.mega-parent .dropdown-menu.mega-menu.positioned {
  left: auto;
  transform: none;
}
/* Responsive positioning for mega menu */
@media (min-width: 992px) {
  .mega-parent .dropdown-menu.mega-menu {
    /* Ensure menu stays within viewport */
    max-width: calc(100vw - 2rem);
  }
}
.mega-parent .dropdown-menu.mega-menu.show {
  animation: megaMenuFade .25s ease;
}
@keyframes megaMenuFade {
  from {
    opacity: 0;
    transform: translateX(-50%) translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
  }
}
/* Animation when JS has positioned it */
.mega-parent .dropdown-menu.mega-menu.positioned.show {
  animation: megaMenuFadeSimple .25s ease;
}
@keyframes megaMenuFadeSimple {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* ===== FEATURED & CTA BOXES ===== */
.mega-featured {
  background: var(--gray-50);
  border: 1px solid var(--gray-100);
  border-radius: var(--radius);
  padding: 1rem;
  margin-bottom: 1rem;
}
.mega-featured h4 {
  color: var(--brand-primary);
  font-size: 1rem;
  margin: 0 0 .25rem 0;
}
.mega-featured p {
  color: var(--gray-600);
  font-size: .9rem;
  margin: 0 0 .5rem 0;
}
.mega-featured .btn-featured {
  display: inline-block;
  background: var(--brand-primary);
  color: #fff;
  text-decoration: none;
  padding: .5rem 1rem;
  border-radius: var(--radius);
  font-size: .85rem;
}
.mega-featured .btn-featured:hover {
  background: var(--brand-primary-dark);
  transform: translateY(-1px);
}
.mega-cta {
  background: linear-gradient(135deg, var(--brand-primary), var(--brand-primary-light));
  color: #fff;
  border-radius: var(--radius);
  padding: 1.25rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.mega-cta h3 {
  font-size: 1.25rem;
  margin: 0 0 .5rem 0;
}
.mega-cta p {
  font-size: .95rem;
  margin: 0 0 1rem 0;
  opacity: .95;
}
.mega-cta .btn-cta {
  align-self: flex-start;
  background: #fff;
  color: var(--brand-primary);
  padding: .6rem 1.25rem;
  border-radius: var(--radius);
  text-decoration: none;
  font-weight: 600;
  transition: transform .15s ease, box-shadow .15s ease;
}
.mega-cta .btn-cta:hover {
  transform: translateY(-2px);
  box-shadow: 0 5px 15px rgba(0, 0, 0, .2);
}
/* ===== DEMO BUTTON ===== */
.btn-demo {
  background: var(--brand-accent);
  color: #fff;
  border: none;
  padding: .45rem .9rem;
  border-radius: var(--radius);
  font-weight: 600;
  margin-left: 1rem;
}
.btn-demo:hover {
  filter: brightness(0.95);
}
.btn-demo:focus-visible {
  outline-color: #fff;
}
/* ===== LANGUAGE SELECTOR ===== */
.language-selector .dropdown-toggle {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}
/* Flag-only button styling - Remove all underlines */
.language-selector .btn.language-flag-button, .language-flag-button, .language-flag-button:hover, .language-flag-button:focus, .language-flag-button:active, .language-flag-button:focus-visible {
  text-decoration: none !important;
  border-bottom: none !important;
  border: none !important;
}
.language-flag-button {
  border: none;
  background: none;
  padding: 0;
  position: relative;
  transition: transform 0.2s ease, opacity 0.2s ease;
  text-decoration: none !important;
  box-shadow: none !important;
}
.language-flag-button:hover {
  transform: scale(1.1);
  opacity: 0.85;
  text-decoration: none !important;
}
.language-flag-button:focus {
  outline: 2px solid var(--brand-primary);
  outline-offset: 4px;
  border-radius: 2px;
  text-decoration: none !important;
}
/* Remove dropdown arrow for flag-only button */
.language-flag-button::after {
  display: none !important;
}
.language-flag {
  display: inline-flex !important;
  align-items: center;
  width: 24px;
  height: 18px;
  border-radius: 2px;
  overflow: hidden;
}
.language-selector .dropdown-menu {
  min-width: 200px;
  max-height: 400px;
  overflow-y: auto;
  padding: 0.5rem;
  right: 0 !important;
  left: auto !important;
}
.language-selector .dropdown-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  border-radius: var(--radius);
}
.language-selector .dropdown-item.active {
  background: var(--brand-primary);
  color: white;
  position: relative;
}
.language-selector .dropdown-item.active::after {
  content: "✓";
  position: absolute;
  right: 0.75rem;
  font-weight: bold;
}
.language-search {
  padding: 0.25rem;
  margin-bottom: 0.5rem;
  position: sticky;
  top: 0;
  background: white;
  z-index: 10;
}
.language-search input {
  width: 100%;
  padding: 0.375rem 0.75rem;
  border: 1px solid var(--gray-200);
  border-radius: var(--radius);
}
.language-group {
  padding: 0.375rem 0.75rem;
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--gray-600);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-top: 0.5rem;
  border-top: 1px solid var(--gray-100);
  padding-top: 0.5rem;
}
.language-group:first-of-type {
  margin-top: 0;
  border-top: none;
}
/* Mega menu grid display states */
@media (min-width: 992px) {
  .navbar .nav-item.dropdown.show > .dropdown-menu.mega-menu, .dropdown-menu.mega-menu.show {
    display: grid !important;
  }
}
/* ===== RESPONSIVE DESIGN ===== */
@media (max-width: 1199px) {
  .navbar-nav .nav-link {
    padding: .65rem 1rem;
  }
  .dropdown-menu.mega-menu {
    min-width: 680px;
  }
  .dropdown-menu.mega-menu.show {
    grid-template-columns: repeat(2, minmax(200px, 1fr)) 280px;
  }
}
/* ===== MOBILE STYLES (<992px) ===== */
@media (max-width: 991px) {
  /* Navbar adjustments */
  .navbar {
    min-height: var(--nav-height-mobile);
  }
  .navbar .container {
    padding-left: var(--nav-padding);
    padding-right: var(--nav-padding);
  }
  .navbar-brand {
    padding: 10px 0;
    margin: 0;
  }
  .navbar-brand img, .navbar-brand svg {
    height: 40px;
  }
  /* Mobile navigation - slide from left */
  .navbar-collapse {
    position: fixed;
    top: var(--nav-height-mobile);
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    overflow-y: auto;
    padding: 0;
    transform: translateX(-100%);
    transition: transform .3s ease;
  }
  .navbar-collapse.show {
    transform: translateX(0);
    box-shadow: 5px 0 20px rgba(0, 0, 0, .1);
  }
  .navbar-nav {
    flex-direction: column;
    align-items: stretch;
  }
  .navbar-nav .nav-item {
    width: 100%;
  }
  /* Alle nav-links gleich behandeln */
  .navbar-nav .nav-link {
    border-bottom: 1px solid var(--gray-100);
    padding: 1rem var(--nav-padding);
    margin: 0;
    text-align: left;
    display: block;
    width: 100%;
  }
  .navbar-nav .nav-link::after {
    display: none;
  }
  /* Mobile dropdown toggle arrows - links ausgerichtet */
  .navbar-nav .dropdown > .dropdown-toggle {
    display: flex;
    justify-content: flex-start; /* WICHTIG: Links ausrichten */
    align-items: center;
    padding-right: var(--nav-padding);
  }
  /* Bootstrap Dropdown-Pfeil rechts positionieren */
  .navbar-nav .dropdown > .dropdown-toggle::after {
    position: absolute;
    right: var(--nav-padding);
    margin-left: 0;
  }
  /* Mobile dropdown menus */
  .dropdown-menu {
    position: static;
    box-shadow: none;
    background: var(--gray-50);
    border-radius: var(--radius);
    margin: .5rem var(--nav-padding);
    padding: .5rem;
    width: auto;
    animation: none;
    display: none;
  }
  .dropdown-menu.show {
    display: block !important;
  }
  .dropdown-menu .dropdown-item {
    padding: .75rem 1rem;
  }
  .dropdown-submenu > .dropdown-menu {
    position: static;
    margin-left: 1rem;
  }
  /* Mobile mega menu */
  .dropdown-menu.mega-menu {
    min-width: 100%;
    max-width: 100%;
    padding: 0.75rem 0;
    position: static !important;
    transform: none !important;
    translate: none !important;
  }
  .dropdown-menu.mega-menu.show {
    display: block !important;
    animation: none;
  }
  .mega-parent .dropdown-menu.mega-menu {
    left: auto;
    translate: none;
  }
  .dropdown-menu.mega-menu > li.mega-col {
    display: block;
    width: 100%;
    margin-bottom: 1rem;
    padding: 0 1rem;
  }
  .mega-col-special {
    display: none !important;
  }
  .dropdown-menu.mega-menu .dropdown-header {
    padding: 0.5rem 0;
    margin-bottom: 0.25rem;
    font-size: 0.9rem;
  }
  .dropdown-menu.mega-menu .dropdown-item {
    padding: 0.5rem 1rem;
    margin-left: 0;
  }
  .dropdown-menu.mega-menu > li.mega-col + li.mega-col {
    margin-top: .75rem;
    padding-top: .75rem;
    border-top: 1px solid var(--gray-100);
  }
  .mega-cta, .mega-featured {
    display: none;
  }
  /* Mobile demo button - links ausgerichtet */
  .navbar-nav .nav-item:has(.btn-demo) {
    margin: 2rem 0;
    padding: 0 var(--nav-padding);
    border-bottom: none;
  }
  .navbar-nav .btn-demo {
    width: auto;
    display: inline-block;
    text-align: center;
    margin: 0;
    padding: .6rem 1.8rem;
  }
  .btn-demo {
    margin-left: 0;
  }
  /* Mobile language selector - links ausgerichtet */
  .navbar-nav .language-selector {
    padding: 0 var(--nav-padding);
    margin-left: 0;
    margin-bottom: 1.5rem;
    border-bottom: none;
  }
  .navbar-nav .language-selector .dropdown-toggle, .navbar-nav .language-selector .language-flag-button {
    width: auto;
    display: inline-flex;
    text-align: left;
    justify-content: flex-start;
    padding: .375rem .75rem;
  }
  .language-selector .dropdown-menu {
    position: static !important;
    right: auto !important;
    left: auto !important;
    width: 100%;
    min-width: 0;
    margin: 0;
    max-height: none;
    overflow: visible;
  }
  /* Mobile submenu arrows */
  .dropdown-submenu > .dropdown-toggle::after {
    transition: transform .3s ease;
  }
  .dropdown-submenu > .dropdown-toggle[aria-expanded="true"]::after {
    transform: rotate(90deg);
  }
  /* Mobile specific hover disable */
  .dropdown-submenu:hover > .dropdown-menu {
    display: none;
  }
  .dropdown-submenu > .dropdown-menu[style*="display: block"] {
    display: block !important;
  }
}
/* ===== MOBILE OVERLAY ===== */
.mobile-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, .5);
  opacity: 0;
  visibility: hidden;
  transition: all .3s ease;
  z-index: 1025;
}
.mobile-overlay.show {
  opacity: 1;
  visibility: visible;
}
/* ===== REMOVE FOCUS OUTLINES ===== */
.navbar .nav-link:focus, .navbar .nav-link:focus-visible, .navbar .dropdown-toggle:focus, .navbar .dropdown-toggle:focus-visible, .dropdown-menu .dropdown-item:focus, .dropdown-menu .dropdown-item:focus-visible, .btn-demo:focus, .btn-demo:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}
/* Override modality-gated focus rules */
body.mod-keyboard .navbar .nav-link:focus, body.mod-keyboard .navbar .nav-link:focus-visible, body.mod-keyboard .navbar .dropdown-toggle:focus, body.mod-keyboard .navbar .dropdown-toggle:focus-visible, body.mod-keyboard .dropdown-menu .dropdown-item:focus, body.mod-keyboard .dropdown-menu .dropdown-item:focus-visible, body.mod-keyboard .btn-demo:focus, body.mod-keyboard .btn-demo:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}
@media (max-width: 575px) {
  .navbar-brand svg, .navbar-brand img {
    height: 35px;
  }
  .navbar-nav .nav-link {
    font-size: .95rem;
  }
  .dropdown-item {
    font-size: .85rem;
  }
}
/* ===== ACCESSIBILITY ===== */
.skip-link {
  position: absolute;
  top: -40px;
  left: 0;
  background: var(--brand-primary);
  color: white;
  padding: 8px;
  text-decoration: none;
  z-index: 100;
  border-radius: var(--radius);
}
.skip-link:focus {
  top: 0;
}
.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  border: 0 !important;
}
/* ===== PRINT STYLES ===== */
@media print {
  .navbar-toggler, .navbar-collapse, .btn-demo, .language-selector {
    display: none !important;
  }
  .navbar {
    min-height: auto;
    padding: 1rem 0;
  }
  .header {
    position: static;
    box-shadow: none;
  }
}
.iconfa {
  width: 48px;
  height: 48px;
  display: inline-block;
}
.iconfa.duo, .menu-icon.duo {
  color: #222; /* Primärfarbe über currentColor */
  --fa-primary-color: var(--brand-main-color);
  --fa-primary-opacity: 1;
  --fa-secondary-color: var(--brand-high-color);
  --fa-secondary-opacity: 1; /* zweiter Ton heller/durchsichtig */
}
.companies-logos {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap; /* Standard: darf umbrechen */
  gap: var(--logos-gap); /* gleicher horizontaler & vertikaler Abstand */
}
.companies-logos .logo {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 100%; /* <768px: 1 pro Zeile */
}
.companies-logos .icon {
  height: 44px; /* einheitliche Höhe */
  display: block;
  flex: 0 0 auto;
}
/* Breiten pro Logo – deine Werte */
.companies-logos .icon[aria-label="Telekom"] {
  width: 120px;
}
.companies-logos .icon[aria-label="Arvato"] {
  width: 150px;
}
.companies-logos .icon[aria-label="HP"] {
  width: 44px;
} /* fast quadratisch */
.companies-logos .icon[aria-label="DHL"] {
  width: 160px;
}
.companies-logos .icon[aria-label="Allianz"] {
  width: 160px;
}
.companies-logos .icon[aria-label="Sony"] {
  width: 130px;
}
/* ≥ md: genau 3 Spalten => zwei Zeilen bei 6 Logos */
@media (min-width: 768px) {
  .companies-logos .logo {
    /* 3 Spalten = 2 Gaps pro Zeile abziehen */
    flex: 0 0 calc((100% - 2 * var(--logos-gap)) / 3);
  }
}
/* ≥ xl: alle 6 in einer Zeile mit echtem Kachelabstand */
@media (min-width: 1200px) {
  .companies-logos {
    flex-wrap: nowrap;
  }
  .companies-logos .logo {
    flex: 0 0 auto;
  }
}
body.nav-open {
  overflow: hidden;
}
/* AGB Styles nur innerhalb .container.policy-part */
/* Container */
.container.policy-part, .container.uninstall {
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 15px;
  font-family: var(--font-base);
  line-height: 1.5;
  color: #212529;
}
/* Section-Einschränkung */
.policy-part.page-section, .uninstall.page-section {
  padding: 2rem 0;
}
.policy-part.page-section-pastel, .uninstall.page-section-pastel {
  background-color: #f8f9fa;
}
.policy-part.page-section-small, .uninstall.page-section-small {
  padding: 1.5rem 0;
}
/* Headings */
.container.policy-part h1, .container.uninstall h1 {
  margin-bottom: 36px;
}
.container.policy-part h2, .container.uninstall h2 {
  margin-bottom: 24px;
  margin-top: 36px;
}
.container.policy-part h3, .container.uninstall h3 {
  margin-bottom: 24px;
  margin-top: 36px;
}
/* Paragraphs */
.container.policy-part p, .container.uninstall p {
  margin-bottom: 12px;
}
/* p direkt nach h1 */
.container.policy-part h1 + p, .container.uninstall h1 + p {
  margin-bottom: 36px;
}
/* Links */
.container.policy-part a, .container.uninstall a {
  color: #007bff;
  text-decoration: none;
}
.container.policy-part a:hover, .container.uninstall a:hover {
  text-decoration: underline;
}
.features-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0;
  border: 1px solid #e5e5e5;
}
.feature-item {
  padding: 28px 32px;
  border-bottom: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  transition: background-color 0.2s ease;
}
.feature-item:nth-child(2n) {
  border-right: none;
}
.feature-item:hover {
  background-color: #f8f9fa;
}
.feature-title {
  font-size: 1.05rem;
  font-weight: 600;
  color: #1a1a1a;
  margin-bottom: 6px;
}
.feature-description {
  font-size: 0.95rem;
  color: #666;
  line-height: 1.5;
}
@media (max-width: 900px) {
  .features-list {
    grid-template-columns: 1fr;
  }
  .feature-item {
    border-right: none;
  }
}

/* Dropdown-Toggles: Unterstrich via ::before (da ::after für Pfeil reserviert) */
.navbar-nav .dropdown > .dropdown-toggle::before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 0;
  height: 3px;
  background: var(--brand-primary);
  transition: width .3s ease;
}
.navbar-nav .dropdown > .dropdown-toggle:hover::before,
.navbar-nav .dropdown > .dropdown-toggle.active::before {
  width: calc(100% - 3rem);
}

/* Bullets NUR in den Release-Notes-Karten */
.release-notes-content  > ul:not(.highl) {
  list-style: disc;
  padding-left: 1.25rem; /* nötig, weil global padding:0 */

}
/* "highl"-Listen bewusst ohne Bullets lassen */
.release-notes-content  > ul.highl {
  list-style: none;
  padding-left: 0;
}

/* optional: verschachtelte Listen etwas absetzen */
.release-notes-content  > ul ul {
  list-style: circle;
  padding-left: 1.25rem;
}