:root {
  --color-route-1-primary: #005011;
  --color-route-1-secondary: #EAF6EA;
  --color-route-2-primary: #740000;
  --color-route-2-secondary: #F6EAEA;
  --color-route-3-primary: #003169;
  --color-route-3-secondary: #DFEBFF;
  --color-route-4-primary: #A30047;
  --color-route-4-secondary: #FFDFED;
  --color-route-5-primary: #C58000;
  --color-route-5-secondary: #FFF5DF;
  --black: #000;
  --white: #fff;
  --font-color: #656565;
  --light-blue: #9BBDF6;
  --line-color: #DEDEDE;
}

.doc-footer-wrapper {
  font-family: "source-sans-3", sans-serif !important;
  font-weight: 400;
  font-style: normal;
}

@media screen and (min-width: 768px) {
  .custom-1b8s9m4 {
    padding-bottom: 180px !important;
  }
}
#smooth-wrapper {
  height: 100vh;
  font-family: "Bree";
  overflow: hidden;
  background-color: #FFF2DC !important;
  will-change: transform;
  -webkit-overflow-scrolling: touch;
}

#smooth-content {
  min-height: 100%;
  overflow: visible;
  transform: translate3d(0, 0, 0);
  will-change: transform;
}

html, .format {
  height: auto;
  overflow: auto;
}

html.overlay-open,
body.overlay-open {
  overflow: hidden;
}

body {
  position: relative !important;
  background-color: #FFF2DC !important;
  margin: 0 !important;
}

.sz .format .overlay-modal .overlay .overlay-content .textbox-with-color ul {
  margin-block-start: 1em;
  margin-block-end: 1em;
  padding-inline-start: 40px;
}

.format {
  box-sizing: border-box;
  position: relative;
}
.format p {
  font-size: 16px !important;
  hyphens: auto;
  color: var(--black) !important;
  margin-bottom: 1rem;
}
.format strong {
  margin-block-start: 1em !important;
  margin-block-end: 1em !important;
}
.format a {
  font-size: 16px !important;
  margin: 0;
}
.format .header-civd {
  display: flex;
  padding: 2rem;
  padding-top: 12rem;
  justify-content: center;
  align-items: center;
}
.format .header-civd .headline-img-container {
  background-image: url("../media/header-img-homepage.webp");
  background-position: center;
  background-size: cover;
  height: 70vh;
  width: 60%;
  border-radius: 30px;
  display: flex;
  align-items: flex-end;
  padding: 4rem;
  gap: 4rem;
}
.format .header-civd .headline-img-container .scroll-hint {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: -10px;
}
.format .header-civd .headline-img-container .scroll-hint .scroll-icon {
  width: 50px;
}
.format .header-civd .headline-img-container .scroll-hint p {
  transform: rotate(90deg) translateX(-60px);
  color: var(--white) !important;
  font-family: "Lexend";
  font-weight: 300;
  text-transform: uppercase;
  margin: 0;
}
.format .header-civd .header-intro-text {
  width: 20%;
  padding: 2rem;
  font-weight: 200;
  letter-spacing: 0.2px;
  align-self: flex-end;
}
.format .header-civd .header-intro-text.desktop {
  display: block;
}
.format .header-civd .header-intro-text.mobile {
  display: none;
}
.format .header-civd .header-intro-text strong {
  margin-top: 1rem;
}
.format .header-civd .header-intro-text .initial {
  margin: 0;
}
.format .header-civd .header-intro-text .initial::first-letter {
  font-size: 4rem;
  height: 20px;
}
.format .header-civd .infobox-start {
  border-radius: 20px;
  background-color: var(--white);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
  padding: 16px;
  max-width: 100%;
  left: auto;
  display: flex;
  gap: 16px;
  align-items: center;
  z-index: 20;
}
.format .header-civd .infobox-start svg {
  min-width: 30px;
}
.format .header-civd .infobox-start h4 {
  color: #00142A;
  font-family: Lexend;
  margin: 0;
  font-size: 0.9rem;
}
.format .headline {
  font-family: "Lexend";
  font-size: 6rem;
  font-weight: 500;
  color: var(--white);
  position: relative;
  margin: 0;
  line-height: 6rem;
}
.format .map-container {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 100svh;
  width: 100%;
}
.format .map-container #cluster-frankfurt,
.format .map-container #cluster-muenchen {
  transform-origin: center;
}
.format .map-container .infobox-overlay {
  position: absolute;
  top: 2rem;
  left: 4rem;
  border-radius: 20px;
  background-color: var(--white);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
  padding: 34px;
  max-width: 500px;
  display: flex;
  gap: 16px;
  align-items: center;
  z-index: 20;
}
.format .map-container .infobox-overlay svg {
  min-width: 50px;
}
.format .map-container .infobox-overlay h4 {
  color: #00142A;
  font-family: Lexend;
  margin: 0;
  font-size: 1rem;
}
.format .map-container .map {
  width: 100%;
  height: 100svh;
  transform-origin: 50% 50%;
  font-weight: 300;
  z-index: 2;
  overflow: visible;
}
.format .map-container .map .name,
.format .map-container .map .route,
.format .map-container .map .point {
  cursor: pointer;
}
.format .map-container .map .name:hover,
.format .map-container .map .route:hover,
.format .map-container .map .point:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
}
.format .map-container .map #dot {
  vector-effect: non-scaling-stroke;
  paint-order: stroke fill;
}
.format .map-container .start-button {
  position: absolute;
  color: var(--white);
  font-family: Lexend;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  border: none;
  font-size: 20px;
  border-radius: 20px;
  background-color: #00294B;
  top: 0;
  left: 4rem;
  padding: 16px;
  z-index: 20;
  display: none;
}
.format .infobox {
  position: relative;
  display: flex;
  max-width: 830px;
  flex-direction: column;
  align-items: flex-start;
  border-radius: 30px;
  background: var(--white);
  padding: 4rem;
  z-index: 100;
  margin: 0 auto;
  margin-top: 200px;
}
.format .infobox .caravaning-logo {
  align-self: center;
}
.format .infobox .info-headline {
  font-family: "Lexend";
  margin: 3rem 0 1rem 0;
}
.format .infobox .info-headline h2 {
  font-size: 32px;
  font-weight: 400;
  margin: 0;
}
.format .infobox .info-headline h3 {
  font-size: 30px;
  font-weight: 200;
  margin: 0;
}
.format .infobox .more-info {
  margin-bottom: 48px;
  font-size: 1.1rem;
}
.format .infobox .accordion {
  width: 100%;
}
.format .infobox .accordion-item {
  margin-bottom: 18px;
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
}
.format .infobox .accordion-header {
  width: 100%;
  background: #95b8ff;
  color: #222;
  display: flex;
  align-items: center;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 32px 32px 32px 24px;
  position: relative;
  font-size: 22px;
  font-weight: 600;
  letter-spacing: 0.01em;
  transition: background 0.2s;
}
.format .infobox .accordion-header:hover {
  background: #7ea7f7;
}
.format .infobox .number {
  font-size: 40px;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.5);
  margin-right: 18px;
}
.format .infobox .title {
  flex: 1;
  font-size: 22px;
  font-family: "Bree";
  font-weight: 400;
  color: #222;
  letter-spacing: 0.01em;
  text-align: left;
}
.format .infobox .arrow {
  color: #fff;
  transition: transform 0.3s;
}
.format .infobox .accordion-content {
  background: #fff;
  padding: 28px 32px 28px 32px;
  font-size: 17px;
  color: #222;
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px;
  display: none;
  animation: fadeIn 0.3s;
}
.format .infobox .accordion-item.active .accordion-content {
  display: block;
}
.format .infobox .accordion-item.active .arrow {
  transform: rotate(180deg);
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.format .infobox a {
  color: #122F69 !important;
  text-decoration: underline;
}
.format .overlay-modal {
  position: fixed;
  inset: 0;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 6vh 6vw;
  z-index: 9999;
}
.format .overlay-modal::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
}
.format .overlay-modal.is-open {
  display: flex;
}
.format .overlay-modal .overlay {
  max-width: 40%;
  height: 80vh;
  overflow: scroll;
  overflow-x: hidden;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  background-color: var(--white);
  position: relative;
  font-family: Bree;
}
.format .overlay-modal .overlay::-webkit-scrollbar {
  width: 12px;
}
.format .overlay-modal .overlay::-webkit-scrollbar-thumb {
  border-radius: 8px;
}
.format .overlay-modal .overlay.overlay-route-1::-webkit-scrollbar-track {
  background-color: var(--color-route-1-secondary);
}
.format .overlay-modal .overlay.overlay-route-1::-webkit-scrollbar-thumb {
  background: var(--color-route-1-primary);
}
.format .overlay-modal .overlay.overlay-route-2::-webkit-scrollbar-track {
  background-color: var(--color-route-2-secondary);
}
.format .overlay-modal .overlay.overlay-route-2::-webkit-scrollbar-thumb {
  background: var(--color-route-2-primary);
}
.format .overlay-modal .overlay.overlay-route-3::-webkit-scrollbar-track {
  background-color: var(--color-route-3-secondary);
}
.format .overlay-modal .overlay.overlay-route-3::-webkit-scrollbar-thumb {
  background: var(--color-route-3-primary);
}
.format .overlay-modal .overlay.overlay-route-4::-webkit-scrollbar-track {
  background-color: var(--color-route-4-secondary);
}
.format .overlay-modal .overlay.overlay-route-4::-webkit-scrollbar-thumb {
  background: var(--color-route-4-primary);
}
.format .overlay-modal .overlay.overlay-route-5::-webkit-scrollbar-track {
  background-color: var(--color-route-5-secondary);
}
.format .overlay-modal .overlay.overlay-route-5::-webkit-scrollbar-thumb {
  background: var(--color-route-5-primary);
}
.format .overlay-modal .overlay.overlay-route-1 .gallery-box::-webkit-scrollbar-track {
  background-color: var(--color-route-1-secondary);
}
.format .overlay-modal .overlay.overlay-route-1 .gallery-box::-webkit-scrollbar-thumb {
  background: var(--color-route-1-primary);
}
.format .overlay-modal .overlay.overlay-route-2 .gallery-box::-webkit-scrollbar-track {
  background-color: var(--color-route-2-secondary);
}
.format .overlay-modal .overlay.overlay-route-2 .gallery-box::-webkit-scrollbar-thumb {
  background: var(--color-route-2-primary);
}
.format .overlay-modal .overlay.overlay-route-3 .gallery-box::-webkit-scrollbar-track {
  background-color: var(--color-route-3-secondary);
}
.format .overlay-modal .overlay.overlay-route-3 .gallery-box::-webkit-scrollbar-thumb {
  background: var(--color-route-3-primary);
}
.format .overlay-modal .overlay.overlay-route-4 .gallery-box::-webkit-scrollbar-track {
  background-color: var(--color-route-4-secondary);
}
.format .overlay-modal .overlay.overlay-route-4 .gallery-box::-webkit-scrollbar-thumb {
  background: var(--color-route-4-primary);
}
.format .overlay-modal .overlay.overlay-route-5 .gallery-box::-webkit-scrollbar-track {
  background-color: var(--color-route-5-secondary);
}
.format .overlay-modal .overlay.overlay-route-5 .gallery-box::-webkit-scrollbar-thumb {
  background: var(--color-route-5-primary);
}
.format .overlay-modal .overlay .overlay-header {
  display: inline-flex;
  width: 100%;
  background-position: center;
  background-size: cover;
  color: var(--white);
  height: 420px;
}
.format .overlay-modal .overlay .overlay-header.header-01 {
  background-image: url("../media/header_01.webp");
}
.format .overlay-modal .overlay .overlay-header.header-02 {
  background-image: url("../media/header_02.webp");
}
.format .overlay-modal .overlay .overlay-header.header-03 {
  background-image: url("../media/header_03.webp");
}
.format .overlay-modal .overlay .overlay-header.header-04 {
  background-image: url("../media/header_04.webp");
}
.format .overlay-modal .overlay .overlay-header.header-05 {
  background-image: url("../media/header_05.webp");
}
.format .overlay-modal .overlay .overlay-header .tag {
  padding: 8px 16px;
  border-radius: 50px;
  margin-bottom: 16px;
  display: flex;
  gap: 6px;
  font-weight: 300;
  align-items: center;
}
.format .overlay-modal .overlay .overlay-header .tag.genuss::before {
  content: url("data:image/svg+xml,%3Csvg width='9' height='14' viewBox='0 0 9 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.59024 14V13.125H4.06016V9.16738C2.79929 8.97444 1.80737 8.42756 1.08442 7.52675C0.361475 6.62594 0 5.57535 0 4.375V0H9V4.375C9 5.57535 8.63852 6.62594 7.91557 7.52675C7.19262 8.42756 6.20071 8.97444 4.93984 9.16738V13.125H7.40976V14H1.59024ZM0.879679 3.9375H8.12032V0.875H0.879679V3.9375Z' fill='white'/%3E%3C/svg%3E%0A");
  height: 14px;
}
.format .overlay-modal .overlay .overlay-header .tag.kultur::before {
  content: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.33203 14C0.959798 14 0.644737 13.868 0.386842 13.6039C0.128947 13.3399 0 13.0173 0 12.6362V4.04761C0 3.6665 0.128947 3.34393 0.386842 3.07989C0.644737 2.81584 0.959798 2.68382 1.33203 2.68382H4.3785L7 0L9.6215 2.68382H12.668C13.0402 2.68382 13.3553 2.81584 13.6132 3.07989C13.8711 3.34393 14 3.6665 14 4.04761V12.6362C14 13.0173 13.8711 13.3399 13.6132 13.6039C13.3553 13.868 13.0402 14 12.668 14H1.33203ZM1.33203 12.8684H12.668C12.7247 12.8684 12.7767 12.8442 12.8238 12.7958C12.8711 12.7475 12.8947 12.6943 12.8947 12.6362V4.04761C12.8947 3.98952 12.8711 3.93633 12.8238 3.88805C12.7767 3.83964 12.7247 3.81544 12.668 3.81544H1.33203C1.27529 3.81544 1.22334 3.83964 1.17618 3.88805C1.1289 3.93633 1.10526 3.98952 1.10526 4.04761V12.6362C1.10526 12.6943 1.1289 12.7475 1.17618 12.7958C1.22334 12.8442 1.27529 12.8684 1.33203 12.8684ZM3.13158 11.171H10.925L8.50205 7.86324L6.43318 10.6197L4.9595 8.69007L3.13158 11.171ZM10.8401 7.5875C11.1092 7.5875 11.3372 7.492 11.5238 7.30101C11.7104 7.11002 11.8037 6.87665 11.8037 6.60092C11.8037 6.3253 11.7104 6.092 11.5238 5.90101C11.3372 5.71002 11.1092 5.61452 10.8401 5.61452C10.5709 5.61452 10.343 5.71002 10.1564 5.90101C9.96978 6.092 9.87645 6.3253 9.87645 6.60092C9.87645 6.87665 9.96978 7.11002 10.1564 7.30101C10.343 7.492 10.5709 7.5875 10.8401 7.5875ZM5.61418 2.68382H8.38582L7 1.26496L5.61418 2.68382Z' fill='white'/%3E%3C/svg%3E%0A");
  height: 14px;
}
.format .overlay-modal .overlay .overlay-header .tag.action::before {
  content: url("data:image/svg+xml,%3Csvg width='9' height='14' viewBox='0 0 9 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.46494 14L3.41274 3.81468C3.46509 3.54492 3.59009 3.33942 3.78773 3.19817C3.98526 3.05693 4.19159 2.98631 4.40672 2.98631C4.62584 2.98631 4.82926 3.03525 5.01697 3.13314C5.20457 3.23102 5.35482 3.3778 5.46773 3.57345L6.11538 4.63525C6.31798 4.96873 6.59906 5.2782 6.95861 5.56367C7.31817 5.84914 7.74124 6.06548 8.22784 6.21269V4.97719H9V14H8.22784V7.23235C7.68479 7.11069 7.17018 6.89905 6.68401 6.59743C6.19784 6.29581 5.76381 5.91102 5.38192 5.44305L4.91237 7.85516L6.2849 9.19502V14H5.31343V10.0501L3.66678 8.62082L2.49486 14H1.46494ZM1.60305 7.41485L0.395027 7.18125C0.263879 7.15227 0.160093 7.08232 0.0836706 6.97138C0.0072482 6.86033 -0.0168226 6.73419 0.011458 6.59295L0.497194 3.98822C0.557749 3.68107 0.72047 3.43581 0.985358 3.25243C1.25025 3.06916 1.53257 3.00854 1.83232 3.07059L2.4152 3.19436L1.60305 7.41485ZM5.47534 2.45043C5.14817 2.45043 4.86709 2.33004 4.6321 2.08926C4.39711 1.84847 4.27962 1.56046 4.27962 1.22522C4.27962 0.889976 4.39711 0.601963 4.6321 0.361177C4.86709 0.120392 5.14817 0 5.47534 0C5.8024 0 6.08343 0.120392 6.31841 0.361177C6.5534 0.601963 6.6709 0.889976 6.6709 1.22522C6.6709 1.56046 6.5534 1.84847 6.31841 2.08926C6.08343 2.33004 5.8024 2.45043 5.47534 2.45043Z' fill='white'/%3E%3C/svg%3E%0A");
  height: 14px;
}
.format .overlay-modal .overlay .overlay-header .tag.green {
  background-color: var(--color-route-1-primary);
}
.format .overlay-modal .overlay .overlay-header .tag.red {
  background-color: var(--color-route-2-primary);
}
.format .overlay-modal .overlay .overlay-header .tag.blue {
  background-color: var(--color-route-3-primary);
}
.format .overlay-modal .overlay .overlay-header .tag.pink {
  background-color: var(--color-route-4-primary);
}
.format .overlay-modal .overlay .overlay-header .tag.yellow {
  background-color: var(--color-route-5-primary);
}
.format .overlay-modal .overlay .overlay-header .overlay-headline {
  display: flex;
  gap: 0px;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 30px;
}
.format .overlay-modal .overlay .overlay-header .overlay-headline h2 {
  font-size: 3rem;
  font-family: "Lexend";
  font-weight: 400;
  margin: 0;
}
.format .overlay-modal .overlay .overlay-header .overlay-headline .subline {
  font-family: "Lexend";
  font-size: 1.6rem;
}
.format .overlay-modal .overlay .overlay-content {
  padding: 34px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.format .overlay-modal .overlay .overlay-content h3 {
  font-family: "Lexend";
  font-size: 2rem;
  font-weight: 400;
  margin: 0;
}
.format .overlay-modal .overlay .overlay-content h4 {
  font-family: "Lexend";
  font-size: 1.5rem;
  font-weight: 400;
  margin: 0;
}
.format .overlay-modal .overlay .overlay-content p {
  font-weight: 300;
  color: var(--font-color);
  margin: 0;
}
.format .overlay-modal .overlay .overlay-content a {
  text-decoration: underline;
  cursor: pointer;
}
.format .overlay-modal .overlay .overlay-content a.green {
  color: var(--color-route-1-primary) !important;
}
.format .overlay-modal .overlay .overlay-content a.red {
  color: var(--color-route-2-primary) !important;
}
.format .overlay-modal .overlay .overlay-content a.blue {
  color: var(--color-route-3-primary) !important;
}
.format .overlay-modal .overlay .overlay-content a.pink {
  color: var(--color-route-4-primary) !important;
}
.format .overlay-modal .overlay .overlay-content a.yellow {
  color: var(--color-route-5-primary) !important;
}
.format .overlay-modal .overlay .overlay-content .specs-cards {
  display: flex;
  flex-direction: row;
  gap: 10px;
  width: 100%;
  justify-content: space-evenly;
}
.format .overlay-modal .overlay .overlay-content .specs-cards .specs-card {
  height: 200px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
  box-shadow: 2.152px 2.152px 3.228px 0 rgba(0, 0, 0, 0.07);
}
.format .overlay-modal .overlay .overlay-content .specs-cards .specs-card.green {
  background-color: var(--color-route-1-secondary);
}
.format .overlay-modal .overlay .overlay-content .specs-cards .specs-card.red {
  background-color: var(--color-route-2-secondary);
}
.format .overlay-modal .overlay .overlay-content .specs-cards .specs-card.blue {
  background-color: var(--color-route-3-secondary);
}
.format .overlay-modal .overlay .overlay-content .specs-cards .specs-card.pink {
  background-color: var(--color-route-4-secondary);
}
.format .overlay-modal .overlay .overlay-content .specs-cards .specs-card.yellow {
  background-color: var(--color-route-5-secondary);
}
.format .overlay-modal .overlay .overlay-content .topic-container {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  height: 80px;
}
.format .overlay-modal .overlay .overlay-content .topic-container .topic {
  opacity: 0.7;
  margin: 0;
}
.format .overlay-modal .overlay .overlay-content .route-info {
  font-size: 1.3rem;
}
.format .overlay-modal .overlay .overlay-content .share-buttons {
  display: flex;
  width: 100%;
  gap: 10px;
  font-weight: 200;
}
.format .overlay-modal .overlay .overlay-content .share-buttons .share-button {
  cursor: pointer;
  width: 100%;
  border-radius: 6px;
  height: 34px;
  display: flex;
  gap: 6px;
  justify-content: center;
  align-items: center;
  font-size: 0.9rem;
  text-decoration: none !important;
  transition: all 0.3s ease;
}
.format .overlay-modal .overlay .overlay-content .share-buttons .share-button:hover {
  box-shadow: 2.152px 2.152px 3.228px 0 rgba(0, 0, 0, 0.07);
  transform: translate3d(-3px, -3px, 0);
}
.format .overlay-modal .overlay .overlay-content .share-buttons .share-button.google-maps {
  color: var(--white) !important;
}
.format .overlay-modal .overlay .overlay-content .share-buttons .share-button.google-maps.green {
  background-color: var(--color-route-1-primary);
}
.format .overlay-modal .overlay .overlay-content .share-buttons .share-button.google-maps.red {
  background-color: var(--color-route-2-primary);
}
.format .overlay-modal .overlay .overlay-content .share-buttons .share-button.google-maps.blue {
  background-color: var(--color-route-3-primary);
}
.format .overlay-modal .overlay .overlay-content .share-buttons .share-button.google-maps.pink {
  background-color: var(--color-route-4-primary);
}
.format .overlay-modal .overlay .overlay-content .share-buttons .share-button.google-maps.yellow {
  background-color: var(--color-route-5-primary);
}
.format .overlay-modal .overlay .overlay-content .share-buttons .share-button.google-maps::before {
  height: 15px;
  content: url("data:image/svg+xml,%3Csvg width='13' height='17' viewBox='0 0 13 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.75 1.75V14.75L6.25 11.6389L11.75 14.75V1.75C11.75 1.19772 11.3023 0.75 10.75 0.75H1.75C1.19772 0.75 0.75 1.19772 0.75 1.75Z' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E%0A");
}
.format .overlay-modal .overlay .overlay-content .share-buttons .share-button.share {
  border: 1px solid var(--line-color);
  height: 32px;
}
.format .overlay-modal .overlay .overlay-content .share-buttons .share-button.share::before {
  height: 15px;
  content: url("data:image/svg+xml,%3Csvg width='15' height='16' viewBox='0 0 15 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.2865 3.2C10.5653 3.81807 11.202 4.25 11.9428 4.25C12.9405 4.25 13.7493 3.4665 13.7493 2.5C13.7493 1.5335 12.9405 0.75 11.9428 0.75C10.945 0.75 10.1362 1.5335 10.1362 2.5C10.1362 2.51645 10.1365 2.53284 10.1369 2.54917C10.1435 2.78008 10.1963 2.9998 10.2865 3.2ZM10.2865 3.2C8.80058 3.99903 5.42701 5.99737 4.00908 6.70932M4.00908 8.79068C4.00908 8.79068 7.83504 10.9305 10.2865 12.3016M10.2865 12.3016C10.1903 12.5155 10.1369 12.7517 10.1369 13C10.1369 13.9665 10.9457 14.75 11.9435 14.75C12.9412 14.75 13.75 13.9665 13.75 13C13.75 12.0335 12.9412 11.25 11.9435 11.25C11.2021 11.25 10.565 11.6827 10.2865 12.3016ZM4.36307 7.75C4.36307 8.7165 3.55426 9.5 2.55654 9.5C1.55881 9.5 0.75 8.7165 0.75 7.75C0.75 6.7835 1.55881 6 2.55654 6C3.55426 6 4.36307 6.7835 4.36307 7.75Z' stroke='black' stroke-width='1.5'/%3E%3C/svg%3E%0A");
}
.format .overlay-modal .overlay .overlay-content .divider {
  height: 1px;
  background-color: var(--line-color);
  width: 100%;
}
.format .overlay-modal .overlay .overlay-content .overlay-intro {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.format .overlay-modal .overlay .overlay-content .zwischen-headline {
  display: flex;
  gap: 16px;
  align-items: center;
}
.format .overlay-modal .overlay .overlay-content .zwischen-headline .headline-icon.green {
  fill: var(--color-route-1-primary);
}
.format .overlay-modal .overlay .overlay-content .zwischen-headline .headline-icon.red {
  fill: var(--color-route-2-primary);
}
.format .overlay-modal .overlay .overlay-content .zwischen-headline .headline-icon.blue {
  fill: var(--color-route-3-primary);
}
.format .overlay-modal .overlay .overlay-content .zwischen-headline .headline-icon.pink {
  fill: var(--color-route-4-primary);
}
.format .overlay-modal .overlay .overlay-content .zwischen-headline .headline-icon.yellow {
  fill: var(--color-route-5-primary);
}
.format .overlay-modal .overlay .overlay-content .textbox {
  border-radius: 20px;
  border: 1px solid var(--line-color);
  overflow: hidden;
}
.format .overlay-modal .overlay .overlay-content .textbox .textbox-content {
  padding: 34px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.format .overlay-modal .overlay .overlay-content .textbox .standort {
  font-weight: 300;
  display: flex;
  align-items: center;
  gap: 6px;
}
.format .overlay-modal .overlay .overlay-content .textbox .standort .two-links {
  display: flex;
  flex-direction: column;
}
.format .overlay-modal .overlay .overlay-content .textbox .standort p {
  color: var(--black);
}
.format .overlay-modal .overlay .overlay-content .textbox .standort.green {
  color: var(--color-route-1-primary) !important;
}
.format .overlay-modal .overlay .overlay-content .textbox .standort.green::before {
  content: url("data:image/svg+xml,%3Csvg width='13' height='20' viewBox='0 0 13 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 6.2959C11 3.60791 8.94722 1.43951 6.39844 1.30664L6.15039 1.30078C3.48808 1.30078 1.30082 3.52121 1.30078 6.2959C1.30083 7.36886 1.62354 8.64902 2.14258 9.99805C2.65842 11.3387 3.35082 12.7041 4.0498 13.9346C4.74783 15.1633 5.44691 16.2473 5.97168 17.0244C6.09051 17.2004 6.20307 17.3587 6.30176 17.501C6.39197 17.3626 6.49478 17.2097 6.60254 17.04C7.09623 16.2629 7.75429 15.1784 8.41113 13.9492C9.06872 12.7186 9.72029 11.3527 10.2061 10.0107C10.6947 8.66082 11 7.37562 11 6.2959ZM7.85449 6.11133C7.76488 5.20371 7.02221 4.51855 6.15039 4.51855C5.22038 4.51864 4.43656 5.29834 4.43652 6.2959L4.44629 6.48047C4.53615 7.38738 5.27851 8.07219 6.15039 8.07227C7.08053 8.07227 7.86392 7.293 7.86426 6.2959L7.85449 6.11133ZM9.16406 6.2959C9.1636 7.92565 7.91258 9.28495 6.30664 9.36816L6.15039 9.37207C4.47022 9.37197 3.13719 7.97812 3.13672 6.2959C3.13676 4.6136 4.46965 3.21886 6.15039 3.21875L6.30664 3.22266C7.9131 3.30595 9.16402 4.66607 9.16406 6.2959ZM12.3008 6.2959C12.3007 7.5927 11.9398 9.04099 11.4287 10.4531C10.9148 11.8729 10.2328 13.2979 9.55762 14.5615C8.8815 15.8268 8.20621 16.9407 7.7002 17.7373C7.44707 18.1358 7.23537 18.4556 7.08691 18.6768C7.01278 18.7872 6.95434 18.873 6.91406 18.9316C6.89391 18.961 6.87787 18.9836 6.86719 18.999C6.86199 19.0065 6.8583 19.0125 6.85547 19.0166C6.85404 19.0186 6.85235 19.0204 6.85156 19.0215L6.85059 19.0234L6.33496 19.7598L5.79785 19.0391L5.7959 19.0371C5.79506 19.036 5.79351 19.0343 5.79199 19.0322C5.78898 19.0282 5.78487 19.0222 5.7793 19.0146C5.76794 18.9993 5.75091 18.9766 5.72949 18.9473C5.68668 18.8887 5.62469 18.8028 5.5459 18.6924C5.38804 18.4712 5.16372 18.1506 4.89453 17.752C4.3566 16.9554 3.63784 15.8427 2.91895 14.5771C2.20096 13.3132 1.47662 11.8863 0.929688 10.4648C0.386073 9.05197 6.31171e-05 7.59958 0 6.2959C3.9486e-05 2.83547 2.7383 0 6.15039 0C9.56243 4.57439e-05 12.3007 2.83548 12.3008 6.2959Z' fill='%23005011'/%3E%3C/svg%3E%0A");
}
.format .overlay-modal .overlay .overlay-content .textbox .standort.red {
  color: var(--color-route-2-primary) !important;
}
.format .overlay-modal .overlay .overlay-content .textbox .standort.red::before {
  height: 16px;
  content: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.28947 13.5H9.71053V8.05263H8.28947V13.5ZM9 6.43121C9.21679 6.43121 9.39853 6.35787 9.54521 6.21118C9.69189 6.0645 9.76524 5.88276 9.76524 5.66597C9.76524 5.44918 9.69189 5.26745 9.54521 5.12076C9.39853 4.97424 9.21679 4.90097 9 4.90097C8.78321 4.90097 8.60147 4.97424 8.45479 5.12076C8.30811 5.26745 8.23476 5.44918 8.23476 5.66597C8.23476 5.88276 8.30811 6.0645 8.45479 6.21118C8.60147 6.35787 8.78321 6.43121 9 6.43121ZM9.00166 18C7.75682 18 6.58674 17.7638 5.49142 17.2914C4.39611 16.8189 3.44337 16.1778 2.63321 15.368C1.82305 14.5581 1.18161 13.6058 0.708868 12.5109C0.236289 11.4161 0 10.2463 0 9.00166C0 7.75682 0.23621 6.58674 0.708632 5.49142C1.18105 4.39611 1.82218 3.44337 2.63203 2.63321C3.44187 1.82305 4.39421 1.18161 5.48905 0.708868C6.5839 0.236289 7.75366 0 8.99834 0C10.2432 0 11.4133 0.23621 12.5086 0.708631C13.6039 1.18105 14.5566 1.82218 15.3668 2.63203C16.1769 3.44187 16.8184 4.39421 17.2911 5.48905C17.7637 6.5839 18 7.75366 18 8.99834C18 10.2432 17.7638 11.4133 17.2914 12.5086C16.8189 13.6039 16.1778 14.5566 15.368 15.3668C14.5581 16.1769 13.6058 16.8184 12.5109 17.2911C11.4161 17.7637 10.2463 18 9.00166 18ZM9 16.5789C11.1158 16.5789 12.9079 15.8447 14.3763 14.3763C15.8447 12.9079 16.5789 11.1158 16.5789 9C16.5789 6.88421 15.8447 5.09211 14.3763 3.62368C12.9079 2.15526 11.1158 1.42105 9 1.42105C6.88421 1.42105 5.09211 2.15526 3.62368 3.62368C2.15526 5.09211 1.42105 6.88421 1.42105 9C1.42105 11.1158 2.15526 12.9079 3.62368 14.3763C5.09211 15.8447 6.88421 16.5789 9 16.5789Z' fill='%23740000'/%3E%3C/svg%3E%0A");
}
.format .overlay-modal .overlay .overlay-content .textbox .standort.blue {
  color: var(--color-route-3-primary) !important;
}
.format .overlay-modal .overlay .overlay-content .textbox .standort.blue::before {
  height: 16px;
  content: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.28947 13.5H9.71053V8.05263H8.28947V13.5ZM9 6.43121C9.21679 6.43121 9.39853 6.35787 9.54521 6.21118C9.69189 6.0645 9.76524 5.88276 9.76524 5.66597C9.76524 5.44918 9.69189 5.26745 9.54521 5.12076C9.39853 4.97424 9.21679 4.90097 9 4.90097C8.78321 4.90097 8.60147 4.97424 8.45479 5.12076C8.30811 5.26745 8.23476 5.44918 8.23476 5.66597C8.23476 5.88276 8.30811 6.0645 8.45479 6.21118C8.60147 6.35787 8.78321 6.43121 9 6.43121ZM9.00166 18C7.75682 18 6.58674 17.7638 5.49142 17.2914C4.39611 16.8189 3.44337 16.1778 2.63321 15.368C1.82305 14.5581 1.18161 13.6058 0.708868 12.5109C0.236289 11.4161 0 10.2463 0 9.00166C0 7.75682 0.23621 6.58674 0.708632 5.49142C1.18105 4.39611 1.82218 3.44337 2.63203 2.63321C3.44187 1.82305 4.39421 1.18161 5.48905 0.708868C6.5839 0.236289 7.75366 0 8.99834 0C10.2432 0 11.4133 0.23621 12.5086 0.708631C13.6039 1.18105 14.5566 1.82218 15.3668 2.63203C16.1769 3.44187 16.8184 4.39421 17.2911 5.48905C17.7637 6.5839 18 7.75366 18 8.99834C18 10.2432 17.7638 11.4133 17.2914 12.5086C16.8189 13.6039 16.1778 14.5566 15.368 15.3668C14.5581 16.1769 13.6058 16.8184 12.5109 17.2911C11.4161 17.7637 10.2463 18 9.00166 18ZM9 16.5789C11.1158 16.5789 12.9079 15.8447 14.3763 14.3763C15.8447 12.9079 16.5789 11.1158 16.5789 9C16.5789 6.88421 15.8447 5.09211 14.3763 3.62368C12.9079 2.15526 11.1158 1.42105 9 1.42105C6.88421 1.42105 5.09211 2.15526 3.62368 3.62368C2.15526 5.09211 1.42105 6.88421 1.42105 9C1.42105 11.1158 2.15526 12.9079 3.62368 14.3763C5.09211 15.8447 6.88421 16.5789 9 16.5789Z' fill='%23003169'/%3E%3C/svg%3E%0A");
}
.format .overlay-modal .overlay .overlay-content .textbox .standort.pink {
  color: var(--color-route-4-primary) !important;
}
.format .overlay-modal .overlay .overlay-content .textbox .standort.pink::before {
  height: 16px;
  content: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.28947 13.5H9.71053V8.05263H8.28947V13.5ZM9 6.43121C9.21679 6.43121 9.39853 6.35787 9.54521 6.21118C9.69189 6.0645 9.76524 5.88276 9.76524 5.66597C9.76524 5.44918 9.69189 5.26745 9.54521 5.12076C9.39853 4.97424 9.21679 4.90097 9 4.90097C8.78321 4.90097 8.60147 4.97424 8.45479 5.12076C8.30811 5.26745 8.23476 5.44918 8.23476 5.66597C8.23476 5.88276 8.30811 6.0645 8.45479 6.21118C8.60147 6.35787 8.78321 6.43121 9 6.43121ZM9.00166 18C7.75682 18 6.58674 17.7638 5.49142 17.2914C4.39611 16.8189 3.44337 16.1778 2.63321 15.368C1.82305 14.5581 1.18161 13.6058 0.708868 12.5109C0.236289 11.4161 0 10.2463 0 9.00166C0 7.75682 0.23621 6.58674 0.708632 5.49142C1.18105 4.39611 1.82218 3.44337 2.63203 2.63321C3.44187 1.82305 4.39421 1.18161 5.48905 0.708868C6.5839 0.236289 7.75366 0 8.99834 0C10.2432 0 11.4133 0.23621 12.5086 0.708631C13.6039 1.18105 14.5566 1.82218 15.3668 2.63203C16.1769 3.44187 16.8184 4.39421 17.2911 5.48905C17.7637 6.5839 18 7.75366 18 8.99834C18 10.2432 17.7638 11.4133 17.2914 12.5086C16.8189 13.6039 16.1778 14.5566 15.368 15.3668C14.5581 16.1769 13.6058 16.8184 12.5109 17.2911C11.4161 17.7637 10.2463 18 9.00166 18ZM9 16.5789C11.1158 16.5789 12.9079 15.8447 14.3763 14.3763C15.8447 12.9079 16.5789 11.1158 16.5789 9C16.5789 6.88421 15.8447 5.09211 14.3763 3.62368C12.9079 2.15526 11.1158 1.42105 9 1.42105C6.88421 1.42105 5.09211 2.15526 3.62368 3.62368C2.15526 5.09211 1.42105 6.88421 1.42105 9C1.42105 11.1158 2.15526 12.9079 3.62368 14.3763C5.09211 15.8447 6.88421 16.5789 9 16.5789Z' fill='%23A30047'/%3E%3C/svg%3E%0A");
}
.format .overlay-modal .overlay .overlay-content .textbox .standort.yellow {
  color: var(--color-route-5-primary) !important;
}
.format .overlay-modal .overlay .overlay-content .textbox .standort.yellow::before {
  height: 16px;
  content: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.28947 13.5H9.71053V8.05263H8.28947V13.5ZM9 6.43121C9.21679 6.43121 9.39853 6.35787 9.54521 6.21118C9.69189 6.0645 9.76524 5.88276 9.76524 5.66597C9.76524 5.44918 9.69189 5.26745 9.54521 5.12076C9.39853 4.97424 9.21679 4.90097 9 4.90097C8.78321 4.90097 8.60147 4.97424 8.45479 5.12076C8.30811 5.26745 8.23476 5.44918 8.23476 5.66597C8.23476 5.88276 8.30811 6.0645 8.45479 6.21118C8.60147 6.35787 8.78321 6.43121 9 6.43121ZM9.00166 18C7.75682 18 6.58674 17.7638 5.49142 17.2914C4.39611 16.8189 3.44337 16.1778 2.63321 15.368C1.82305 14.5581 1.18161 13.6058 0.708868 12.5109C0.236289 11.4161 0 10.2463 0 9.00166C0 7.75682 0.23621 6.58674 0.708632 5.49142C1.18105 4.39611 1.82218 3.44337 2.63203 2.63321C3.44187 1.82305 4.39421 1.18161 5.48905 0.708868C6.5839 0.236289 7.75366 0 8.99834 0C10.2432 0 11.4133 0.23621 12.5086 0.708631C13.6039 1.18105 14.5566 1.82218 15.3668 2.63203C16.1769 3.44187 16.8184 4.39421 17.2911 5.48905C17.7637 6.5839 18 7.75366 18 8.99834C18 10.2432 17.7638 11.4133 17.2914 12.5086C16.8189 13.6039 16.1778 14.5566 15.368 15.3668C14.5581 16.1769 13.6058 16.8184 12.5109 17.2911C11.4161 17.7637 10.2463 18 9.00166 18ZM9 16.5789C11.1158 16.5789 12.9079 15.8447 14.3763 14.3763C15.8447 12.9079 16.5789 11.1158 16.5789 9C16.5789 6.88421 15.8447 5.09211 14.3763 3.62368C12.9079 2.15526 11.1158 1.42105 9 1.42105C6.88421 1.42105 5.09211 2.15526 3.62368 3.62368C2.15526 5.09211 1.42105 6.88421 1.42105 9C1.42105 11.1158 2.15526 12.9079 3.62368 14.3763C5.09211 15.8447 6.88421 16.5789 9 16.5789Z' fill='%23C58000'/%3E%3C/svg%3E%0A");
}
.format .overlay-modal .overlay .overlay-content .textbox-with-img {
  display: flex;
}
.format .overlay-modal .overlay .overlay-content .textbox-with-img img {
  width: 30%;
  object-fit: cover;
}
.format .overlay-modal .overlay .overlay-content .textbox-with-img.textbox-with-color {
  padding: 0;
}
.format .overlay-modal .overlay .overlay-content .textbox-with-img.textbox-with-color p {
  color: var(--black) !important;
}
.format .overlay-modal .overlay .overlay-content .textbox-with-color {
  font-weight: 300;
  padding: 16px;
  border: none;
  box-shadow: 2.152px 2.152px 3.228px 0 rgba(0, 0, 0, 0.07);
}
.format .overlay-modal .overlay .overlay-content .textbox-with-color.green {
  background-color: var(--color-route-1-secondary);
}
.format .overlay-modal .overlay .overlay-content .textbox-with-color.green ul li::marker {
  color: var(--color-route-1-primary);
}
.format .overlay-modal .overlay .overlay-content .textbox-with-color.red {
  background-color: var(--color-route-2-secondary);
}
.format .overlay-modal .overlay .overlay-content .textbox-with-color.red ul li::marker {
  color: var(--color-route-2-primary);
}
.format .overlay-modal .overlay .overlay-content .textbox-with-color.blue {
  background-color: var(--color-route-3-secondary);
}
.format .overlay-modal .overlay .overlay-content .textbox-with-color.blue ul li::marker {
  color: var(--color-route-3-primary);
}
.format .overlay-modal .overlay .overlay-content .textbox-with-color.pink {
  background-color: var(--color-route-4-secondary);
}
.format .overlay-modal .overlay .overlay-content .textbox-with-color.pink ul li::marker {
  color: var(--color-route-4-primary);
}
.format .overlay-modal .overlay .overlay-content .textbox-with-color.yellow {
  background-color: var(--color-route-5-secondary);
}
.format .overlay-modal .overlay .overlay-content .textbox-with-color.yellow ul li::marker {
  color: var(--color-route-5-primary);
}
.format .overlay-modal .overlay .overlay-content .textbox-with-color ul li {
  margin-bottom: 16px;
  font-size: 1rem;
}
.format .overlay-modal .overlay .overlay-content .gallery-box {
  width: 100%;
  max-width: 100%;
  height: fit-content;
  overflow: hidden;
  position: relative;
  overflow-x: scroll;
  padding-bottom: 1rem;
}
.format .overlay-modal .overlay .overlay-content .gallery-box::-webkit-scrollbar {
  height: 8px;
  width: 100%;
  border-radius: 8px;
  cursor: pointer;
}
.format .overlay-modal .overlay .overlay-content .gallery-box::-webkit-scrollbar-thumb {
  border-radius: 8px;
}
.format .overlay-modal .overlay .overlay-content .gallery-box .gallery {
  display: flex;
  gap: 16px;
  width: max-content;
  will-change: transform;
}
.format .overlay-modal .overlay .overlay-content .gallery-box .gallery.is-dragging {
  cursor: grabbing;
  user-select: none;
}
.format .overlay-modal .overlay .overlay-content .gallery-box .gallery.is-dragging * {
  pointer-events: none;
}
.format .overlay-modal .overlay .overlay-content .gallery-box .gallery img {
  width: 240px;
  height: auto;
  flex-shrink: 0;
  border-radius: 8px;
}
.format .cta {
  cursor: pointer;
  padding: 16px 24px;
  color: var(--white) !important;
  font-size: 1.2rem;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: flex-start;
  text-decoration: none !important;
  transition: all 0.3s ease;
}
.format .cta:hover {
  box-shadow: 2.152px 2.152px 3.228px 0 rgba(0, 0, 0, 0.07);
  transform: translate3d(-3px, -3px, 0);
}
.format .cta a {
  text-decoration: none !important;
}
.format .cta.green {
  background-color: var(--color-route-1-primary);
}
.format .cta.red {
  background-color: var(--color-route-2-primary);
}
.format .cta.blue {
  background-color: var(--color-route-3-primary);
}
.format .cta.pink {
  background-color: var(--color-route-4-primary);
}
.format .cta.yellow {
  background-color: var(--color-route-5-primary);
}
.format .close-btn {
  content: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25.0007 0C38.8076 0.000352515 50 11.1931 50 25C50 38.8069 38.8076 49.9996 25.0007 50C11.1936 50 0 38.8071 0 25C0 11.1929 11.1936 0 25.0007 0ZM20.4379 19.6074C20.1458 19.3576 19.7154 19.3752 19.4431 19.6605C19.1708 19.9464 19.1535 20.3993 19.3917 20.706L19.4431 20.7649L24.1244 25.6793L19.3375 30.7043C19.047 31.0092 19.047 31.5037 19.3375 31.8087C19.6281 32.1133 20.0989 32.1135 20.3893 31.8087L25.1763 26.7837L29.6135 31.441L29.6706 31.4941C29.9628 31.7442 30.3944 31.7269 30.6668 31.441C30.939 31.1551 30.955 30.7022 30.7168 30.3955L30.6668 30.3366L26.2281 25.6793L30.5598 21.134L30.6111 21.0736C30.8493 20.767 30.832 20.3154 30.5598 20.0296C30.2875 19.7439 29.8572 19.7253 29.565 19.975L29.5079 20.0296L25.1763 24.5749L20.495 19.6605L20.4379 19.6074Z' fill='white'/%3E%3C/svg%3E%0A");
  position: absolute;
  top: 34px;
  right: 34px;
  z-index: 3;
  cursor: pointer;
  opacity: 0.8;
  transition: opacity 0.3s ease;
}
.format .close-btn:hover {
  opacity: 1;
}
.format .footer-civd {
  display: flex;
  gap: 16px;
  flex-direction: column;
  align-items: center;
  font-family: "Lexend";
  margin: 48px auto;
}
.format .footer-civd .share-text {
  text-transform: uppercase;
}
.format .footer-civd .social-container {
  display: flex;
  gap: 48px;
}
.format .footer-civd .social-container .social-icon {
  transform-origin: center;
  transition: scale 3s;
}
.format .footer-civd .social-container .social-icon:hover {
  transform: scale(1.05);
}
.format .footer-civd .footer-copyright {
  text-align: center;
  margin-bottom: 48px;
}

@font-face {
  font-family: "Lexend";
  src: url("../media/Lexend-VariableFont_wght.ttf");
}
@media screen and (min-width: 992px) and (max-width: 1919px) {
  .format p, .format a {
    font-size: 14px !important;
  }
  .format .headline {
    font-size: 4rem;
    line-height: 4.5rem;
  }
  .format .header-civd {
    justify-content: space-between;
    padding: 3rem;
    padding-top: 8rem;
  }
  .format .header-civd .headline-img-container {
    width: 60%;
    height: 60vh;
    padding: 3.2rem;
  }
  .format .header-civd .header-intro-text {
    width: 40%;
    z-index: 3;
  }
  .format .overlay-modal .overlay {
    max-width: 70%;
  }
  .format .infobox {
    max-width: 50%;
  }
  .sz .header-civd {
    padding-top: 5rem;
  }
}
@media screen and (max-width: 991px) {
  .format .headline {
    font-size: 4rem;
    line-height: 4.5rem;
  }
  .format .header-civd {
    flex-direction: column;
  }
  .format .header-civd .headline-img-container {
    width: 100%;
    position: relative;
    box-sizing: border-box;
  }
  .format .header-civd .header-intro-text {
    width: 60%;
    align-self: flex-start;
    z-index: 3;
  }
  .format .infobox {
    max-width: 60%;
  }
  .format .infobox .title {
    font-size: 20px;
    padding-right: 1rem;
  }
  .format .map-container .map .route {
    stroke-width: 8px;
  }
  .format .map-container .map .point.small {
    r: 8;
  }
  .format .map-container .map .point.big {
    r: 12;
  }
  .format .map-container .map .start-point {
    r: 12;
  }
  .format .overlay-modal .overlay {
    max-width: 90%;
  }
  .format .overlay-modal .overlay .overlay-content .textbox-with-img img {
    width: 45%;
  }
}
@media screen and (max-width: 767px) {
  .format .headline {
    font-size: 3rem;
    line-height: 3.5rem;
  }
  .format .header-civd {
    z-index: 1;
    position: relative;
  }
  .format .header-civd .headline-img-container {
    height: 40vh;
    padding: 2rem;
    gap: 2rem;
  }
  .format .header-civd .header-intro-text {
    width: 80%;
  }
  .format .header-civd .header-intro-text.mobile {
    display: block;
  }
  .format .header-civd .header-intro-text.desktop {
    display: none;
  }
  .format .map-container {
    position: relative;
    z-index: 0;
  }
  .format .map-container .start-button {
    display: block;
    left: 4rem;
  }
  .format .map-container .infobox-overlay {
    display: none !important;
  }
  .format .map-container .map {
    width: 180%;
  }
  .format .overlay-modal .overlay {
    max-width: 90%;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
  }
  .format .overlay-modal .overlay .overlay-content {
    max-width: 90%;
  }
  .format .overlay-modal .overlay .overlay-content h3 {
    font-size: 1.7rem;
  }
  .format .overlay-modal .overlay .overlay-content h4 {
    font-size: 1.3rem;
  }
  .format .overlay-modal .overlay .overlay-content .specs-cards {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
  }
  .format .overlay-modal .overlay .overlay-content .specs-cards .topic-container {
    transform: scale(0.7);
  }
  .format .overlay-modal .overlay .overlay-content .specs-cards .route-info {
    font-size: 0.9rem;
  }
  .format .overlay-modal .overlay .overlay-content .specs-cards .specs-card {
    height: 140px;
  }
  .format .overlay-modal .overlay .overlay-content .textbox-with-img {
    flex-direction: column;
  }
  .format .overlay-modal .overlay .overlay-content .textbox-with-img img {
    width: 100%;
  }
  .format .overlay-modal .overlay .share-buttons {
    flex-direction: column;
  }
  .format .overlay-modal .overlay .textbox-with-color {
    padding: 12px;
  }
  .format .overlay-modal .overlay .textbox-with-color .gallery-box {
    overflow: hidden;
    touch-action: pan-y;
    -webkit-overflow-scrolling: touch;
  }
  .format .overlay-modal .overlay .textbox-with-color .gallery-box .gallery {
    will-change: transform;
    cursor: grab;
    -webkit-user-select: none;
    user-select: none;
  }
  .format .overlay-modal .overlay .textbox-with-color .gallery-box .gallery.is-dragging {
    cursor: grabbing;
  }
  .format .overlay-modal .overlay .overlay-header .overlay-headline h2 {
    font-size: 2.2rem;
  }
  .format .overlay-modal .overlay .overlay-header .overlay-headline .subline {
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 599px) {
  .format p, .format a {
    font-size: 14px !important;
  }
  .format .cta {
    font-size: 1rem;
    text-align: center;
    color: var(--white) !important;
    width: 100%;
    box-sizing: border-box;
  }
  .format .close-btn {
    top: 16px;
    right: 16px;
  }
  .format .headline {
    font-size: 1.3rem;
    line-height: 1.8rem;
  }
  .format .infobox {
    padding: 1rem;
    max-width: 90%;
    margin-top: 2rem;
  }
  .format .infobox .info-headline h2 {
    font-size: 24px;
  }
  .format .infobox .info-headline h3 {
    font-size: 20px;
  }
  .format .infobox .title {
    font-size: 16px;
  }
  .format .infobox .number {
    display: none;
  }
  .format .infobox .accordion-content {
    padding: 16px 20px 16px 20px;
  }
  .format .header-civd {
    padding-top: 5rem;
  }
  .format .header-civd .headline-img-container .scroll-hint p {
    position: absolute;
  }
  .format .header-civd .headline-img-container .scroll-hint .scroll-icon {
    width: 30px;
    height: 50px;
  }
  .format .header-civd .header-intro-text {
    width: 100%;
    padding: 0;
  }
  .format .map-container .map {
    width: 250%;
  }
  .format .map-container .start-button {
    left: 2rem;
  }
  .format .map-container .infobox-overlay {
    padding: 16px;
    max-width: 100%;
    top: 0;
    left: auto;
    margin: 20px;
  }
  .format .map-container .infobox-overlay h4 {
    font-size: 0.8rem;
  }
  .format .overlay-modal .overlay {
    max-width: 96%;
  }
  .format .overlay-modal .overlay::-webkit-scrollbar {
    width: 0;
  }
  .format .overlay-modal .overlay::-webkit-scrollbar-thumb {
    border-radius: none;
  }
  .format .overlay-modal .overlay::-webkit-scrollbar-track {
    background-color: initial;
  }
  .format .overlay-modal .overlay::-webkit-scrollbar-thumb {
    background: initial;
  }
  .format .overlay-modal .overlay .overlay-content {
    padding: 16px;
    padding-right: 0;
  }
  .format .overlay-modal .overlay .overlay-header .tag {
    font-size: 12px;
  }
}
/* Barrierefreiheit */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
  .format .map-container .map {
    will-change: auto;
  }
}
@media screen and (max-width: 767px) {
  .format .map-container .map {
    shape-rendering: optimizeSpeed;
    text-rendering: optimizeSpeed;
  }
}
/* Darkmode */
@media (prefers-color-scheme: dark) {
  .format p, a, h2, h3, h4, ul li, strong {
    color: var(--black) !important;
  }
  .format .cta a {
    color: var(--white) !important;
  }
  .format .overlay-modal .overlay .overlay-header .overlay-headline h2 {
    color: var(--white) !important;
  }
  .format .overlay-modal .overlay .overlay-content .specs-cards .route-info {
    color: var(--black) !important;
  }
  .footer-columns a {
    color: #fff !important;
  }
}