@charset "UTF-8";
/* open-sans-300 - latin-ext_latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 300;
  src: local("Open Sans Light"), url("../fonts/open-sans-v18-latin-ext_latin-300.woff2") format("woff2"), url("../fonts/open-sans-v18-latin-ext_latin-300.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-regular - latin-ext_latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans Regular"), url("../fonts/open-sans-v18-latin-ext_latin-regular.woff2") format("woff2"), url("../fonts/open-sans-v18-latin-ext_latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-600 - latin-ext_latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans Semi-bold"), url("../fonts/open-sans-v18-latin-ext_latin-600.woff2") format("woff2"), url("../fonts/open-sans-v18-latin-ext_latin-600.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-700 - latin-ext_latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), url("../fonts/open-sans-v18-latin-ext_latin-700.woff2") format("woff2"), url("../fonts/open-sans-v18-latin-ext_latin-700.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* *******************************************************************/
/* *******************************************************************/
/* A Modern CSS Reset **/
/* *******************************************************************/
/* *******************************************************************/
/* Source: https://dev.to/hankchizljaw/a-modern-css-reset-6p3
/* *******************************************************************/
/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Remove default padding */
ul[class],
ol[class] {
  padding: 0;
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
ul[class],
ol[class],
li,
figure,
figcaption,
blockquote,
dl,
dd {
  margin: 0;
}

/* Set core body defaults */
body {
  min-height: 100vh;
  scroll-behavior: smooth;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

/* Remove list styles on ul, ol elements with a class attribute */
ul[class],
ol[class] {
  list-style: none;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
img {
  max-width: 100%;
  display: block;
}

/* Natural flow and rhythm in articles by default */
article > * + * {
  margin-top: 1em;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}

/* Remove all animations and transitions for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
/* Portrait */
/* Landscape */
/* Landscape & Desktop Header */
body {
  font-family: "Open Sans", "Helvetica Neue", Arial, sans-serif;
  font-size: 1rem;
  font-weight: 300;
}

a {
  text-decoration: none;
}

a:hover,
a:active {
  color: #006699;
}

a:focus {
  outline: none !important;
}

.image-max {
  display: inline-block;
  max-width: 600px;
  max-height: 600px;
}

.image-max img {
  max-width: 100%;
  height: auto;
  display: inline-block;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
}

.bg-grey-light {
  background-color: #EFEFEF;
}

.content-wrap {
  display: block;
  position: relative;
}

.motu-gc {
  display: grid;
  grid-template-columns: 1fr repeat(12, 95px) 1fr;
  gap: 0% 0%;
}

@media all and (-ms-high-contrast: none) {
  .motu-gc {
    display: -ms-grid;
    -ms-grid-columns: auto repeat(12, 95px) auto;
    gap: 0% 0%;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .motu-gc {
    grid-template-columns: minmax(30px, auto) repeat(12, 80px) minmax(30px, auto);
  }
}
@media (min-width: 992px) and (max-width: 1199px) and (-ms-high-contrast: none) {
  .motu-gc {
    display: -ms-grid;
    -ms-grid-columns: 1fr repeat(12, 95px) 1fr;
    gap: 0% 0%;
  }
}
@media (min-width: 769px) and (max-width: 991px) {
  .motu-gc {
    grid-template-columns: 1fr repeat(12, 60px) 1fr;
  }
}
@media (min-width: 769px) and (max-width: 991px) and (-ms-high-contrast: none) {
  .motu-gc {
    display: -ms-grid;
    -ms-grid-columns: 1fr repeat(12, 60px) 1fr;
    gap: 0% 0%;
  }
}
@media (min-width: 577px) and (max-width: 768px) {
  .motu-gc {
    grid-template-columns: 1fr repeat(12, 50px) 1fr;
  }
}
@media (min-width: 577px) and (max-width: 768px) and (-ms-high-contrast: none) {
  .motu-gc {
    display: -ms-grid;
    -ms-grid-columns: 1fr repeat(12, 50px) 1fr;
    gap: 0% 0%;
  }
}
@media (max-width: 576px) {
  .motu-gc {
    grid-template-columns: 30px 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 30px;
  }
}
@media (max-width: 576px) and (-ms-high-contrast: none) {
  .motu-gc {
    display: -ms-grid;
    -ms-grid-columns: 30px 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 30px;
    gap: 0% 0%;
  }
}
.pt-default {
  padding-top: 140px;
}

.pb-default {
  padding-bottom: 140px;
}

.mt-default {
  margin-top: 140px;
}

.mb-default {
  margin-bottom: 140px;
}

.mt-medium {
  margin-top: 70px;
}

.mb-medium {
  margin-bottom: 70px;
}

@media (max-width: 420px) {
  .mt-default {
    margin-top: 70px;
  }
  .mb-default {
    margin-bottom: 70px;
  }
}
.icn-inline-18,
.mce-content-body .icn-inline-18 {
  width: 18px !important;
  height: 18px !important;
  display: inline;
  vertical-align: -3px;
}

.badge-store {
  display: inline-block !important;
  height: 60px;
  padding: 10px 10px 10px 0;
}
.badge-store img {
  display: inline-block !important;
}

.badge-playstore img {
  height: 40px !important;
}

.badge-playstore img.qr-playstore,
.badge-appstore img.qr-appstore {
  display: inline-block !important;
  height: 120px !important;
  width: 120px !important;
}

hr.divider {
  border: none;
  height: 1px;
  /* Set the hr color */
  color: #DCDCDC; /* old IE */
  background-color: #DCDCDC; /* Modern Browsers */
  margin: 0;
}

.header .supline {
  font-size: 24px;
  line-height: 24px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 25px;
  text-shadow: 0 0 5px rgba(0, 0, 0, .4);
}
.header .headline {
  font-size: 52px;
  line-height: 65px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 20px;
  text-shadow: 0 0 5px rgba(0, 0, 0, .4);
}
.header .subline {
  font-size: 28px;
  line-height: 36px;
  font-weight: 600;
  color: #fff;
  margin-bottom: 20px;
  text-shadow: 0 0 5px rgba(0, 0, 0, .4);
}

.content h1, .content .headline {
  font-size: 46px;
  line-height: 54px;
  font-weight: 300;
  color: #000;
  margin-bottom: 12px;
}
.content h3, .content .subline {
  font-size: 18px;
  line-height: 28px;
  color: #0099CC;
  margin-bottom: 20px;
  font-weight: 400;
}
.content p, .content .copy {
  font-size: 16px;
  line-height: 28px;
  font-weight: 300;
  padding-bottom: 8px;
  color: #000000;
}
.content p strong, .content .copy strong {
  font-weight: 400;
}
.content p u, .content .copy u {
  text-decoration: underline;
}
.content a {
  color: #0099CC;
}
.content a:hover, .content a:active {
  color: #006699;
}
.content hr.divider {
  margin: 16px 0;
}
.content ul, .content ol {
  font-size: 16px;
  line-height: 28px;
  font-weight: 300;
  padding-bottom: 8px;
  color: #000000;
  list-style: none;
  padding-left: 0;
}
.content li {
  margin-bottom: 8px;
  padding-left: 0;
  left: 29px;
  position: relative;
  margin-right: 29px;
}
.content li a {
  text-decoration: none;
  color: #0099CC;
}
.content li a:hover {
  text-decoration: none;
  color: #006699;
}
.content li:before,
.content .dashlist li:before {
  content: "–";
  font-weight: 600;
  color: #0099CC;
  left: -26px;
  position: absolute;
}
.content .checklist li:before,
.content ol li:before {
  font-family: "Font Awesome 5 Free";
  content: "\f00c";
  font-size: 13px;
  font-weight: 600;
  color: #0099CC;
  left: -29px;
  position: absolute;
}
.content ol {
  margin-top: 4px;
}
.content a.more {
  display: inline-block;
  font-size: 13px;
  padding-top: 16px;
  font-weight: 400;
}
.content a.more:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f054";
  font-weight: 600;
  padding-right: 8px;
  vertical-align: 0px;
  font-size: 11px;
}
.content.image-back h1, .content.image-back h2, .content.image-back h3, .content.image-back p, .content.image-back ul, .content.image-back ol, .content.image-back li, .content.image-back i {
  color: #FFFFFF;
}
.content.image-back li:before {
  color: #FFFFFF;
}
.content.image-back .btn---white {
  border-color: #FFFFFF;
}
.content.image-back .btn---white a {
  color: #FFFFFF !important;
}
@media (max-width: 450px) {
  .content h1, .content .headline {
    font-size: 32px;
    line-height: 42px;
  }
}

.content-sub-gen h3 {
  margin-top: 20px;
}
.content-sub-gen h4 {
  font-weight: 600;
  line-height: 28px;
  margin-top: 20px;
}

/* Primary Button */
.btn-center {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
}

.btn-round,
#modal-custom input[type=submit].wpcf7-form-control.wpcf7-submit {
  font-size: 13px;
  line-height: 19px;
  font-weight: 400;
  display: inline-block;
  padding: 10px 10px 10px 20px;
  margin-bottom: 10px;
  vertical-align: baseline;
  white-space: nowrap;
  border-radius: 20px;
  border: 1px solid;
}
.btn-round.btn---white,
#modal-custom input[type=submit].wpcf7-form-control.wpcf7-submit.btn---white {
  color: #666666;
  border-color: #666666;
}
.btn-round.btn---white:hover, .btn-round.btn---white:active,
#modal-custom input[type=submit].wpcf7-form-control.wpcf7-submit.btn---white:hover,
#modal-custom input[type=submit].wpcf7-form-control.wpcf7-submit.btn---white:active {
  color: #0099CC;
  border-color: #0099CC;
  cursor: pointer;
}
.btn-round.btn---mt,
#modal-custom input[type=submit].wpcf7-form-control.wpcf7-submit.btn---mt {
  margin-top: 24px;
}
.btn-round.btn-round i:first-child,
#modal-custom input[type=submit].wpcf7-form-control.wpcf7-submit.btn-round i:first-child {
  padding: 0 10px;
  font-size: 12px;
}

.modal a {
  color: #0099CC;
}
.modal a:hover {
  color: #006699;
}

.content-2columns-hor.jarallax :not(.bg-white) .btn-round {
  background-color: #FFFFFF;
}
.content-2columns-hor.jarallax :not(.bg-white) .btn-round .cnt {
  color: #0099CC;
}
.content-2columns-hor.jarallax :not(.bg-white) .btn-round:hover {
  background-color: #0099CC;
}
.content-2columns-hor.jarallax :not(.bg-white) .btn-round:hover .cnt {
  color: #FFFFFF;
}

.map-btn {
  font-size: 13px;
  line-height: 19px;
  font-weight: 400;
  display: inline-block;
  padding: 10px 10px 10px 20px;
  margin-bottom: 10px;
  vertical-align: baseline;
  white-space: nowrap;
  background-color: #FFFFFF;
  color: #0099CC;
}
.map-btn.btn---white {
  color: #666666;
}
.map-btn.btn---white:hover, .map-btn.btn---white:active {
  color: #fff;
  border-color: #0099CC;
  background-color: #0099CC;
  cursor: pointer;
}
.map-btn.btn---mt {
  margin-top: 24px;
}
.map-btn i:first-child {
  padding: 0 10px;
  font-size: 12px;
}

.col1 {
  grid-area: col1;
}

.col2 {
  grid-area: col2;
}

.col3 {
  grid-area: col3;
}

.col3 {
  grid-area: col4;
}

.col1, .col2, .col3, .col4, .hl-intro,
.ft-col01, .ft-col02, .ft-col03, .ft-col04,
.legal-col1, .legal-col2,
.col1-sub, .col2-sub {
  padding: 0 15px 0 15px;
}

.col2-sub .share-wrapper a:before {
  content: "";
  display: unset;
  margin-left: 0;
  padding-right: 0;
  width: unset;
  height: unset;
  vertical-align: unset;
}
.col2-sub .share-wrapper a:hover:before {
  content: "";
}

@media (max-width: 768px) {
  .col1, .col2, .col3, .col4 {
    padding-bottom: 35px;
  }
  .pt-default {
    padding-top: 120px;
  }
  .pb-default {
    padding-bottom: 120px;
  }
  .motu-gc div:last-child {
    padding-bottom: 0;
  }
  .image-max {
    max-height: 500px;
    max-width: 500px;
  }
}
@media (max-width: 1024px) {
  .pt-default {
    padding-top: 80px;
  }
  .pb-default {
    padding-bottom: 80px;
  }
  .content-2columns-hor .mt-default {
    margin-top: 80px !important;
  }
  .content-2columns-hor .mb-default {
    margin-bottom: 80px !important;
  }
}
@media (max-width: 576px) {
  .motu-gc div:last-child {
    padding-bottom: 0;
  }
  .pt-default {
    /*padding-top: 70px;*/
    padding-top: 70px;
  }
  .pb-default {
    padding-bottom: 70px;
  }
}
.header-full,
.header-sub {
  grid-template-areas: ". hl-intro hl-intro hl-intro hl-intro hl-intro hl-intro hl-intro hl-intro hl-intro hl-intro hl-intro hl-intro .";
  height: 60vh;
  max-height: 60vh;
  align-items: top;
  justify-content: center;
  padding-top: 60px;
  position: relative;
}
.header-full .hl-intro,
.header-sub .hl-intro {
  position: relative;
  grid-area: hl-intro;
  text-align: center;
}
.header-full .bfr-logo-img,
.header-sub .bfr-logo-img {
  display: inline-block;
}
.header-full.button-add,
.header-sub.button-add {
  grid-template-areas: ". hl-intro hl-intro hl-intro hl-intro hl-intro hl-intro hl-intro hl-intro hl-intro hl-intro hl-intro hl-intro ." ". . . . . . scroll-down scroll-down button-wrapper button-wrapper button-wrapper button-wrapper button-wrapper .";
  grid-template-rows: 1fr 100px;
}
.header-full.button-add .hl-intro,
.header-sub.button-add .hl-intro {
  grid-area: hl-intro;
}
.header-full.button-add .button-wrapper,
.header-sub.button-add .button-wrapper {
  grid-area: button-wrapper;
  align-self: start;
  justify-self: end;
}
.header-full.button-add .scroll-down,
.header-sub.button-add .scroll-down {
  grid-area: scroll-down;
}
.header-full.button-add.sub-logo, .header-full.sub-logo,
.header-sub.button-add.sub-logo,
.header-sub.sub-logo {
  display: grid;
  grid-template-rows: 1fr 160px;
  gap: 0% 0%;
}
.header-full.button-add.sub-logo .hl-intro, .header-full.sub-logo .hl-intro,
.header-sub.button-add.sub-logo .hl-intro,
.header-sub.sub-logo .hl-intro {
  grid-area: 1/2/2/14;
}
.header-full.button-add.sub-logo .scroll-down, .header-full.sub-logo .scroll-down,
.header-sub.button-add.sub-logo .scroll-down,
.header-sub.sub-logo .scroll-down {
  grid-area: 2/7/3/9;
}
.header-full.button-add.sub-logo .sub-logo-back, .header-full.sub-logo .sub-logo-back,
.header-sub.button-add.sub-logo .sub-logo-back,
.header-sub.sub-logo .sub-logo-back {
  grid-area: 2/1/3/15;
  background-color: rgba(255, 255, 255, 0.65);
  z-index: -1;
}
.header-full.button-add.sub-logo .button-wrapper, .header-full.sub-logo .button-wrapper,
.header-sub.button-add.sub-logo .button-wrapper,
.header-sub.sub-logo .button-wrapper {
  grid-area: 2/9/3/14;
  z-index: 2;
  align-self: center;
}
.header-full.button-add.sub-logo .button-wrapper .map-btn, .header-full.sub-logo .button-wrapper .map-btn,
.header-sub.button-add.sub-logo .button-wrapper .map-btn,
.header-sub.sub-logo .button-wrapper .map-btn {
  margin-bottom: 0;
}
.header-full.button-add.sub-logo .sub-logo, .header-full.sub-logo .sub-logo,
.header-sub.button-add.sub-logo .sub-logo,
.header-sub.sub-logo .sub-logo {
  grid-area: 2/2/3/7;
  z-index: 1;
  padding: 30px 1px;
}
.header-full.button-add.sub-logo .sub-logo img, .header-full.sub-logo .sub-logo img,
.header-sub.button-add.sub-logo .sub-logo img,
.header-sub.sub-logo .sub-logo img {
  height: 100%;
  width: auto;
}
@media all and (-ms-high-contrast: none) {
  .header-full,
  .header-sub {
    display: -ms-grid;
    -ms-grid-columns: 10% 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 10%;
    -ms-grid-rows: 1fr;
    gap: 0% 0%;
  }
  .header-full .hl-intro,
  .header-sub .hl-intro {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 12;
    -ms-grid-row-align: center;
    -ms-grid-column-align: center;
  }
  .header-full .bg-image,
  .header-sub .bg-image {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 14;
    z-index: -1;
  }
}

.header-sub {
  height: 330px;
}

.bfr-logo-resp {
  display: none;
}
@media (max-width: 576px) {
  .bfr-logo-resp {
    padding-top: 45px;
    padding-left: 15px;
    max-width: 70%;
    display: inline-block;
  }
}

@media (max-width: 576px) {
  .motu-gc.sub-logo {
    display: none;
  }
  .page-gen-bfr-logo-resp + .motu-gc.content {
    padding-top: 24px;
  }
}
.content-2columns-vert {
  grid-template-areas: ". col1 col1 col1 col1 col1 col1 col2 col2 col2 col2 col2 col2 .";
}
.content-2columns-vert figure {
  margin-bottom: 50px;
}
@media (max-width: 768px) {
  .content-2columns-vert {
    grid-template-areas: ". col1 col1 col1 col1 col1 col1 col1 col1 col1 col1 col1 col1 ." ". col2 col2 col2 col2 col2 col2 col2 col2 col2 col2 col2 col2 .";
  }
}

.content-1column {
  position: relative;
  grid-template-areas: ". col1 col1 col1 col1 col1 col1 col1 col1 col1 col1 col1 col1 ." ". col2 col2 col2 col2 col2 col2 col2 col2 col2 col2 col2 col2 .";
}
.content-1column figure {
  padding-top: 60px;
}

.content-2columns-hor {
  position: relative;
  grid-template-areas: ". col1 col1 col1 col1 col1 col1 . col2 col2 col2 col2 col2 .";
  align-items: center !important;
}
.content-2columns-hor .bg-image {
  grid-area: 1/1/2/15;
  z-index: -1;
  height: 100%;
  width: 100%;
  overflow: hidden;
  background: rgb(228, 35, 18);
  background-blend-mode: overlay !important;
}
.content-2columns-hor.switch {
  grid-template-areas: ". col2 col2 col2 col2 col2 . col1 col1 col1 col1 col1 col1 .";
}
.content-2columns-hor.text-only, .content-2columns-hor.image-back {
  grid-template-areas: ". col1 col1 col1 col1 col1 col1 col2 col2 col2 col2 col2 col2 .";
}
.content-2columns-hor.text-only.switch, .content-2columns-hor.image-back.switch {
  grid-template-areas: ". col2 col2 col2 col2 col2 col2 col1 col1 col1 col1 col1 col1 .";
}
.content-2columns-hor.text-only .overlay, .content-2columns-hor.image-back .overlay {
  grid-row: 1;
  grid-column: 1/span 14;
  background-color: rgba(0, 0, 0, 0.4);
  opacity: 0.6;
  z-index: 1;
  height: 100%;
}
.content-2columns-hor .col1 {
  position: relative;
  z-index: 2;
}
.content-2columns-hor .col1.txt-overlay h1, .content-2columns-hor .col1.txt-overlay h2, .content-2columns-hor .col1.txt-overlay h3, .content-2columns-hor .col1.txt-overlay p, .content-2columns-hor .col1.txt-overlay ul, .content-2columns-hor .col1.txt-overlay ol, .content-2columns-hor .col1.txt-overlay li, .content-2columns-hor .col1.txt-white h1, .content-2columns-hor .col1.txt-white h2, .content-2columns-hor .col1.txt-white h3, .content-2columns-hor .col1.txt-white p, .content-2columns-hor .col1.txt-white ul, .content-2columns-hor .col1.txt-white ol, .content-2columns-hor .col1.txt-white li {
  color: #FFFFFF;
}
.content-2columns-hor .col1.txt-overlay .btn-round, .content-2columns-hor .col1.txt-white .btn-round {
  color: #FFFFFF;
  border-color: #FFFFFF;
}
.content-2columns-hor .col1.txt-overlay .btn-round:hover, .content-2columns-hor .col1.txt-white .btn-round:hover {
  color: #0099CC;
  border-color: #0099CC;
}
.content-2columns-hor .col1.bg-white {
  background-color: rgba(255, 255, 255, 0.85);
  padding: 65px 56px;
}
.content-2columns-hor .col1.bg-white h1, .content-2columns-hor .col1.bg-white h2, .content-2columns-hor .col1.bg-white h3, .content-2columns-hor .col1.bg-white p, .content-2columns-hor .col1.bg-white ul, .content-2columns-hor .col1.bg-white ol, .content-2columns-hor .col1.bg-white li, .content-2columns-hor .col1.bg-white i {
  color: inherit;
}
.content-2columns-hor .col1.bg-white .btn-round {
  color: #666666;
  border-color: #666666;
}
.content-2columns-hor .col1.bg-white .btn-round:hover {
  color: #0099CC;
  border-color: #0099CC;
}
.content-2columns-hor .col1.bg-white h3.subline, .content-2columns-hor .col1.txt-overlay h3.subline {
  color: #0099CC;
}
.content-2columns-hor .col1.txt-white {
  color: #FFFFFF;
}
.content-2columns-hor .col2.bfr-logo {
  align-self: end;
  justify-self: end;
}

@media (min-width: 1921px) {
  .content-2columns-hor.jarallax {
    min-height: 80vh;
  }
}
@media (max-width: 820px) {
  .content-2columns-hor,
  .content-2columns-hor.switch {
    grid-template-areas: ". col1 col1 col1 col1 col1 col1 col1 col1 col1 col1 col1 col1 ." ". col2 col2 col2 col2 col2 col2 col2 col2 col2 col2 col2 col2 .";
    grid-template-rows: auto 1fr;
  }
  .content-2columns-hor .col1,
  .content-2columns-hor.switch .col1 {
    width: 100%;
    justify-self: center;
  }
  .content-2columns-hor figure,
  .content-2columns-hor.switch figure {
    height: 100%;
    width: auto;
    max-height: 500px;
    max-width: 500px;
    display: block;
    margin: 0 auto;
  }
}
@media (max-width: 1024px) {
  .content-2columns-hor.jarallax.bfr-logo {
    grid-template-areas: ". col1 col1 col1 col1 col1 col1 . col2 col2 col2 col2 col2 .";
  }
  .content-2columns-hor.jarallax.bfr-logo .col2.bfr-logo {
    align-self: end;
    justify-self: left;
  }
}
@media (max-width: 768px) {
  .content-2columns-hor.jarallax.bfr-logo {
    grid-template-areas: ". col1 col1 col1 col1 col1 col1 . col2 col2 col2 col2 col2 .";
  }
  .content-2columns-hor.jarallax.bfr-logo .col2.bfr-logo {
    align-self: end;
    justify-self: end;
    width: 100%;
  }
  .content-2columns-hor.jarallax {
    grid-template-areas: ". col1 col1 col1 col1 col1 col1 col1 col1 . . . . .";
  }
  .content-2columns-hor.jarallax .col2.bfr-logo {
    align-self: end;
    justify-self: end;
    width: 100%;
  }
}
@media (max-width: 576px) {
  .content-2columns-hor.jarallax {
    grid-template-areas: ". col1 col1 col1 col1 col1 col1 col1 col1 col1 col1 col1 col1 .";
    background-size: cover !important;
    background-position: center center !important;
  }
  .content-2columns-hor.jarallax .col2.bfr-logo {
    align-self: end;
    justify-self: end;
    width: 100%;
  }
  .content-2columns-hor.jarallax.bfr-logo {
    grid-template-areas: ". col1 col1 col1 col1 col1 col1 col1 col1 col1 col1 col1 col1 ." ". col2 col2 col2 col2 col2 col2 col2 col2 col2 col2 col2 col2 .";
  }
  .content-2columns-hor.jarallax.bfr-logo .col1 {
    margin-bottom: 0 !important;
  }
  .content-2columns-hor.jarallax.bfr-logo .col2.bfr-logo {
    align-self: end;
    justify-self: end;
    width: 100%;
    margin-top: 0 !important;
  }
}
.content-txt-2columns-hl-intro {
  grid-template-areas: ". hl-intro hl-intro hl-intro hl-intro hl-intro hl-intro hl-intro hl-intro hl-intro hl-intro hl-intro hl-intro ." ". col1 col1 col1 col1 col1 col1 col2 col2 col2 col2 col2 col2 .";
}
.content-txt-2columns-hl-intro .hl-intro {
  grid-area: hl-intro;
}
@media (max-width: 768px) {
  .content-txt-2columns-hl-intro {
    grid-template-areas: ". hl-intro hl-intro hl-intro hl-intro hl-intro hl-intro hl-intro hl-intro hl-intro hl-intro hl-intro hl-intro ." ". col1 col1 col1 col1 col1 col1 col1 col1 col1 col1 col1 col1 ." ". col2 col2 col2 col2 col2 col2 col2 col2 col2 col2 col2 col2 .";
  }
}

.content-2columns-wideimg-hor {
  grid-template-areas: "col1 col1 col1 col1 col1 col1 col1 . col2 col2 col2 col2 col2 .";
  align-items: center !important;
}
.content-2columns-wideimg-hor .col1 {
  justify-self: end;
}
.content-2columns-wideimg-hor.switch {
  grid-template-areas: ". col2 col2 col2 col2 col2 . col1 col1 col1 col1 col1 col1 col1";
}
.content-2columns-wideimg-hor.switch .col1 {
  justify-self: start;
}
.content-2columns-wideimg-hor img {
  max-width: 100%;
  height: auto;
}
@media (max-width: 1024px) {
  .content-2columns-wideimg-hor {
    grid-template-areas: ". col1 col1 col1 col1 col1 . col2 col2 col2 col2 col2 col2 .";
  }
  .content-2columns-wideimg-hor.switch {
    grid-template-areas: ". col2 col2 col2 col2 col2 col2 . col1 col1 col1 col1 col1 .";
  }
  .content-2columns-wideimg-hor .col1, .content-2columns-wideimg-hor.switch .col1 {
    justify-self: center;
  }
}
@media (max-width: 768px) {
  .content-2columns-wideimg-hor, .content-2columns-wideimg-hor.switch {
    grid-template-areas: "col1 col1 col1 col1 col1 col1 col1 col1 col1 col1 col1 col1 col1 col1" ". col2 col2 col2 col2 col2 col2 col2 col2 col2 col2 col2 col2 .";
  }
  .content-2columns-wideimg-hor .col1, .content-2columns-wideimg-hor.switch .col1 {
    justify-self: center;
  }
}

.content-3columns-vert img,
.content-4columns-vert img {
  padding-bottom: 30px;
}
.content-3columns-vert h3.subline,
.content-4columns-vert h3.subline {
  color: #000000;
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 8px;
}

.content-3columns-vert {
  grid-template-areas: ". col1 col1 col1 col1 col2 col2 col2 col2 col3 col3 col3 col3 .";
}
.content-3columns-vert .col1 {
  grid-area: col1;
}
.content-3columns-vert .col2 {
  grid-area: col2;
}
.content-3columns-vert .col3 {
  grid-area: col3;
}
.content-3columns-vert.centered {
  align-items: top;
  justify-content: center;
  text-align: center;
}
.content-3columns-vert.centered h3.subline {
  color: #0099CC;
}
@media (max-width: 768px) {
  .content-3columns-vert {
    grid-template-areas: ". col1 col1 col1 col1 col1 col1 col1 col1 col1 col1 col1 col1 ." ". col2 col2 col2 col2 col2 col2 col2 col2 col2 col2 col2 col2 ." ". col3 col3 col3 col3 col3 col3 col3 col3 col3 col3 col3 col3 .";
  }
  .content-3columns-vert.centered {
    text-align: left;
  }
  .content-3columns-vert .col1, .content-3columns-vert .col2, .content-3columns-vert .col3 {
    display: grid;
    grid-template-areas: "cnt-img cnt-img cnt-img cnt-img . cnt-txt cnt-txt cnt-txt cnt-txt cnt-txt cnt-txt cnt-txt";
    grid-template-columns: repeat(12, 1fr);
    gap: 0% 0%;
    width: 100%;
  }
  .content-3columns-vert .col1 figure, .content-3columns-vert .col2 figure, .content-3columns-vert .col3 figure {
    grid-area: cnt-img;
  }
  .content-3columns-vert .col1 .content-wrapper, .content-3columns-vert .col2 .content-wrapper, .content-3columns-vert .col3 .content-wrapper {
    grid-area: cnt-txt;
  }
  .content-3columns-vert .col1, .content-3columns-vert .col2 {
    padding-bottom: 35px;
  }
}
@media (max-width: 420px) {
  .content-3columns-vert .col1, .content-3columns-vert .col2, .content-3columns-vert .col3 {
    grid-template-areas: "cnt-img cnt-img cnt-img cnt-img cnt-img cnt-img cnt-img cnt-img cnt-img cnt-img cnt-img cnt-img" "cnt-txt cnt-txt cnt-txt cnt-txt cnt-txt cnt-txt cnt-txt cnt-txt cnt-txt cnt-txt cnt-txt cnt-txt";
    grid-template-columns: repeat(12, 1fr);
  }
}

.content-4columns-vert {
  grid-template-areas: ". col1 col1 col1 col2 col2 col2 col3 col3 col3 col4 col4 col4 .";
}
.content-4columns-vert .col1 {
  grid-area: col1;
}
.content-4columns-vert .col2 {
  grid-area: col2;
}
.content-4columns-vert .col3 {
  grid-area: col3;
}
.content-4columns-vert .col4 {
  grid-area: col4;
}
@media (max-width: 820px) {
  .content-4columns-vert {
    grid-template-areas: ". col1 col1 col1 col1 col1 col1 col2 col2 col2 col2 col2 col2 ." ". col3 col3 col3 col3 col3 col3 col4 col4 col4 col4 col4 col4 .";
  }
  .content-4columns-vert .col1, .content-4columns-vert .col2, .content-4columns-vert .col3, .content-4columns-vert .col4 {
    padding-bottom: 70px;
  }
}
@media (max-width: 420px) {
  .content-4columns-vert {
    grid-template-areas: ". col1 col1 col1 col1 col1 col1 col1 col1 col1 col1 col1 col1 ." ". col2 col2 col2 col2 col2 col2 col2 col2 col2 col2 col2 col2 ." ". col3 col3 col3 col3 col3 col3 col3 col3 col3 col3 col3 col3 ." ". col4 col4 col4 col4 col4 col4 col4 col4 col4 col4 col4 col4 .";
  }
  .content-4columns-vert .col1, .content-4columns-vert .col2, .content-4columns-vert .col3, .content-4columns-vert .col4 {
    padding-bottom: 35px;
  }
}

.widget-iframe-ext {
  grid-template-rows: auto;
  grid-template-areas: ". iframe-width-cnt iframe-width-cnt iframe-width-cnt iframe-width-cnt iframe-width-cnt iframe-width-cnt iframe-width-cnt iframe-width-cnt iframe-width-cnt iframe-width-cnt iframe-width-cnt iframe-width-cnt .";
}
.widget-iframe-ext .iframe-wrapper {
  grid-area: iframe-width-cnt;
}
.widget-iframe-ext .iframe-wrapper iframe {
  height: 100%;
}

.wdgt-wrapper-standard .iframe-container {
  height: 485px;
}

.wdgt-wrapper-anreise .iframe-container {
  height: 680px;
}

.widget-iframe-builder {
  grid-template-rows: auto;
  grid-template-areas: ". hl-intro hl-intro hl-intro hl-intro hl-intro hl-intro hl-intro hl-intro hl-intro hl-intro hl-intro hl-intro ." ". col-01 col-01 col-01 col-01 col-01 col-01 col-02 col-02 col-02 col-02 col-02 col-02 ." ". col-wdgt-input col-wdgt-input col-wdgt-input col-wdgt-input col-wdgt-input col-wdgt-input col-wdgt-preview col-wdgt-preview col-wdgt-preview col-wdgt-preview col-wdgt-preview col-wdgt-preview .";
}
.widget-iframe-builder .hl-intro {
  grid-area: hl-intro;
}
.widget-iframe-builder .col-01,
.widget-iframe-builder .col-02,
.widget-iframe-builder .col-wdgt-input,
.widget-iframe-builder .col-wdgt-preview {
  padding: 0 15px 0 15px;
}
.widget-iframe-builder .col-01,
.widget-iframe-builder .col-02 {
  margin-bottom: 2rem;
}
.widget-iframe-builder .col-01 {
  grid-area: col-01;
}
.widget-iframe-builder .col-02 {
  grid-area: col-02;
}
.widget-iframe-builder .col-wdgt-input {
  grid-area: col-wdgt-input;
}
.widget-iframe-builder .col-wdgt-preview {
  grid-area: col-wdgt-preview;
}
@media (max-width: 768px) {
  .widget-iframe-builder {
    grid-template-areas: ". hl-intro hl-intro hl-intro hl-intro hl-intro hl-intro hl-intro hl-intro hl-intro hl-intro hl-intro hl-intro ." ". col-01 col-01 col-01 col-01 col-01 col-01 col-01 col-01 col-01 col-01 col-01 col-01 ." ". col-02 col-02 col-02 col-02 col-02 col-02 col-02 col-02 col-02 col-02 col-02 col-02 ." ". col-wdgt-input col-wdgt-input col-wdgt-input col-wdgt-input col-wdgt-input col-wdgt-input col-wdgt-input col-wdgt-input col-wdgt-input col-wdgt-input col-wdgt-input col-wdgt-input ." ". col-wdgt-preview col-wdgt-preview col-wdgt-preview col-wdgt-preview col-wdgt-preview col-wdgt-preview col-wdgt-preview col-wdgt-preview col-wdgt-preview col-wdgt-preview col-wdgt-preview col-wdgt-preview .";
  }
  .widget-iframe-builder .col-wdgt-preview {
    margin-top: 45px;
  }
}

.page-gen-bfr-logo-resp {
  grid-template-areas: ". rlbresp rlbresp rlbresp rlbresp rlbresp rlbresp rlbresp rlbresp rlbresp rlbresp rlbresp rlbresp .";
}
.page-gen-bfr-logo-resp .rlbresp {
  grid-area: rlbresp;
}

.content-404 {
  grid-template-areas: ". col1 col1 col1 col1 col1. col2 col2 col2 col2 col2 col2 col2 .";
}
.content-404 .col1 {
  grid-area: col1;
  justify-self: center;
}
.content-404 .col2 {
  grid-area: col2;
}
@media (max-width: 1024px) {
  .content-404 {
    grid-template-areas: ". col1 col1 col1 col1 col1 col1 col1 col1 col1 col1 col1 col1 ." ". col2 col2 col2 col2 col2 col2 col2 col2 col2 col2 col2 col2 .";
  }
}

.content-sub-gen,
.content-rw-article {
  grid-template-areas: ". col1-sub col1-sub col1-sub col1-sub col1-sub col1-sub col1-sub col1-sub col2-sub col2-sub col2-sub col2-sub .";
}
.content-sub-gen .col1-sub,
.content-rw-article .col1-sub {
  grid-area: col1-sub;
  padding-right: 60px;
}
.content-sub-gen .col2-sub,
.content-rw-article .col2-sub {
  grid-area: col2-sub;
}
@media (max-width: 1024px) {
  .content-sub-gen,
  .content-rw-article {
    grid-template-areas: ". col1-sub col1-sub col1-sub col1-sub col1-sub col1-sub col1-sub col1-sub col1-sub col1-sub col1-sub col1-sub ." ". col2-sub col2-sub col2-sub col2-sub col2-sub col2-sub col2-sub col2-sub col2-sub col2-sub col2-sub col2-sub .";
  }
  .content-sub-gen .col1-sub,
  .content-rw-article .col1-sub {
    padding-right: 15px;
  }
  .content-sub-gen .col2-sub,
  .content-rw-article .col2-sub {
    margin-top: 35px;
  }
}

.stats-wrapper {
  font-size: 14px;
  width: 100%;
  font-weight: 400;
  position: relative;
  display: table;
  border-collapse: collapse;
}
.stats-wrapper .item {
  display: table-row;
  position: relative;
}
.stats-wrapper .item:not(:first-child) {
  border-top: 1px solid #DCDCDC;
}
.stats-wrapper .label, .stats-wrapper .value, .stats-wrapper .icon {
  height: 46px;
  display: table-cell;
  vertical-align: middle;
}
.stats-wrapper .label {
  padding-left: 10px;
}
.stats-wrapper .value {
  text-align: right;
}
.stats-wrapper .icon {
  width: 40px;
}
.stats-wrapper .icon img {
  margin: auto;
  disply: inline-block;
  width: 18px;
  height: 18px;
}

.content-rw-overview {
  grid-template-areas: ". main-cnt main-cnt main-cnt main-cnt main-cnt main-cnt main-cnt main-cnt side-panel side-panel side-panel side-panel .";
}
.content-rw-overview .main-cnt {
  grid-area: main-cnt;
  padding-right: 60px;
}
.content-rw-overview .main-cnt .rw-item {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  gap: 0px 0px;
  grid-template-areas: "rw-img rw-img rw-img rw-cnt rw-cnt rw-cnt rw-cnt rw-cnt";
  padding-top: 60px;
  margin-top: 60px;
  border-top: 1px solid #DCDCDC;
}
.content-rw-overview .main-cnt .rw-item:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}
.content-rw-overview .main-cnt .rw-img {
  grid-area: rw-img;
  padding-right: 15px;
}
.content-rw-overview .main-cnt .rw-cnt {
  grid-area: rw-cnt;
  padding-left: 15px;
}
.content-rw-overview .main-cnt .rw-cnt figure, .content-rw-overview .main-cnt .rw-cnt h3 {
  display: table-cell;
  vertical-align: top;
  padding-top: 0;
}
.content-rw-overview .main-cnt .rw-cnt .stats-wrapper {
  margin-bottom: 20px;
  margin-top: 16px;
}
.content-rw-overview .main-cnt .rw-cnt .stats-wrapper .item:not(:first-child) {
  border: 0;
}
.content-rw-overview .main-cnt .rw-cnt figure {
  padding-top: 6px;
  padding-right: 20px;
  width: 60px;
}
.content-rw-overview .main-cnt .rw-cnt h3 {
  font-size: 24px;
  line-height: 32px;
  font-weight: 300;
  color: #000000;
  padding-bottom: 4px;
  padding-top: 8px;
}
.content-rw-overview .main-cnt .rw-cnt .label, .content-rw-overview .main-cnt .rw-cnt .value, .content-rw-overview .main-cnt .rw-cnt .icon {
  height: 28px;
}
.content-rw-overview .main-cnt .rw-cnt .label {
  padding-left: 0;
}
.content-rw-overview .main-cnt .rw-cnt .value {
  text-align: left;
}
.content-rw-overview .main-cnt .rw-links {
  margin-top: 0px;
}
.content-rw-overview .main-cnt .rw-links a {
  font-size: 14px;
  padding-right: 24px;
}
.content-rw-overview .side-panel {
  grid-area: side-panel;
}
@media (max-width: 820px) {
  .content-rw-overview {
    grid-template-areas: ". main-cnt main-cnt main-cnt main-cnt main-cnt main-cnt main-cnt side-panel side-panel side-panel side-panel side-panel .";
  }
  .content-rw-overview .main-cnt {
    padding-right: 30px;
  }
  .content-rw-overview .main-cnt .rw-item {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: auto 1fr;
    gap: 0px 0px;
    grid-template-areas: "rw-img rw-img rw-img rw-img rw-img rw-img rw-img rw-img" "rw-cnt rw-cnt rw-cnt rw-cnt rw-cnt rw-cnt rw-cnt rw-cnt";
  }
  .content-rw-overview .main-cnt .rw-img {
    padding-right: 0;
  }
  .content-rw-overview .main-cnt .rw-img figure {
    width: 100%;
  }
  .content-rw-overview .main-cnt .rw-img figure img {
    width: 100%;
    padding-bottom: 30px;
  }
}
@media (max-width: 575px) {
  .content-rw-overview {
    grid-template-areas: ". side-panel side-panel side-panel side-panel side-panel side-panel side-panel side-panel side-panel side-panel side-panel side-panel ." ". main-cnt main-cnt main-cnt main-cnt main-cnt main-cnt main-cnt main-cnt main-cnt main-cnt main-cnt main-cnt .";
  }
  .content-rw-overview .main-cnt {
    padding-right: 0;
    padding-top: 60px;
  }
  .content-rw-overview .main-cnt .stats-wrapper .icon {
    width: 26px;
    padding-right: 3px;
  }
  .content-rw-overview .main-cnt .rw-cnt .label,
  .content-rw-overview .main-cnt .rw-cnt .value {
    font-size: 12px;
  }
}

.content-rw-back-to-main {
  grid-template-areas: ". col1 col1 col1 col1 col1 col1 col1 col1 col1 col1 col1 col1 .";
  padding-top: 90px;
  padding-bottom: 40px;
}
.content-rw-back-to-main .btn-round {
  padding-left: 10px;
  padding-right: 20px;
}
.content-rw-back-to-main a {
  cursor: pointer;
}

.content-rw-article .main-cnt h3 {
  font-weight: 400;
  color: #000000;
  padding-top: 24px;
  padding-bottom: 8px;
  margin-bottom: 0;
}
.content-rw-article .main-cnt h4 {
  font-weight: 400;
  padding-bottom: 4px;
  margin-top: 16px;
}
.content-rw-article .main-cnt .rw-small-cnt-img {
  padding-bottom: 16px;
}
.content-rw-article .main-cnt .rw-small-cnt-img img {
  display: inline-block;
  width: 32%;
  padding-right: 1%;
}
.content-rw-article .main-cnt .rw-gal-img {
  padding: 30px;
}
.content-rw-article .main-cnt .rw-gal-img .caption {
  font-size: 14px;
  line-height: 19px;
  color: #414141;
  font-weight: 300;
  margin-top: 8px;
}
.content-rw-article .main-cnt .rw-gal-img .copyright {
  font-size: 12px;
  line-height: 19px;
  color: #414141;
  font-weight: 300;
  font-style: italic;
}
.content-rw-article .main-cnt .website {
  font-size: 14px;
}
.content-rw-article .main-cnt .description-item {
  padding-bottom: 4px;
}
.content-rw-article .main-cnt .rw-name {
  padding-bottom: 20px;
}
.content-rw-article .main-cnt .rw-name h3, .content-rw-article .main-cnt .rw-name figure {
  display: table-cell;
  vertical-align: top;
  padding-top: 0;
}
.content-rw-article .main-cnt .rw-name h3 {
  font-size: 46px;
  line-height: 50px;
  font-weight: 300;
  color: #000000;
}
@media (max-width: 575px) {
  .content-rw-article .main-cnt .rw-name h3 {
    font-size: 30px;
    line-height: 36px;
    font-weight: 300;
    color: #000000;
  }
}
.content-rw-article .main-cnt .rw-name figure {
  padding-top: 6px;
  padding-right: 20px;
  width: 60px;
}
.content-rw-article .main-cnt .accom-wrapper .item {
  width: 46%;
  display: inline-block;
  margin-right: 25px;
  padding-bottom: 32px;
}
.content-rw-article .main-cnt .accom-wrapper .item h4, .content-rw-article .main-cnt .accom-wrapper .item div {
  padding-bottom: 12px;
}
.content-rw-article .main-cnt .bb-name {
  color: #1A4B7D;
  font-weight: 600;
}
.content-rw-article .main-cnt .bb-hint {
  padding-top: 20px;
  display: table;
}
.content-rw-article .main-cnt .bb-hint figure, .content-rw-article .main-cnt .bb-hint p {
  display: table-cell;
  vertical-align: middle;
}
.content-rw-article .main-cnt .bb-hint figure {
  height: 50px;
  width: 160px;
}
.content-rw-article .main-cnt .bb-hint p {
  font-size: 12px;
  line-height: 18px;
  padding-left: 10px;
  padding-bottom: 0;
}
.content-rw-article .main-cnt .hints {
  margin-top: 40px;
}
.content-rw-article .side-panel h4 {
  font-weight: 400;
  color: #000000;
  font-size: 18px;
  line-height: 24px;
  border-bottom: 1px solid #DCDCDC;
  padding-bottom: 16px;
}
.content-rw-article .side-panel .share, .content-rw-article .side-panel .link-map {
  padding-top: 40px;
}
.content-rw-article .side-panel .share h4, .content-rw-article .side-panel .share p, .content-rw-article .side-panel .link-map h4, .content-rw-article .side-panel .link-map p {
  padding-left: 10px;
  padding-right: 10px;
}
.content-rw-article .side-panel .signage {
  padding-top: 40px;
}
.content-rw-article .side-panel .signage h4 {
  padding-left: 10px;
  padding-right: 10px;
}
.content-rw-article .side-panel .signage p {
  font-size: 14px;
  line-height: 24px;
  padding-top: 3px;
  padding-left: 10px;
  padding-right: 10px;
}
.content-rw-article .side-panel .signage h4 {
  margin-bottom: 8px;
}
.content-rw-article .side-panel .signage .logos {
  padding-top: 10px;
}
.content-rw-article .side-panel .signage .logos .rlb-logo img {
  max-width: 80px;
  display: block;
  height: 80px;
}
.content-rw-article .side-panel .signage figure {
  display: inline-block;
  padding-left: 10px;
}
.content-rw-article .side-panel .link-map {
  padding-left: 10px;
}
.content-rw-article .side-panel .stats h4 {
  padding-left: 10px;
  padding-right: 10px;
}
.content-rw-article .side-panel .share .share-wrapper {
  width: 100%;
  position: relative;
  display: table;
  border-collapse: collapse;
}
.content-rw-article .side-panel .share .share-wrapper a {
  color: #000000;
}
.content-rw-article .side-panel .share .share-wrapper a:hover {
  color: #0099CC;
}
.content-rw-article .side-panel .share .share-wrapper .item {
  width: 50%;
  display: table-cell;
  position: relative;
  height: 46px;
  font-size: 14px;
}
.content-rw-article .side-panel .share .share-wrapper .item:hover {
  color: #0099CC;
  cursor: pointer;
}
.content-rw-article .side-panel .share .share-wrapper .item:hover .icon img.off {
  display: none;
}
.content-rw-article .side-panel .share .share-wrapper .item:hover .icon img.on {
  display: block;
}
.content-rw-article .side-panel .share .share-wrapper:nth-child(n+3) {
  border-top: 1px solid #DCDCDC;
  clear: both;
}
.content-rw-article .side-panel .share .share-wrapper .icon, .content-rw-article .side-panel .share .share-wrapper .label {
  height: 46px;
  display: table-cell;
  vertical-align: middle;
}
.content-rw-article .side-panel .share .share-wrapper .icon {
  width: 40px;
}
.content-rw-article .side-panel .share .share-wrapper .icon img {
  margin: auto;
  disply: inline-block;
  width: 18px;
  height: 18px;
}
.content-rw-article .side-panel .share .share-wrapper .icon img.on {
  display: none;
}
.content-rw-article .tabs {
  padding-top: 32px;
  border-bottom: 1px solid #DCDCDC;
}
.content-rw-article .tab-link {
  cursor: pointer;
  display: inline-block;
  padding: 11px 20px 9px 20px;
  padding-bottom: 9px !important;
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  color: #666666;
  background-color: #DCDCDC;
}
.content-rw-article .tab-link.current, .content-rw-article .tab-link:hover {
  color: #FFFFFF;
  background-color: #0099CC;
}
.content-rw-article .tab-content {
  display: none;
}
.content-rw-article .tab-content.current {
  display: inherit;
}
@media (min-width: 576px) and (max-width: 1024px) and (orientation: portrait), (min-width: 576px) and (max-width: 1024px) and (orientation: landscape) {
  .content-rw-article .share,
  .content-rw-article .signage {
    display: table-cell;
    width: 50%;
  }
  .content-rw-article .share {
    padding-right: 15px;
  }
  .content-rw-article .signage {
    padding-left: 15px;
  }
  .content-rw-article .signage .logos img {
    width: 60px;
    height: 60px !important;
  }
}
@media (max-width: 575px) {
  .content-rw-article .tabs {
    display: none;
  }
  .content-rw-article .tab-content {
    display: inherit;
  }
  .content-rw-article .main-cnt .bb-hint figure,
  .content-rw-article .main-cnt .bb-hint p {
    display: table-row;
  }
  .content-rw-article .main-cnt .bb-hint img {
    padding-top: 15px;
    padding-bottom: 15px !important;
    max-width: 40%;
  }
}

.ratio-16-9 {
  position: relative;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio */
}

@media (max-width: 1024px) {
  .ratio-16-9-tablet {
    position: relative;
    width: 100%;
    padding-top: 56.25%; /* 16:9 Aspect Ratio */
  }
}
.jarallax {
  position: relative;
  z-index: 0;
}

.jarallax > .jarallax-img {
  position: absolute;
  object-fit: cover;
  /* support for plugin https://github.com/bfred-it/object-fit-images */
  font-family: "object-fit: cover;";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  object-position: 50% 50%;
  object-position: center;
}

.overlay {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: -10;
  background-color: rgba(0, 0, 0, 0.4);
  opacity: 0.6;
}

.map-button-home {
  margin-bottom: 60px;
}
.map-button-home a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #FFFFFF;
  border-radius: 0 39px 39px 0;
  height: 39px;
  font-size: 0.8rem;
  padding: 0 16px 0 12px;
  color: #0099CC;
  font-weight: 400;
  white-space: nowrap;
}
.map-button-home a:first-child {
  border-radius: 39px 0 0 39px;
  border-right: 1px solid #DCDCDC;
  padding: 0 12px 0 16px;
}
.map-button-home a:hover {
  background-color: #0099CC;
  color: #FFFFFF;
}
.map-button-home a svg {
  margin-right: 5px;
}

.isc_all_image_list_box table {
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
  line-height: 1.5;
  list-style: none;
  margin-top: 30px;
}
.isc_all_image_list_box th, .isc_all_image_list_box td {
  padding: var(--theme-table-padding, 1em 1em);
  /*! font-weight: 600; */
}
.isc_all_image_list_box table, .isc_all_image_list_box th, .isc_all_image_list_box td {
  font-size: var(--theme-table-font-size);
  border-width: var(--theme-table-border-width, 1px);
  border-style: var(--theme-table-border-style, solid);
  border-color: var(--theme-table-border-color, #cccccc);
}
.isc_all_image_list_box table th {
  font-weight: 600;
}
.isc_all_image_list_box table tr td li:before {
  display: none;
  visibility: hidden;
}

/* ----------- */
/* Header Home */
/* ----------- */
.header-home {
  /* Flexcontainer for centering content */
  /* Tablet horizontal */
  /* Tablet Vertical - I */
  /* Tablet Vertical - II */
  /* Landscape iPad Pro 12.9 - 1366 x 1024 Pixel */
  /* Portrait iPad Pro 12.9 - 1366 x 1024 Pixel */
  /* Mobile - Portrait */
}
.header-home.container {
  position: relative;
  width: 100%;
  padding-top: 35%;
}
.header-home .text {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  text-align: center;
  font-size: 20px;
  color: white;
  display: flex;
  justify-content: center;
  /* Vertikal oben ausgerichtet */
  align-items: center;
  height: 100%;
}
.header-home .supline {
  font-size: 24px;
  line-height: 24px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 25px;
  text-shadow: 0 0 5px rgba(0, 0, 0, .4);
}
.header-home .headline {
  font-size: 62px;
  line-height: 70px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 20px;
  text-shadow: 0 0 5px rgba(0, 0, 0, .4);
}
.header-home .subline {
  font-size: 30px;
  line-height: 36px;
  font-weight: 400;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 40px;
  text-shadow: 0 0 5px rgba(0, 0, 0, .4);
  letter-spacing: 0.02em;
}
.header-home.jarallax {
  position: relative;
  z-index: 0;
  min-height: unset;
}
.header-home.jarallax > .jarallax-img {
  position: absolute;
  object-fit: cover;
  /* support for plugin https://github.com/bfred-it/object-fit-images */
  font-family: "object-fit: cover;";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .header-home body {
    /* background-color: #f00; */
  }
  .header-home.container {
    padding-top: 45%;
  }
  .header-home .supline {
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 25px;
  }
  .header-home .headline {
    font-size: 52px;
    line-height: 60px;
    margin-bottom: 20px;
  }
  .header-home .subline {
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 40px;
    letter-spacing: 0.05em;
  }
}
@media (min-width: 769px) and (max-width: 991px) {
  .header-home body {
    /* background-color: #0f0; */
  }
  .header-home.container {
    padding-top: 80%;
  }
  .header-home .supline {
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 25px;
  }
  .header-home .headline {
    font-size: 52px;
    line-height: 60px;
    margin-bottom: 20px;
  }
  .header-home .subline {
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 40px;
    letter-spacing: 0.05em;
  }
}
@media (min-width: 577px) and (max-width: 768px) {
  .header-home body {
    /* background-color: #00f; */
  }
  .header-home.container {
    padding-top: 80%;
  }
  .header-home .supline {
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 25px;
  }
  .header-home .headline {
    font-size: 52px;
    line-height: 60px;
    margin-bottom: 20px;
  }
  .header-home .subline {
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 40px;
    letter-spacing: 0.05em;
  }
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (hover: none) and (-webkit-min-device-pixel-ratio: 1.5) {
  .header-home.container {
    padding-top: 45%;
  }
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (hover: none) and (-webkit-min-device-pixel-ratio: 1.5) {
  .header-home.container {
    padding-top: 65%;
  }
}
@media only screen and (max-width: 576px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  .header-home.container {
    padding-top: 95%;
  }
  .header-home .supline {
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 20px;
  }
  .header-home .headline {
    font-size: 46px;
    line-height: 52px;
    margin-bottom: 20px;
  }
  .header-home .subline {
    font-size: 22px;
    line-height: 26px;
    margin-bottom: 10px;
    letter-spacing: 0.05em;
  }
}

/* --------------------------- */
/* Header Home Boxen (3x Blau) */
/* --------------------------- */
/* Source: https://grid.layoutit.com/?id=VKwvpXJ */
.header-home-buttons {
  grid-template-areas: ". col1 col1 col1 col1 col2 col2 col2 col2 col3 col3 col3 col3 .";
  position: relative;
  /* Landscape - Tablet, iPad 1024 x 768px  */
  /* Landscape - Tablet, iPad Air 1180 x 820px  */
  /*@media ( min-width: 992px ) and ( max-width: 1199px ) { */
  /* Portrait - Tablet, iPad 1024 x 768px  */
  /* Tablet Landscape */
  /* Tablet Vertical - II 
  	@media ( min-width: 577px ) and ( max-width: 768px ) {
  }
  */
  /* Landscape iPad Pro 12.9 - 1366 x 1024 Pixel */
  /* Portrait iPad Pro 12.9 - 1366 x 1024 Pixel */
  /* Mobile */
}
.header-home-buttons .col1 {
  grid-area: col1;
}
.header-home-buttons .col2 {
  grid-area: col2;
}
.header-home-buttons .col3 {
  grid-area: col3;
}
.header-home-buttons .btn-head-home {
  position: absolute;
  bottom: -80px;
  height: 161px;
}
.header-home-buttons .btn-head-home .btn-wrapper {
  overflow: hidden;
  background-color: #09C;
  height: 161px;
}
.header-home-buttons .btn-head-home .btn-wrapper:hover {
  background-color: #FFFFFF;
  box-shadow: 0 4px 10px rgba(65, 65, 65, 0.3);
}
.header-home-buttons .btn-head-home .btn-wrapper a {
  font-size: 24px;
  padding: 30px;
  padding-right: 70px;
  line-height: 28px;
  display: inline-block;
  text-transform: uppercase;
  font-weight: 300;
  color: #FFF;
  background: url(../media/icn-home-button-header-white.svg) no-repeat;
  height: 100%;
  background-size: auto;
  background-position: right 25px center;
  background-size: 7%;
}
.header-home-buttons .btn-head-home .btn-wrapper a:hover {
  color: #069;
  background: url(../media/icn-home-button-header-on.svg) no-repeat;
  background: url(../media/icn-home-button-header-on.svg) no-repeat;
  background-position-x: 0%;
  background-position-y: 0%;
  background-size: auto;
  background-position: right 25px center;
  background-size: 7%;
}
@media only screen and (min-width: 1024px) and (orientation: landscape) {
  .header-home-buttons {
    margin-bottom: 40px;
  }
  .header-home-buttons .btn-head-home .btn-wrapper a {
    font-size: 20px;
    line-height: 25px;
    padding: 22px;
    padding-right: 60px;
    background-position: right 22px center !important;
  }
  .header-home-buttons .btn-head-home {
    bottom: -60px;
    height: 120px;
  }
  .header-home-buttons .btn-head-home .btn-wrapper {
    height: 120px;
  }
}
@media only screen and (min-width: 1180px) and (orientation: landscape) {
  .header-home-buttons {
    margin-bottom: -20px !important;
  }
  .header-home-buttons a {
    font-size: 20px;
    line-height: 25px;
    padding: 22px;
    padding-right: 60px;
    background-position: right 22px center;
  }
  .header-home-buttons .btn-head-home {
    bottom: -60px;
    height: 120px;
  }
  .header-home-buttons .btn-head-home .btn-wrapper {
    height: 120px;
  }
}
@media only screen and (min-width: 768px) and (orientation: portrait) {
  .header-home-buttons {
    margin-bottom: 40px;
  }
  .header-home-buttons .btn-head-home .btn-wrapper a {
    font-size: 18px;
    line-height: 22px;
    padding: 18px;
    padding-right: 40px;
    background-position: right 18px center !important;
  }
  .header-home-buttons .btn-head-home {
    bottom: -60px;
    height: 120px;
  }
  .header-home-buttons .btn-head-home .btn-wrapper {
    height: 120px;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .header-home-buttons {
    margin-bottom: 40px;
  }
  .header-home-buttons .btn-head-home .btn-wrapper a {
    font-size: 18px;
    line-height: 22px;
    padding: 18px;
    padding-right: 40px;
    background-position: right 18px center !important;
  }
  .header-home-buttons .btn-head-home {
    bottom: -60px;
    height: 120px;
  }
  .header-home-buttons .btn-head-home .btn-wrapper {
    height: 120px;
  }
}
@media only screen and (min-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  .header-home-buttons {
    margin-bottom: 0px;
  }
  .header-home-buttons .btn-head-home .btn-wrapper a {
    font-size: 24px;
    line-height: 28px;
    padding: 30px;
    padding-right: 70px;
    background-position: right 25px center;
  }
  .header-home-buttons .btn-head-home {
    bottom: -70px;
    height: 140px;
  }
  .header-home-buttons .btn-head-home .btn-wrapper {
    height: 140px;
  }
}
@media only screen and (min-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  .header-home-buttons .btn-head-home .btn-wrapper a {
    font-size: 22px;
    line-height: 26px;
    padding: 30px;
    padding-right: 70px;
    background-position: right 25px center;
  }
  .header-home-buttons .btn-head-home {
    bottom: -70px;
    height: 140px;
  }
  .header-home-buttons .btn-head-home .btn-wrapper {
    height: 140px;
  }
}
@media only screen and (max-width: 576px) {
  .header-home-buttons {
    margin-bottom: -70px;
    grid-template-areas: ". col1 col1 col1 col1 col1 col1 col1 col1 col1 col1 col1 col1 ." ". col2 col2 col2 col2 col2 col2 col2 col2 col2 col2 col2 col2 ." ". col3 col3 col3 col3 col3 col3 col3 col3 col3 col3 col3 col3 .";
    position: relative;
  }
  .header-home-buttons .btn-head-home .btn-wrapper a {
    font-size: 18px;
    line-height: 22px;
    padding: 13px;
    padding-right: 40px;
    background-position: right 15px center !important;
    background-size: 5%;
  }
  .header-home-buttons .btn-head-home .btn-wrapper a:hover {
    background-size: 5% !important;
    background-color: #0099CC;
    color: #FFFFFF;
    background: url(../media/icn-home-button-header-white.svg) no-repeat;
  }
  .header-home-buttons .btn-head-home .btn-wrapper:hover {
    background-color: #0099CC;
    color: #FFFFFF;
  }
  .header-home-buttons .btn-head-home .btn-wrapper a:active {
    background-size: 5% !important;
    background-color: #FFFFFF !important;
    color: #0099CC !important;
    background: url(../media/icn-home-button-header-on.svg) no-repeat;
    box-shadow: 0 4px 10px rgba(65, 65, 65, 0.3);
  }
  .header-home-buttons .btn-head-home {
    top: -35px;
    height: 70px;
    position: relative;
    margin-bottom: 10px;
  }
  .header-home-buttons .btn-head-home .btn-wrapper {
    height: 70px;
  }
}

/* ------------------ */
/* Scroll Down Button */
/* ------------------ */
.scroll-down-btn a {
  position: relative;
}

.scroll-down-btn a span {
  position: absolute;
  left: 50%;
  width: 24px;
  height: 24px;
  margin-left: -12px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: arwdwnanim 2s infinite;
  animation: arwdwnanim 2s infinite;
  box-sizing: border-box;
}

@-webkit-keyframes arwdwnanim {
  0% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
  }
  20% {
    -webkit-transform: rotate(-45deg) translate(-10px, 10px);
  }
  40% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
  }
}
@keyframes arwdwnanim {
  0% {
    transform: rotate(-45deg) translate(0, 0);
  }
  20% {
    transform: rotate(-45deg) translate(-10px, 10px);
  }
  40% {
    transform: rotate(-45deg) translate(0, 0);
  }
}
/* ------------------ */
/* Header Unterseiten */
/* ------------------ */
.header-full {
  height: unset !important;
  max-height: unset !important;
  position: relative;
  width: 100%;
  padding-top: 35%;
  /* Tablet horizontal */
  /* Tablet Vertical - I */
  /* Tablet Vertical - II */
  /* Landscape iPad Pro 12.9 - 1366 x 1024 Pixel */
  /* Portrait iPad Pro 12.9 - 1366 x 1024 Pixel */
  /* Mobile - Portrait */
}
.header-full .text {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  text-align: center;
  font-size: 20px;
  color: white;
  display: flex;
  justify-content: center;
  align-items: start;
  height: 100%;
  padding-top: 60px;
}
.header-full .supline {
  font-size: 18px; /*24px*/
  line-height: 22px; /*24px*/
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 30px; /*25px*/
  letter-spacing: 0.1em; /*new style*/
  text-shadow: 0 0 5px rgba(0, 0, 0, .4);
}
.header-full .headline {
  font-size: 52px;
  line-height: 58px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 16px; /*20px*/
  text-shadow: 0 0 5px rgba(0, 0, 0, .4);
}
.header-full .subline {
  font-size: 24px;
  line-height: 32px;
  font-weight: 400;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 20px;
  text-shadow: 0 0 5px rgba(0, 0, 0, .4);
  letter-spacing: 0.05em;
}
.header-full.jarallax {
  position: relative;
  z-index: 0;
  min-height: unset;
}
.header-full.jarallax > .jarallax-img {
  position: absolute;
  object-fit: cover;
  /* support for plugin https://github.com/bfred-it/object-fit-images */
  font-family: "object-fit: cover;";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .header-full {
    height: unset !important;
    max-height: unset !important;
    position: relative;
    width: 100%;
    padding-top: 40%;
  }
  .header-full body {
    /* background-color: #f00; */
  }
  .header-full .supline {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 15px;
    letter-spacing: 0.1em;
  }
  .header-full .headline {
    font-size: 42px;
    line-height: 48px;
    margin-bottom: 10px;
  }
  .header-full .subline {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 20px;
    letter-spacing: 0.05em;
  }
}
@media (min-width: 769px) and (max-width: 991px) {
  .header-full {
    height: unset !important;
    max-height: unset !important;
    position: relative;
    width: 100%;
    padding-top: 75%;
  }
  .header-full body {
    /* background-color: #0f0; */
  }
  .header-full .text {
    padding-top: 100px;
  }
  .header-full .supline {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 15px;
    letter-spacing: 0.1em;
  }
  .header-full .headline {
    font-size: 42px;
    line-height: 48px;
    margin-bottom: 10px;
  }
  .header-full .subline {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 20px;
    letter-spacing: 0.05em;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .header-full {
    height: unset !important;
    max-height: unset !important;
    position: relative;
    width: 100%;
    padding-top: 70%;
  }
  .header-full body {
    /* background-color: #00f; */
  }
  .header-full .text {
    padding-top: 100px;
  }
  .header-full .supline {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 15px;
    letter-spacing: 0.1em;
  }
  .header-full .headline {
    font-size: 42px;
    line-height: 48px;
    margin-bottom: 10px;
  }
  .header-full .subline {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 20px;
    letter-spacing: 0.05em;
  }
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (hover: none) and (-webkit-min-device-pixel-ratio: 1.5) {
  .header-full {
    height: unset !important;
    max-height: unset !important;
    position: relative;
    width: 100%;
    padding-top: 45%;
  }
  .header-full .text {
    padding-top: 80px;
  }
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (hover: none) and (-webkit-min-device-pixel-ratio: 1.5) {
  .header-full {
    height: unset !important;
    max-height: unset !important;
    position: relative;
    width: 100%;
    padding-top: 65%;
  }
  .header-full .text {
    padding-top: 120px;
  }
  .header-full .jarallax-img {
    top: -50px !important;
  }
}
@media only screen and (max-width: 576px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  .header-full body {
    /* background-color: #0ff; */
  }
  .header-full.container {
    padding-top: 100%;
  }
  .header-full .text {
    padding-top: 40px;
  }
  .header-full .supline {
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 20px;
  }
  .header-full .headline {
    font-size: 28px;
    line-height: 32px;
    margin-bottom: 15px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .header-full .subline {
    font-size: 16px;
    line-height: 22px;
    /*margin-bottom: 20px;*/
    letter-spacing: 0.05em;
    padding-left: 20px;
    padding-right: 20px;
  }
}

.map-button {
  grid-template-areas: ". map-button map-button map-button map-button map-button map-button map-button map-button map-button map-button map-button map-button .";
  position: relative;
}

.button-wrapper {
  grid-area: map-button;
  justify-self: center;
  position: absolute;
  bottom: 30px;
}

.map-btn {
  border: 0;
}

.map-btn.btn---white {
  color: #09C;
  border-radius: 50px;
}

.nav-second-lvl .maplink {
  border-radius: 50px;
}

.map-btn.btn---white:hover,
.map-btn.btn---white:active,
.nav-second-lvl.sticky-pin .maplink:hover {
  border-color: #09C;
}

.sub-logo {
  position: relative;
  grid-template-areas: ". sub-logo sub-logo sub-logo sub-logo sub-logo sub-logo sub-logo sub-logo sub-logo sub-logo sub-logo sub-logo .";
}
.sub-logo .sub-logo-wrapper {
  grid-area: sub-logo;
  position: absolute;
  height: 120px;
  width: 100%;
  bottom: 0;
}
.sub-logo .sub-logo {
  padding: 20px 0 20px 15px !important;
  justify-self: start;
  height: 100%;
}
.sub-logo .sub-logo .bfr-logo-img {
  display: inline-block;
  height: 100%;
  width: auto;
}

.sub-logo-back {
  background-color: rgba(255, 255, 255, 0.65);
  position: absolute;
  height: 120px;
  width: 100%;
  bottom: 0;
}

.form-filter-wrapper {
  /* ************************************************************* */
  /* ************************************************************* */
  /* UI ELEMENTS ************************************************* */
  /* ************************************************************* */
  /* ************************************************************* */
  /* ************************************************************* */
  /* UI ELEMENTS - Checkbox ************************************** */
  /* ************************************************************* */
  /* The container */
  /* Hide the browser's default checkbox */
  /* Create a custom checkbox */
  /* On mouse-over, add a grey background color */
  /* When the checkbox is checked, add a blue background */
  /* Create the checkmark/indicator (hidden when not checked) */
  /* Show the checkmark when checked */
  /* Style the checkmark/indicator */
  /* ************************************************************* */
  /* UI ELEMENTS - Radio Button ********************************** */
  /* ************************************************************* */
  /* The container */
  /* Hide the browser's default radio button */
  /* Create a custom radio button */
  /* On mouse-over, add a grey background color */
  /* When the radio button is checked, add a blue background */
  /* Create the indicator (the dot/circle - hidden when not checked) */
  /* Show the indicator (dot/circle) when checked */
  /* Style the indicator (dot/circle) */
  /* ************************************************************* */
  /* UI ELEMENTS - Switch Radio Button *************************** */
  /* ************************************************************* */
  /* UI ELEMENTS - Switch Checkbox ******************************* */
  /* ************************************************************* */
  /* The container */
  /* Hide the browser's default radio button */
  /* Create a custom radio button */
  /* On mouse-over, add a grey background color */
  /* When the radio button is checked, add a blue background */
  /* Create the indicator (the dot/circle - hidden when not checked) */
  /* Show the indicator (dot/circle) when checked */
  /* Style the indicator (dot/circle) */
  /* clears the 'X' from Internet Explorer */
  /* clears the 'X' from Chrome */
}
.form-filter-wrapper h2 {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 16px;
  color: #000000;
}
.form-filter-wrapper h3 {
  color: #000;
  font-size: 14px;
  line-height: 19px;
  font-weight: 400;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 12px;
}
.form-filter-wrapper hr {
  display: block;
  height: 1px;
  margin-top: 19px;
  margin-bottom: 16px;
  width: 100%;
  border: 0;
  border-top: 1px solid #DCDCDC;
}
.form-filter-wrapper form {
  width: 100%;
}
.form-filter-wrapper .btn-round {
  background-color: unset;
  padding-right: 23px;
  padding-left: 12px;
  padding-top: 6px;
  padding-bottom: 6px;
  font-size: 14px;
  border-color: #DCDCDC;
  color: #666666;
  font-weight: 400;
  border-radius: 25px;
}
.form-filter-wrapper .btn-round:hover {
  cursor: pointer;
  border-color: #0099CC;
  color: #0099CC;
}
.form-filter-wrapper .btn-round:hover img.on {
  display: inline-block;
}
.form-filter-wrapper .btn-round:hover img.off {
  display: none;
}
.form-filter-wrapper .btn-round img.on,
.form-filter-wrapper .btn-round img.off {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-top: 5px;
}
.form-filter-wrapper .btn-round img.on {
  display: none;
}
.form-filter-wrapper .btn-round .label {
  display: inline-block;
  height: 24px;
  vertical-align: 5px;
  padding-left: 3px;
}
.form-filter-wrapper .search-region-wrapper,
.form-filter-wrapper .search-category-wrapper {
  padding-bottom: 8px;
  font-weight: 400;
}
.form-filter-wrapper .search-field-wrapper .searchContainer {
  display: flex;
  flex: 1 1 auto;
  position: relative;
  border: 1px solid #dcdcdc;
  border-radius: 3px;
  overflow: hidden;
}
.form-filter-wrapper .search-field-wrapper .searchIcon {
  position: absolute;
  left: 0;
  top: 0;
  padding: 0.625rem 0.5rem;
  width: 46px;
  height: 46px;
}
.form-filter-wrapper .search-field-wrapper .searchIcon img {
  padding: 0.3rem;
}
.form-filter-wrapper .search-field-wrapper .searchBox {
  border: 0;
  padding: 14px 30px 14px 46px;
  flex: 1;
  border-radius: 3px;
  font-size: 14px;
  font-weight: 400;
  width: 100%;
}
.form-filter-wrapper .search-field-wrapper .searchBox::placeholder {
  color: #414141;
}
.form-filter-wrapper .search-field-wrapper .searchButton {
  background: #538AC5;
  border: 0;
  color: white;
  padding: 0.5rem;
  border-radius: 0;
}
.form-filter-wrapper .search-field-wrapper .clearButton {
  position: absolute;
  right: 0;
  top: 0;
  padding: 0.625rem 0.5rem;
  width: 46px;
  height: 46px;
}
.form-filter-wrapper .search-field-wrapper .clearButton img {
  padding: 0.3rem;
}
.form-filter-wrapper .search-field-wrapper .clearButton img.on {
  display: none;
}
.form-filter-wrapper .search-field-wrapper .clearButton:hover {
  cursor: pointer;
}
.form-filter-wrapper .search-field-wrapper .clearButton:hover .on {
  display: block;
}
.form-filter-wrapper .search-field-wrapper .clearButton:hover .off {
  display: none;
}
.form-filter-wrapper .select-list-wrapper {
  padding-left: 20px;
}
.form-filter-wrapper .select-list-wrapper .count {
  float: right;
  margin-right: 10px;
  color: #414141;
  font-weight: 300;
  font-size: 12px;
}
.form-filter-wrapper .bi-check-container {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 10px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.form-filter-wrapper .bi-check-container:hover {
  color: #0099CC;
}
.form-filter-wrapper .bi-check-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.form-filter-wrapper .bi-check-container .checkmark {
  position: absolute;
  top: 4px;
  left: 0;
  height: 14px;
  width: 14px;
  /* background-color: #eee; */
  border-radius: 3px;
  box-shadow: 0 0 0 1px #414141;
}
.form-filter-wrapper .bi-check-container:hover input ~ .checkmark {
  /* background-color: #ccc; */
}
.form-filter-wrapper .bi-check-container input:checked ~ .checkmark {
  /* background-color: #2196F3; */
  box-shadow: 0 0 0 1px #0099CC;
}
.form-filter-wrapper .bi-check-container .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.form-filter-wrapper .bi-check-container input:checked ~ .checkmark:after {
  display: block;
}
.form-filter-wrapper .bi-check-container:hover .checkmark:after {
  display: none;
}
.form-filter-wrapper .bi-check-container:hover .checkmark {
  box-shadow: 0 0 0 1px #0099CC;
}
.form-filter-wrapper .bi-check-container .checkmark:after {
  left: 4px;
  top: 1px;
  width: 6px;
  height: 9px;
  border: solid #0099CC;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.form-filter-wrapper .bi-check-container input:checked + .bi-btn-label {
  color: #0099CC;
}
.form-filter-wrapper .bi-check-container.disabled,
.form-filter-wrapper .bi-check-container.disabled:hover {
  color: #dcdcdc;
  cursor: not-allowed !important;
}
.form-filter-wrapper .bi-check-container.disabled .checkmark,
.form-filter-wrapper .bi-check-container.disabled:hover .checkmark {
  box-shadow: 0 0 0 1px #dcdcdc;
}
.form-filter-wrapper .bi-radio-container {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.form-filter-wrapper .bi-radio-container:hover {
  color: #0099CC;
}
.form-filter-wrapper .bi-radio-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.form-filter-wrapper .bi-radio-container .checkmark {
  position: absolute;
  top: 6px;
  left: 0;
  height: 14px;
  width: 14px;
  border-radius: 50%;
  box-shadow: 0 0 0 1px #414141;
}
.form-filter-wrapper .bi-radio-container:hover input ~ .checkmark {
  box-shadow: 0 0 0 1px #0099CC;
}
.form-filter-wrapper .bi-radio-container input:checked ~ .checkmark {
  box-shadow: 0 0 0 1px #0099CC;
}
.form-filter-wrapper .bi-radio-container input:checked + .bi-btn-label {
  color: #0099CC;
}
.form-filter-wrapper .bi-radio-container .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.form-filter-wrapper .bi-radio-container input:checked ~ .checkmark:after {
  display: block;
}
.form-filter-wrapper .bi-radio-container .checkmark:after,
.form-filter-wrapper .bi-radio-container:hover .checkmark:after {
  top: 3px;
  left: 3px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #0099CC;
}
.form-filter-wrapper .bi-radio-container:hover .checkmark:after {
  display: block;
  background-color: #0099CC;
}
.form-filter-wrapper .bi-radio-container.disabled,
.form-filter-wrapper .bi-radio-container.disabled:hover {
  color: #DCDCDC;
  cursor: not-allowed !important;
}
.form-filter-wrapper .bi-radio-container.disabled .checkmark,
.form-filter-wrapper .bi-radio-container.disabled:hover .checkmark {
  box-shadow: 0 0 0 1px #dcdcdc;
}
.form-filter-wrapper .bi-radio-container.disabled:hover .checkmark:after {
  display: none;
}
.form-filter-wrapper .bi-radio-switch-container,
.form-filter-wrapper .bi-check-switch-container {
  display: block;
  position: relative;
  padding-left: 40px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.form-filter-wrapper .bi-radio-switch-container:hover,
.form-filter-wrapper .bi-check-switch-container:hover {
  color: #0099CC;
}
.form-filter-wrapper .bi-radio-switch-container input,
.form-filter-wrapper .bi-check-switch-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.form-filter-wrapper .bi-radio-switch-container .checkmark,
.form-filter-wrapper .bi-check-switch-container .checkmark {
  position: absolute;
  top: 4px;
  left: 0;
  height: 14px;
  width: 26px;
  border-radius: 14px;
  box-shadow: 0 0 0 1px #414141;
}
.form-filter-wrapper .bi-radio-switch-container:hover input ~ .checkmark,
.form-filter-wrapper .bi-check-switch-container:hover input ~ .checkmark {
  box-shadow: 0 0 0 1px #0099CC;
}
.form-filter-wrapper .bi-radio-switch-container input:checked ~ .checkmark,
.form-filter-wrapper .bi-check-switch-container input:checked ~ .checkmark {
  box-shadow: 0 0 0 1px #0099CC;
}
.form-filter-wrapper .bi-radio-switch-container input:checked + .bi-btn-label,
.form-filter-wrapper .bi-check-switch-container input:checked + .bi-btn-label {
  color: #0099CC;
}
.form-filter-wrapper .bi-radio-switch-container .checkmark:after,
.form-filter-wrapper .bi-check-switch-container .checkmark:after {
  content: "";
  position: absolute;
  transition: left 0.4s;
}
.form-filter-wrapper .bi-radio-switch-container input:checked ~ .checkmark:after,
.form-filter-wrapper .bi-check-switch-container input:checked ~ .checkmark:after {
  display: block;
  background-color: #0099CC;
  left: 14px;
  transition: left 0.4s;
}
.form-filter-wrapper .bi-radio-switch-container .checkmark:after,
.form-filter-wrapper .bi-radio-switch-container:hover .checkmark:after,
.form-filter-wrapper .bi-check-switch-container .checkmark:after,
.form-filter-wrapper .bi-check-switch-container:hover .checkmark:after {
  top: 3px;
  left: 3px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #414141;
}
.form-filter-wrapper .bi-radio-switch-container:hover .checkmark:after,
.form-filter-wrapper .bi-check-switch-container:hover .checkmark:after {
  display: block;
  background-color: #0099CC;
}
.form-filter-wrapper .bi-radio-switch-container.disabled,
.form-filter-wrapper .bi-radio-switch-container.disabled:hover,
.form-filter-wrapper .bi-check-switch-container.disabled,
.form-filter-wrapper .bi-check-switch-container.disabled:hover {
  color: #DCDCDC;
  cursor: not-allowed !important;
}
.form-filter-wrapper .bi-radio-switch-container.disabled .checkmark,
.form-filter-wrapper .bi-radio-switch-container.disabled:hover .checkmark,
.form-filter-wrapper .bi-check-switch-container.disabled .checkmark,
.form-filter-wrapper .bi-check-switch-container.disabled:hover .checkmark {
  box-shadow: 0 0 0 1px #dcdcdc;
}
.form-filter-wrapper .bi-radio-switch-container.disabled .checkmark:after,
.form-filter-wrapper .bi-check-switch-container.disabled .checkmark:after,
.form-filter-wrapper .bi-radio-switch-container.disabled:hover .checkmark:after,
.form-filter-wrapper .bi-check-switch-container.disabled:hover .checkmark:after {
  display: none;
}
.form-filter-wrapper input[type=search]::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}
.form-filter-wrapper input[type=search]::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}
.form-filter-wrapper input[type=search]::-webkit-search-decoration,
.form-filter-wrapper input[type=search]::-webkit-search-cancel-button,
.form-filter-wrapper input[type=search]::-webkit-search-results-button,
.form-filter-wrapper input[type=search]::-webkit-search-results-decoration {
  display: none;
}

.content-rw-overview .col1-sub {
  position: relative;
}

.ajax-loading {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  opacity: 1;
  z-index: 1;
  text-align: center;
  padding-top: 30px;
}

/**
 * ==============================================
 * Dot Carousel
 * ==============================================
 */
.dot-carousel {
  margin: 30px auto;
  position: relative;
  left: -9999px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #0099CC;
  color: #0099CC;
  box-shadow: 9984px 0 0 0 #0099CC, 9999px 0 0 0 #0099CC, 10014px 0 0 0 #0099CC;
  animation: dotCarousel 1.5s infinite linear;
}

@keyframes dotCarousel {
  0% {
    box-shadow: 9984px 0 0 -1px #0099CC, 9999px 0 0 1px #0099CC, 10014px 0 0 -1px #0099CC;
  }
  50% {
    box-shadow: 10014px 0 0 -1px #0099CC, 9984px 0 0 -1px #0099CC, 9999px 0 0 1px #0099CC;
  }
  100% {
    box-shadow: 9999px 0 0 1px #0099CC, 10014px 0 0 -1px #0099CC, 9984px 0 0 -1px #0099CC;
  }
}
.sticky-filters {
  position: sticky;
  position: -webkit-sticky; /* Required for Safari */
  top: 160px;
  display: grid;
  justify-content: inherit;
  align-items: center;
}

#btt-btn {
  display: inline-block;
  background-color: none;
  background-color: rgba(0, 0, 0, 0.2);
  width: 46px;
  height: 46px;
  text-align: center;
  border-radius: 3px;
  position: fixed;
  bottom: 90px;
  right: 30px;
  transition: background-color 0.3s, opacity 0.5s, visibility 0.5s;
  opacity: 0;
  visibility: hidden;
  z-index: 550;
  font-size: 18px;
  line-height: 40px;
  color: #fff;
}

#btt-btn::after {
  content: "\f077";
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  font-style: normal;
  font-size: 1.125rem;
  line-height: 2.8125rem;
  color: #fff;
}

#btt-btn.show {
  opacity: 1;
  visibility: visible;
}

#btt-btn:hover,
#btt-btn:active {
  cursor: pointer;
  background-color: #008FCD;
  color: #008FCD;
}

#btt-btn:hover::after,
#btt-btn:active::after {
  color: #fff;
}

@media (max-width: 768px) {
  #btt-btn {
    display: none;
  }
}
#feedback-btn {
  position: fixed;
  top: 200px;
  right: 0;
  background-color: #f00;
  color: #FFFFFF;
  padding: 16px;
  z-index: 100;
  transform: rotate(-90deg);
  border-radius: 0.1875rem 0 0 0.1875rem;
  width: 130px;
  height: 30px;
  background-color: #CC0000;
  border: 1px solid #CC0000;
  color: #FFFFFF;
}

#feedback-label,
#alert-label {
  position: fixed;
  right: 0;
  top: 210px;
  border-radius: 3px 0 0 3px;
  width: 30px;
  height: 120px;
  background-color: #0099CC;
  border-color: 1px solid #0099CC;
  color: #FFFFFF;
  z-index: 51;
}
#feedback-label:hover,
#alert-label:hover {
  background-color: #FFFFFF;
  border: 1px solid #0099CC;
  border-right: 1px solid #FFFFFF;
  color: #0099CC;
  cursor: pointer;
}
#feedback-label .label-text,
#alert-label .label-text {
  /* Safari */
  -webkit-transform: rotate(-90deg);
  /* Firefox */
  -moz-transform: rotate(-90deg);
  /* IE */
  -ms-transform: rotate(-90deg);
  /* Opera */
  -o-transform: rotate(-90deg);
  font-size: 0.875rem;
  text-transform: uppercase;
  font-weight: 600;
  margin-top: 82px;
}
#feedback-label .label-text .icn,
#alert-label .label-text .icn {
  width: 20px;
  margin-right: 5px;
  fill: #FFFFFF;
}
#feedback-label .label-text .icn-on,
#alert-label .label-text .icn-on {
  display: none;
}
#feedback-label .label-text .label,
#alert-label .label-text .label {
  margin-left: 24px;
  bottom: 0px;
  position: fixed;
}
#feedback-label:hover .label-text .icn-off,
#alert-label:hover .label-text .icn-off {
  display: none;
}
#feedback-label:hover .label-text .icn-on,
#alert-label:hover .label-text .icn-on {
  display: block;
}

#alert-label {
  background-color: #CC0000;
  border-color: 1px solid #CC0000;
  height: 106px;
  top: 331px;
}
#alert-label .label-text {
  margin-top: 69px;
}
#alert-label:hover {
  color: #CC0000;
  border-color: #CC0000;
}

#alert-panel {
  position: fixed;
  display: table;
  top: 330px;
  right: 31px;
  width: 315px;
  z-index: 20;
  background-color: #FFFFFF;
  border-radius: 3px;
  border: 1px solid rgba(51, 51, 51, 0.3);
  padding: 20px 15px 20px 15px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 300;
  color: #000000;
  box-shadow: 0 4px 10px rgba(65, 65, 65, .3);
  /* position dots up a bit */
  /* dots are lines */
}
#alert-panel.multi {
  width: 330px;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 40px;
}
#alert-panel a {
  color: #0099CC;
}
#alert-panel a:hover {
  color: #006699;
}
#alert-panel .close {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 1;
}
#alert-panel .close:hover {
  cursor: pointer;
  color: #0099CC;
}
#alert-panel .carousel-prev,
#alert-panel .carousel-next {
  position: absolute;
  display: block;
  vertical-align: middle;
  width: 40px;
  height: 60%;
  left: 0;
  top: 20%;
  align-content: center;
  justify-content: center;
  background: url(../media/icn-alert-prev-off.svg) no-repeat;
  background-position: center center;
  background-size: 45%;
}
#alert-panel .carousel-prev:hover,
#alert-panel .carousel-next:hover {
  cursor: pointer;
  background: url(../media/icn-alert-prev-on.svg) no-repeat;
  background-position: center center;
  background-size: 45%;
}
#alert-panel .carousel-next {
  right: 0;
  left: unset;
  background: url(../media/icn-alert-next-off.svg) no-repeat;
  background-position: center center;
  background-size: 45%;
}
#alert-panel .carousel-next:hover {
  background: url(../media/icn-alert-next-on.svg) no-repeat;
  background-position: center center;
  background-size: 45%;
}
#alert-panel .flickity-page-dots {
  bottom: -22px;
}
#alert-panel .flickity-page-dots .dot {
  height: 2px;
  width: 30px;
  margin: 0;
  margin-right: 3px;
  border-radius: 0;
  background: #0099CC;
}
#alert-panel .wrapper {
  display: table;
  position: relative;
  width: 100%;
}
#alert-panel .wrapper .icon-wrapper,
#alert-panel .wrapper .cnt {
  display: table-cell;
  vertical-align: top;
}
#alert-panel .wrapper .icon-wrapper {
  width: 45px;
}
#alert-panel .wrapper .icon-wrapper .alert-icon img {
  width: 30px;
  height: 30px;
}
#alert-panel .wrapper .icn,
#alert-panel .wrapper .cnt {
  display: table-cell;
  vertical-align: top;
}
#alert-panel .wrapper .icn .cat,
#alert-panel .wrapper .icn .loc,
#alert-panel .wrapper .icn .descr,
#alert-panel .wrapper .cnt .cat,
#alert-panel .wrapper .cnt .loc,
#alert-panel .wrapper .cnt .descr {
  display: block;
  width: 100%;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
#alert-panel .wrapper .icn .cat,
#alert-panel .wrapper .icn .loc,
#alert-panel .wrapper .cnt .cat,
#alert-panel .wrapper .cnt .loc {
  font-weight: 600;
  padding-right: 30px;
}
#alert-panel .wrapper .icn .cat,
#alert-panel .wrapper .cnt .cat {
  color: #CC0000;
}
#alert-panel .wrapper .icn .loc,
#alert-panel .wrapper .cnt .loc {
  color: #000000;
}
#alert-panel .wrapper .icn .descr,
#alert-panel .wrapper .cnt .descr {
  color: #000000;
}
#alert-panel .wrapper .cnt {
  position: relative;
  top: -3px;
}
#alert-panel .wrapper .icn {
  width: 47px;
}
#alert-panel .wrapper .icn img {
  width: 33px;
  height: auto;
}
#alert-panel .icn-off,
#alert-panel .icn-on {
  display: none;
  width: 24px;
  height: 24px;
}
#alert-panel .icn-on {
  display: block;
}
#alert-panel:hover .label-text .icn-off {
  display: none;
}
#alert-panel:hover .label-text .icn-on {
  display: block;
}
#alert-panel.is-visible {
  visibility: visible;
  opacity: 1;
  transition: visibility 0.5s, opacity 0.5s linear;
}
#alert-panel.is-hidden {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.5s, opacity 0.5s linear;
}

@media (max-width: 576px), (max-width: 1040px) and (orientation: landscape) {
  #feedback-label {
    top: 190px;
  }
  #alert-label,
  #alert-panel {
    top: 242px;
  }
  #feedback-label,
  #alert-label {
    height: 45px;
  }
  #feedback-label .label,
  #alert-label .label {
    display: none;
  }
  #feedback-label .label-text,
  #alert-label .label-text {
    margin-top: 6px;
  }
  header {
    margin-top: 70px !important;
  }
}
header {
  margin-top: 70px;
}

#top-nav {
  height: 80px;
  background-color: #FFFFFF;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  z-index: 100;
  box-shadow: 0 4px 10px rgba(65, 65, 65, .3);
  /* Mobile - Portrait*/
  /*iPad, iPad Air - Portrait */
}
#top-nav.grid-container {
  display: grid;
  grid-template-columns: 186px min-content auto max-content;
  grid-template-rows: 80px;
  gap: 0px 0px;
  grid-template-areas: "logo-main nav-main nav-global logo-authority";
}
#top-nav .logo-main, #top-nav .nav-main, #top-nav .nav-global, #top-nav .logo-authority {
  justify-self: left;
  align-self: center;
}
#top-nav .nav-offcanvas-toggle {
  grid-area: nav-offcanvas-toggle;
  display: none;
}
#top-nav .nav-global {
  justify-self: center;
}
#top-nav .logo-main {
  grid-area: logo-main;
  justify-self: center;
  align-self: center;
}
#top-nav .logo-main img {
  display: block;
  width: 134px;
  height: auto;
}
#top-nav .nav-main ul, #top-nav .nav-main li, #top-nav .nav-global ul, #top-nav .nav-global li {
  list-style: none;
  padding: 0;
  margin: 0;
  display: inline-block;
  white-space: nowrap;
  height: 100%;
}
#top-nav .nav-main {
  grid-area: nav-main;
  justify-self: unset;
  font-size: 14px;
}
#top-nav .nav-main a {
  color: #414141;
  margin-left: 8px;
  margin-right: 8px;
  padding-top: 8px;
  padding-bottom: 8px;
  position: relative;
  font-weight: 400;
  display: inline-block;
}
#top-nav .nav-main a:hover,
#top-nav .nav-main li.active a {
  color: #0099CC;
}
#top-nav .nav-main a:hover:after,
#top-nav .nav-main li.active a:after {
  border-bottom: 2px solid #0099CC;
  position: absolute;
  bottom: 0.125rem;
  right: 0;
  left: 0;
  content: "";
}
#top-nav .nav-global {
  grid-area: nav-global;
  font-size: 12px;
  padding-left: 20px;
  font-weight: 400;
}
#top-nav .nav-global a {
  color: #414141;
  padding: 4px 8px;
}
#top-nav .nav-global a:hover {
  color: #0099CC;
}
#top-nav .nav-global li a:first-child {
  padding-left: 0;
}
#top-nav .nav-global li.active a {
  color: #0099CC;
}
#top-nav .nav-global .language-switcher {
  white-space: collapse balance;
}
#top-nav .nav-global .language-switcher a,
#top-nav .nav-global .language-switcher span {
  padding: 0 6px;
  border-right: 1px solid;
}
#top-nav .nav-global .language-switcher a:last-child,
#top-nav .nav-global .language-switcher span:last-child {
  border-right: unset;
}
#top-nav .nav-global .language-switcher .active {
  font-weight: 700;
}
#top-nav .space {
  grid-area: space;
}
#top-nav .logo-authority {
  grid-area: logo-authority;
  justify-self: right;
}
#top-nav .logo-authority img {
  display: inline-block;
  height: 60px;
}
#top-nav .logo-authority img.name {
  padding-left: 30px;
}
#top-nav .logo-authority img.logo {
  padding-right: 30px;
}
@media (max-width: 629px) {
  #top-nav .logo-authority img.name {
    display: none;
  }
}
@media all and (-ms-high-contrast: none) {
  #top-nav.grid-container {
    display: -ms-grid;
    -ms-grid-columns: 186px min-content min-content max-content;
    -ms-grid-rows: 100px;
    gap: 0px 0px;
  }
  #top-nav .logo-main, #top-nav .nav-main, #top-nav .nav-global, #top-nav .logo-authority {
    -ms-grid-row-align: center;
    -ms-grid-column-align: center;
  }
  #top-nav .logo-main {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  #top-nav .logo-main img {
    width: 141px;
  }
  #top-nav div.cell {
    display: block;
  }
  #top-nav .nav-main {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
  }
  #top-nav .nav-global {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    height: auto;
  }
  #top-nav .nav-global ul a, #top-nav .nav-global li a {
    display: inline-block;
    padding: 0 10px;
  }
  #top-nav .space {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 4;
    -ms-grid-column-span: 1;
  }
  #top-nav .logo-authority {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 5;
    -ms-grid-column-span: 1;
    -ms-grid-column-align: end;
  }
}
@media (min-width: 1040px) and (max-width: 1280px) {
  #top-nav.grid-container {
    grid-template-columns: 186px min-content 1fr max-content;
    grid-template-rows: 34px 46px;
    grid-template-areas: "logo-main nav-global space logo-authority" "logo-main nav-main space logo-authority";
  }
  #top-nav .nav-main {
    height: unset;
    grid-area: nav-main;
    justify-self: unset;
    align-self: start;
    font-size: 14px;
  }
  #top-nav .nav-global {
    grid-area: nav-global;
    align-self: end;
    padding-left: 1px;
    justify-self: start;
  }
  #top-nav .nav-global li {
    margin: 5px 0;
  }
}
@media (max-width: 1040px) {
  #top-nav {
    height: 70px;
  }
  #top-nav header {
    margin-top: 70px;
  }
  #top-nav.grid-container {
    grid-template-columns: min-content 134px 1fr max-content;
    grid-template-rows: 70px; /*100px*/
    gap: 0px 0px;
    grid-template-areas: "nav-offcanvas-toggle logo-main space logo-authority";
  }
  #top-nav .nav-main, #top-nav .nav-global {
    display: none;
  }
  #top-nav .logo-main {
    justify-self: left;
    margin-top: 3px;
  }
  #top-nav .logo-main img {
    width: 100px;
  }
  #top-nav .logo-authority {
    margin-top: 7px;
  }
  #top-nav .logo-authority img.logo {
    padding-right: 15px;
  }
  #top-nav .logo-authority img {
    height: 40px;
  }
  #top-nav .nav-offcanvas-toggle {
    justify-self: center;
    align-self: center;
    grid-area: nav-offcanvas-toggle;
    display: inline-block;
  }
  #top-nav .nav-offcanvas-toggle .burger-icon {
    padding: 12px;
    margin: 5px 10px 0 10px !important; /*margin: 5px 24px 0 16px;*/
  }
  #top-nav .nav-offcanvas-toggle .burger-icon svg {
    fill: #414141;
  }
  #top-nav .nav-offcanvas-toggle .burger-icon:hover {
    cursor: pointer;
  }
  #top-nav .nav-offcanvas-toggle .burger-icon:hover svg {
    fill: #0099CC;
  }
}

#off-canvas-menu {
  z-index: 600;
}
#off-canvas-menu.offc {
  background: #FFFFFF;
  position: fixed;
  top: 70px;
  bottom: 0;
  left: 0;
  width: 288px;
  margin-left: -288px;
  transition: all linear 0.25s;
  padding: 1rem 2rem;
  overflow-y: auto;
  display: block !important;
}
#off-canvas-menu.offc.secondlvl {
  top: 140px;
}
#off-canvas-menu.offc.open {
  box-shadow: "0 4px 10px rgba(65, 65, 65, .3)";
  transform: translateX(0%);
  pointer-events: auto;
}
#off-canvas-menu.offc .ofc-nav-main {
  margin-bottom: 39px;
}
#off-canvas-menu.offc ul {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
#off-canvas-menu.offc ul.global {
  font-size: 14px;
}
#off-canvas-menu.offc li a {
  display: inline-block;
  color: #555;
  padding: 4px 0;
  font-weight: 400;
}
#off-canvas-menu.offc li:hover a {
  color: #0099CC;
}
#off-canvas-menu.offc .ofc-nav-sub {
  margin-bottom: 31px;
}
#off-canvas-menu.offc .ofc-nav-sub h4 {
  font-size: 0.625rem;
  line-height: 0.625rem;
  font-weight: 700;
  text-transform: uppercase;
  color: #0099CC;
  border-bottom: 1px solid #0099CC;
  padding-bottom: 10px;
  margin-bottom: 11px;
}
#off-canvas-menu.offc .ofc-nav-sub ul {
  font-size: 0.875rem;
  line-height: 1.8125rem;
}
#off-canvas-menu.offc .ofc-nav-sub ul li a {
  padding: 0;
  display: block;
}
#off-canvas-menu.offc .space {
  height: 120px;
}
#off-canvas-menu.offc .ofc-nav-sub.language-switcher {
  white-space: nowrap;
}
#off-canvas-menu.offc .ofc-nav-sub.language-switcher .active {
  font-weight: 700;
}
#off-canvas-menu.offc .ofc-nav-sub.language-switcher a {
  padding: 0 6px;
  margin: 0;
  border-right: 1px solid;
}
#off-canvas-menu.offc .ofc-nav-sub.language-switcher a:first-child {
  padding-right: 10px;
  padding-left: 0;
}
#off-canvas-menu.offc .ofc-nav-sub.language-switcher a:last-child {
  border-right: unset;
}

@media (max-width: 576px) and (orientation: portrait), only screen and (max-width: 1040px) and (orientation: landscape) {
  #off-canvas-menu.offc {
    top: 70px;
  }
  #off-canvas-menu.offc.secondlvl {
    top: 139px;
  }
  #off-canvas-menu.offc .space {
    height: 70px;
  }
}
[data-sidebar] {
  display: none;
  position: fixed;
  height: calc(100vh - 70px);
  z-index: 100;
}

[data-sidebar-overlay] {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  min-height: inherit;
}

/* Additional styles */
.dialogue-overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: -10;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 99;
}

.sticky-pin {
  position: fixed;
  top: 80px;
  z-index: 400;
  width: 100%;
}

.map-link-header {
  position: absolute;
  right: 0;
  bottom: 0;
}

.nav-scroller, .nav-scroller-wrapper {
  display: flex;
}

.nav-scroller {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.cata-sub-nav {
  padding: 20px 0 20px 5px;
  height: 70px;
  /* Make this scrollable when needed */
  overflow-x: auto;
  /* We don't want vertical scrolling */
  overflow-y: hidden;
  /* Make an auto-hiding scroller for the 3 people using a IE */
  -ms-overflow-style: -ms-autohiding-scrollbar;
  /* For WebKit implementations, provide inertia scrolling */
  -webkit-overflow-scrolling: touch;
  /* We don't want internal inline elements to wrap */
  white-space: nowrap;
  /* Remove the default scrollbar for WebKit implementations */
  position: relative;
  z-index: 1;
  padding-bottom: 58px;
  margin-bottom: -10px;
}

.cata-sub-nav::-webkit-scrollbar {
  display: none;
}

.arrow {
  background: red;
}

.nav-prev-overlay {
  display: none;
  width: 60px;
  height: 70px;
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(90deg, rgb(255, 255, 255) 30%, rgba(255, 255, 255, 0) 100%);
  z-index: 2;
  pointer-events: none;
}

.nav-prev-arrow {
  display: none;
  width: 20px;
  height: 70px;
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
  z-index: 3;
  background: url(../media/icn-alert-prev-off.svg) no-repeat;
  background-position: center center;
  background-size: 45%;
}

.nav-next-overlay {
  display: none;
  width: 60px;
  height: 70px;
  position: absolute;
  right: 0;
  top: 0;
  width: 120px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 30%, rgb(255, 255, 255) 100%);
  z-index: 2;
  pointer-events: none;
}

.nav-next-arrow {
  display: none;
  width: 20px;
  height: 70px;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
  z-index: 3;
  background: url(../media/icn-alert-next-off.svg) no-repeat;
  background-position: center center;
  background-size: 45%;
}

.nav-second-lvl {
  grid-template-areas: ". nav-sub nav-sub nav-sub nav-sub nav-sub nav-sub nav-sub nav-sub nav-sub nav-sub nav-sub nav-sub .";
  border-bottom: 1px solid #DCDCDC;
  background-color: #FFFFFF;
  height: 70px;
}
@media (max-width: 991px) {
  .nav-second-lvl {
    grid-template-areas: "nav-sub nav-sub nav-sub nav-sub nav-sub nav-sub nav-sub nav-sub nav-sub nav-sub nav-sub nav-sub nav-sub nav-sub";
    padding-right: 30px;
    padding-left: 15px;
  }
  .nav-second-lvl .map-btn {
    padding-left: 10px;
  }
  .nav-second-lvl .maplink .reduced {
    display: inline-block !important;
  }
  .nav-second-lvl .maplink .full {
    display: none !important;
  }
}
.nav-second-lvl .wrapper {
  grid-area: nav-sub;
  display: flex;
  display: inline-flex;
  align-items: center;
  width: 100%;
}
.nav-second-lvl ul {
  padding: 0;
  width: 100%;
}
.nav-second-lvl ul, .nav-second-lvl li {
  list-style: none;
  margin: 0;
  white-space: nowrap;
  height: 100%;
}
.nav-second-lvl li {
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  margin-top: -4px;
  padding-bottom: 4px;
}
.nav-second-lvl li:not(:first-child):before {
  content: " | ";
  font-size: 20px;
  color: #DCDCDC;
}
.nav-second-lvl li a {
  color: #414141;
  padding: 0;
  padding-bottom: 5px;
  margin: 0 10px;
}
.nav-second-lvl li.active a, .nav-second-lvl li.current_page_item a,
.nav-second-lvl li a:hover {
  border-bottom: 2px solid #0099CC;
  color: #0099CC;
}
.nav-second-lvl li::first-child li a {
  margin-left: 0;
}
.nav-second-lvl .maplink {
  display: none;
  margin-left: 24px;
}
.nav-second-lvl .reduced {
  display: none;
}
.nav-second-lvl.sticky-pin .maplink {
  display: block;
  opacity: 1;
  border: 1px solid #DCDCDC;
}
.nav-second-lvl.sticky-pin {
  border-top: 1px solid #DCDCDC;
  box-shadow: 0 6px 8px rgba(65, 65, 65, 0.2);
}
.nav-second-lvl.sticky-pin a {
  font-size: 14px;
}
.nav-second-lvl .map-btn {
  margin-bottom: 0;
}
.nav-second-lvl .maplink {
  border: unset !important;
}
.nav-second-lvl .maplink .map-btn {
  color: #FFFFFF;
  background-color: #0099CC;
  border: 1px solid #0099CC;
}
.nav-second-lvl .maplink:hover .map-btn {
  color: #0099CC !important;
  background-color: #FFFFFF !important;
}

@media (max-width: 576px) and (orientation: portrait), only screen and (max-width: 1040px) {
  .sticky-pin {
    position: fixed;
    top: 70px !important;
    z-index: 400;
    width: 100%;
  }
}
@media (max-width: 667px) and (orientation: landscape) {
  .sticky-pin {
    position: fixed;
    top: 70px !important;
  }
  .nav-second-lvl .wrapper {
    padding-right: 30px;
  }
}
body.noScroll { /* ...or body.dialogShowing */
  -webkit-overflow-scrolling: touch;
  overflow: hidden;
}

#cookienotice {
  width: 100%;
  min-height: 80px;
  overflow: hidden;
  z-index: 10;
  position: absolute;
  top: 100px;
}
#cookienotice .wrapper {
  position: relative;
  top: 0;
  background-color: #0099CC;
  color: #fff;
  font-size: 0.875rem;
  line-height: 1.5rem;
  padding: 15px 0;
}
#cookienotice .wrapper p.notice {
  margin: 0;
  padding: 0;
}
#cookienotice .wrapper a.link-more {
  margin-left: 30px;
  color: #FFFFFF;
  font-size: 12px;
}
#cookienotice .wrapper.hideCN {
  top: -300px;
  /*other properties*/
  transition: top 1s;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  /* background-color: #f1f1f1; */
  background-color: #ffffff;
  min-width: 160px;
  overflow: auto;
  /* box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); */
  box-shadow: 0 4px 10px rgba(65, 65, 65, 0.3);
  z-index: 1;
  height: initial;
  border-radius: 0 0 3px 3px;
  top: 80px;
  border-top: 1px solid #dcdcdc;
  left: 163px;
  padding: 0.5rem 0;
}

#myDropdown.dropdown-content a {
  color: black;
  padding: 0.25rem 1.5rem;
  text-decoration: none;
  display: block;
  margin: unset;
  font-weight: 400;
  font-size: 14px;
}

#myDropdown.dropdown-content a:hover {
  color: #0099CC;
}

#myDropdown.dropdown-content a:hover:after {
  border-bottom: 0;
}

.dropdown a:hover {
  background-color: #ddd;
}

.show {
  display: block;
}

.dropbtn {
  font-weight: 400;
  padding-right: 5px;
}
.dropbtn i {
  pointer-events: none;
}

#myDropBtn.active,
.dropbtn:hover {
  color: #0099CC;
  border-bottom: 2px solid;
  padding-bottom: 0.25rem;
}

.dropbtn:hover {
  cursor: pointer;
  color: #0099CC;
}

.dropdown--identifier,
.dropdown--identifier:hover,
.dropdown--identifier:active {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}

.icn-search-main-nav-wrapper {
  position: relative;
}

.icn-search-main-nav-wrapper a {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  position: absolute !important;
  left: 0;
  top: -18px;
}

/* #top-nav .nav-main a:hover::after, #top-nav .nav-main li.active a::after */
.icn-search-main-nav-wrapper a:hover::after,
.icn-search-main-nav-wrapper a:active::after,
.icn-search-main-nav-wrapper.active a::after,
.icn-search-main-nav-wrapper.active a:active::after {
  border-bottom: unset !important;
}

.icn-search-main-nav-wrapper .icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px 24px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28"><g fill="none" fill-rule="evenodd"><g><g><g transform="translate(-858 -521) translate(858 521) translate(5 5)"><ellipse cx="7.521" cy="7.435" stroke="%23001322" stroke-width="2.25" rx="6.396" ry="6.31"/><rect width="2.177" height="8.609" x="14.25" y="10.174" fill="%23001322" rx="1" transform="rotate(-45 15.339 14.478)"/></g></g></g></g></svg>');
  /* background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28"><g fill="none" fill-rule="evenodd"><g><g><g transform="translate(-858 -521) translate(858 521) translate(5 5)"><ellipse cx="7.521" cy="7.435" stroke="%23001322" stroke-width="2.25" rx="6.396" ry="6.31"/><rect width="2.177" height="8.609" x="14.25" y="10.174" fill="%23001322" rx="1" transform="rotate(-45 15.339 14.478)"/></g></g></g></g></svg>'); */
}

.icn-search-main-nav .search-label {
  display: none;
}

.ofc-search .icn-search-main-nav {
  display: flex;
}

.ofc-search .icon,
.ofc-search .search-label {
  display: inline-flex;
}

.ofc-search .search-label {
  line-height: 24px;
  padding-left: 4px;
}

.icn-search-main-nav-wrapper.active .icon,
.icn-search-main-nav-wrapper:hover .icon {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28"><g fill="none" fill-rule="evenodd"><g><g><g transform="translate(-858 -521) translate(858 521) translate(5 5)"><ellipse cx="7.521" cy="7.435" stroke="%230099cc" stroke-width="2.25" rx="6.396" ry="6.31"/><rect width="2.177" height="8.609" x="14.25" y="10.174" fill="%230099cc" rx="1" transform="rotate(-45 15.339 14.478)"/></g></g></g></g></svg>');
}

#cookie-notice {
  font-family: "Open Sans", "Helvetica Neue", Arial, sans-serif;
  font-size: 14px !important;
  display: grid;
  grid-template-columns: 1fr repeat(12, 95px) 1fr;
  grid-template-areas: ". cn cn cn cn cn cn cn cn cn cn cn cn .";
  gap: 0% 0%;
  width: 100%;
  min-height: 80px;
  overflow: hidden;
  z-index: 10;
  position: absolute;
  bottom: 0;
}
#cookie-notice .cookie-notice-container {
  grid-area: cn;
  display: flex !important;
  flex-direction: row;
  flex-wrap: nowrap;
  padding: 30px 15px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  #cookie-notice {
    grid-template-columns: minmax(30px, auto) repeat(12, 80px) minmax(30px, auto);
  }
}
@media (min-width: 769px) and (max-width: 991px) {
  #cookie-notice {
    grid-template-columns: 1fr repeat(12, 60px) 1fr;
  }
}
@media (min-width: 577px) and (max-width: 768px) {
  #cookie-notice {
    grid-template-columns: 1fr repeat(12, 55px) 1fr;
  }
}
@media (max-width: 576px) {
  #cookie-notice {
    grid-template-columns: 30px repeat(12, 1fr) 30px;
  }
}

.cn-text-container,
.cn-buttons-container,
.cn-notice-buttons {
  display: inline-flex !important;
  text-align: left;
  align-items: center;
}

.cn-set-cookie,
.cn-more-info {
  display: initial !important;
}

.cn-text-container {
  padding-right: 45px;
}

#cn-accept-cookie {
  font-size: 13px;
  line-height: 19px;
  font-weight: 400;
  padding: 10px 10px 10px 20px;
  margin-bottom: 10px;
  vertical-align: baseline;
  white-space: nowrap;
  border-radius: 20px;
  border: 1px solid #FFFFFF !important;
  color: #0099CC;
  background-color: #FFFFFF;
}
#cn-accept-cookie:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f054";
  font-weight: 600;
  padding-right: 8px;
  padding-left: 10px;
  vertical-align: 0px;
  font-size: 11px;
}
#cn-accept-cookie:hover {
  color: #FFFFFF;
  background-color: unset;
}

#cn-more-info {
  color: #FFFFFF;
  padding-left: 30px;
}
#cn-more-info:hover {
  text-decoration: underline;
}

#cn-close-notice {
  display: none;
}

.cookie-notice-hidden {
  display: none !important;
}

@media (max-width: 820px) {
  .cookie-notice-container,
  .cn-notice-buttons {
    display: flex;
    flex-direction: column !important;
    flex-grow: 1;
  }
  .cn-text-container {
    text-align: center;
    padding-right: unset;
    padding-bottom: 1rem;
  }
  .cn-buttons-container {
    disply: flex;
    width: 100%;
    flex-direction: row-reverse;
    justify-content: center;
    flex-grow: 1 1;
    text-align: center;
  }
  #cn-more-info {
    padding-right: 10px;
    padding-left: unset;
  }
}
.nav-wrap-footer {
  grid-template-areas: ". ft-col01 ft-col01 ft-col01 ft-col02 ft-col02 ft-col02 ft-col03 ft-col03 ft-col03 ft-col04 ft-col04 ft-col04 .";
  background-color: #0E536A;
  color: #FFFFFF;
  padding-top: 68px;
  padding-bottom: 32px;
}
.nav-wrap-footer .ft-col01 h4, .nav-wrap-footer .ft-col02 h4, .nav-wrap-footer .ft-col03 h4, .nav-wrap-footer .ft-col04 h4 {
  font-size: 14px;
  line-height: 28px;
  font-weight: 600;
  text-transform: uppercase;
  color: #FFFFFF;
}
.nav-wrap-footer .ft-col01 li, .nav-wrap-footer .ft-col02 li, .nav-wrap-footer .ft-col03 li, .nav-wrap-footer .ft-col04 li {
  font-size: 14px;
  line-height: 28px;
  font-weight: 400;
  color: #FFFFFF;
  margin-bottom: 0;
  padding-left: 0;
  left: 0;
  position: relative;
  margin-right: 0;
}
.nav-wrap-footer .ft-col01 li a:hover, .nav-wrap-footer .ft-col02 li a:hover, .nav-wrap-footer .ft-col03 li a:hover, .nav-wrap-footer .ft-col04 li a:hover {
  color: #FFFFFF;
}
.nav-wrap-footer .ft-col01 li:before, .nav-wrap-footer .ft-col02 li:before, .nav-wrap-footer .ft-col03 li:before, .nav-wrap-footer .ft-col04 li:before {
  content: unset;
  left: 0;
  position: initial;
}
.nav-wrap-footer .ft-col01 {
  grid-area: ft-col01;
}
.nav-wrap-footer .ft-col02 {
  grid-area: ft-col02;
}
.nav-wrap-footer .ft-col03 {
  grid-area: ft-col03;
}
.nav-wrap-footer .ft-col04 {
  grid-area: ft-col04;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .nav-wrap-footer {
    grid-template-areas: ". ft-col01 ft-col01 ft-col01 ft-col02 ft-col02 ft-col02 ft-col03 ft-col03 ft-col03 ft-col04 ft-col04 ft-col04 .";
    grid-template-rows: 1fr;
  }
}
@media (max-width: 768px) {
  .nav-wrap-footer {
    grid-template-areas: ". ft-col01 ft-col01 ft-col01 ft-col01 ft-col01 ft-col01 ft-col02 ft-col02 ft-col02 ft-col02 ft-col02 ft-col02 ." ". ft-col03 ft-col03 ft-col03 ft-col03 ft-col03 ft-col03 ft-col04 ft-col04 ft-col04 ft-col04 ft-col04 ft-col04 .";
    grid-template-rows: 1fr;
  }
}
@media (max-width: 420px) {
  .nav-wrap-footer {
    display: none;
  }
}

.nav-legal-wrap-footer {
  grid-template-areas: ". legal-col1 legal-col1 legal-col1 legal-col1 legal-col1 legal-col1 legal-col1 legal-col1 legal-col1 legal-col1 legal-col1 legal-col1 .";
  background-color: #0E536A;
  border-top: 1px solid #0099CC;
  color: #FFFFFF;
  padding-top: 28px;
  padding-bottom: 28px;
}
.nav-legal-wrap-footer .legal-col1 {
  grid-area: legal-col1;
  margin: 0 15px;
}
.nav-legal-wrap-footer .legal-col1 p {
  font-size: 13px;
  line-height: 19px;
  font-weight: 400;
  color: #FFFFFF;
}
.nav-legal-wrap-footer .legal-col1 p a {
  color: #FFFFFF;
}
.nav-legal-wrap-footer .legal-col2 {
  grid-area: legal-col2;
}

.nav-claim-wrap-footer {
  grid-template-areas: ". ft-claim ft-claim ft-claim ft-claim ft-claim ft-claim ft-claim ft-claim ft-claim ft-claim ft-claim ft-claim .";
  background-color: #0099CC;
  justify-content: center;
}
.nav-claim-wrap-footer .ft-claim {
  grid-area: ft-claim;
  color: #FFFFFF;
  justify-self: center;
  text-align: center;
  width: 100%;
  font-size: 34px;
  line-height: 34px;
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
@media (max-width: 820px) {
  .nav-claim-wrap-footer .ft-claim {
    font-size: 24px;
    line-height: 24px;
  }
}
@media (max-width: 420px) {
  .nav-claim-wrap-footer .ft-claim {
    font-size: 18px;
    line-height: 20px;
    padding: 20px 15px 20px 15px !important;
  }
}

.disp-mob {
  display: none;
}
@media (max-width: 420px) {
  .disp-mob {
    display: inline-block;
  }
}

.blocker {
  z-index: 600;
  background-color: rgba(255, 255, 255, 0.9) !important;
}

.modal {
  box-shadow: 0 4px 10px rgba(65, 65, 65, 0.3) !important;
  padding: 30px;
  max-width: 600px;
}

#modal-custom,
#modal-teilen {
  font-size: 0.875rem;
}
#modal-custom .centerme,
#modal-teilen .centerme {
  margin: 0 auto;
}
#modal-custom h2,
#modal-teilen h2 {
  font-weight: 300;
  font-size: 32px;
  margin-bottom: 30px;
}
#modal-custom p,
#modal-teilen p {
  padding-bottom: 16px;
}
#modal-custom label,
#modal-teilen label {
  display: inline-block;
  font-weight: 300;
  padding-top: 16px;
}
#modal-custom .feedback-header,
#modal-teilen .feedback-header {
  padding: 0 30px;
}
#modal-custom input:not([type=checkbox]),
#modal-custom textarea,
#modal-custom button,
#modal-teilen input:not([type=checkbox]),
#modal-teilen textarea,
#modal-teilen button {
  width: 100%;
  border-radius: 3px;
  border: 1px solid #DCDCDC;
  margin-top: 0.3125rem;
  margin-bottom: 0.625rem;
  padding: 0.3125rem 0.625rem;
  font-size: 0.875rem;
  font-weight: 300;
}
#modal-custom button,
#modal-teilen button {
  height: 46px;
  padding: 0;
}
#modal-custom input:focus,
#modal-custom textarea:focus,
#modal-teilen input:focus,
#modal-teilen textarea:focus {
  border-color: #0099CC;
}
#modal-custom select,
#modal-custom textarea,
#modal-custom button,
#modal-teilen select,
#modal-teilen textarea,
#modal-teilen button {
  width: 100%;
  border-radius: 0.1875rem;
  border: 1px solid #dcdcdc;
  margin-top: 0.3125rem;
  margin-bottom: 1.5625rem;
  /*padding: 0.3125rem 0.625rem;*/
  padding: 0.625rem;
  font-size: 0.875rem;
  font-weight: 300;
  -webkit-appearance: none;
}
#modal-custom select,
#modal-teilen select {
  padding-right: 1rem;
  background: url(../media/bfr-ico-chevron-down-24px-grey.svg) no-repeat center right;
}

.wpcf7-response-output {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  margin-top: 30px;
  margin-bottom: 7px !important;
  font-size: 1.5rem;
}
.wpcf7-response-output.wpcf7-mail-sent-ok {
  color: #009900 !important;
}
.wpcf7-response-output.wpcf7-validation-errors {
  color: #CC0000 !important;
}

input.wpcf7-not-valid {
  border-color: #CC0000 !important;
}

.wpcf7-not-valid-tip {
  color: #CC0000 !important;
  margin-top: -5px !important;
  font-size: 0.75rem !important;
}

.wpcf7-acceptance .wpcf7-list-item {
  margin: 0;
}
.wpcf7-acceptance .wpcf7-list-item label input {
  margin-right: 5px;
}

.challenge-me .wpcf7-not-valid-tip {
  margin-top: -17px !important;
}

.wpcf7-quiz-label,
.wpcf7-quiz {
  display: inline-block !important;
}

.wpcf7-quiz {
  width: 60px !important;
  margin-left: 10px;
}

#modal-custom input[type=submit].wpcf7-form-control.wpcf7-submit {
  background-color: white;
  color: #666666;
  border-color: #666666;
}
#modal-custom input[type=submit].wpcf7-form-control.wpcf7-submit:hover, #modal-custom input[type=submit].wpcf7-form-control.wpcf7-submit:active {
  color: #0099CC;
  border-color: #0099CC;
  cursor: pointer;
}
#modal-custom input[type=submit].wpcf7-form-control.wpcf7-submit:disabled {
  cursor: not-allowed;
  color: #DCDCDC;
  border-color: #DCDCDC;
}

.modal a.close-modal {
  border-radius: 0;
  background: unset;
  right: 15px;
  top: 15px;
}
.modal a.close-modal:hover::before, .modal a.close-modal:focus::before {
  color: #0099CC;
}

.close-modal .img-off,
.print-modal .img-off,
.share-email-modal .img-off {
  display: block;
}
.close-modal .img-on,
.print-modal .img-on,
.share-email-modal .img-on {
  display: none;
}
.close-modal:hover .img-on,
.print-modal:hover .img-on,
.share-email-modal:hover .img-on {
  display: block;
}
.close-modal:hover .img-off,
.print-modal:hover .img-off,
.share-email-modal:hover .img-off {
  display: none;
}

.print-modal {
  position: absolute;
  display: block;
  right: 15px;
  top: 45px;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  padding: 3px;
}

.wpcf7-form.sent label,
.wpcf7-form.sent input,
.wpcf7-form.sent > p {
  display: none !important;
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.hide {
  display: none;
}

#modal-druck {
  min-width: 600px;
  width: 50%;
  margin-top: 60px;
  margin-bottom: 60px;
}
#modal-druck h1 {
  font-weight: 300;
  font-size: 32px;
  margin-bottom: 30px;
}
#modal-druck h3 {
  font-weight: 300;
  font-size: 24px;
/*  margin-bottom: 12px; */
  margin-top: 24px;
}
#modal-druck h3:first-child {
  margin-top: 0;
}
#modal-druck .icon {
  width: 40px;
  display: inherit !important;
  vertical-align: -2px;
}
#modal-druck .icon img {
  margin: auto;
  display: inline-block;
  width: 18px;
  height: 18px;
}
#modal-druck .stats-prnt-wrap .stats-cell {
  border-top: 1px solid #DCDCDC;
  margin-top: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
}
#modal-druck .stats-prnt-wrap .stats-cell.last {
  border-bottom: 1px solid #DCDCDC;
}
#modal-druck .stats-name {
  padding-left: 10px;
  margin-right: 20px;
}

.rlb-route-print-logo {
  display: none;
}

@media (max-width: 820px) {
  .modal {
    width: 100%;
    padding: 30px;
  }
}
#modal-gate-app-overlay {
  padding: unset;
  box-shadow: 0 4px 10px rgba(70, 70, 70, .2) !important;
  border-radius: 9px;
}
#modal-gate-app-overlay .close-modal {
  display: none;
}
#modal-gate-app-overlay .icon-close .close-modal {
  display: block;
}
#modal-gate-app-overlay .icon-close .close-modal .img-off {
  display: block !important;
  z-index: 1;
}
#modal-gate-app-overlay .icon-close .close-modal .img-on {
  display: none !important;
  z-index: 1;
}
#modal-gate-app-overlay .icon-close .close-modal:hover .img-on {
  display: block !important;
}
#modal-gate-app-overlay .icon-close .close-modal:hover .img-off {
  display: none !important;
}
#modal-gate-app-overlay.modal {
  width: unset !important;
  max-width: unset !important;
}
#modal-gate-app-overlay .visible---mobile {
  display: none;
}
#modal-gate-app-overlay .visible---desktop {
  display: block;
}
#modal-gate-app-overlay .container {
  display: grid;
  grid-template-columns: auto 420px 420px auto;
  grid-template-rows: auto;
  gap: 0px 0px;
  grid-template-areas: ". image content .";
  align-items: stretch;
  justify-items: stretch;
}
#modal-gate-app-overlay .image {
  border-radius: 9px 0 0 9px;
  grid-area: image;
  align-self: center;
  position: relative;
  width: 100%;
  background-color: #EDEDED;
}
#modal-gate-app-overlay .image img {
  max-height: 600px !important;
  margin: 0 auto;
  padding: 30px;
}
#modal-gate-app-overlay .content {
  background-color: #fff;
  grid-area: content;
  padding: 70px 50px;
  padding-right: 30px;
  align-self: center;
  border-radius: 0 9px 9px 0;
}
#modal-gate-app-overlay .content h2 {
  font-size: 2.625rem;
  line-height: 3.125rem;
  font-weight: 300;
  padding-bottom: 0;
}
#modal-gate-app-overlay .content h3 {
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 400;
  padding-top: 15px;
  margin-bottom: 0;
}
#modal-gate-app-overlay .content p {
  font-size: 1rem;
  line-height: 1.75rem;
  font-weight: 300;
  padding-top: 20px;
  margin-bottom: 0;
}
#modal-gate-app-overlay .content strong {
  font-weight: 400;
}
#modal-gate-app-overlay .content a.btn-round {
  margin-top: 35px;
  margin-bottom: 0;
}
@media (min-width: 992px) and (max-width: 1199px) {
  #modal-gate-app-overlay .image img {
    padding: 20px;
    max-height: 500px;
  }
  #modal-gate-app-overlay .content {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 820px) {
  #modal-gate-app-overlay .container {
    display: grid;
    grid-template-columns: auto 350px 350px auto;
  }
  #modal-gate-app-overlay .content {
    padding: 30px 20px 30px 30px;
  }
  #modal-gate-app-overlay .content h2 {
    font-size: 2.25rem;
    line-height: 2.625rem;
  }
  #modal-gate-app-overlay .content h3 {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  #modal-gate-app-overlay .content p {
    font-size: 0.875rem;
    line-height: 1.625rem;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  #modal-gate-app-overlay .visible---mobile {
    display: block;
  }
  #modal-gate-app-overlay .visible---desktop {
    display: none;
  }
  #modal-gate-app-overlay .btn-close.visible---mobile {
    display: inline-block;
    margin-left: 10px;
  }
  #modal-gate-app-overlay .container {
    display: grid;
    grid-template-columns: auto 335px 335px auto;
  }
  #modal-gate-app-overlay .content {
    padding: 30px 20px 30px 30px;
    height: unset;
  }
  #modal-gate-app-overlay .content h2 {
    font-size: 1.75rem;
    line-height: 2.375rem;
  }
  #modal-gate-app-overlay .content h3 {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  #modal-gate-app-overlay .content p {
    display: none;
    font-size: 0.875rem;
    line-height: 1.625rem;
  }
  #modal-gate-app-overlay .image img {
    padding: 0;
  }
}
@media only screen and (max-width: 670px) and (orientation: landscape) {
  #modal-gate-app-overlay .visible---mobile {
    display: block;
  }
  #modal-gate-app-overlay .visible---desktop {
    display: none;
  }
  #modal-gate-app-overlay .btn-close.visible---mobile {
    display: inline-block;
    margin-left: 3px;
  }
  #modal-gate-app-overlay .btn-round {
    font-size: 0.75rem;
  }
  #modal-gate-app-overlay .btn-round i:first-child {
    font-size: 0.625rem;
  }
  #modal-gate-app-overlay .container {
    display: grid;
    grid-template-columns: auto 300px 300px auto;
  }
  #modal-gate-app-overlay .content {
    padding: 30px 10px 30px 20px;
    height: unset;
  }
  #modal-gate-app-overlay .content h2 {
    font-size: 1.5rem;
    line-height: 2.25rem;
  }
  #modal-gate-app-overlay .content h3 {
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
  #modal-gate-app-overlay .content p {
    display: none;
    font-size: 0.875rem;
    line-height: 1.625rem;
  }
  #modal-gate-app-overlay .image img {
    padding: 0;
  }
}
@media only screen and (max-width: 576px) and (orientation: portrait) {
  #modal-gate-app-overlay .visible---mobile {
    display: block;
  }
  #modal-gate-app-overlay .visible---desktop {
    display: none;
  }
  #modal-gate-app-overlay .btn-close.visible---mobile {
    display: inline-block;
    margin-left: 5px;
  }
  #modal-gate-app-overlay .container {
    display: grid;
    grid-template-columns: auto 320px auto;
    grid-template-rows: 1fr auto;
    gap: 0px 0px;
    grid-template-areas: ". image ." ". content .";
  }
  #modal-gate-app-overlay .image {
    border-radius: 9px 9px 0 0;
  }
  #modal-gate-app-overlay .content {
    align-self: start;
    padding: 30px;
    padding-bottom: 35px;
    height: auto;
    border-radius: 0 0 9px 9px;
  }
  #modal-gate-app-overlay .content h2 {
    font-size: 1.75rem;
    line-height: 2.375rem;
  }
  #modal-gate-app-overlay .content h3 {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  #modal-gate-app-overlay .content p {
    font-size: 0.875rem;
    line-height: 1.625rem;
  }
  #modal-gate-app-overlay .image img {
    padding: 0;
  }
}
@media only screen and (max-width: 390px) and (orientation: portrait) {
  #modal-gate-app-overlay .visible---mobile {
    display: block;
  }
  #modal-gate-app-overlay .visible---desktop {
    display: none;
  }
  #modal-gate-app-overlay .btn-close.visible---mobile {
    display: inline-block;
    margin-left: 5px;
  }
  #modal-gate-app-overlay .btn-round {
    font-size: 0.75rem;
  }
  #modal-gate-app-overlay .btn-round i:first-child {
    font-size: 0.625rem;
  }
  #modal-gate-app-overlay .container {
    display: grid;
    grid-template-columns: auto 320px auto;
    grid-template-rows: 1fr auto;
    gap: 0px 0px;
    grid-template-areas: ". image ." ". content .";
  }
  #modal-gate-app-overlay .image {
    border-radius: 9px 9px 0 0;
  }
  #modal-gate-app-overlay .content {
    align-self: start;
    padding: 30px;
    padding-bottom: 35px;
    height: auto;
    border-radius: 0 0 9px 9px;
  }
  #modal-gate-app-overlay .content h2 {
    font-size: 1.5rem;
    line-height: 2.25rem;
  }
  #modal-gate-app-overlay .content h3 {
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
  #modal-gate-app-overlay .content p {
    display: none;
    font-size: 0.875rem;
    line-height: 1.625rem;
  }
  #modal-gate-app-overlay .image img {
    padding: 0;
  }
}

.btn---full-blue {
  background-color: #0099CC;
  color: #FFFFFF !important;
}
.btn---full-blue:hover {
  background-color: #FFFFFF;
  color: #0099CC !important;
  border-color: #0099CC;
}

.blocker {
  z-index: 600;
  background-color: rgba(0, 0, 0, 0.7) !important;
}

#modal-feedback-v2 {
  display: none;
  padding: unset;
  box-shadow: 0 4px 10px rgba(70, 70, 70, .2) !important;
  border-radius: 9px;
}
#modal-feedback-v2 .close-modal {
  display: none;
}
#modal-feedback-v2 .icon-close .close-modal {
  display: block;
}
#modal-feedback-v2 .icon-close .close-modal .img-off {
  display: block !important;
  z-index: 1;
}
#modal-feedback-v2 .icon-close .close-modal .img-on {
  display: none !important;
  z-index: 1;
}
#modal-feedback-v2 .icon-close .close-modal:hover .img-on {
  display: block !important;
}
#modal-feedback-v2 .icon-close .close-modal:hover .img-off {
  display: none !important;
}
#modal-feedback-v2.modal {
  width: unset !important;
  max-width: unset !important;
}
#modal-feedback-v2 .visible---mobile {
  display: none;
}
#modal-feedback-v2 .visible---desktop {
  display: block;
}
#modal-feedback-v2 .container {
  display: grid;
  grid-template-columns: auto 336px 504px auto;
  grid-template-rows: auto;
  gap: 0px 0px;
  grid-template-areas: ". image content .";
  align-items: stretch;
  justify-items: stretch;
}
#modal-feedback-v2 .image {
  border-radius: 9px 0 0 9px;
  grid-area: image;
  align-self: center;
  position: relative;
  width: 100%;
  background-color: #EDEDED;
  background-position: top center;
  min-height: 660px;
  background-repeat: no-repeat;
}
#modal-feedback-v2 .image img {
  max-height: 600px !important;
  margin: 0 auto;
  padding: 30px;
}
#modal-feedback-v2 .image .cnt-overlay {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  text-align: center;
  padding-bottom: 50px;
}
#modal-feedback-v2 .image .cnt-overlay p {
  padding: 10px 45px 25px 45px;
  font-size: 18px;
  line-height: 28px;
}
#modal-feedback-v2 .image .cnt-overlay p strong {
  font-weight: 600;
}
#modal-feedback-v2 .content {
  background-color: #fff;
  grid-area: content;
  padding: 70px;
  padding-bottom: 50px;
  height: 100%;
  border-radius: 0 9px 9px 0;
}
#modal-feedback-v2 .content h2 {
  font-size: 2.625rem;
  line-height: 3.125rem;
  font-weight: 300;
  padding-bottom: 0;
}
#modal-feedback-v2 .content h3 {
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 400;
  padding-top: 15px;
  margin-bottom: 0;
}
#modal-feedback-v2 .content p {
  font-size: 1rem;
  line-height: 1.75rem;
  font-weight: 300;
  margin-bottom: 0;
}
#modal-feedback-v2 .content strong {
  font-weight: 400;
}
#modal-feedback-v2 .content a.btn-round {
  margin-top: 35px;
  margin-bottom: 0;
}
#modal-feedback-v2 .content .feedback-page-01,
#modal-feedback-v2 .content .feedback-page-02 {
  display: block;
  height: inherit;
}
#modal-feedback-v2 .content .feedback-page-02 {
  display: none;
}
#modal-feedback-v2 .content .feedback-page-02 .row {
  display: table-row;
  width: 100%;
  position: relative;
}
#modal-feedback-v2 .content .feedback-page-02 .fb-select-topic {
  position: absolute;
  z-index: 1;
  background-color: #fff;
  box-shadow: 0 4px 10px rgba(65, 65, 65, 0.3);
  right: 0;
  padding-right: 15px;
  padding-left: 5px;
}
#modal-feedback-v2 .content .feedback-page-02 .fb-select-topic .hide {
  display: none;
}
#modal-feedback-v2 .content .row---submit {
  position: unset !important;
  bottom: 60px;
  margin: 0 auto;
  width: 364px;
  padding-top: 60px;
}
#modal-feedback-v2 .content .row---submit .btn-round {
  margin-top: 0;
}
#modal-feedback-v2 .content .center {
  text-align: center;
}
#modal-feedback-v2 .content .fb-header-info {
  display: table;
  width: 100%;
  padding-top: 30px;
  border-bottom: 1px solid #666;
  padding-bottom: 15px;
  font-size: 14px;
  color: #414141;
}
#modal-feedback-v2 .content .fb-header-info .topic,
#modal-feedback-v2 .content .fb-header-info .change {
  display: table-cell;
  width: 70%;
}
#modal-feedback-v2 .content .fb-header-info .change {
  width: 30%;
  text-align: right;
}
#modal-feedback-v2 .content .fb-header-info .topic strong {
  padding-left: 7px;
}
#modal-feedback-v2 .content ul.feedback-select-list {
  font-size: 14px;
  list-style-type: none;
  padding-top: 30px;
}
#modal-feedback-v2 .content ul.feedback-select-list li {
  left: unset;
  margin-right: unset;
  border-bottom: 1px solid #DCDCDC;
  padding-left: 10px;
  height: 40px;
}
#modal-feedback-v2 .content ul.feedback-select-list li:before {
  content: "";
  left: unset;
  position: unset;
}
#modal-feedback-v2 .content ul.feedback-select-list li:after {
  content: " ";
  position: absolute;
  background-image: url(/wp-content/themes/radlland-bayern/media/chevron-right-grey.svg);
  right: 15px;
  top: 10px;
  width: 16px;
  height: 16px;
}
#modal-feedback-v2 .content ul.feedback-select-list li:hover {
  cursor: pointer;
  color: #0099CC;
}
#modal-feedback-v2 .content ul.feedback-select-list li:hover:after {
  color: #0099CC;
  background-image: url(/wp-content/themes/radlland-bayern/media/chevron-right-blue.svg);
}
#modal-feedback-v2 .content .feedback-page-02 ul.feedback-select-list {
  padding-top: 5px;
  padding-bottom: 0;
}
#modal-feedback-v2 .content .feedback-page-02 ul.feedback-select-list li {
  border: 0;
  height: auto;
}
#modal-feedback-v2 .content .feedback-page-02 ul.feedback-select-list li:after {
  content: "";
  top: unset;
  width: unset;
  height: unset;
  background-image: unset;
  right: unset;
  top: unset;
}
#modal-feedback-v2 .content .feedback-page-02 .wrapper {
  height: 100%;
}
#modal-feedback-v2 .content .fb-change:hover {
  color: #0099CC;
  cursor: pointer;
}
#modal-feedback-v2 .content form,
#modal-feedback-v2 .content .wpfc7-form {
  /* ************************************************************* */
  /* UI ELEMENTS - Checkbox ************************************** */
  /* ************************************************************* */
  /* The container */
  /* Hide the browser's default checkbox */
  /* ************************************************************* */
  /* UI ELEMENTS - Checkbox ************************************** */
  /* ************************************************************* */
  /* The container */
}
#modal-feedback-v2 .content form .wpcf7-submit.btn-round,
#modal-feedback-v2 .content .wpfc7-form .wpcf7-submit.btn-round {
  padding-right: 20px;
  margin-top: 15px;
}
#modal-feedback-v2 .content form .wpcf7-submit.btn-round:hover:enabled,
#modal-feedback-v2 .content .wpfc7-form .wpcf7-submit.btn-round:hover:enabled {
  cursor: pointer;
}
#modal-feedback-v2 .content form .wpcf7-submit.btn-round:hover:disabled,
#modal-feedback-v2 .content .wpfc7-form .wpcf7-submit.btn-round:hover:disabled {
  background-color: #EFEFEF;
  color: #FFFFFF !important;
  border-color: #EFEFEF;
}
#modal-feedback-v2 .content form label,
#modal-feedback-v2 .content .wpfc7-form label {
  display: none;
}
#modal-feedback-v2 .content form .wpcf7-text,
#modal-feedback-v2 .content form .wpcf7-textarea,
#modal-feedback-v2 .content .wpfc7-form .wpcf7-text,
#modal-feedback-v2 .content .wpfc7-form .wpcf7-textarea {
  width: 100%;
  border: 0 !important;
  border-bottom: 1px solid #DCDCDC !important;
  font-size: 13px;
  margin-top: 13px;
  padding-left: 10px;
}
#modal-feedback-v2 .content form .wpcf7-text:focus,
#modal-feedback-v2 .content form .wpcf7-textarea:focus,
#modal-feedback-v2 .content .wpfc7-form .wpcf7-text:focus,
#modal-feedback-v2 .content .wpfc7-form .wpcf7-textarea:focus {
  outline: none;
}
#modal-feedback-v2 .content form .wpcf7-textarea,
#modal-feedback-v2 .content .wpfc7-form .wpcf7-textarea {
  resize: none;
}
#modal-feedback-v2 .content form .wpcf7-not-valid-tip,
#modal-feedback-v2 .content .wpfc7-form .wpcf7-not-valid-tip {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}
#modal-feedback-v2 .content form .gdpr-block,
#modal-feedback-v2 .content .wpfc7-form .gdpr-block {
  display: table;
}
#modal-feedback-v2 .content form .gdpr-check,
#modal-feedback-v2 .content form .gdpr-text,
#modal-feedback-v2 .content .wpfc7-form .gdpr-check,
#modal-feedback-v2 .content .wpfc7-form .gdpr-text {
  display: table-cell;
  width: 7%;
  font-size: 13px;
}
#modal-feedback-v2 .content form .gdpr-text,
#modal-feedback-v2 .content .wpfc7-form .gdpr-text {
  margin-left: 30px;
  width: 80%;
}
#modal-feedback-v2 .content form INPUT[type=checkbox]:checked,
#modal-feedback-v2 .content .wpfc7-form INPUT[type=checkbox]:checked {
  box-shadow: #09c 0 0 0 1px;
}
#modal-feedback-v2 .content form INPUT[type=checkbox]:checked + .checkmark,
#modal-feedback-v2 .content .wpfc7-form INPUT[type=checkbox]:checked + .checkmark {
  left: 8px;
  top: 4px;
  width: 6px;
  height: 9px;
  border: solid #09c;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  display: inline-block;
  pointer-events: none;
}
#modal-feedback-v2 .content form INPUT[type=checkbox],
#modal-feedback-v2 .content .wpfc7-form INPUT[type=checkbox] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
  border-radius: 3px;
  box-shadow: #414141 0 0 0 1px;
  color: #09c;
  cursor: pointer;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  height: 14px;
  width: 14px;
  position: absolute;
  text-align: left;
  left: 0;
  top: 0;
}
#modal-feedback-v2 .content form INPUT[type=checkbox]:hover,
#modal-feedback-v2 .content .wpfc7-form INPUT[type=checkbox]:hover {
  box-shadow: #09C 0 0 0 1px;
}
#modal-feedback-v2 .content form INPUT[type=checkbox]:after,
#modal-feedback-v2 .content .wpfc7-form INPUT[type=checkbox]:after {
  border-color: #09c;
  border-image: none 100% 1 0 stretch;
  border-style: solid;
  border-width: 0 2px 2px 0;
  content: "";
  display: none;
  height: 9px;
  left: 4px;
  position: absolute;
  top: 1px;
  transform: rotate(45deg);
  width: 6px;
}
#modal-feedback-v2 .content form .wpcf7-response-output,
#modal-feedback-v2 .content .wpfc7-form .wpcf7-response-output {
  font-size: 14px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  #modal-feedback-v2 .image img {
    padding: 20px;
    max-height: 500px;
  }
  #modal-feedback-v2 .content {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 820px) {
  #modal-feedback-v2 .container {
    display: grid;
    grid-template-columns: auto 350px 350px auto;
  }
  #modal-feedback-v2 .content {
    padding: 70px 40px 70px 40px;
  }
  #modal-feedback-v2 .content h2 {
    font-size: 2.25rem;
    line-height: 2.625rem;
  }
  #modal-feedback-v2 .content h3 {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  #modal-feedback-v2 .content p {
    font-size: 0.875rem;
    line-height: 1.625rem;
  }
  #modal-feedback-v2 .content .row---submit {
    width: 270px;
  }
}
@media only screen and (max-width: 812px) and (orientation: landscape) {
  #modal-feedback-v2 .visible---mobile {
    display: block;
  }
  #modal-feedback-v2 .visible---desktop {
    display: none;
  }
  #modal-feedback-v2 .btn-close.visible---mobile {
    display: inline-block;
    margin-left: 10px;
  }
  #modal-feedback-v2 .container {
    display: grid;
    grid-template-columns: auto 335px 335px auto;
  }
  #modal-feedback-v2 .content {
    padding: 30px 20px 30px 30px;
    height: unset;
  }
  #modal-feedback-v2 .content h2 {
    font-size: 1.75rem;
    line-height: 2.375rem;
  }
  #modal-feedback-v2 .content h3 {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  #modal-feedback-v2 .content p {
    display: none;
    font-size: 0.875rem;
    line-height: 1.625rem;
  }
  #modal-feedback-v2 .content .row---submit {
    width: 270px;
  }
  #modal-feedback-v2 .image img {
    padding: 0;
  }
}
@media only screen and (max-width: 670px) and (orientation: landscape) {
  #modal-feedback-v2 .visible---mobile {
    display: block;
  }
  #modal-feedback-v2 .visible---desktop {
    display: none;
  }
  #modal-feedback-v2 .btn-close.visible---mobile {
    display: inline-block;
    margin-left: 3px;
  }
  #modal-feedback-v2 .btn-round {
    font-size: 0.75rem;
  }
  #modal-feedback-v2 .btn-round i:first-child {
    font-size: 0.625rem;
  }
  #modal-feedback-v2 .container {
    display: grid;
    grid-template-columns: auto 300px 300px auto;
  }
  #modal-feedback-v2 .content {
    padding: 30px 10px 30px 20px;
    height: unset;
  }
  #modal-feedback-v2 .content h2 {
    font-size: 1.5rem;
    line-height: 2.25rem;
  }
  #modal-feedback-v2 .content h3 {
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
  #modal-feedback-v2 .content p {
    display: none;
    font-size: 0.875rem;
    line-height: 1.625rem;
  }
  #modal-feedback-v2 .image img {
    padding: 0;
  }
}
@media only screen and (max-width: 576px) and (orientation: portrait) {
  #modal-feedback-v2 .visible---mobile {
    display: block;
  }
  #modal-feedback-v2 .visible---desktop {
    display: none;
  }
  #modal-feedback-v2 .btn-close.visible---mobile {
    display: inline-block;
    margin-left: 5px;
  }
  #modal-feedback-v2 .container {
    display: grid;
    grid-template-columns: auto 320px auto;
    grid-template-rows: 1fr auto;
    gap: 0px 0px;
    grid-template-areas: ". content .";
  }
  #modal-feedback-v2 .image {
    display: none;
  }
  #modal-feedback-v2 .content {
    align-self: start;
    padding: 30px;
    padding-bottom: 35px;
    height: auto;
    border-radius: 9px;
  }
  #modal-feedback-v2 .content h2 {
    font-size: 1.75rem;
    line-height: 2.375rem;
  }
  #modal-feedback-v2 .content h3 {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  #modal-feedback-v2 .content p {
    font-size: 0.875rem;
    line-height: 1.625rem;
  }
  #modal-feedback-v2 .content .row---submit {
    padding-top: 45px;
    height: unset;
    bottom: unset;
  }
  #modal-feedback-v2 .image img {
    padding: 0;
  }
}
@media only screen and (max-width: 390px) and (orientation: portrait) {
  #modal-feedback-v2 .visible---mobile {
    display: block;
  }
  #modal-feedback-v2 .visible---desktop {
    display: none;
  }
  #modal-feedback-v2 .btn-close.visible---mobile {
    display: inline-block;
    margin-left: 5px;
  }
  #modal-feedback-v2 .btn-round {
    font-size: 0.75rem;
  }
  #modal-feedback-v2 .btn-round i:first-child {
    font-size: 0.625rem;
  }
  #modal-feedback-v2 .container {
    display: grid;
    grid-template-columns: auto 320px auto;
    grid-template-rows: 1fr auto;
    gap: 0px 0px;
    grid-template-areas: ". content .";
  }
  #modal-feedback-v2 .image {
    display: none;
  }
  #modal-feedback-v2 .content {
    align-self: start;
    padding: 30px;
    padding-bottom: 35px;
    height: auto;
    border-radius: 9px;
  }
  #modal-feedback-v2 .content h2 {
    font-size: 1.5rem;
    line-height: 2.25rem;
  }
  #modal-feedback-v2 .content h3 {
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
  #modal-feedback-v2 .image img {
    padding: 0;
  }
}

.btn---full-blue {
  background-color: #0099CC;
  color: #FFFFFF !important;
}
.btn---full-blue:hover {
  background-color: #FFFFFF;
  color: #0099CC !important;
  border-color: #0099CC;
}

.blocker {
  z-index: 600;
  background-color: rgba(0, 0, 0, 0.7) !important;
}

form.wpcf7-form.sent .wpcf7-response-output {
  display: block;
  padding-top: 30px !important;
}

.page-map-iframe {
  /*   height: 100vh !important; */
  bottom: 0;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  overflow: hidden;
}
.page-map-iframe #map-container {
  background-color: #eee !important;
  display: block;
  width: 100vw;
  /*   height: calc(100vh-100px);  */
  height: 100vh;
  height: calc(100% + 20px);
  position: absolute;
  left: 0;
  top: 80px;
  right: 0;
  border: 0;
  bottom: 0;
  background-color: #f00;
  margin-top: -100px;
}

/* -------------------------------------------------------------------
  Microtip

  Modern, lightweight css-only tooltips
  Just 1kb minified and gzipped

  @author Ghosh
  @package Microtip

----------------------------------------------------------------------
  1. Base Styles
  2. Direction Modifiers
  3. Position Modifiers
--------------------------------------------------------------------*/
/* ------------------------------------------------
  [1] Base Styles
-------------------------------------------------*/
[aria-label][role~=tooltip] {
  position: relative;
}

[aria-label][role~=tooltip]::before,
[aria-label][role~=tooltip]::after {
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: transform;
  opacity: 0;
  pointer-events: none;
  transition: all var(--microtip-transition-duration, 0.18s) var(--microtip-transition-easing, ease-in-out) var(--microtip-transition-delay, 0s);
  position: absolute;
  box-sizing: border-box;
  z-index: 10;
  transform-origin: top;
}

[aria-label][role~=tooltip]::before {
  background-size: 100% auto !important;
  content: "";
}

[aria-label][role~=tooltip]::after {
  background: rgba(17, 17, 17, 0.9);
  border-radius: 4px;
  color: #ffffff;
  content: attr(aria-label);
  font-size: var(--microtip-font-size, 13px);
  font-weight: var(--microtip-font-weight, normal);
  text-transform: var(--microtip-text-transform, none);
  padding: 0.5em 1em;
  white-space: nowrap;
  box-sizing: content-box;
}

[aria-label][role~=tooltip]:hover::before,
[aria-label][role~=tooltip]:hover::after,
[aria-label][role~=tooltip]:focus::before,
[aria-label][role~=tooltip]:focus::after {
  opacity: 1;
  pointer-events: auto;
}

/* ------------------------------------------------
  [2] Position Modifiers
-------------------------------------------------*/
[role~=tooltip][data-microtip-position|=top]::before {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%280%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat;
  height: 6px;
  width: 18px;
  margin-bottom: 5px;
}

[role~=tooltip][data-microtip-position|=top]::after {
  margin-bottom: 11px;
}

[role~=tooltip][data-microtip-position|=top]::before {
  transform: translate3d(-50%, 0, 0);
  bottom: 100%;
  left: 50%;
}

[role~=tooltip][data-microtip-position|=top]:hover::before {
  transform: translate3d(-50%, -5px, 0);
}

[role~=tooltip][data-microtip-position|=top]::after {
  transform: translate3d(-50%, 0, 0);
  bottom: 100%;
  left: 50%;
}

[role~=tooltip][data-microtip-position=top]:hover::after {
  transform: translate3d(-50%, -5px, 0);
}

/* ------------------------------------------------
  [2.1] Top Left
-------------------------------------------------*/
[role~=tooltip][data-microtip-position=top-left]::after {
  transform: translate3d(calc(-100% + 16px), 0, 0);
  bottom: 100%;
}

[role~=tooltip][data-microtip-position=top-left]:hover::after {
  transform: translate3d(calc(-100% + 16px), -5px, 0);
}

/* ------------------------------------------------
  [2.2] Top Right
-------------------------------------------------*/
[role~=tooltip][data-microtip-position=top-right]::after {
  transform: translate3d(calc(0% - 16px), 0, 0);
  bottom: 100%;
}

[role~=tooltip][data-microtip-position=top-right]:hover::after {
  transform: translate3d(calc(0% - 16px), -5px, 0);
}

/* ------------------------------------------------
  [2.3] Bottom
-------------------------------------------------*/
[role~=tooltip][data-microtip-position|=bottom]::before {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%28180%2018%206%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat;
  height: 6px;
  width: 18px;
  margin-top: 5px;
  margin-bottom: 0;
}

[role~=tooltip][data-microtip-position|=bottom]::after {
  margin-top: 11px;
}

[role~=tooltip][data-microtip-position|=bottom]::before {
  transform: translate3d(-50%, -10px, 0);
  bottom: auto;
  left: 50%;
  top: 100%;
}

[role~=tooltip][data-microtip-position|=bottom]:hover::before {
  transform: translate3d(-50%, 0, 0);
}

[role~=tooltip][data-microtip-position|=bottom]::after {
  transform: translate3d(-50%, -10px, 0);
  top: 100%;
  left: 50%;
}

[role~=tooltip][data-microtip-position=bottom]:hover::after {
  transform: translate3d(-50%, 0, 0);
}

/* ------------------------------------------------
  [2.4] Bottom Left
-------------------------------------------------*/
[role~=tooltip][data-microtip-position=bottom-left]::after {
  transform: translate3d(calc(-100% + 16px), -10px, 0);
  top: 100%;
}

[role~=tooltip][data-microtip-position=bottom-left]:hover::after {
  transform: translate3d(calc(-100% + 16px), 0, 0);
}

/* ------------------------------------------------
  [2.5] Bottom Right
-------------------------------------------------*/
[role~=tooltip][data-microtip-position=bottom-right]::after {
  transform: translate3d(calc(0% - 16px), -10px, 0);
  top: 100%;
}

[role~=tooltip][data-microtip-position=bottom-right]:hover::after {
  transform: translate3d(calc(0% - 16px), 0, 0);
}

/* ------------------------------------------------
  [2.6] Left
-------------------------------------------------*/
[role~=tooltip][data-microtip-position=left]::before,
[role~=tooltip][data-microtip-position=left]::after {
  bottom: auto;
  left: auto;
  right: 100%;
  top: 50%;
  transform: translate3d(10px, -50%, 0);
}

[role~=tooltip][data-microtip-position=left]::before {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%28-90%2018%2018%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat;
  height: 18px;
  width: 6px;
  margin-right: 5px;
  margin-bottom: 0;
}

[role~=tooltip][data-microtip-position=left]::after {
  margin-right: 11px;
}

[role~=tooltip][data-microtip-position=left]:hover::before,
[role~=tooltip][data-microtip-position=left]:hover::after {
  transform: translate3d(0, -50%, 0);
}

/* ------------------------------------------------
  [2.7] Right
-------------------------------------------------*/
[role~=tooltip][data-microtip-position=right]::before,
[role~=tooltip][data-microtip-position=right]::after {
  bottom: auto;
  left: 100%;
  top: 50%;
  transform: translate3d(-10px, -50%, 0);
}

[role~=tooltip][data-microtip-position=right]::before {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%2890%206%206%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat;
  height: 18px;
  width: 6px;
  margin-bottom: 0;
  margin-left: 5px;
}

[role~=tooltip][data-microtip-position=right]::after {
  margin-left: 11px;
}

[role~=tooltip][data-microtip-position=right]:hover::before,
[role~=tooltip][data-microtip-position=right]:hover::after {
  transform: translate3d(0, -50%, 0);
}

/* ------------------------------------------------
  [3] Size
-------------------------------------------------*/
[role~=tooltip][data-microtip-size=small]::after {
  white-space: initial;
  width: 80px;
}

[role~=tooltip][data-microtip-size=medium]::after {
  white-space: initial;
  width: 150px;
}

[role~=tooltip][data-microtip-size=large]::after {
  white-space: initial;
  width: 260px;
}

[aria-label][role~=tooltip]::after {
  font-size: 12px;
  padding: 3px;
  text-align: center;
  box-shadow: "0 4px 10px rgba(65, 65, 65, .3)";
  border-radius: 3px;
  background: rgba(65, 65, 65, 0.7);
  background-color: rgba(65, 65, 65, 0.7);
}

.xdebug-var-dump {
  position: absolute;
  z-index: 1000;
  left: 450px;
  top: 200px;
  padding: 30px;
  background-color: #eee;
}




/* Added 2025-10 */


/* Logo sichtbar */
.rlb-route-print-logo {
  display: block;
  height: auto;
  width: 100px;
  padding-bottom: 0px;
  margin-bottom: 5px;
}

/* Drucken Button */
.print-modal {
  position: absolute; /*relative*/
  display: block;
  top: 19px !important;
  width: 36px;
  height: 36px;
  text-indent: -9999px;
  /*padding: 3px;*/
  text-align: center;
  cursor: pointer;
  margin-left: 620px;
  border: 1px solid rgba(0,0,0,.05);
  border-radius: 50%;
  padding: 7px;
  right: 60px !important;
  margin-top: 0 !important;
}

.print-modal .img-off {
  width: 20px;
  height: 20px;
  vertical-align: middle;
}

.print-modal:hover,
.modal a.close-modal:hover  {
  background-color: rgba(0,0,0,.02);
  color: #09c;
}

/* Close Button */
.modal a.close-modal { /* .modal a.close-modal */
  width: 36px;
  height: 36px;
  text-align: center;
  cursor: pointer;
  border: 1px solid rgba(0,0,0,.05);
  border-radius: 50%;
  /*! right: 16px !important; */
  margin-top: 0 !important;
  padding: 7px;
  top: 18px !important;
}

/* Modal */
#modal-druck {
  min-width: 800px;
  width: auto;
  margin-top: 60px;
  margin-bottom: 60px;
}

.modal {
  /*padding: 30px;*/
  max-width: 800px !important;
  min-width: 580px !important;
  border-radius: 5px;
  padding: 16px 16px 0;
  box-shadow: 0 4px 10px rgba(65, 65, 65, 0.3) !important;
}

/* Headline h1 - Überschrift Radweg*/
#modal-druck h1 {
  font-weight: 400;
  font-size: 24px;
  margin-bottom: 11px;
  margin-top: 12px;
border-top: 1px solid #ddd;
  padding-top: 13px;
}

/* Headline h3 - Artikel Überschrift */
#modal-druck h3 {
  font-weight: 600;
  font-size: 14px;
  margin-top: 24px;
  padding-bottom: 5px;
  line-height: 19px;
}
#modal-druck h3:first-child {
  margin-top: 0px;
  padding-top: 0px;
}

.printarea div, .printarea p, .printarea span {
  font-size: 14px;
  line-height: 22px;
  font-weight: 400 !important;
}

.popUpContent .iconDotClosePrint {
  right: 0 !important;
  margin-top: 0 !important;
  border: 1px solid rgba(0,0,0,.05);
  border-radius: 50%;
  display: inline-flex;
  cursor: pointer;
  height: 36px;
  width: 36px;
  min-width: 36px;
}

/* Tabelle */
#modal-druck .stats-prnt-wrap {
	padding-top: 4px;
	margin-bottom: 20px;
}

#modal-druck .stats-prnt-wrap .stats-cell {
  border-top: 1px solid #DCDCDC;
  /* margin-top: 5px; */
  padding-top: 12px;
  padding-bottom: 11px;
}

/* Border TOP */
.printarea .bordertop {
	border-top: 1px solid #ddd;
	padding-top: 20px;
}

/* URL Root Link */
.printarea .rootlink {
  color: #000;
  font-weight: 400;
	margin-top: 30px;
}

/* Footer-Zeile */
.printarea .footerBfRPrint {
  font-size: 9pt;
  color: #000;
  font-weight: 400;
  line-height: 10px;
  padding-bottom: 20px;
	padding-top: 10px;
  bottom: 0;
  font-feature-settings: auto;
  font-kerning: auto;
  text-rendering: auto;
}