@font-face {
  font-family: Archivo;
  src: url('/fonts/Archivo-Variable.woff2') format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Inconsolata;
  src: url('/fonts/Inconsolata-600.ttf') format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Inconsolata;
  src: url('/fonts/Inconsolata-700.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Urbanist;
  src: url('/fonts/Urbanist-400.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --ul--korall-aktion: #c25239;
  --ul--dunkelblau: #293241;
  --ul--korall-akzent: #ec8167;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

.hero-section {
  z-index: 5;
  text-align: center;
  clip-path: none;
  background-image: url('../images/landing-apge-ultraleichtflugzeug-lugschulegoeppingen.webp'), linear-gradient(160deg, #0a1a2f, #123a5c 45%, #2e6da4 75%, #7fb2d9);
  background-position: 50%, 0 0;
  background-size: cover, auto;
  justify-content: flex-start;
  align-items: center;
  min-height: 92vh;
  padding: 180px 24px 160px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hero-section.news-hero-section {
  background-image: url('../images/20190514_165533.webp'), linear-gradient(160deg, #0a1a2f, #123a5c 45%, #2e6da4 75%, #7fb2d9);
  background-position: 0 0, 0 0;
  background-size: cover, auto;
}

.hero-section.home-hero {
  min-height: 100vh;
}

.hero-container {
  z-index: 1;
  max-width: 780px;
  position: relative;
}

.hero-eyebrow {
  color: #2a3342;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 18px;
  font-family: Archivo, sans-serif;
  font-size: 22px;
  font-weight: 500;
}

.hero-heading {
  color: #293241;
  font-variation-settings: normal;
  text-align: center;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Inconsolata, monospace;
  font-size: 60px;
  font-weight: 700;
  line-height: 1.08;
  display: flex;
}

.hero-heading.heading_2 {
  color: #2a3342;
  font-variation-settings: normal;
  margin-bottom: 0;
  font-family: Inconsolata, monospace;
  font-size: 32px;
  line-height: 1.08;
}

.hero-subline {
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  color: #dce9f5;
  background-color: #0a1a2f59;
  border-radius: 8px;
  margin-bottom: 40px;
  padding: 14px 20px;
  font-size: 19px;
  line-height: 1.6;
}

.hero-button-row {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  justify-content: center;
  padding-bottom: 31px;
  display: flex;
}

.hero-button-primary {
  background-color: var(--ul--korall-aktion);
  color: #fff;
  border-radius: 8px;
  min-height: 44px;
  padding: 16px 34px;
  font-family: Archivo, sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
}

.hero-button-primary:hover {
  color: #fff;
  background-color: #a8412b;
}

.hero-button-secondary {
  background-color: var(--ul--korall-aktion);
  color: #fff;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  border: 2px #ffffffa6;
  border-radius: 8px;
  min-height: 44px;
  padding: 16px 34px;
  font-family: Archivo, sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
}

.hero-button-secondary:hover {
  color: #fff;
  background-color: #a8412b;
  transform: translateY(-3px);
}

.steps-section {
  z-index: 3;
  clip-path: none;
  background-color: #edfbfc;
  background-image: url('../images/background_flugschule_göppingen.webp');
  background-position: 0 0;
  background-size: auto;
  margin-top: 0;
  padding: 60px 0;
  position: relative;
  overflow: hidden;
}

.steps-container {
  box-sizing: border-box;
  text-align: center;
  background-color: #c7c7c700;
  width: 100%;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}

.steps-eyebrow {
  color: #558d88;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 14px;
  padding-left: 24px;
  padding-right: 24px;
  font-size: 25px;
  font-weight: 600;
}

.steps-heading {
  color: #ec8167;
  font-variation-settings: normal;
  letter-spacing: -.5px;
  -webkit-text-stroke-color: #5c7fc4;
  margin-top: 0;
  margin-bottom: 16px;
  padding-left: 24px;
  padding-right: 24px;
  font-family: Inconsolata, monospace;
  font-size: 44px;
  font-weight: 600;
  line-height: 1.12;
}

.steps-intro {
  color: #293241;
  max-width: 620px;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
  font-family: Archivo, sans-serif;
  font-size: 18px;
  line-height: 1.65;
}

.steps-card-row {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.steps-card {
  text-align: left;
  background-color: #fff;
  border-radius: 14px;
  flex: 1;
  max-width: 480px;
  overflow: hidden;
  box-shadow: 0 10px 30px #0a1a2f14;
}

.steps-card-image-a {
  background-image: linear-gradient(135deg, #2e6da4 0%, #7fb2d9 100%);
  height: 220px;
}

.steps-card-image-b {
  background-image: linear-gradient(135deg, #0a1a2f 0%, #2e6da4 100%);
  height: 220px;
}

.steps-card-body {
  padding: 32px 32px 36px;
}

.steps-card-title {
  color: #0a1a2f;
  margin-top: 0;
  margin-bottom: 12px;
  font-size: 24px;
  font-weight: 700;
}

.steps-card-text {
  color: #44566c;
  margin-bottom: 24px;
  font-size: 16px;
  line-height: 1.65;
}

.steps-card-link {
  color: #fff;
  background-color: #e8590c;
  border-radius: 8px;
  padding: 12px 26px;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
}

.contact-section {
  z-index: 1;
  clip-path: polygon(0 0, 50% 60px, 100% 0, 100% 100%, 0 100%);
  background-color: #eefcfd;
  background-image: none;
  background-size: auto;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: -60px;
  padding: 140px 24px 110px;
  display: flex;
  position: relative;
}

.contact-container {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  justify-content: flex-start;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.contact-info {
  background-color: #293241;
  border-radius: 14px;
  flex-direction: column;
  flex: 1;
  order: 2;
  min-width: 25em;
  max-width: 30em;
  min-height: 35em;
  max-height: 40em;
  padding: 18px;
  display: flex;
}

.contact-eyebrow {
  color: #fff;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 14px;
  font-size: 14px;
  font-weight: 600;
}

.contact-heading {
  color: #293241;
  font-variation-settings: normal;
  letter-spacing: -.5px;
  margin-top: 0;
  margin-bottom: 18px;
  padding-bottom: 16px;
  font-family: Inconsolata, monospace;
  font-size: 44px;
  font-weight: 600;
  line-height: 1.12;
}

.contact-text {
  color: #c9d9ea;
  margin-bottom: 32px;
  font-size: 17px;
  line-height: 1.65;
}

.contact-detail {
  color: #fff;
  margin-bottom: 12px;
  font-size: 16px;
  font-weight: 500;
}

.contact-backlink {
  color: #7fb2d9;
  margin-top: 24px;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
}

.contact-form-card {
  background-color: #293241;
  border-radius: 14px;
  flex: 1;
  order: 1;
  min-width: 25em;
  max-width: 30em;
  min-height: 35em;
  margin-top: 0;
  padding: 20px;
  box-shadow: 0 14px 40px #040c1859;
}

.contact-field-label {
  color: #fff;
  margin-bottom: 6px;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 600;
  display: block;
}

.contact-input, .contact-input._w-input, .contact-input._w-input {
  color: #0a1a2f;
  background-color: #fbfdff;
  border: 1px solid #d4dee9;
  border-radius: 8px;
  width: 100%;
  margin-bottom: 18px;
  padding: 12px 14px;
  font-size: 15px;
}

.contact-textarea, .contact-textarea._w-input {
  color: #0a1a2f;
  background-color: #fbfdff;
  border: 1px solid #d4dee9;
  border-radius: 8px;
  width: 100%;
  min-height: 120px;
  margin-bottom: 24px;
  padding: 12px 14px;
  font-size: 15px;
}

.contact-submit {
  background-color: var(--ul--korall-aktion);
  color: #fff;
  cursor: pointer;
  border-radius: 8px;
  width: 100%;
  min-height: 44px;
  padding: 15px 20px;
  font-family: Archivo, sans-serif;
  font-size: 16px;
  font-weight: 600;
}

.contact-submit:hover {
  color: #fff;
  background-color: #a8412b;
  box-shadow: 0 8px 24px #624c4173;
}

.contact-submit._w-button {
  color: #fff;
  cursor: pointer;
  background-color: #e8590c;
  border-radius: 8px;
  width: 100%;
  padding: 15px 20px;
  font-size: 16px;
  font-weight: 600;
}

._w-input-parent._w-input {
  color: #0a1a2f;
  background-color: #fbfdff;
  border: 1px solid #d4dee9;
  border-radius: 8px;
  width: 100%;
  margin-bottom: 18px;
  padding: 12px 14px;
  font-size: 15px;
}

.about-section {
  z-index: 2;
  clip-path: none;
  background-color: #b5b9b9;
  background-image: url('../images/IMG_0214.webp');
  background-position: 0 0;
  background-size: cover;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  min-height: 75vh;
  margin-top: 0;
  padding: 120px 48px;
  display: flex;
  position: relative;
  overflow: visible;
}

.about-container {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  background-color: #0000;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  max-width: 640px;
  min-height: 0;
  max-height: none;
  margin-left: -22px;
  margin-right: auto;
  padding: 0 0 0 15px;
  font-size: 14px;
  display: flex;
}

.about-content {
  background-color: #293241;
  flex: 1;
  width: 400px;
  padding: 20px;
}

.about-eyebrow {
  color: #ec8167;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 14px;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 600;
}

.about-heading {
  color: #fff;
  font-variation-settings: normal;
  letter-spacing: -.5px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 18px;
  font-family: Inconsolata, monospace;
  font-size: 44px;
  font-weight: 600;
  line-height: 1.12;
}

.about-heading.headin-2 {
  color: #2a3342;
}

.about-text {
  color: #fafafa;
  margin-bottom: 20px;
  font-family: Archivo, sans-serif;
  font-size: 18px;
  line-height: 1.65;
}

.about-text.text2 {
  color: #2a3342;
}

.about-link {
  color: #fff;
  background-color: #ec8167;
  border-radius: 5px;
  margin-top: 8px;
  padding: 5px;
  font-family: Archivo, sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
}

.about-link.link2 {
  color: #2a3342;
  background-color: #558d8800;
}

.about-image {
  background-image: url('../images/IMG_0256-2.webp'), linear-gradient(135deg, #123a5c, #7fb2d9);
  background-position: 100% 100%, 0 0;
  background-size: cover, auto;
  border-radius: 14px;
  flex: 1;
  height: 420px;
}

.testimonial-section {
  z-index: 3;
  clip-path: polygon(0 0, 50% 60px, 100% 0, 100% calc(100% - 60px), 50% 100%, 0 calc(100% - 60px));
  background-color: #1976d2;
  margin-top: -60px;
  padding: 140px 24px;
  position: relative;
  overflow: visible;
}

.testimonial-container {
  text-align: center;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}

.testimonial-eyebrow {
  color: #f0a06c;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 14px;
  font-size: 14px;
  font-weight: 600;
}

.testimonial-heading {
  color: #fff;
  margin-top: 0;
  margin-bottom: 56px;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.15;
}

.testimonial-row {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  align-items: stretch;
  display: flex;
}

.testimonial-card {
  text-align: left;
  background-color: #fff;
  border-radius: 14px;
  flex: 1;
  padding: 36px 32px;
  box-shadow: 0 10px 30px #0a1a2f14;
}

.testimonial-stars {
  color: #f5a623;
  letter-spacing: 2px;
  margin-bottom: 16px;
  font-size: 20px;
}

.testimonial-quote {
  color: #44566c;
  margin-bottom: 24px;
  font-size: 16px;
  font-style: italic;
  line-height: 1.7;
}

.testimonial-name {
  color: #0a1a2f;
  font-size: 16px;
  font-weight: 700;
}

.testimonial-source {
  color: #8fa3b8;
  margin-top: 4px;
  font-size: 13px;
}

.findus-section {
  background-color: #eff1f4;
  padding: 110px 24px;
}

.findus-container {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  align-items: flex-start;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.findus-info {
  flex: 1;
}

.findus-eyebrow {
  color: #e8590c;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 14px;
  font-size: 14px;
  font-weight: 600;
}

.findus-heading {
  color: #0a1a2f;
  margin-top: 0;
  margin-bottom: 24px;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.15;
}

.findus-detail {
  color: #44566c;
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 1.6;
}

.findus-hours-title {
  color: #0a1a2f;
  margin-top: 40px;
  margin-bottom: 16px;
  font-size: 20px;
  font-weight: 700;
}

.findus-hours-row {
  color: #44566c;
  border-bottom: 1px solid #e3ebf3;
  justify-content: space-between;
  max-width: 320px;
  padding: 10px 0;
  font-size: 16px;
  display: flex;
}

.findus-map-wrap {
  height: 420px;
  min-height: unset;
  border-radius: 14px;
  flex: 1;
  display: block;
  position: relative;
  overflow: hidden;
  box-shadow: 0 10px 30px #0a1a2f1a;
}

.findus-map {
  border: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.footer-section {
  background-color: var(--ul--dunkelblau);
  color: #558d88;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  padding: 70px 24px 40px;
  display: flex;
}

.footer-section._2 {
  color: #2a3342;
  background-color: #2b3241;
}

.footer-social-row {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: center;
  margin-bottom: 36px;
  display: flex;
}

.footer-social-link {
  color: #fff;
  background-image: url('/images/background-placeholder.svg');
  background-position: 0 0;
  background-size: auto;
  border: 1px solid #ffffff4d;
  border-radius: 999px;
  padding: 12px 28px;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
}

.footer-legal-row {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  justify-content: center;
  margin-bottom: 20px;
  display: flex;
}

.team-hero {
  text-align: center;
  background-image: url('../images/IMG_0256-2.webp'), linear-gradient(160deg, #263d40, #34595d 70%, #558d88);
  background-position: 50% 0, 0 0;
  background-size: cover, auto;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  min-width: auto;
  min-height: clamp(300px, 34vw, 480px);
  margin-top: 100px;
  padding: 0;
  display: flex;
}

.team-hero-eyebrow {
  color: #558d88;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 14px;
  font-family: Archivo, sans-serif;
  font-size: 10px;
  font-weight: 600;
}

.team-hero-heading {
  color: #fff;
  font-variation-settings: normal;
  letter-spacing: -.5px;
  text-transform: uppercase;
  background-color: #34595d00;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  margin-top: 0;
  margin-bottom: 16px;
  margin-left: 40px;
  padding-left: 0;
  padding-right: 0;
  font-family: Inconsolata, monospace;
  font-size: 60px;
  font-weight: 700;
  line-height: 1.08;
  display: block;
}

.team-hero-subline {
  color: #ffffffb8;
  max-width: 640px;
  margin-bottom: 24px;
  margin-left: auto;
  margin-right: auto;
  font-family: Archivo, sans-serif;
  font-size: 18px;
  line-height: 1.6;
}

.team-hero-backlink {
  color: #558d88;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
}

.team-section {
  background-color: #fff;
  background-image: url('../images/background_flugschule_göppingen.webp');
  background-position: 0 0;
  background-size: auto;
  padding: 100px 24px;
}

.team-container {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}

.team-row {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  align-items: flex-start;
  margin-bottom: 90px;
  display: flex;
}

.team-photo-a {
  background-image: url('../images/Klaus.webp'), linear-gradient(135deg, #1e3438, #558d88);
  background-position: 50% 0, 0 0;
  background-size: cover, auto;
  background-attachment: scroll, scroll;
  border-radius: 14px;
  width: 280px;
  min-width: 280px;
  height: 415px;
}

.team-photo-b {
  background-image: linear-gradient(135deg, #263d40 0%, #34595d 100%);
  border-radius: 14px;
  width: 260px;
  min-width: 260px;
  height: 320px;
}

.team-photo-c {
  background-image: url('../images/Jörg.webp'), linear-gradient(135deg, #1a2f32, #2e5055);
  background-position: 0 0, 0 0;
  background-size: cover, auto;
  border-radius: 14px;
  width: 280px;
  min-width: 280px;
  height: 415px;
}

.team-info {
  flex: 1;
}

.team-name {
  color: #2a3342;
  font-variation-settings: "wdth" 115;
  letter-spacing: -.3px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 6px;
  font-family: Archivo, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2;
}

.team-role {
  color: #2a3342;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 16px;
  font-family: Archivo, sans-serif;
  font-size: 10px;
  font-weight: 600;
}

.team-bio {
  color: #2a3342;
  margin-bottom: 20px;
  font-family: Archivo, sans-serif;
  font-size: 18px;
  line-height: 1.65;
}

.team-email {
  color: #558d88;
  font-family: Archivo, sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
}

.navbar {
  z-index: 9999;
  box-sizing: border-box;
  background-color: var(--ul--dunkelblau);
  color: #6d3424;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 84px;
  padding: 32px 24px;
  font-family: Archivo, sans-serif;
  font-size: 1em;
  line-height: 1.5;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
}

.navbar-container {
  grid-column-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr auto;
  justify-content: space-between;
  place-items: center stretch;
  gap: 20px;
  width: 100%;
  display: grid;
}

.navbar-brand {
  color: #fff;
  background-image: url('../images/logo-flugschule-goeppingen-ultraleichtfliegen-ul-leichtflugzeug.png');
  background-position: 50%;
  background-size: cover;
  justify-content: flex-start;
  justify-self: start;
  align-items: center;
  gap: 12px;
  width: 130px;
  height: 53px;
  font-family: Archivo, sans-serif;
  font-size: 20px;
  font-weight: 700;
  text-decoration: none;
  display: flex;
}

.navbar-brand.w--current {
  background-image: url('../images/logo-flugschule-goeppingen-ultraleichtfliegen-ul-leichtflugzeug.png'), url('../images/PastedGraphic-1.png');
  background-position: 50%, 50%;
  background-size: cover, cover;
}

.navbar-links {
  flex-direction: column;
  justify-content: flex-end;
  justify-self: end;
  align-items: flex-end;
  display: flex;
}

.navbar-link {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: clamp(12px, 1.1vw, 22px);
  font-weight: 600;
  text-decoration: none;
}

.navbar-cta {
  background-color: var(--ul--korall-aktion);
  color: #fff;
  letter-spacing: 1px;
  text-transform: uppercase;
  white-space: nowrap;
  border: 1.5px solid #30636f;
  border-radius: 999px;
  width: auto;
  min-height: 44px;
  padding: clamp(7px, .7vw, 11px) clamp(12px, 1.3vw, 22px);
  font-family: Urbanist, sans-serif;
  font-size: clamp(14px, 1.29vw - 2.83px, 19px);
  font-weight: 400;
  line-height: 2em;
  text-decoration: none;
}

.navbar-cta:hover {
  color: #fff;
  background-color: #a8412b;
  border-color: #c94d0a00;
  box-shadow: 0 6px 18px #56555436;
}

.navbar-cta:active {
  background-color: #c5c2c0;
  box-shadow: 0 6px 18px #c1c1c166;
}

.navbar-logo {
  background-image: linear-gradient(135deg, #e8590c, #2e6da4);
  border-radius: 4px;
  width: 40px;
  min-width: 40px;
  height: 100%;
  min-height: 40px;
  margin-left: -300%;
  font-size: 100%;
  line-height: 100%;
}

.footer-legal-link {
  color: #7fb2d9;
  font-size: 14px;
  text-decoration: none;
}

.footer-copyright {
  color: #5d748c;
  font-size: 13px;
}

.kurse-section {
  z-index: 2;
  clip-path: polygon(0 0, 50% 60px, 100% 0, 100% calc(100% - 60px), 50% 100%, 0 calc(100% - 60px));
  background-color: #1976d2;
  background-image: url('../images/Background_Schnupperflug_.webp');
  background-position: 0 0;
  background-size: cover;
  margin-top: -60px;
  padding: 140px 24px;
  position: relative;
}

.kurse-container {
  text-align: center;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}

.kurse-eyebrow {
  color: #34595d;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 14px;
  font-size: 30px;
  font-weight: 600;
}

.kurse-heading {
  color: #558d88;
  margin-top: 0;
  margin-bottom: 16px;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.15;
}

.kurse-intro {
  color: #34595d;
  max-width: 620px;
  margin-bottom: 56px;
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  line-height: 1.6;
}

.kurse-row {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  text-align: left;
  align-items: stretch;
  display: flex;
}

.kurs-card {
  background-color: #fff;
  border: 1px solid #e3ebf3;
  border-radius: 14px;
  flex-direction: column;
  flex: 1;
  padding: 28px;
  display: flex;
  box-shadow: 0 6px 20px #0a1a2f0f;
}

.kurs-badge {
  color: #2e6da4;
  background-color: #eef5fb;
  border-radius: 999px;
  align-self: flex-start;
  margin-bottom: 16px;
  padding: 6px 14px;
  font-size: 13px;
  font-weight: 600;
}

.kurs-title {
  color: #0a1a2f;
  margin-top: 0;
  margin-bottom: 8px;
  font-size: 22px;
  font-weight: 700;
}

.kurs-text {
  color: #44566c;
  flex-grow: 1;
  margin-bottom: 20px;
  font-size: 15px;
  line-height: 1.6;
}

.kurs-meta-row {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 18px;
  display: flex;
}

.kurs-preis {
  color: #0a1a2f;
  font-size: 19px;
  font-weight: 700;
}

.kurs-plaetze {
  color: #2e8b57;
  font-size: 13px;
  font-weight: 600;
}

.kurs-plaetze-voll {
  color: #8fa3b8;
  font-size: 13px;
  font-weight: 600;
}

.kurs-button {
  color: #fff;
  text-align: center;
  background-color: #558d88;
  border-radius: 8px;
  padding: 13px 16px;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  display: block;
}

.kurs-button:hover {
  box-shadow: none;
  background-color: #ffffff2e;
  transform: translateY(-3px);
}

.kurs-button-voll {
  color: #fff;
  text-align: center;
  background-color: #8fa3b8;
  border-radius: 8px;
  padding: 13px 16px;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  display: block;
}

.navbar-link-sm {
  color: #fff;
  letter-spacing: .6px;
  text-transform: uppercase;
  white-space: nowrap;
  padding-top: 4px;
  padding-bottom: 4px;
  font-family: Archivo, Arial, sans-serif;
  font-size: clamp(15px, 2.23px + .88vw, 19.2px);
  font-weight: 400;
  line-height: 2em;
  text-decoration: none;
}

.navbar-link-sm:hover {
  color: #764033;
  background-color: #0000;
}

.navbar-links-inner {
  grid-column-gap: 16px;
  grid-row-gap: 12px;
  white-space: nowrap;
  justify-content: center;
  justify-self: center;
  align-items: center;
  gap: clamp(14px, 1.8vw, 40px) clamp(14px, 1.2vw, 28px);
  max-width: 100%;
  font-size: 1em;
  line-height: 1em;
  display: flex;
}

.steps-grid {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  grid-template-rows: auto;
  grid-template-columns: repeat(2, 1fr);
  display: grid;
}

.step-card {
  text-align: left;
  background-color: #fff;
  border-right: none;
  border-radius: 16px;
  flex-direction: column;
  height: 100%;
  min-height: 560px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 6px 28px #0a1a2f1c;
}

.step-card:last-child {
  border-right: none;
}

.step-img-a {
  background-image: url('../images/IMG_0185.webp'), linear-gradient(135deg, #e8590c, #f0a06c);
  background-position: 0 0, 0 0;
  background-size: cover, auto;
  flex-shrink: 0;
  height: 46vh;
  transition: transform .7s;
  overflow: hidden;
  transform: scale(1);
}

.step-img-a:hover {
  transform: scale(1.06);
}

.step-img-b {
  background-image: url('../images/pilot-fuer-einen-tag-hero.webp'), linear-gradient(135deg, #123a5c, #2e6da4);
  background-position: 100%, 0 0;
  background-size: cover, auto;
  flex-shrink: 0;
  height: 46vh;
  transition: transform .7s;
  overflow: hidden;
  transform: scale(1);
}

.step-img-b:hover {
  transform: scale(1.06);
}

.step-img-c {
  background-image: url('../images/IMG_0096.webp'), url('../images/ausbildung-hero.webp'), url('../images/rundflug-erlebnisfluege-bodensee-individuelle-route.webp'), linear-gradient(#000, #fff), linear-gradient(135deg, #0a1a2f, #123a5c);
  background-position: 50%, 50%, 0 0, 0 0, 0 0;
  background-size: cover, cover, cover, auto, auto;
  flex-shrink: 0;
  height: 46vh;
  transition: transform .7s;
  overflow: hidden;
  transform: scale(1);
}

.step-img-c:hover {
  transform: scale(1.06);
}

.step-img-d {
  background-image: linear-gradient(135deg, #2e6da4 0%, #7fb2d9 100%);
  height: 200px;
}

.step-card-body {
  color: #333;
  background-color: #2a3342;
  border-radius: 0;
  flex-direction: column;
  flex-grow: 1;
  align-items: center;
  max-width: none;
  margin-top: 0;
  padding: 32px 36px 40px;
  display: flex;
}

.step-card-body._6 {
  border-radius: 15px;
  margin-top: 40px;
}

.step-card-body._6._7 {
  background-color: #2a3342;
  margin-top: 0;
}

.step-card-eyebrow {
  color: #ec8167;
  letter-spacing: 2px;
  -webkit-text-stroke-color: #a6d5d0;
  text-transform: uppercase;
  margin-bottom: 8px;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  font-weight: 600;
}

.step-card-title {
  color: #fff;
  margin-top: 0;
  margin-bottom: 12px;
  font-family: Archivo, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2;
}

.step-card-text {
  color: #fff;
  flex-grow: 1;
  margin-bottom: 20px;
  font-family: Archivo, sans-serif;
  font-size: 18px;
  line-height: 1.65;
}

.step-card-link {
  color: #fff;
  background-color: #db5f41e6;
  border-radius: 8px;
  margin-top: 8px;
  padding: 14px 28px;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
}

.step-card-link:hover {
  box-shadow: none;
  background-color: #ffffff2e;
  transform: translateY(-3px);
}

.steps-three-grid {
  box-sizing: border-box;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, 1fr);
  width: 100%;
  padding-left: 32px;
  padding-right: 32px;
  display: grid;
}

.shop-banner {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-color: #34595d;
  border-radius: 14px;
  justify-content: space-between;
  align-items: center;
  max-width: 1032px;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  padding: 36px 48px;
  display: flex;
}

.shop-banner-left {
  flex: 1;
}

.shop-banner-eyebrow {
  color: #f0a06c;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 8px;
  font-size: 12px;
  font-weight: 600;
}

.shop-banner-title {
  color: #fff;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 26px;
  font-weight: 700;
}

.shop-banner-text {
  color: #c9d9ea;
  margin: 0;
  font-size: 16px;
  line-height: 1.6;
}

.shop-banner-btn {
  color: #fff;
  white-space: nowrap;
  background-color: #e8590c;
  border-radius: 8px;
  flex-shrink: 0;
  padding: 14px 32px;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  transition: transform .25s, box-shadow .25s, background-color .25s;
}

.shop-banner-btn:hover {
  background-color: #c94f0a;
  transform: translateY(-3px);
  box-shadow: 0 8px 24px #e8590c73;
}

.wave-divider {
  width: 100%;
  margin-bottom: -2px;
  line-height: 0;
  display: block;
  overflow: hidden;
}

.chevron-wrap {
  z-index: 2;
  width: 100%;
  line-height: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  overflow: hidden;
}

.inline-svg-0 {
  height: 70px;
}

.white-arrow {
  z-index: 3;
  background-color: #fff;
  width: 100%;
  height: 80px;
  margin-top: -80px;
  position: relative;
}

.white-v-arrow {
  width: 100%;
  line-height: 0;
  position: absolute;
  bottom: 0;
  left: 0;
}

.inline-svg-0-1 {
  width: 100%;
  height: 80px;
  display: block;
}

.double-arrow-wrap {
  pointer-events: none;
  width: 100%;
  line-height: 0;
  position: absolute;
  bottom: 0;
  left: 0;
}

.inline-svg-0-1-2, .inline-svg-0-1-2-3 {
  width: 100%;
  height: 110px;
  display: block;
}

.arrow-wrap-fixed {
  pointer-events: none;
  width: 100%;
  line-height: 0;
  position: absolute;
  bottom: 0;
  left: 0;
}

.inline-svg-0-1-2-3-4, .inline-svg-0-1-2-3-4-5 {
  width: 100%;
  height: 120px;
  display: block;
}

.arrow-outer {
  pointer-events: none;
  width: 100%;
  line-height: 0;
  position: absolute;
  bottom: 0;
  left: 0;
}

.arrow-inner {
  width: 100%;
  height: 160px;
  position: relative;
}

.arrow-cross {
  z-index: 10;
  pointer-events: none;
  width: 100%;
  line-height: 0;
  position: absolute;
  bottom: -80px;
  left: 0;
}

.arrow-cross-inner {
  width: 100%;
  height: 160px;
  position: relative;
  overflow: hidden;
}

.hamburger-btn {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  cursor: pointer;
  border-style: none;
  flex-direction: column;
  padding: 4px;
  display: none;
}

.mobile-menu {
  z-index: 9998;
  grid-row-gap: 0;
  grid-column-gap: 0;
  background-color: #0a1a2f;
  border-top: 1px solid #ffffff1f;
  flex-direction: column;
  width: 100%;
  padding: 20px 24px 28px;
  display: none;
  position: fixed;
  top: 62px;
  left: 0;
  box-shadow: 0 8px 24px #0006;
}

.mobile-menu.is-open {
  display: flex;
}

.mobile-menu-link {
  color: #fff;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  border-bottom: 1px solid #ffffff14;
  padding: 16px 0;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
}

.mobile-menu-cta-link {
  color: #7fb2d9;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  margin-top: 20px;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
}

.ul-hamburger {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  cursor: pointer;
  background-color: #0000;
  border-style: none;
  flex-direction: column;
  justify-content: center;
  padding: 6px;
  display: none;
}

.ul-mobile-nav {
  z-index: 9997;
  background-color: #0a1a2f;
  border-top: 1px solid #ffffff1f;
  flex-direction: column;
  display: none;
  position: fixed;
  top: 84px;
  left: 0;
  right: 0;
  box-shadow: 0 12px 32px #00000080;
}

.ul-mobile-nav.ul-open {
  display: flex;
}

.ul-mob-link {
  color: #fff;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  border-bottom: 1px solid #ffffff12;
  padding: 16px 24px;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
}

.ul-mob-gleit {
  color: #7fb2d9;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  padding: 18px 24px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
}

.ul-mob-details {
  display: none;
}

.ul-mob-nav {
  z-index: 9997;
  background-color: var(--ul--dunkelblau);
  border-top: 1px solid #ffffff1f;
  flex-direction: column;
  display: flex;
  position: fixed;
  top: 84px;
  left: 0;
  right: 0;
  box-shadow: 0 12px 32px #00000080;
}

.ul-mob-link-1 {
  color: #fff;
  letter-spacing: 0;
  text-transform: none;
  border-bottom: 1px solid #ffffff12;
  padding: 16px 24px;
  font-family: Archivo, sans-serif;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  display: block;
}

.ul-mob-gleit-1 {
  color: #fff;
  letter-spacing: 0;
  text-transform: none;
  padding: 18px 24px;
  font-family: Archivo, sans-serif;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  display: block;
}

.about-checklist-title {
  color: #fff;
  margin-top: 28px;
  margin-bottom: 14px;
  font-size: 17px;
  font-weight: 700;
}

.about-checklist {
  margin: 0 0 24px;
  padding: 0;
  list-style: none;
}

.about-location {
  color: #dce9f5;
  border-top: 1px solid #ffffff26;
  margin-top: 4px;
  padding-top: 18px;
  font-size: 14px;
  line-height: 1.65;
}

.about-extra {
  margin-top: 28px;
}

.about-extra-title {
  color: #fff;
  margin-top: 0;
  margin-bottom: 12px;
  font-size: 16px;
  font-weight: 700;
}

.about-check-item {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-bottom: 1px solid #ffffff14;
  align-items: center;
  padding: 6px 0;
  display: flex;
}

.about-check-icon {
  color: #f0a06c;
  flex-shrink: 0;
  font-size: 15px;
}

.about-check-text {
  color: #fff;
  font-size: 15px;
}

.about-location-box {
  color: #ffffffbf;
  border-top: 1px solid #ffffff26;
  margin-top: 20px;
  padding-top: 18px;
  font-size: 14px;
  line-height: 1.7;
}

.mood-cta {
  text-align: center;
  background-image: url('../images/landing-apge-ultraleichtflugzeug-lugschulegoeppingen.webp'), linear-gradient(#050f238c, #050f23a6);
  background-position: 20% 60%, 0 0;
  background-size: cover, auto;
  justify-content: flex-start;
  align-items: center;
  min-height: 480px;
  padding: 100px 24px;
  display: flex;
  position: relative;
}

.mood-cta-inner {
  max-width: 720px;
}

.mood-cta-eyebrow {
  color: #ffffffb3;
  letter-spacing: 4px;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-family: Archivo, sans-serif;
  font-size: 13px;
}

.mood-cta-heading {
  color: #fff;
  font-variation-settings: normal;
  letter-spacing: -.5px;
  margin-top: 0;
  margin-bottom: 16px;
  font-family: Inconsolata, monospace;
  font-size: 44px;
  font-weight: 600;
  line-height: 1.12;
}

.mood-cta-sub {
  color: #ffffffd9;
  letter-spacing: 2px;
  margin-bottom: 40px;
  font-family: Archivo, sans-serif;
  font-size: 22px;
  font-weight: 300;
}

.mood-cta-btn {
  background-color: var(--ul--korall-aktion);
  color: #fff;
  border-radius: 8px;
  min-height: 44px;
  padding: 18px 44px;
  font-family: Archivo, sans-serif;
  font-size: 17px;
  font-weight: 700;
  text-decoration: none;
  display: inline-block;
}

.mood-cta-btn:hover {
  color: #fff;
  background-color: #a8412b;
}

.nav-dropdown {
  align-items: center;
  display: flex;
  position: relative;
}

.nav-dropdown-trigger {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  white-space: nowrap;
  cursor: pointer;
  align-items: center;
  padding-top: 4px;
  padding-bottom: 4px;
  font-family: Archivo, sans-serif;
  font-size: clamp(12px, 1.1vw, 22px);
  font-weight: 600;
  text-decoration: none;
  display: flex;
}

.nav-dd-arrow {
  margin-top: 1px;
  font-size: 9px;
  transition: transform .2s;
}

.nav-dropdown-panel {
  z-index: 9999;
  visibility: hidden;
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  opacity: 0;
  pointer-events: none;
  background-image: linear-gradient(160deg, #0d2240 0%, #0a1a2f 100%);
  border: 1px solid #ffffff1f;
  border-radius: 14px;
  flex-direction: column;
  min-width: 210px;
  padding: 14px 8px 8px;
  transition: opacity .18s, visibility .18s, transform .18s;
  display: flex;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%)translateY(-4px);
  box-shadow: 0 16px 40px #00000080;
}

.nav-dropdown-item {
  color: #c8dff0;
  letter-spacing: .8px;
  text-transform: uppercase;
  white-space: nowrap;
  border-radius: 8px;
  padding: 9px 14px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
  transition: background-color .15s, color .15s;
  display: block;
}

.nav-dd-divider {
  background-color: #ffffff1a;
  height: 1px;
  margin: 6px 4px;
}

.nav-dd-all {
  color: #f0a06c;
  letter-spacing: .5px;
  text-transform: none;
  font-size: 12px;
  font-weight: 600;
}

.nav-wf-dd {
  z-index: 9999;
}

.nav-wf-toggle {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #fff;
  letter-spacing: .6px;
  text-transform: uppercase;
  white-space: nowrap;
  cursor: pointer;
  align-items: center;
  padding: 4px 0;
  font-family: Verdana, Geneva, sans-serif;
  font-size: clamp(15px, 2.23px + .88vw, 19.2px);
  font-weight: 400;
  line-height: 2em;
  display: flex;
}

.nav-wf-arrow {
  letter-spacing: .6px;
  margin-left: 2px;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 1em;
  display: inline-block;
}

.nav-wf-list {
  background-color: #558d88;
  border: 1px solid #ffffff1f;
  border-radius: 14px;
  min-width: 210px;
  padding: 8px;
  box-shadow: 0 20px 48px #0000008c;
}

.nav-wf-list.w--open {
  background-color: #fff;
  border-radius: 1px;
}

.nav-wf-item {
  color: var(--ul--dunkelblau);
  letter-spacing: .8px;
  text-transform: uppercase;
  white-space: nowrap;
  border-radius: 8px;
  padding: 11px 14px;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.5;
  text-decoration: none;
  display: block;
}

.nav-wf-item:hover {
  color: #2a3342;
  background-color: #db5f41a8;
}

.nav-wf-item.ar-row-label-1 {
  color: #2a3342;
  font-size: 12px;
  font-weight: 700;
}

.nav-wf-divider {
  background-color: #ffffff1a;
  height: 1px;
  margin: 5px 4px;
}

.ci-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #fff;
  background-color: #558d8800;
  border-radius: 14px;
  flex-direction: column;
  flex: 1;
  margin-top: 16px;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.ci-map-wrap {
  border-radius: 12px;
  width: 100%;
  height: 220px;
  overflow: hidden;
}

.ci-map-iframe {
  width: 100%;
  height: 100%;
  display: block;
}

.ci-info-block {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  display: flex;
}

.ci-info-row {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #fff;
  align-items: flex-start;
  font-size: 14px;
  line-height: 1.4;
  display: flex;
}

.ci-info-icon {
  opacity: .8;
  color: #fff;
  flex-shrink: 0;
}

.ci-info-text {
  color: #fff;
  font-family: Archivo, sans-serif;
}

.ci-info-link {
  color: #fff;
  font-family: Archivo, sans-serif;
  text-decoration: none;
}

.ci-hours {
  background-color: #db5f41;
  border: 1px solid #ffffff1a;
  border-radius: 12px;
  padding: 16px;
}

.ci-hours-title {
  color: #fff;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 600;
}

.ci-hours-row {
  color: #fff;
  border-bottom: 1px solid #ffffff0f;
  justify-content: space-between;
  padding: 5px 0;
  font-size: 13px;
  display: flex;
}

._wf-wave-top {
  z-index: 2;
  pointer-events: none;
  width: 100%;
  line-height: 0;
  position: absolute;
  top: 0;
  left: 0;
}

._wf-wave-bottom {
  z-index: 2;
  pointer-events: none;
  width: 100%;
  line-height: 0;
  position: absolute;
  bottom: 0;
  left: 0;
}

.wd-top {
  z-index: 2;
  pointer-events: none;
  background-color: #fff;
  width: 110%;
  height: 50px;
  position: absolute;
  top: 45px;
  left: -5%;
  transform: rotate(-2deg);
}

.wd-bottom {
  z-index: 2;
  pointer-events: none;
  background-color: #fff;
  width: 110%;
  height: 45px;
  position: absolute;
  bottom: 20px;
  left: -5%;
  transform: rotate(2deg);
}

.chev-top-wrap {
  z-index: 2;
  pointer-events: none;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.chev-a {
  clip-path: polygon(0 0, 100% 0, 100% 25%, 50% 100%, 0 25%);
  background-color: #fff;
  width: 100%;
  height: 55px;
}

.chev-b {
  clip-path: polygon(0 0, 100% 0, 100% 25%, 50% 100%, 0 25%);
  background-color: #fff;
  width: 100%;
  height: 55px;
  margin-top: 14px;
}

.chev-bot-wrap {
  z-index: 2;
  pointer-events: none;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}

.chev-c {
  clip-path: polygon(0 100%, 0 75%, 50% 0, 100% 75%, 100% 100%);
  background-color: #fff;
  width: 100%;
  height: 55px;
  margin-bottom: 14px;
}

.chev-d {
  clip-path: polygon(0 100%, 0 75%, 50% 0, 100% 75%, 100% 100%);
  background-color: #fff;
  width: 100%;
  height: 55px;
}

.faq-section {
  color: #ecfcfc;
  background-color: #f5f8fc;
  background-image: url('../images/background_flugschule_göppingen.webp');
  background-position: 0 0;
  background-size: auto;
  padding: 100px 24px;
}

.faq-container {
  background-color: var(--ul--dunkelblau);
  border-radius: 15px;
  max-width: 1200px;
  margin: 0 auto;
  padding: 24px 32px 30px 34px;
}

.faq-eyebrow {
  color: #ecfbfc;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 16px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 600;
}

.faq-heading {
  color: #ecfcfd;
  font-variation-settings: normal;
  letter-spacing: -.5px;
  margin: 0 0 12px;
  font-family: Inconsolata, monospace;
  font-size: 44px;
  font-weight: 600;
  line-height: 1.12;
}

.faq-intro {
  color: #eefcfd;
  margin: 0 0 48px;
  font-family: Archivo, sans-serif;
  font-size: 18px;
  line-height: 1.65;
}

.faq-list {
  flex-direction: column;
  display: flex;
}

.faq-item {
  border-bottom: 1px solid #0a1a2f1a;
}

.faq-q {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #ecfbfc;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  padding: 20px 0;
  font-family: Archivo, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.65;
  list-style: none;
  display: flex;
}

.faq-q.fp-q {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: baseline;
  gap: 4px 14px;
}

.faq-a {
  color: #edfbfd;
  padding: 0 0 20px;
  font-family: Archivo, sans-serif;
  font-size: 18px;
  line-height: 1.65;
}

.faq-cta-text {
  color: #eefcfd;
  margin: 48px 0 16px;
  font-family: Archivo, sans-serif;
  font-size: 15px;
}

.faq-cta-btn {
  background-color: var(--ul--korall-aktion);
  color: #fff;
  letter-spacing: .8px;
  text-transform: uppercase;
  border-radius: 999px;
  min-height: 44px;
  padding: 14px 32px;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
}

.faq-cta-btn:hover {
  color: #fff;
  background-color: #a8412b;
}

.ausb-section {
  background-color: #fff;
  padding: 100px 24px;
}

.ausb-container {
  max-width: 1080px;
  margin: 0 auto;
}

.ausb-eyebrow {
  color: #e8590c;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 16px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 600;
}

.ausb-heading {
  color: #0a1a2f;
  margin: 0 0 20px;
  font-size: 42px;
  font-weight: 700;
  line-height: 1.1;
}

.ausb-lead {
  color: #5a7a9a;
  max-width: 700px;
  margin: 0 0 64px;
  font-size: 18px;
  line-height: 1.7;
}

.ausb-grid {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  margin-bottom: 64px;
  display: grid;
}

.ausb-card {
  background-color: #f5f8fc;
  border: 1px solid #0a1a2f14;
  border-radius: 16px;
  flex-direction: column;
  padding: 40px;
  display: flex;
}

.ausb-card-icon {
  margin-bottom: 12px;
  font-size: 32px;
}

.ausb-card-label {
  color: #e8590c;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 8px;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 600;
}

.ausb-card-title {
  color: #0a1a2f;
  margin: 0 0 12px;
  font-size: 28px;
  font-weight: 700;
}

.ausb-card-desc {
  color: #5a7a9a;
  margin: 0 0 24px;
  font-size: 15px;
  line-height: 1.6;
}

.ausb-list {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  margin: 0 0 28px;
  padding: 0;
  list-style: none;
  display: flex;
}

.ausb-price-tag {
  color: #0a1a2f;
  margin-top: auto;
  font-size: 30px;
  font-weight: 700;
}

.ausb-price-label {
  color: #7a9ab5;
  margin-top: 4px;
  font-size: 13px;
}

.ausb-kosten {
  background-color: #0a1a2f;
  border-radius: 20px;
  margin-bottom: 0;
  padding: 32px 20px;
}

.ausb-kosten-title {
  color: #fff;
  margin: 0 0 12px;
  font-size: 30px;
  font-weight: 700;
}

.ausb-kosten-intro {
  color: #7fb2d9;
  margin: 0 0 40px;
  font-size: 16px;
  line-height: 1.6;
}

.ausb-preise-grid {
  grid-row-gap: 0;
  grid-column-gap: 0;
  border: 1px solid #ffffff1a;
  border-radius: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  margin-bottom: 40px;
  display: grid;
  overflow: hidden;
}

.ausb-preis-item {
  background-color: #ffffff0a;
  border-bottom: 1px solid #ffffff12;
  justify-content: space-between;
  align-items: center;
  padding: 16px 20px;
  display: flex;
}

.ausb-preis-name {
  color: #c8dff0;
  font-size: 14px;
}

.ausb-preis-val {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}

.ausb-beispiel {
  background-color: #ffffff0d;
  border: 1px solid #ffffff1a;
  border-radius: 14px;
  margin-bottom: 32px;
  padding: 28px;
}

.ausb-bsp-title {
  color: #f0a06c;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  margin-bottom: 16px;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 600;
}

.ausb-bsp-row {
  color: #c8dff0;
  justify-content: space-between;
  padding: 7px 0;
  font-size: 14px;
  display: flex;
}

.ausb-bsp-divider {
  background-color: #ffffff26;
  height: 1px;
  margin: 10px 0;
}

.ausb-bsp-sub {
  color: #fff;
  font-weight: 600;
}

.ausb-bsp-total {
  color: #f0a06c;
  font-size: 15px;
  font-weight: 700;
}

.ausb-extra-title {
  color: #7fb2d9;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 14px;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 600;
}

.ausb-extra-grid {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-wrap: wrap;
  display: flex;
}

.ausb-extra-item {
  color: #c8dff0;
  background-color: #ffffff12;
  border: 1px solid #ffffff1f;
  border-radius: 999px;
  padding: 8px 16px;
  font-size: 13px;
}

.ausb-cta {
  color: #fff;
  letter-spacing: .8px;
  text-transform: uppercase;
  background-color: #e8590c;
  border-radius: 999px;
  margin-top: 56px;
  padding: 16px 40px;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  transition: background .2s;
  display: inline-block;
}

.pft-section {
  background-color: #f0f5fb;
  padding: 100px 24px;
}

.pft-container {
  max-width: 1080px;
  margin: 0 auto;
}

.pft-eyebrow {
  color: #e8590c;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 16px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 600;
}

.pft-heading {
  color: #0a1a2f;
  margin: 0 0 20px;
  font-size: 42px;
  font-weight: 700;
  line-height: 1.1;
}

.pft-lead {
  color: #5a7a9a;
  max-width: 640px;
  margin: 0 0 56px;
  font-size: 18px;
  line-height: 1.7;
}

.pft-cards {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  margin-bottom: 40px;
  display: grid;
}

.pft-card {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  background-color: #2a3342;
  border: 1px solid #0a1a2f14;
  border-radius: 20px;
  flex-direction: column;
  min-width: 350px;
  padding: 40px;
  display: flex;
}

.pft-card-featured {
  background-color: #0a1a2f;
  border-color: #0000;
}

.pft-card-tag {
  color: #5a7a9a;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  background-color: #f0f5fb;
  border-radius: 999px;
  width: fit-content;
  padding: 6px 14px;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 700;
  display: inline-block;
}

.pft-card-tag-hot {
  color: #f0a06c;
  background-color: #e8590c26;
}

.pft-card-title {
  color: #0a1a2f;
  margin: 0;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.2;
}

.pft-card-desc {
  color: #5a7a9a;
  margin: 0;
  font-size: 15px;
  line-height: 1.6;
}

.pft-features {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  display: flex;
}

.pft-feature {
  color: #c8dff0;
  padding-left: 2px;
  font-size: 14px;
}

.pft-details {
  border-top: 1px solid #0a1a2f14;
  flex-direction: column;
  padding-top: 16px;
  display: flex;
}

.pft-drow {
  border-bottom: 1px solid #0a1a2f0f;
  justify-content: space-between;
  padding: 8px 0;
  font-size: 14px;
  display: flex;
}

.pft-dl {
  color: #7a9ab5;
}

.pft-dv {
  color: #0a1a2f;
  font-weight: 600;
}

.pft-price {
  color: #0a1a2f;
  margin-top: auto;
  font-size: 40px;
  font-weight: 700;
  line-height: 1;
}

.pft-price-sub {
  color: #7a9ab5;
  margin-top: 2px;
  font-size: 13px;
}

.pft-btn {
  color: #0a1a2f;
  text-align: center;
  letter-spacing: .8px;
  text-transform: uppercase;
  background-color: #f0f5fb;
  border: 2px solid #0a1a2f1f;
  border-radius: 999px;
  padding: 14px 24px;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  transition: background .2s;
  display: block;
}

.pft-btn-hot {
  color: #fff;
  background-color: #e8590c;
  border-color: #0000;
}

.pft-gutschein {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #4a6580;
  background-color: #fff;
  border: 1px solid #0a1a2f14;
  border-radius: 14px;
  flex-wrap: wrap;
  align-items: center;
  padding: 24px 28px;
  font-size: 15px;
  display: flex;
}

.pft-gl {
  color: #e8590c;
  white-space: nowrap;
  font-weight: 600;
  text-decoration: none;
}

.erl-section {
  background-color: #fff;
  background-image: url('../images/background_flugschule_göppingen.webp');
  background-position: 0 0;
  background-size: auto;
  padding-left: 25px;
  padding-right: 25px;
  overflow: hidden;
}

.erl-container {
  max-width: 1480px;
  margin: 0 auto;
  padding: 0 0 100px;
}

.erl-eyebrow {
  color: #d15943;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 16px;
  font-family: Archivo, sans-serif;
  font-size: 20px;
  font-weight: 600;
}

.erl-top {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  min-height: 500px;
  display: grid;
  overflow: hidden;
}

.erl-top-img {
  align-items: flex-end;
  padding: 28px;
  transition: transform .7s;
  display: flex;
  position: relative;
  transform: scale(1);
}

.erl-top-img:hover {
  transform: scale(1.06);
}

.erl-top-content {
  background-color: #f5faf9;
  background-image: url('../images/Background_Schnupperflug_.webp');
  background-position: 0%;
  background-size: auto;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 40px 24px;
  display: flex;
}

.erl-heading {
  color: #0a1a2f;
  margin: 0 0 20px;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.1;
}

.erl-lead {
  color: #34595d;
  margin: 0 0 32px;
  font-size: 17px;
  line-height: 1.7;
}

.erl-top-btn {
  color: #fff;
  letter-spacing: .8px;
  text-transform: uppercase;
  background-color: #558d88;
  border-radius: 8px;
  width: fit-content;
  padding: 14px 32px;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
}

.erl-img-alps {
  background-image: linear-gradient(135deg, #0d1b2a 0%, #1565c0 50%, #64b5f6 85%, #e0f2fe 100%);
}

.erl-img-home {
  background-image: linear-gradient(135deg, #1a2f0d 0%, #388e3c 55%, #81c784 100%);
}

.erl-img-castle {
  background-image: linear-gradient(135deg, #2d1b00 0%, #795548 55%, #bcaaa4 100%);
}

.erl-img-stgt {
  background-image: linear-gradient(135deg, #1a1a2e 0%, #455a64 55%, #90a4ae 100%);
}

.erl-img-lake {
  background-image: linear-gradient(135deg, #01579b 0%, #039be5 55%, #80d8ff 100%);
}

.erl-img-custom {
  background-image: linear-gradient(135deg, #1a0533 0%, #6a1b9a 55%, #ce93d8 100%);
}

.erl-ph-badge {
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  color: #ffffffd9;
  letter-spacing: .8px;
  background-color: #00000059;
  border-radius: 999px;
  padding: 8px 16px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
}

.erl-ph-sm {
  color: #ffffffd9;
  background-color: #00000059;
  border-radius: 999px;
  padding: 6px 12px;
  font-family: Archivo, sans-serif;
  font-size: 11px;
}

.erl-badges {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  display: flex;
  position: absolute;
  bottom: 16px;
  right: 16px;
}

.erl-dur {
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  color: #fff;
  background-color: #fff3;
  border-radius: 999px;
  padding: 6px 14px;
  font-size: 13px;
  font-weight: 600;
}

.erl-price {
  color: #fff;
  background-color: #d65c42;
  border-radius: 999px;
  padding: 6px 14px;
  font-size: 13px;
  font-weight: 700;
}

.erl-feat {
  border: 1px solid #558d881f;
  border-radius: 20px;
  flex-direction: column;
  margin-left: 0;
  margin-right: 0;
  display: flex;
  overflow: hidden;
}

.erl-feat-img {
  aspect-ratio: 4 / 3;
  align-items: flex-start;
  padding: 14px;
  transition: transform .7s;
  display: flex;
  position: relative;
  transform: scale(1);
}

.erl-feat-img:hover {
  transform: scale(1.06);
}

.erl-feat-img.erl-img-alps {
  background-image: url('../images/20250114_125253.webp'), linear-gradient(135deg, #0d1b2a, #1565c0 50%, #64b5f6 85%, #e0f2fe);
  background-position: 0 0, 0 0;
  background-size: cover, auto;
}

.erl-feat-body {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--ul--dunkelblau);
  flex-direction: column;
  flex: 1;
  padding: 24px;
  display: flex;
}

.erl-route-tag {
  color: #d65c42;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 700;
}

.erl-feat-title {
  color: #fff;
  font-variation-settings: "wdth" 115;
  letter-spacing: -.5px;
  text-transform: uppercase;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2;
}

.erl-feat-desc {
  color: #fff;
  flex: 1;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 18px;
  line-height: 1.65;
}

.erl-feat-btn {
  background-color: var(--ul--korall-aktion);
  color: #fff;
  letter-spacing: .8px;
  text-transform: uppercase;
  border-radius: 8px;
  width: fit-content;
  min-height: 44px;
  margin-top: auto;
  padding: 14px 32px;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
}

.erl-feat-btn:hover {
  color: #fff;
  background-color: #a8412b;
}

.erl-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  margin-bottom: 48px;
  display: grid;
}

.erl-card {
  border: 1px solid #558d881f;
  border-radius: 16px;
  flex-direction: column;
  display: flex;
  overflow: hidden;
}

.erl-card-img {
  aspect-ratio: 4 / 3;
  align-items: flex-start;
  padding: 14px;
  transition: transform .7s;
  display: flex;
  position: relative;
  transform: scale(1);
}

.erl-card-img:hover {
  transform: scale(1.06);
}

.erl-card-img.erl-img-home {
  background-image: url('../images/Jul-6-2026-06_51_46-PM.webp'), linear-gradient(135deg, #1a2f0d, #388e3c 55%, #81c784);
  background-position: 50%, 0 0;
  background-size: cover, auto;
}

.erl-card-img.erl-img-castle {
  background-image: url('../images/rundflug-erlebnisfluege-kaiserberge.webp'), linear-gradient(135deg, #2d1b00, #795548 55%, #bcaaa4);
  background-position: 50%, 0 0;
  background-size: cover, auto;
}

.erl-card-img.erl-img-stgt {
  background-image: url('../images/erlebnisflug-stuttgart-airport-experience.webp'), linear-gradient(135deg, #1a1a2e, #455a64 55%, #90a4ae);
  background-position: 0 0, 0 0;
  background-size: cover, auto;
}

.erl-card-img.erl-img-lake {
  background-image: url('../images/ChatGPT-Image-Jul-8-2026-10_00_45-PM.webp'), linear-gradient(135deg, #01579b, #039be5 55%, #80d8ff);
  background-position: 0 0, 0 0;
  background-size: cover, auto;
}

.erl-card-body {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #2c3442;
  flex-direction: column;
  flex: 1;
  padding: 24px;
  display: flex;
}

.erl-card-title {
  color: #fff;
  font-variation-settings: "wdth" 115;
  letter-spacing: -.3px;
  text-transform: uppercase;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2;
}

.erl-card-desc {
  color: #fff;
  flex: 1;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 18px;
  line-height: 1.65;
}

.erl-card-btn {
  background-color: var(--ul--korall-aktion);
  color: #fff;
  letter-spacing: .8px;
  text-transform: uppercase;
  border: 1.5px solid #558d8840;
  border-radius: 8px;
  width: fit-content;
  min-height: 44px;
  padding: 10px 22px;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
}

.erl-card-btn:hover {
  color: #fff;
  background-color: #a8412b;
}

.erl-custom {
  border: 1px solid #558d881f;
  border-radius: 20px;
  flex-direction: column;
  display: flex;
  overflow: hidden;
}

.erl-custom-img {
  aspect-ratio: 4 / 3;
  align-items: flex-start;
  padding: 14px;
  transition: transform .7s;
  display: flex;
  transform: scale(1);
}

.erl-custom-img:hover {
  transform: scale(1.06);
}

.erl-custom-img.erl-img-custom {
  background-image: url('../images/rundflug-erlebnisfluege-bodensee-individuelle-route.webp'), linear-gradient(135deg, #1a0533, #6a1b9a 55%, #ce93d8);
  background-position: 0 0, 0 0;
  background-size: cover, auto;
}

.erl-custom-body {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--ul--dunkelblau);
  flex-direction: column;
  flex: 1;
  padding: 32px 24px;
  display: flex;
}

.erl-custom-title {
  color: #fff;
  letter-spacing: -.5px;
  text-transform: uppercase;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 26px;
  font-weight: 700;
}

.erl-custom-desc {
  color: #fff;
  flex: 1;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  line-height: 1.6;
}

.erl-tags {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-wrap: wrap;
  display: flex;
}

.erl-tag {
  color: #c8dff0;
  background-color: #ffffff14;
  border: 1px solid #ffffff26;
  border-radius: 999px;
  padding: 6px 14px;
  font-family: Archivo, sans-serif;
  font-size: 13px;
}

.erl-custom-btn {
  background-color: var(--ul--korall-aktion);
  color: #fff;
  letter-spacing: .8px;
  text-transform: uppercase;
  border-radius: 8px;
  width: fit-content;
  min-height: 44px;
  margin-top: auto;
  padding: 14px 28px;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
}

.erl-custom-btn:hover {
  color: #fff;
  background-color: #a8412b;
}

.erl-vidonote {
  color: #fff;
  text-align: center;
  background-color: #2b3342;
  border: 1px solid #558d882e;
  border-radius: 15px;
  margin-top: 29px;
  padding: 20px 24px;
  font-size: 26px;
  line-height: 1.5;
}

.flz-section {
  -webkit-text-fill-color: inherit;
  background-color: #558d88ba;
  background-image: url('../images/background_flugschule_göppingen.webp');
  background-position: 0 0;
  background-size: auto;
  background-clip: border-box;
  flex-flow: column;
  display: flex;
  overflow: hidden;
}

.flz-container {
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  max-width: 1080px;
  margin: 0 auto;
  padding: 0 24px 80px;
  display: flex;
}

.flz-eyebrow {
  color: #2a3342;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 12px;
  font-family: Archivo, sans-serif;
  font-size: 10px;
  font-weight: 600;
}

.flz-hero {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  display: grid;
}

.flz-hero-img {
  align-items: flex-end;
  min-height: 480px;
  padding: 28px;
  display: flex;
  position: relative;
}

.flz-hero-img.flz-img-sky {
  background-image: url('../images/IMG_0674.webp'), linear-gradient(160deg, #1e3438, #34595d);
  background-position: 50%, 0 0;
  background-size: cover, auto;
  justify-content: center;
  align-items: center;
}

.flz-hero-content {
  text-align: center;
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 40px 24px;
  display: flex;
}

.flz-heading {
  color: #2a3342;
  font-variation-settings: normal;
  letter-spacing: -.5px;
  text-transform: uppercase;
  margin: 0 0 8px;
  font-family: Inconsolata, monospace;
  font-size: 44px;
  font-weight: 600;
  line-height: 1.12;
}

.flz-sub {
  color: #2a3342;
  margin: 0 0 24px;
  font-family: Archivo, sans-serif;
  font-size: 18px;
  font-style: italic;
}

.flz-desc {
  color: #2a3342;
  width: 60%;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 16px;
  line-height: 1.75;
}

.flz-img-sky {
  background-image: linear-gradient(160deg, #0a1a2f 0%, #1565c0 45%, #42a5f5 80%, #90caf9 100%);
}

.flz-img-cockpit {
  background-image: linear-gradient(135deg, #1a1200 0%, #4e342e 50%, #8d6e63 100%);
}

.flz-ph-badge {
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  color: #ffffffd9;
  letter-spacing: .8px;
  background-color: #00000059;
  border-radius: 999px;
  padding: 8px 16px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
}

.flz-ph-sm {
  color: #ffffffd9;
  background-color: #00000059;
  border-radius: 999px;
  padding: 6px 12px;
  font-family: Archivo, sans-serif;
  font-size: 11px;
}

.flz-specs {
  grid-column-gap: 0px;
  background-color: #2a3342;
  border-color: #ffffff14;
  border-radius: 16px;
  grid-template-rows: auto;
  grid-template-columns: repeat(5, 1fr);
  margin: 0 0 48px;
  padding: 40px 0;
  display: grid;
  overflow: hidden;
}

.flz-spec {
  text-align: center;
  border-right: 1px solid #ffffff1a;
  padding: 32px 16px;
}

.flz-spec.flz-spec-last {
  border-right-style: none;
}

.flz-spec-val {
  color: #fff;
  font-variation-settings: "wdth" 115;
  margin-bottom: 8px;
  font-family: Archivo, sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 1;
}

.flz-spec-label {
  color: #ffffff73;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 10px;
}

.flz-lower {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  display: grid;
}

.flz-safety {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  text-align: center;
  background-color: #2a3342;
  border: 1px solid #ffffff14;
  border-radius: 12px;
  flex-direction: column;
  align-items: center;
  padding: 40px;
  display: flex;
}

.flz-safety-icon {
  flex-shrink: 0;
  font-size: 36px;
}

.flz-safety-title {
  color: #fff;
  margin: 0 0 12px;
  font-family: Archivo, sans-serif;
  font-size: 20px;
  font-weight: 700;
}

.flz-safety-desc {
  color: #fff;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  line-height: 1.7;
}

.flz-cockpit {
  border-radius: 16px;
  align-items: flex-end;
  min-height: 240px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  display: flex;
}

.flz-cockpit.flz-img-cockpit {
  background-image: url('../images/20250114_125253-2.webp'), linear-gradient(160deg, #1e3438, #2e5055);
  background-position: 0 0, 0 0;
  background-size: cover, auto;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 25em;
  max-width: 35em;
  height: auto;
  min-height: 40em;
  max-height: 40em;
  overflow: auto;
}

.rev-section {
  z-index: 3;
  clip-path: polygon(0 0, 50% 60px, 100% 0, 100% calc(100% - 60px), 50% 100%, 0 calc(100% - 60px));
  background-color: #eefcfd;
  background-image: none;
  background-size: auto;
  margin-top: -60px;
  padding: 140px 24px;
  position: relative;
}

.rev-container {
  max-width: 1080px;
  margin: 0 auto;
}

.rev-eyebrow {
  color: #2a3342;
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 16px;
  font-family: Archivo, sans-serif;
  font-size: 30px;
  font-weight: 600;
  line-height: 1.5;
}

.rev-heading {
  color: #fff;
  margin: 0 0 12px;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.1;
}

.rev-sub {
  color: #7fb2d9;
  margin: 0 0 16px;
  font-size: 16px;
}

.rev-stars {
  letter-spacing: 4px;
  margin-bottom: 48px;
  font-size: 28px;
}

.rev-placeholder {
  color: #ffffff80;
  text-align: center;
  background-color: #ffffff0d;
  border: 2px dashed #fff3;
  border-radius: 16px;
  padding: 56px 40px;
  font-size: 15px;
  line-height: 1.6;
}

.rev-placeholder-icon {
  margin-bottom: 16px;
  font-size: 40px;
}

.rev-placeholder-title {
  color: #fff;
  margin-bottom: 8px;
  font-size: 18px;
  font-weight: 600;
}

.rev-placeholder-steps {
  color: #7fb2d9;
  margin: 16px 0 0;
  font-size: 14px;
  line-height: 1.8;
}

.rev-badge {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #7fb2d9;
  background-color: #ffffff0f;
  border: 1px solid #ffffff1f;
  border-radius: 999px;
  align-items: center;
  margin-top: 48px;
  padding: 10px 20px;
  font-size: 13px;
  display: inline-flex;
}

.rev-badge-dot {
  background-color: #4caf50;
  border-radius: 50%;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
}

.about-stats {
  border-top: 1px solid #ffffff26;
  margin-top: 64px;
  padding-top: 48px;
}

.as-title {
  color: #f0a06c;
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 40px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 600;
}

.as-grid {
  grid-row-gap: 0;
  grid-column-gap: 0;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, 1fr);
  display: grid;
}

.as-item {
  text-align: center;
  border-bottom: 1px solid #ffffff1a;
  border-right: 1px solid #ffffff1a;
  padding: 20px 8px;
}

.as-val {
  color: #fff;
  font-variation-settings: "wdth" 115;
  margin-bottom: 8px;
  font-family: Archivo, sans-serif;
  font-size: 44px;
  font-weight: 800;
  line-height: 1;
}

.as-val-icon {
  margin-bottom: 8px;
  font-size: 36px;
  line-height: 1;
}

.as-label {
  color: #ffffffbf;
  font-size: 13px;
  line-height: 1.4;
}

.about-stats-1 {
  border-top: 1px solid #ffffff26;
  margin-top: 56px;
  padding-top: 48px;
}

.as-title-1 {
  color: #f0a06c;
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 48px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 600;
}

.as-grid-1 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, 1fr);
  display: grid;
}

.as-item-1 {
  text-align: center;
  flex-direction: column;
  align-items: center;
  padding: 16px 4px;
  display: flex;
}

.as-icon {
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  margin-bottom: 20px;
}

.as-num {
  color: #fff;
  font-variation-settings: "wdth" 115;
  margin-bottom: 8px;
  font-family: Archivo, sans-serif;
  font-size: 28px;
  font-weight: 800;
  line-height: 1;
}

.as-num-md {
  margin-bottom: 10px;
  font-size: 18px;
}

.as-lbl {
  color: #ffffffbf;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 11px;
  line-height: 1.5;
}

.astats {
  background-color: #db5f41;
  border-top: 1px #ffffff26;
  margin-top: 0;
  padding: 72px 24px;
}

.astats-ttl {
  color: #eefcfd;
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 48px;
  font-family: Archivo, sans-serif;
  font-size: 25px;
  font-weight: 600;
}

.astats-row {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.astats-col {
  text-align: center;
  flex-direction: column;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 30%;
  margin-bottom: 32px;
  padding: 8px 4px;
  display: flex;
}

.astats-ico {
  width: 72px;
  height: 72px;
  color: var(--ul--dunkelblau);
  flex-shrink: 0;
  margin-bottom: 20px;
}

.astats-num {
  color: #eefcfd;
  margin-bottom: 8px;
  font-family: Archivo, sans-serif;
  font-size: 22px;
  font-weight: 800;
  line-height: 1;
}

.astats-num.astats-num-sm {
  font-family: Archivo, sans-serif;
}

.astats-num-sm {
  font-size: 22px;
}

.astats-lbl {
  color: #fafafa;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  line-height: 1.5;
}

.ab-hero {
  background-color: #0a1a2f;
  padding: 80px 24px 60px;
}

.ab-hero-inner {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  align-items: center;
  max-width: 1080px;
  margin: 0 auto;
  display: grid;
}

.ab-eyebrow {
  color: #e8590c;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 600;
  display: block;
}

.ab-h2 {
  color: #fff;
  letter-spacing: -2px;
  margin: 0 0 24px;
  font-size: clamp(44px, 6vw, 80px);
  font-weight: 900;
  line-height: .95;
}

.ab-hero-txt {
  color: #ffffffa6;
  margin: 0 0 40px;
  font-size: 17px;
  line-height: 1.75;
}

.ab-hero-ctas {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  flex-wrap: wrap;
  display: flex;
}

.ab-btn-p {
  color: #fff;
  white-space: nowrap;
  background-color: #e8590c;
  border-radius: 8px;
  padding: 15px 32px;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  transition: background .2s, transform .2s;
}

.ab-btn-g {
  color: #ffffffbf;
  white-space: nowrap;
  background-color: #0000;
  border: 1.5px solid #fff3;
  border-radius: 8px;
  padding: 15px 32px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  transition: all .2s;
}

.ab-highlight {
  background-color: #ffffff0a;
  border: 1px solid #ffffff1a;
  border-radius: 20px;
  padding: 40px;
}

.ab-hl-title {
  color: #e8590c;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin: 0 0 24px;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 600;
}

.ab-hl-item {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #fffc;
  align-items: flex-start;
  margin-bottom: 20px;
  font-size: 15px;
  line-height: 1.5;
  display: flex;
}

.ab-hl-icon {
  flex-shrink: 0;
  margin-top: 1px;
  font-size: 20px;
}

.ab-hl-sub {
  color: #fff6;
  margin-top: 2px;
  font-size: 12px;
  display: block;
}

.ab-steps {
  background-color: #f5f8fc;
  padding: 64px 24px;
}

.ab-steps-inner {
  max-width: 1080px;
  margin: 0 auto;
}

.ab-steps-head {
  text-align: center;
  margin-bottom: 64px;
}

.ab-steps-ey {
  color: #e8590c;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 12px;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 600;
  display: block;
}

.ab-steps-h3 {
  color: #0a1a2f;
  letter-spacing: -1px;
  margin: 0;
  font-size: clamp(30px, 4vw, 44px);
  font-weight: 800;
}

.ab-steps-grid {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  display: grid;
  position: relative;
}

.ab-step {
  z-index: 1;
  text-align: center;
  padding: 0 24px;
  position: relative;
}

.ab-step-num {
  color: #fff;
  background-color: #0a1a2f;
  border: 4px solid #f5f8fc;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 88px;
  height: 88px;
  margin: 0 auto 24px;
  font-size: 32px;
  font-weight: 900;
  display: flex;
  position: relative;
  box-shadow: 0 0 0 3px #e8590c;
}

.ab-step-icon {
  margin-bottom: 16px;
  font-size: 28px;
  display: block;
}

.ab-step-title {
  color: #0a1a2f;
  margin: 0 0 8px;
  font-size: 20px;
  font-weight: 800;
}

.ab-step-sub {
  color: #5a7a9a;
  margin: 0;
  font-size: 14px;
  line-height: 1.6;
}

.ab-step-price {
  color: #fff;
  background-color: #e8590c;
  border-radius: 999px;
  margin-top: 12px;
  padding: 6px 16px;
  font-size: 13px;
  font-weight: 700;
  display: inline-block;
}

.ab-content {
  background-color: #fff;
  padding: 64px 24px;
}

.ab-content-inner {
  max-width: 1080px;
  margin: 0 auto;
}

.ab-content-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  display: grid;
}

.ab-card-t {
  color: #fff;
  background-color: #1976d2;
  border-radius: 20px;
  padding: 36px 28px;
}

.ab-card-p {
  color: #fff;
  background-color: #0a1a2f;
  border-radius: 20px;
  padding: 36px 28px;
}

.ab-card-ey {
  color: #ffffff80;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  margin-bottom: 16px;
  font-family: Archivo, sans-serif;
  font-size: 10px;
  font-weight: 700;
  display: block;
}

.ab-card-h3 {
  color: #fff;
  letter-spacing: -.5px;
  margin: 0 0 8px;
  font-size: 28px;
  font-weight: 800;
}

.ab-card-price {
  color: #fff;
  font-variation-settings: "wdth" 115;
  letter-spacing: -1px;
  margin: 0 0 4px;
  font-family: Archivo, sans-serif;
  font-size: 40px;
  font-weight: 900;
}

.ab-card-price-sub {
  color: #ffffff80;
  margin-bottom: 32px;
  font-size: 13px;
  display: block;
}

.ab-divider {
  background-color: #ffffff26;
  height: 1px;
  margin-bottom: 28px;
}

.ab-card-items {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  display: flex;
}

.ab-card-item {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #ffffffd1;
  align-items: center;
  font-size: 14px;
  display: flex;
}

.ab-check {
  color: #e8590c;
  flex-shrink: 0;
  font-size: 16px;
  font-weight: 700;
}

.ab-card-note {
  color: #ffffff73;
  border-top: 1px solid #ffffff1a;
  margin-top: 24px;
  padding-top: 20px;
  font-size: 13px;
  line-height: 1.6;
}

.ab-kosten {
  background-color: #f5f8fc;
  padding: 64px 24px;
}

.ab-kosten-inner {
  max-width: 1080px;
  margin: 0 auto;
}

.ab-kosten-head {
  margin-bottom: 48px;
}

.ab-kosten-ey {
  color: #e8590c;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 12px;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 600;
  display: block;
}

.ab-kosten-h3 {
  color: #0a1a2f;
  letter-spacing: -1px;
  margin: 0 0 12px;
  font-size: clamp(28px, 4vw, 40px);
  font-weight: 800;
}

.ab-kosten-sub {
  color: #5a7a9a;
  margin: 0;
  font-size: 16px;
}

.ab-kosten-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  align-items: start;
  display: grid;
}

.ab-ktable {
  background-color: #fff;
  border: 1px solid #0a1a2f14;
  border-radius: 16px;
  overflow: hidden;
}

.ab-ktable-head {
  background-color: #0a1a2f;
  justify-content: space-between;
  align-items: center;
  padding: 20px 28px;
  display: flex;
}

.ab-ktable-head-txt {
  color: #fff9;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 700;
}

.ab-krow {
  border-bottom: 1px solid #0a1a2f0f;
  justify-content: space-between;
  align-items: center;
  padding: 16px 28px;
  font-size: 15px;
  display: flex;
}

.ab-krow-label {
  color: #1a2f4f;
}

.ab-krow-val {
  color: #0a1a2f;
  text-align: right;
  font-weight: 700;
}

.ab-krow-sub {
  color: #7a9ab5;
  margin-top: 2px;
  font-size: 12px;
  display: block;
}

.ab-ktotal {
  background-color: #e8590c;
  justify-content: space-between;
  align-items: center;
  padding: 20px 28px;
  display: flex;
}

.ab-ktotal-label {
  color: #fffc;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
}

.ab-ktotal-val {
  color: #fff;
  font-variation-settings: "wdth" 115;
  font-family: Archivo, sans-serif;
  font-size: 28px;
  font-weight: 900;
}

.ab-kextras {
  background-color: #fff;
  border: 1px solid #0a1a2f14;
  border-radius: 16px;
  padding: 32px;
}

.ab-kextras-title {
  color: #0a1a2f;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin: 0 0 20px;
  font-size: 14px;
  font-weight: 700;
}

.ab-kextra {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  color: #4a6580;
  align-items: flex-start;
  margin-bottom: 16px;
  font-size: 14px;
  line-height: 1.5;
  display: flex;
}

.ab-kextra-icon {
  flex-shrink: 0;
  font-size: 18px;
}

.ab-calc {
  background-color: #0a1a2f;
  padding: 64px 24px;
}

.ab-calc-inner {
  max-width: 840px;
  margin: 0 auto;
}

.ab-calc-ey {
  color: #e8590c;
  text-align: center;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 12px;
  font-family: Archivo, sans-serif;
  font-size: 11px;
  font-weight: 600;
  display: block;
}

.ab-calc-h3 {
  color: #fff;
  text-align: center;
  letter-spacing: -1px;
  margin: 0 0 8px;
  font-size: clamp(28px, 4vw, 42px);
  font-weight: 800;
}

.ab-calc-sub {
  color: #ffffff8c;
  text-align: center;
  margin: 0 0 48px;
  font-size: 15px;
}

.ab-calc-box {
  background-color: #ffffff0d;
  border: 1px solid #ffffff1a;
  border-radius: 20px;
  padding: 28px 24px;
}

.ab-calc-row {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column wrap;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 28px;
  display: flex;
}

.ab-calc-label {
  color: #ffffffbf;
  flex: 1;
  min-width: 180px;
  font-size: 14px;
}

.ab-calc-controls {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-shrink: 0;
  align-items: center;
  display: flex;
}

.ab-calc-minus, .ab-calc-plus {
  color: #fff;
  cursor: pointer;
  background-color: #0000;
  border: 1.5px solid #fff3;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  font-size: 18px;
  line-height: 1;
  transition: all .2s;
  display: flex;
}

.ab-calc-val {
  color: #fff;
  text-align: center;
  background-color: #0000;
  border-style: none;
  width: 52px;
  font-family: inherit;
  font-size: 20px;
  font-weight: 700;
}

.ab-calc-price {
  color: #e8590c;
  text-align: right;
  min-width: auto;
  font-size: 15px;
  font-weight: 700;
}

.ab-calc-divider {
  background-color: #ffffff1f;
  height: 1px;
  margin: 8px 0 28px;
}

.ab-calc-fixed {
  margin-bottom: 12px;
}

.ab-calc-fixed-row {
  color: #ffffff80;
  justify-content: space-between;
  padding: 6px 0;
  font-size: 14px;
  display: flex;
}

.ab-calc-fixed-row.bold {
  color: #fffc;
  font-weight: 600;
}

.ab-calc-total-box {
  background-color: #e8590c;
  border-radius: 12px;
  justify-content: space-between;
  align-items: center;
  margin-top: 28px;
  padding: 24px 28px;
  display: flex;
}

.ab-calc-total-label {
  color: #fffc;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 700;
}

.ab-calc-total-val {
  color: #fff;
  font-variation-settings: "wdth" 115;
  font-family: Archivo, sans-serif;
  font-size: 36px;
  font-weight: 900;
}

.ab-cta {
  background-color: #f5f8fc;
  padding: 80px 24px;
}

.ab-cta-inner {
  text-align: center;
  max-width: 840px;
  margin: 0 auto;
}

.ab-cta-h3 {
  color: #0a1a2f;
  letter-spacing: -1.5px;
  margin: 0 0 16px;
  font-size: clamp(28px, 4vw, 44px);
  font-weight: 800;
}

.ab-cta-txt {
  color: #5a7a9a;
  max-width: 560px;
  margin: 0 auto 40px;
  font-size: 16px;
  line-height: 1.75;
}

.ab-cta-btns {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.ab-cta-p {
  color: #fff;
  background-color: #e8590c;
  border-radius: 8px;
  padding: 16px 40px;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  transition: background .2s, transform .2s;
}

.ab-cta-g {
  color: #0a1a2f;
  background-color: #0000;
  border: 1.5px solid #0a1a2f33;
  border-radius: 8px;
  padding: 16px 40px;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  transition: all .2s;
}

.ab-cta-note {
  color: #7a9ab5;
  margin-top: 32px;
  font-size: 13px;
}

.pa-intro {
  background-color: #fff;
  border-bottom: 1px solid #e8e8e8;
  padding: 72px 24px;
}

.pa-intro-inner {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  align-items: start;
  max-width: 1140px;
  margin: 0 auto;
  display: grid;
}

.pa-ey {
  color: #e8590c;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-size: 11px;
  font-weight: 600;
  display: block;
}

.pa-h2 {
  color: #0a1a2f;
  letter-spacing: -2px;
  margin: 0 0 28px;
  font-size: clamp(40px, 5vw, 64px);
  font-weight: 800;
  line-height: 1;
}

.pa-intro-txt {
  color: #4a6078;
  margin: 0 0 40px;
  font-size: 17px;
  line-height: 1.8;
}

.pa-ctas {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  flex-wrap: wrap;
  display: flex;
}

.pa-btn-p {
  color: #fff;
  letter-spacing: .3px;
  background-color: #0a1a2f;
  border-radius: 4px;
  padding: 13px 30px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  transition: background .2s;
}

.pa-btn-g {
  color: #0a1a2f;
  background-color: #0000;
  border: 1px solid #c0ccd8;
  border-radius: 4px;
  padding: 13px 30px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  transition: all .2s;
}

.pa-facts {
  padding-top: 8px;
}

.pa-fact-head {
  color: #8a9ab0;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 24px;
  font-size: 11px;
  font-weight: 700;
}

.pa-fact {
  border-bottom: 1px solid #eef0f3;
  grid-template-rows: auto;
  grid-template-columns: 1fr auto;
  align-items: baseline;
  padding: 18px 0;
  display: grid;
}

.pa-fact-label {
  color: #4a6078;
  font-size: 15px;
}

.pa-fact-val {
  color: #0a1a2f;
  text-align: right;
  font-size: 15px;
  font-weight: 700;
}

.pa-proc {
  background-color: #fff;
  padding: 0 24px;
}

.pa-proc-inner {
  max-width: 1140px;
  margin: 0 auto;
}

.pa-proc-grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  display: grid;
}

.pa-phase {
  border-bottom: 1px solid #e8e8e8;
  border-right-style: none;
  padding: 40px 0;
}

.pa-phase-num {
  color: #8a9ab0;
  letter-spacing: 3px;
  margin-bottom: 20px;
  font-size: 11px;
  font-weight: 700;
  display: block;
}

.pa-phase-title {
  color: #0a1a2f;
  letter-spacing: -.3px;
  margin: 0 0 12px;
  font-size: 22px;
  font-weight: 800;
}

.pa-phase-txt {
  color: #6a7a8a;
  margin: 0 0 28px;
  font-size: 14px;
  line-height: 1.7;
}

.pa-phase-detail {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  display: flex;
}

.pa-phase-item {
  color: #5a6a7a;
  padding-left: 14px;
  font-size: 13px;
  position: relative;
}

.pa-phase-price {
  color: #8a9ab0;
  border-top: 1px solid #eef0f3;
  margin-top: 28px;
  padding-top: 20px;
  font-size: 13px;
}

.pa-kost {
  background-color: #f8f9fa;
  border-top: 1px solid #e8e8e8;
  padding: 72px 24px;
}

.pa-kost-inner {
  max-width: 1140px;
  margin: 0 auto;
}

.pa-kost-head {
  margin-bottom: 56px;
}

.pa-kost-ey {
  color: #e8590c;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 14px;
  font-size: 11px;
  font-weight: 600;
  display: block;
}

.pa-kost-h3 {
  color: #0a1a2f;
  letter-spacing: -1.5px;
  margin: 0 0 12px;
  font-size: clamp(28px, 3.5vw, 42px);
  font-weight: 800;
}

.pa-kost-sub {
  color: #6a7a8a;
  max-width: 600px;
  margin: 0;
  font-size: 15px;
  line-height: 1.7;
}

.pa-kost-layout {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  align-items: start;
  display: grid;
}

.pa-table {
  background-color: #fff;
  border: 1px solid #e0e4ea;
  border-radius: 8px;
  overflow: hidden;
}

.pa-table-row {
  border-bottom: 1px solid #f0f2f5;
  grid-template-rows: auto;
  grid-template-columns: 1fr auto;
  align-items: center;
  padding: 16px 28px;
  display: grid;
}

.pa-table-row.header {
  background-color: #f8f9fa;
  border-bottom: 1px solid #e0e4ea;
}

.pa-row-label {
  color: #4a5568;
  font-size: 14px;
}

.pa-row-label.inline-span-0 {
  color: #9aa5b4;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 700;
}

.pa-row-sub {
  color: #9aa5b4;
  margin-top: 2px;
  font-size: 12px;
  display: block;
}

.pa-row-val {
  color: #0a1a2f;
  text-align: right;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 700;
}

.pa-row-val.muted {
  color: #9aa5b4;
  font-weight: 400;
}

.pa-row-val.muted.inline-span-1 {
  letter-spacing: 1.5px;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 700;
}

.pa-table-total {
  background-color: #0a1a2f;
  grid-template-rows: auto;
  grid-template-columns: 1fr auto;
  align-items: center;
  padding: 20px 28px;
  display: grid;
}

.pa-total-label {
  color: #ffffff80;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
}

.pa-total-val {
  color: #fff;
  text-align: right;
  font-size: 24px;
  font-weight: 800;
}

.pa-sidebar {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  display: flex;
}

.pa-note {
  background-color: #fff;
  border: 1px solid #e0e4ea;
  border-radius: 8px;
  padding: 24px;
}

.pa-note-title {
  color: #0a1a2f;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  margin: 0 0 14px;
  font-size: 12px;
  font-weight: 700;
}

.pa-note-item {
  color: #6a7a8a;
  border-bottom: 1px solid #f0f2f5;
  padding: 8px 0;
  font-size: 13px;
  line-height: 1.5;
}

.pa-calc {
  background-color: #0a1a2f;
  border-top: 1px solid #ffffff0f;
  padding: 72px 24px;
}

.pa-calc-inner {
  max-width: 780px;
  margin: 0 auto;
}

.pa-calc-ey {
  color: #e8590c;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 14px;
  font-size: 11px;
  font-weight: 600;
  display: block;
}

.pa-calc-h3 {
  color: #fff;
  letter-spacing: -1.5px;
  margin: 0 0 10px;
  font-size: clamp(26px, 3.5vw, 40px);
  font-weight: 800;
}

.pa-calc-sub {
  color: #ffffff80;
  margin: 0 0 56px;
  font-size: 15px;
}

.pa-calc-item {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border-bottom: 1px solid #ffffff14;
  grid-template-rows: auto;
  grid-template-columns: 1fr 120px;
  align-items: center;
  padding: 20px 0;
  display: grid;
}

.pa-calc-item-label {
  color: #ffffffbf;
  font-size: 14px;
}

.pa-calc-item-rate {
  color: #ffffff4d;
  margin-top: 3px;
  font-size: 12px;
}

.pa-ctrl {
  align-items: center;
  display: flex;
}

.pa-cbtn {
  color: #fff9;
  cursor: pointer;
  background-color: #0000;
  border: 1px solid #ffffff26;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  font-size: 18px;
  line-height: 1;
  transition: all .2s;
  display: flex;
}

.pa-cnum {
  color: #fff;
  text-align: center;
  background-color: #ffffff0f;
  border-top: 1px solid #ffffff26;
  border-bottom: 1px solid #ffffff26;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 32px;
  font-size: 15px;
  font-weight: 600;
  display: flex;
}

.pa-csub {
  color: #ffffff8c;
  text-align: right;
  font-size: 14px;
  font-weight: 600;
  display: none;
}

.pa-fixed {
  margin-top: 32px;
  padding-top: 24px;
}

.pa-frow {
  color: #ffffff61;
  border-bottom: 1px solid #ffffff0d;
  grid-template-rows: auto;
  grid-template-columns: 1fr auto;
  padding: 10px 0;
  font-size: 13px;
  display: grid;
}

.pa-result {
  border: 1px solid #ffffff1a;
  border-radius: 4px;
  grid-template-rows: auto;
  grid-template-columns: 1fr auto;
  align-items: center;
  margin-top: 32px;
  padding: 24px 32px;
  display: grid;
}

.pa-res-lbl {
  color: #ffffff59;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 700;
}

.pa-res-val {
  color: #fff;
  text-align: right;
  letter-spacing: -1px;
  font-size: 32px;
  font-weight: 800;
}

.pa-cta {
  background-color: #fff;
  border-top: 1px solid #e8e8e8;
  padding: 72px 24px;
}

.pa-cta-inner {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  align-items: center;
  max-width: 1140px;
  margin: 0 auto;
  display: grid;
}

.pa-cta-h3 {
  color: #0a1a2f;
  letter-spacing: -1.5px;
  margin: 0 0 12px;
  font-size: clamp(26px, 3.5vw, 40px);
  font-weight: 800;
}

.pa-cta-txt {
  color: #6a7a8a;
  max-width: 560px;
  margin: 0;
  font-size: 15px;
  line-height: 1.7;
}

.pa-cta-right {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  flex-shrink: 0;
  display: flex;
}

.pa-cta-main {
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #0a1a2f;
  border-radius: 4px;
  padding: 14px 32px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  transition: background .2s;
}

.pa-cta-tel {
  color: #9aa5b4;
  text-align: center;
  font-size: 13px;
}

.ft {
  background-color: #0a1a2f;
  padding: 48px 24px 0;
}

.ft-inner {
  max-width: 1140px;
  margin: 0 auto;
}

.ft-top {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  border-bottom: 1px solid #ffffff1a;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  padding-bottom: 56px;
  display: grid;
}

.ft-brand {
  grid-column: 1 / -1;
}

.ft-logo {
  color: #fff;
  letter-spacing: -.5px;
  margin: 0 0 12px;
  font-size: 18px;
  font-weight: 800;
  display: block;
}

.ft-tagline {
  color: #ffffff73;
  max-width: 220px;
  margin: 0 0 28px;
  font-size: 14px;
  line-height: 1.6;
}

.ft-social {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  display: flex;
}

.ft-soc {
  border: 1px solid #ffffff26;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.ft-col-title {
  color: #ffffff59;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin: 0 0 20px;
  font-size: 11px;
  font-weight: 700;
}

.ft-link {
  color: #fff9;
  margin-bottom: 12px;
  font-size: 14px;
  text-decoration: none;
  transition: color .2s;
  display: block;
}

.ft-link.inline-a-0, .ft-link.inline-a-1 {
  margin: 0;
}

.ft-contact-item {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #fff9;
  align-items: flex-start;
  margin-bottom: 14px;
  font-size: 14px;
  display: flex;
}

.ft-bottom {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column wrap;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 0;
  padding: 20px 0;
  display: flex;
}

.ft-copy {
  color: #ffffff4d;
  font-size: 12px;
}

.ft-legal {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  display: flex;
}

.ft-soc-1 {
  border: 1px solid #ffffff26;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.ft-col-title-1 {
  color: #ffffff4d;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin: 0 0 20px;
  font-size: 11px;
  font-weight: 700;
}

.ft-link-1 {
  color: #fff9;
  margin-bottom: 12px;
  font-size: 14px;
  line-height: 1.5;
  text-decoration: none;
  transition: color .2s;
  display: block;
}

.ft-ci {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: flex-start;
  margin-bottom: 14px;
  display: flex;
}

.ft-ci-txt {
  color: #fff9;
  font-size: 14px;
  line-height: 1.5;
}

.ft-bottom-1 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column wrap;
  justify-content: space-between;
  align-items: flex-start;
  padding: 20px 0;
  display: flex;
}

.ft-copy-1 {
  color: #ffffff47;
  font-size: 12px;
}

.inline-svg-0-1-2-3-4-5-6, .inline-svg-1, .inline-svg-2 {
  flex-shrink: 0;
  margin-top: 2px;
}

.ft-1 {
  background-color: #2b3241;
  padding: 40px 24px 0;
}

.ft-top-1 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  border-bottom: 1px solid #ffffff1a;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  align-items: start;
  padding-bottom: 40px;
  display: block;
}

.ft-logo-1 {
  color: #fff;
  text-align: left;
  letter-spacing: -.5px;
  margin: 0 0 10px;
  font-family: Archivo, sans-serif;
  font-size: 18px;
  font-weight: 800;
  display: block;
}

.ft-tagline-1 {
  color: #ffffffe8;
  max-width: 260px;
  margin: 0 0 24px;
  font-size: 14px;
  line-height: 1.6;
}

.ft-tagline-1._1 {
  font-family: Archivo, sans-serif;
}

.ft-social-1 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  margin-bottom: 18px;
  display: flex;
}

.ft-soc-1-2 {
  width: 34px;
  height: 34px;
  color: inherit;
  border: 1px solid #ffffff26;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.ft-contact {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  display: flex;
}

.ft-ci-1 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  display: flex;
}

.ft-ci-txt-1 {
  color: #ffffff8c;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  line-height: 1.4;
  text-decoration: none;
}

.ft-mid {
  border-bottom: 1px solid #ffffff12;
  padding: 20px 0;
}

.ft-nav {
  color: #fff;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.ft-navlink {
  color: #fffffff0;
  white-space: nowrap;
  padding: 4px 10px;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  text-decoration: none;
  display: inline-block;
}

.ft-navlink:hover, .ft-navlink:active, .ft-navlink:focus, .ft-navlink:visited {
  color: #fffffff0;
}

.ft-bottom-1-2 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 18px 0;
  display: flex;
}

.ft-copy-1-2 {
  color: #ffffffdb;
  font-family: Archivo, sans-serif;
  font-size: 12px;
}

.ft-legal-1 {
  grid-column-gap: 24px;
  grid-row-gap: 20px;
  align-items: center;
  display: flex;
}

.inline-svg-0-1-2-3-4-5-6-7, .inline-svg-1-1, .inline-svg-2-1 {
  flex-shrink: 0;
}

.ul-ap-wrap {
  background-color: #0d0f14;
  padding: 0;
}

.ul-ap-box {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 32px;
}

.ul-ap-top {
  border-bottom: 1px solid #ffffff14;
  padding: 80px 0 56px;
}

.ul-ap-eye {
  color: #5b8ef4;
  letter-spacing: .18em;
  text-transform: uppercase;
  margin: 0 0 16px;
  font-size: 11px;
  font-weight: 600;
}

.ul-ap-h2 {
  color: #f0f0f0;
  max-width: 540px;
  margin: 0;
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 700;
  line-height: 1.15;
}

.ul-ap-blue {
  color: #5b8ef4;
}

.ul-ap-row {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  align-items: start;
  padding: 72px 0;
  display: grid;
}

.ul-ap-hr {
  border-style: solid none none;
  border-top-width: 1px;
  border-top-color: #ffffff0f;
  margin: 0;
}

.ul-ap-n {
  color: #ffffff0a;
  letter-spacing: -4px;
  margin-bottom: 8px;
  font-size: 64px;
  font-weight: 800;
  line-height: .9;
  display: block;
}

.ul-ap-step {
  color: #5b8ef4;
  letter-spacing: .15em;
  text-transform: uppercase;
  margin: 0 0 12px;
  font-size: 11px;
  font-weight: 600;
}

.ul-ap-h3 {
  color: #f0f0f0;
  margin: 0 0 20px;
  font-size: 1.9rem;
  font-weight: 700;
  line-height: 1.2;
}

.ul-ap-p {
  color: #ffffff8c;
  margin-bottom: 28px;
  font-size: .95rem;
  line-height: 1.7;
}

.ul-ap-nums {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-wrap: wrap;
  display: flex;
}

.ul-ap-kpi {
  text-align: center;
  background-color: #5b8ef41a;
  border: 1px solid #5b8ef440;
  border-radius: 8px;
  padding: 10px 18px;
}

.ul-ap-sub {
  color: #ffffff4d;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin: 0 0 20px;
  font-size: .8rem;
  font-weight: 500;
}

.ul-ap-chips {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 36px;
  display: flex;
}

.ul-ap-info {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #ffffff08;
  border: 1px solid #ffffff12;
  border-radius: 12px;
  align-items: center;
  padding: 20px 24px;
  display: flex;
}

.ul-ap-tick {
  color: #5b8ef4;
  background-color: #5b8ef426;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  font-size: 1.1rem;
  display: flex;
}

.ul-ap-grid2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  margin-bottom: 24px;
  display: grid;
}

.ul-ap-sk {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #ffffff08;
  border: 1px solid #ffffff12;
  border-radius: 10px;
  align-items: center;
  padding: 14px 18px;
  display: flex;
}

.ul-ap-banner {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-image: linear-gradient(135deg, #5b8ef41f, #5b8ef40a);
  border: 1px solid #5b8ef433;
  border-radius: 14px;
  flex-wrap: wrap;
  align-items: center;
  padding: 24px 32px;
  display: flex;
}

.ul-ap-bt {
  color: #f0f0f0;
  margin: 0 0 4px;
  font-size: 1rem;
  font-weight: 600;
}

.ul-ap-bs {
  color: #ffffff80;
  margin: 0;
  font-size: .85rem;
  line-height: 1.5;
}

.ul-ap-bp {
  text-align: right;
  flex-shrink: 0;
}

.ul-ap-ach-grid {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  display: grid;
}

.ul-ap-ach {
  background-color: #ffffff08;
  border: 1px solid #ffffff12;
  border-radius: 12px;
  flex-direction: column;
  padding: 22px;
  display: flex;
}

.ul-ap-ach--hl {
  background-image: linear-gradient(135deg, #5b8ef42e, #5b8ef40f);
  border-color: #5b8ef459;
}

.ul-ap-cta {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border-top: 1px solid #ffffff0f;
  flex-flow: column wrap;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 60px;
  padding: 48px 0 80px;
  display: flex;
}

.ul-ap-ct {
  color: #f0f0f0;
  margin: 0 0 6px;
  font-size: 1.1rem;
  font-weight: 600;
}

.ul-ap-cs {
  color: #ffffff73;
  margin: 0;
  font-size: .9rem;
}

.ul-ap-btns {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-wrap: wrap;
  display: flex;
}

.ul-ap-b1 {
  color: #fff;
  background-color: #5b8ef4;
  border-radius: 8px;
  padding: 14px 28px;
  font-size: .9rem;
  font-weight: 600;
  text-decoration: none;
}

.ul-ap-b2 {
  color: #ffffffb3;
  border: 1px solid #ffffff26;
  border-radius: 8px;
  padding: 14px 28px;
  font-size: .9rem;
  font-weight: 500;
  text-decoration: none;
}

.ul2-wrap {
  background-color: #0a1a2f;
  padding: 0;
}

.ul2-box {
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 24px;
}

.ul2-top {
  border-bottom: 1px solid #ffffff14;
  padding: 80px 0 56px;
}

.ul2-eye {
  color: #e8590c;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin: 0 0 16px;
  font-size: 11px;
  font-weight: 600;
  display: block;
}

.ul2-h2 {
  color: #fff;
  max-width: 540px;
  margin: 0;
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 700;
  line-height: 1.15;
}

.ul2-orange {
  color: #e8590c;
}

.ul2-row {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  align-items: start;
  padding: 72px 0;
  display: grid;
}

.ul2-hr {
  border-style: solid none none;
  border-top-width: 1px;
  border-top-color: #ffffff14;
  margin: 0;
}

.ul2-num {
  color: #ffffff0d;
  font-variation-settings: "wdth" 115;
  letter-spacing: -3px;
  margin-bottom: 4px;
  font-family: Archivo, sans-serif;
  font-size: 60px;
  font-weight: 900;
  line-height: .9;
  display: block;
}

.ul2-step {
  color: #e8590c;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin: 0 0 12px;
  font-size: 11px;
  font-weight: 600;
  display: block;
}

.ul2-h3 {
  color: #fff;
  margin: 0 0 18px;
  font-size: 1.9rem;
  font-weight: 700;
  line-height: 1.2;
}

.ul2-p {
  color: #7a9ab5;
  margin-bottom: 28px;
  font-size: .95rem;
  line-height: 1.75;
}

.ul2-stats {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-wrap: wrap;
  display: flex;
}

.ul2-kpi {
  text-align: center;
  background-color: #e8590c1a;
  border: 1px solid #e8590c40;
  border-radius: 8px;
  padding: 10px 18px;
}

.ul2-kpi-v {
  color: #e8590c;
  font-family: Archivo, sans-serif;
  font-size: 1.5rem;
  font-weight: 800;
  display: block;
}

.ul2-kpi-l {
  color: #7a9ab5;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-size: .7rem;
  display: block;
}

.ul2-sublabel {
  color: #ffffff40;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin: 0 0 18px;
  font-size: .8rem;
  font-weight: 600;
}

.ul2-chips {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 32px;
  display: flex;
}

.ul2-chip {
  color: #c8dff0;
  background-color: #ffffff12;
  border: 1px solid #ffffff1f;
  border-radius: 999px;
  padding: 8px 18px;
  font-size: .85rem;
}

.ul2-info {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  background-color: #ffffff0a;
  border: 1px solid #ffffff14;
  border-radius: 12px;
  align-items: center;
  padding: 18px 22px;
  display: flex;
}

.ul2-tick {
  color: #e8590c;
  background-color: #e8590c26;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  font-size: 1rem;
  display: flex;
}

.ul2-info-p {
  color: #7a9ab5;
  margin: 0;
  font-size: .88rem;
  line-height: 1.65;
}

.ul2-skills {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  margin-bottom: 22px;
  display: grid;
}

.ul2-sk {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #ffffff0a;
  border: 1px solid #ffffff14;
  border-radius: 8px;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.ul2-sk-ic {
  color: #e8590c;
  text-align: center;
  flex-shrink: 0;
  width: 20px;
  font-size: .9rem;
}

.ul2-sk-tx {
  color: #c8dff0;
  font-size: .88rem;
  line-height: 1.3;
}

.ul2-banner {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #e8590c14;
  border: 1px solid #e8590c33;
  border-radius: 12px;
  flex-wrap: wrap;
  align-items: center;
  padding: 22px 28px;
  display: flex;
}

.ul2-bt {
  color: #fff;
  margin: 0 0 4px;
  font-size: .95rem;
  font-weight: 600;
}

.ul2-bs {
  color: #7a9ab5;
  margin: 0;
  font-size: .85rem;
  line-height: 1.5;
}

.ul2-bp-v {
  color: #e8590c;
  font-variation-settings: "wdth" 115;
  font-family: Archivo, sans-serif;
  font-size: 2rem;
  font-weight: 800;
  display: block;
}

.ul2-bp-l {
  color: #7a9ab5;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-size: .72rem;
  display: block;
}

.ul2-ach {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  display: grid;
}

.ul2-ac {
  background-color: #ffffff0a;
  border: 1px solid #ffffff14;
  border-radius: 12px;
  flex-direction: column;
  padding: 22px;
  display: flex;
}

.ul2-ac-hl {
  background-color: #e8590c1a;
  border-color: #e8590c4d;
}

.ul2-ac-v {
  color: #fffc;
  font-variation-settings: "wdth" 115;
  margin-bottom: 6px;
  font-family: Archivo, sans-serif;
  font-size: 1.8rem;
  font-weight: 800;
  line-height: 1.1;
  display: block;
}

.ul2-ac-l {
  color: #c8dff0;
  margin-bottom: 2px;
  font-size: .82rem;
  font-weight: 600;
  display: block;
}

.ul2-ac-s {
  color: #7a9ab5;
  font-size: .75rem;
}

.ul2-cta {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border-top: 1px solid #ffffff14;
  flex-flow: column wrap;
  justify-content: space-between;
  align-items: flex-start;
  padding: 56px 0;
  display: flex;
}

.ul2-ct {
  color: #fff;
  margin: 0 0 6px;
  font-size: 1.1rem;
  font-weight: 700;
}

.ul2-cs {
  color: #7a9ab5;
  margin: 0;
  font-size: .9rem;
}

.ul2-btns {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-wrap: wrap;
  display: flex;
}

.ul2-b1 {
  color: #fff;
  letter-spacing: .8px;
  text-transform: uppercase;
  background-color: #e8590c;
  border-radius: 999px;
  padding: 14px 32px;
  font-family: Archivo, sans-serif;
  font-size: .88rem;
  font-weight: 600;
  text-decoration: none;
}

.ul2-b2 {
  color: #c8dff0;
  border: 1px solid #ffffff26;
  border-radius: 999px;
  padding: 14px 28px;
  font-size: .88rem;
  font-weight: 500;
  text-decoration: none;
}

.inline-div-0 {
  text-align: right;
  flex-shrink: 0;
}

.ap-wrap {
  background-color: #0a1a2f;
  padding: 0;
}

.ap-c {
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 24px;
}

.ap-hd {
  border-bottom: 1px solid #ffffff14;
  padding: 96px 0 80px;
}

.ap-h2 {
  color: #fff;
  font-variation-settings: "wdth" 115;
  letter-spacing: -2px;
  margin: 0 0 18px;
  font-family: Archivo, sans-serif;
  font-size: clamp(3rem, 7vw, 5.5rem);
  font-weight: 900;
  line-height: 1;
}

.ap-hsub {
  color: #7a9ab5;
  margin: 0;
  font-size: 1rem;
}

.ap-row {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  border-bottom: 1px solid #ffffff0f;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  align-items: start;
  padding: 60px 0;
  display: grid;
}

.ap-row-c {
  text-align: center;
  border-top: 1px solid #ffffff0f;
  border-bottom-style: none;
  padding: 96px 0 80px;
  display: block;
}

.ap-deco {
  color: #ffffff0a;
  font-variation-settings: "wdth" 115;
  letter-spacing: -5px;
  -webkit-user-select: none;
  user-select: none;
  margin-bottom: 4px;
  font-family: Archivo, sans-serif;
  font-size: 72px;
  font-weight: 900;
  line-height: .85;
  transition: opacity .9s cubic-bezier(.22, 1, .36, 1), transform .9s cubic-bezier(.22, 1, .36, 1);
  display: block;
}

.ap-deco-c {
  letter-spacing: -3px;
  margin-bottom: 12px;
  font-size: 80px;
}

.ap-h3 {
  color: #fff;
  letter-spacing: -.5px;
  margin: 0 0 20px;
  font-size: clamp(1.8rem, 3vw, 2.4rem);
  font-weight: 700;
  line-height: 1.15;
}

.ap-h3-c {
  font-variation-settings: "wdth" 115;
  letter-spacing: -1px;
  margin: 0 0 22px;
  font-family: Archivo, sans-serif;
  font-size: clamp(2.2rem, 5vw, 3.8rem);
  font-weight: 900;
  display: block;
}

.ap-body {
  color: #7a9ab5;
  margin: 0 0 28px;
  font-size: .95rem;
  line-height: 1.8;
}

.ap-body-c {
  max-width: 480px;
  margin: 0 auto 48px;
  font-size: 1rem;
  display: block;
}

.ap-pline {
  color: #fff6;
  letter-spacing: 1px;
  border-top: 1px solid #ffffff14;
  padding-top: 20px;
  font-family: Archivo, sans-serif;
  font-size: .9rem;
  display: block;
}

.ap-ttl {
  color: #ffffff40;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin: 0 0 14px;
  font-size: 10px;
  font-weight: 600;
}

.ap-tbl {
  border-collapse: collapse;
  width: 100%;
}

.ap-td-a {
  color: #c8dff0;
  vertical-align: top;
  width: 48%;
  padding: 13px 16px 13px 0;
  font-size: .88rem;
  font-weight: 500;
}

.ap-td-b {
  color: #7a9ab5;
  vertical-align: top;
  padding: 13px 0;
  font-size: .88rem;
}

.ap-skill {
  color: #c8dff0;
  margin: 0 0 36px;
  font-size: 1.05rem;
  line-height: 1.9;
}

.ap-pg {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-top: 1px solid #ffffff14;
  flex-direction: column;
  padding-top: 22px;
  display: flex;
}

.ap-pgr {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: baseline;
  display: flex;
}

.ap-pv {
  color: #fff;
  font-family: Archivo, sans-serif;
  font-size: 1.4rem;
  font-weight: 900;
}

.ap-pl {
  color: #7a9ab5;
  font-size: .82rem;
}

.ap-facts {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.ap-fact {
  opacity: 0;
  flex-direction: column;
  align-items: center;
  transition: opacity .5s, transform .5s;
  display: flex;
  transform: translateY(14px);
}

.ap-fv {
  color: #fff;
  font-variation-settings: "wdth" 115;
  font-family: Archivo, sans-serif;
  font-size: 2.2rem;
  font-weight: 900;
  line-height: 1.1;
  display: block;
}

.ap-fs {
  color: #7a9ab5;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  margin-top: 4px;
  font-size: .68rem;
  display: block;
}

.ap-fdot {
  opacity: 0;
  color: #ffffff1f;
  padding-bottom: 20px;
  font-size: 1.2rem;
  transition: opacity .5s, transform .5s;
  display: none;
  transform: translateY(14px);
}

.ap-cta {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border-top: 1px solid #ffffff14;
  flex-flow: column wrap;
  justify-content: space-between;
  align-items: flex-start;
  padding: 64px 0 96px;
  display: flex;
}

.ap-ct {
  color: #fff;
  margin: 0;
  font-size: 1.1rem;
  font-weight: 600;
}

.ap-btn {
  color: #fff;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #e8590c;
  border-radius: 999px;
  padding: 14px 36px;
  font-family: Archivo, sans-serif;
  font-size: .82rem;
  font-weight: 700;
  text-decoration: none;
  transition: opacity .2s, transform .2s;
  display: inline-block;
}

.ap-vis {
  opacity: 0;
  transform: scale(.94);
}

.dest-list {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  margin: 24px 0 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.dest-item {
  color: #c8dff0;
  padding-left: 20px;
  font-size: 17px;
  position: relative;
}

.hero-kb-bg {
  z-index: 0;
  background-image: inherit;
  transform-origin: center;
  will-change: transform;
  background-position: 50%;
  background-size: cover;
  position: absolute;
  inset: 0;
}

.kb-init.inline-section-0 {
  pointer-events: none;
  display: none;
  position: absolute;
}

.link, .link-2 {
  color: #ffffff8c;
}

.section {
  background-image: url('../images/Background_Schnupperflug_.webp');
  background-position: 0 0;
  background-size: cover;
  justify-content: center;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.section-2 {
  background-image: url('../images/background_flugschule_göppingen.webp');
  background-position: 0 0;
  background-size: auto;
}

.section-3 {
  text-shadow: 0 1px 1px #0003;
  background-image: url('../images/background_flugschule_göppingen.webp');
  background-position: 0 0;
  background-size: auto;
}

.inline-div-0-1 {
  color: #558d88;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 16px;
  font-family: Archivo, sans-serif;
  font-size: 10px;
}

.inline-h2-0 {
  color: #fff;
  font-variation-settings: "wdth" 115;
  text-transform: uppercase;
  margin: 0 0 40px;
  font-family: Archivo, sans-serif;
  font-size: clamp(1.6rem, 2.5vw, 2.2rem);
  font-weight: 700;
  line-height: 1.1;
}

.inline-span-0 {
  color: #fff9;
  font-family: Archivo, sans-serif;
  font-size: .9rem;
}

.inline-span-1 {
  color: #fff;
  font-family: Archivo, sans-serif;
  font-size: .9rem;
}

.inline-div-1 {
  border-bottom: 1px solid #ffffff0f;
  justify-content: space-between;
  padding: 16px 24px;
  display: flex;
}

.inline-span-2 {
  color: #fff9;
  font-family: Archivo, sans-serif;
  font-size: .9rem;
}

.inline-span-3 {
  color: #fff;
  font-family: Archivo, sans-serif;
  font-size: .9rem;
}

.inline-div-2 {
  border-bottom: 1px solid #ffffff0f;
  justify-content: space-between;
  padding: 16px 24px;
  display: flex;
}

.inline-span-4 {
  color: #fff9;
  font-family: Archivo, sans-serif;
  font-size: .9rem;
}

.inline-span-5 {
  color: #fff;
  font-family: Archivo, sans-serif;
  font-size: .9rem;
}

.inline-div-3 {
  border-bottom: 1px solid #ffffff0f;
  justify-content: space-between;
  padding: 16px 24px;
  display: flex;
}

.inline-span-6 {
  color: #fff9;
  font-family: Archivo, sans-serif;
  font-size: .9rem;
}

.inline-span-7 {
  color: #fff;
  font-family: Archivo, sans-serif;
  font-size: .9rem;
}

.inline-div-4 {
  border-bottom: 1px solid #ffffff0f;
  justify-content: space-between;
  padding: 16px 24px;
  display: flex;
}

.inline-span-8 {
  color: #fff9;
  font-family: Archivo, sans-serif;
  font-size: .9rem;
}

.inline-span-9 {
  color: #fff;
  font-family: Archivo, sans-serif;
  font-size: .9rem;
}

.inline-div-5 {
  border-bottom: 1px solid #ffffff0f;
  justify-content: space-between;
  padding: 16px 24px;
  display: flex;
}

.inline-span-10, .inline-span-11 {
  color: #ffffff80;
  font-family: Archivo, sans-serif;
  font-size: .9rem;
}

.inline-div-6 {
  color: #fff;
  border-bottom: 1px solid #ffffff0f;
  justify-content: space-between;
  padding: 16px 24px;
  display: flex;
}

.inline-span-12 {
  color: #fff;
  font-family: Archivo, sans-serif;
  font-size: 1rem;
  font-weight: 700;
}

.inline-span-13 {
  color: #e8590c;
  font-family: Archivo, sans-serif;
  font-size: 1.1rem;
  font-weight: 700;
}

.inline-div-7 {
  background-color: #e8590c14;
  justify-content: space-between;
  padding: 20px 24px;
  display: flex;
}

.inline-div-8 {
  background-color: #0a1a2f;
  border: 1px solid #ffffff14;
  border-radius: 4px;
  margin-bottom: 32px;
  overflow: hidden;
}

.inline-p-0 {
  color: #ffffff4d;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: .82rem;
  line-height: 1.7;
}

.inline-div-9 {
  background-color: #2a3342;
  border-radius: 15px;
  max-width: 1200px;
  margin: 0 auto;
  padding: 17px;
}

.inline-section-0 {
  background-color: #0c1a27;
  padding: 96px 48px;
}

.inline-div-0-1-2 {
  z-index: 0;
  background-image: linear-gradient(160deg, #0a1a2f, #0d2238);
  position: absolute;
  inset: 0;
}

.inline-div-1-1 {
  color: #ffffff40;
  letter-spacing: 2px;
  text-transform: uppercase;
  border: 1px solid #ffffff14;
  border-radius: 4px;
  padding: 8px 14px;
  font-family: Archivo, sans-serif;
  font-size: 10px;
  position: absolute;
  top: 24px;
  right: 24px;
}

.inline-div-2-1 {
  color: #558d88;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-family: Archivo, sans-serif;
  font-size: 10px;
}

.inline-h2-0-1 {
  color: #fff;
  font-variation-settings: "wdth" 115;
  text-transform: uppercase;
  margin: 0 0 28px;
  font-family: Archivo, sans-serif;
  font-size: clamp(2rem, 4vw, 3.5rem);
  font-weight: 700;
  line-height: 1.08;
}

.inline-p-0-1 {
  color: #ffffffa6;
  max-width: 560px;
  margin: 0 0 44px;
  font-family: Archivo, sans-serif;
  font-size: 1.05rem;
  line-height: 1.75;
}

.inline-a-0 {
  color: #fff;
  background-color: #e8590c;
  border-radius: 8px;
  padding: 16px 40px;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
}

.inline-div-3-1 {
  z-index: 2;
  max-width: 700px;
  position: relative;
}

.inline-section-0-1 {
  background-color: #0a1a2f;
  padding: 120px 48px;
  position: relative;
  overflow: hidden;
}

.inline-div-0-1-2-3 {
  background-image: url('../images/rundflug-erlebnisfluege-hero.webp'), linear-gradient(160deg, #34595df5, #34595dbf);
  background-position: 50% 0, 0 0;
  background-size: cover, auto;
  position: absolute;
  inset: 0;
}

.inline-span-0-1 {
  color: #ffffff4d;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 10px;
  position: absolute;
  bottom: 24px;
  right: 24px;
}

.inline-div-1-1-2 {
  color: #558d88;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-family: Archivo, sans-serif;
  font-size: 10px;
}

.inline-h1-0 {
  color: #fff;
  font-variation-settings: normal;
  text-transform: uppercase;
  margin: 0 0 24px;
  font-family: Inconsolata, monospace;
  font-size: 60px;
  font-weight: 700;
  line-height: 1.08;
}

.inline-p-0-1-2 {
  color: #ffffffb8;
  max-width: 500px;
  margin: 0 0 44px;
  font-family: Archivo, sans-serif;
  font-size: 1.1rem;
  line-height: 1.75;
}

.inline-a-0-1 {
  color: #fff;
  letter-spacing: .3px;
  background-color: #d65c42;
  border-radius: 8px;
  padding: 16px 36px;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  display: inline-block;
}

.inline-a-0-1:hover {
  background-color: #b7adad;
}

.inline-div-2-1-2 {
  z-index: 1;
  max-width: 860px;
  position: relative;
}

.inline-section-0-1-2 {
  background-color: #34595d;
  justify-content: flex-start;
  align-items: center;
  min-height: 90vh;
  padding: 80px 48px 96px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.inline-div-0-1-2-3-4 {
  color: #d65c42;
  letter-spacing: 3px;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 15px;
}

.inline-h2-0-1-2 {
  color: #fff;
  font-variation-settings: normal;
  text-transform: uppercase;
  font-family: Inconsolata, monospace;
  font-size: 30px;
  font-weight: 600;
  line-height: 1.15;
}

.inline-p-0-1-2-3 {
  color: #ffffffbd;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 1.05rem;
  font-style: italic;
  line-height: 1.6;
}

.inline-p-1 {
  color: #fff;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 1rem;
  line-height: 1.75;
}

.inline-div-1-1-2-3 {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 6px;
  font-family: Archivo, sans-serif;
  font-size: 10px;
}

.inline-div-2-1-2-3 {
  color: #fcfcfc;
  font-family: Archivo, sans-serif;
  font-size: 22px;
  font-weight: 700;
}

.inline-div-3-1-2 {
  border-right: 1px solid #558d8833;
  flex: 1;
  padding: 20px 16px;
}

.inline-div-4-1 {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 6px;
  font-family: Archivo, sans-serif;
  font-size: 10px;
}

.inline-div-5-1 {
  color: #fff;
  font-family: Archivo, sans-serif;
  font-size: 22px;
  font-weight: 700;
}

.inline-div-6-1 {
  border-right: 1px solid #558d8833;
  flex: 1;
  padding: 20px 16px;
}

.inline-div-7-1 {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 6px;
  font-family: Archivo, sans-serif;
  font-size: 10px;
}

.inline-div-8-1 {
  color: #fff;
  font-family: Archivo, sans-serif;
  font-size: 22px;
  font-weight: 700;
}

.inline-div-9-1 {
  flex: 1;
  padding: 20px 16px;
}

.inline-div-10 {
  grid-row-gap: 0;
  grid-column-gap: 0;
  border: 1px solid #558d8833;
  border-radius: 12px;
  margin-top: 8px;
  display: flex;
  overflow: hidden;
}

.inline-a-0-1-2 {
  color: #fff;
  letter-spacing: .3px;
  background-color: #e45e47;
  border: 1.5px solid #e45e47;
  border-radius: 8px;
  padding: 14px 32px;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
}

.inline-a-0-1-2:hover {
  background-color: #ffffff2e;
  border-color: #fff6;
}

.inline-div-11 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: var(--ul--dunkelblau);
  border-radius: 15px;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  min-width: 320px;
  padding: 15px;
  display: flex;
}

.inline-span-0-1-2 {
  color: #ffffff59;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 10px;
  position: absolute;
  bottom: 20px;
  left: 20px;
}

.inline-div-12 {
  background-image: url('../images/rundflug-erlebnisfluege-schnuppertag.webp'), linear-gradient(160deg, #2a4a4d, #34595d);
  background-position: 50% 0, 0 0;
  background-size: cover, auto;
  border-radius: 15px;
  flex: 1;
  min-width: 320px;
  min-height: 480px;
  padding: 16px;
  position: relative;
  overflow: hidden;
}

.inline-div-13 {
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  flex-wrap: wrap;
  align-items: stretch;
  max-width: 1480px;
  margin: 0 auto;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.inline-section-0-1-2-3 {
  background-color: #fff;
  background-image: url('../images/background_flugschule_göppingen.webp');
  background-position: 0 0;
  background-size: auto;
  padding: 120px 25px;
}

.inline-div-0-1-2-3-4-5 {
  background-image: url('../images/ausbildung-hero.webp'), linear-gradient(160deg, #263d40f2, #34595db8);
  background-position: 50%, 0 0;
  background-size: cover, auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0;
}

.inline-span-0-1-2-3 {
  color: #ffffff4d;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 10px;
  position: absolute;
  bottom: 24px;
  right: 24px;
}

.inline-div-1-1-2-3-4 {
  color: #558d88;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-family: Archivo, sans-serif;
  font-size: 10px;
}

.inline-h1-0-1 {
  color: #fff;
  font-variation-settings: normal;
  text-transform: uppercase;
  margin: 0 0 0 37px;
  font-family: Inconsolata, monospace;
  font-size: 60px;
  font-weight: 700;
  line-height: 1.08;
}

.inline-p-0-1-2-3-4 {
  color: #ffffffb8;
  max-width: 540px;
  margin: 0 0 16px;
  font-family: Archivo, sans-serif;
  font-size: 1.1rem;
  line-height: 1.75;
}

.inline-p-1-1 {
  color: #ffffff80;
  max-width: 500px;
  margin: 0 0 44px;
  font-family: Archivo, sans-serif;
  font-size: 1rem;
  line-height: 1.75;
}

.inline-a-0-1-2-3 {
  color: #fff;
  background-color: #558d88;
  border-radius: 8px;
  padding: 16px 36px;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  display: inline-block;
}

.inline-a-1 {
  color: #fffc;
  border: 1.5px solid #ffffff4d;
  border-radius: 8px;
  padding: 15px 32px;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
}

.inline-div-2-1-2-3-4 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  display: flex;
}

.inline-div-3-1-2-3 {
  z-index: 1;
  max-width: 900px;
  position: relative;
}

.inline-section-0-1-2-3-4 {
  background-color: #34595d;
  justify-content: flex-start;
  align-items: center;
  min-height: 90vh;
  padding: 80px 48px 100px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.inline-div-0-1-2-3-4-5-6 {
  color: #34595d;
  letter-spacing: 3px;
  text-transform: uppercase;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 48px;
  font-family: Archivo, sans-serif;
  font-size: 20px;
  display: flex;
}

.inline-div-1-1-2-3-4-5 {
  color: #fff;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 24px;
  font-family: Archivo, sans-serif;
  font-size: 10px;
}

.inline-h2-0-1-2-3 {
  color: #fff;
  font-variation-settings: normal;
  text-transform: uppercase;
  margin: 0 0 20px;
  font-family: Inconsolata, monospace;
  font-size: 30px;
  font-weight: 600;
  line-height: 1.15;
}

.inline-p-0-1-2-3-4-5 {
  color: #ffffffa6;
  margin: 0 0 28px;
  font-family: Archivo, sans-serif;
  font-size: 1rem;
  line-height: 1.75;
}

.inline-span-0-1-2-3-4, .inline-span-1-1, .inline-span-2-1, .inline-span-3-1, .inline-span-4-1, .inline-span-5-1 {
  color: #fff9;
  font-family: Archivo, sans-serif;
  font-size: .9rem;
}

.inline-div-2-1-2-3-4-5 {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  border-left: 2px solid #db5f41;
  flex-direction: column;
  padding-left: 20px;
  display: flex;
}

.inline-div-3-1-2-3-4 {
  background-color: #2a3342;
  border-radius: 15px;
  flex: 1;
  min-width: 280px;
  padding: 48px 40px;
}

.inline-div-4-1-2 {
  color: #fff;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 24px;
  font-family: Archivo, sans-serif;
  font-size: 10px;
}

.inline-h2-1 {
  color: #fff;
  font-variation-settings: normal;
  text-transform: uppercase;
  margin: 0 0 20px;
  font-family: Inconsolata, monospace;
  font-size: 30px;
  font-weight: 600;
  line-height: 1.15;
}

.inline-p-1-1-2 {
  color: #ffffffa6;
  margin: 0 0 28px;
  font-family: Archivo, sans-serif;
  font-size: 1rem;
  line-height: 1.75;
}

.inline-span-6-1, .inline-span-7-1, .inline-span-8-1, .inline-span-9-1, .inline-span-10-1, .inline-span-11-1 {
  color: #fff9;
  font-family: Archivo, sans-serif;
  font-size: .9rem;
}

.inline-div-5-1-2 {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  border-left: 2px solid #db5f41;
  flex-direction: column;
  padding-left: 20px;
  display: flex;
}

.inline-div-6-1-2 {
  background-color: #2a3342;
  border-radius: 15px;
  flex: 1;
  min-width: 280px;
  padding: 48px 40px;
}

.inline-div-7-1-2 {
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  flex-wrap: wrap;
  display: flex;
}

.inline-div-8-1-2 {
  max-width: 1200px;
  margin: 0 auto;
}

.inline-section-0-1-2-3-4-5 {
  background-color: #2e5055;
  background-image: url('../images/background_flugschule_göppingen.webp');
  background-position: 0 0;
  background-size: auto;
  padding: 96px 48px;
}

.inline-span-0-1-2-3-4-5 {
  color: #ffffff59;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 10px;
  position: absolute;
  bottom: 24px;
  left: 24px;
}

.inline-div-0-1-2-3-4-5-6-7 {
  box-sizing: border-box;
  background-image: url('../images/ausbildung-theoriekurs.webp'), linear-gradient(160deg, #1e3438, #263d40);
  background-position: 50%, 0 0;
  background-size: cover, auto;
  border-radius: 15px;
  flex-flow: column;
  flex: 1;
  min-width: 320px;
  min-height: 560px;
  display: block;
  position: relative;
  overflow: hidden;
}

.inline-div-1-1-2-3-4-5-6 {
  color: #fff;
  letter-spacing: 3px;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 15px;
}

.inline-h2-0-1-2-3-4 {
  color: #fff;
  font-variation-settings: normal;
  letter-spacing: -.5px;
  text-transform: uppercase;
  margin: 0;
  font-family: Inconsolata, monospace;
  font-size: 44px;
  font-weight: 600;
  line-height: 1.12;
}

.inline-p-0-1-2-3-4-5-6 {
  color: #ffffff73;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 1.05rem;
  font-style: italic;
}

.inline-p-1-1-2-3 {
  color: #ffffffb8;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 1rem;
  line-height: 1.75;
}

.inline-span-1-1-2, .inline-span-2-1-2, .inline-span-3-1-2 {
  color: #fff9;
  font-family: Archivo, sans-serif;
  font-size: .95rem;
}

.inline-div-2-1-2-3-4-5-6 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  border-left: 2px solid #db5f41;
  flex-direction: column;
  padding-left: 20px;
  display: flex;
}

.inline-div-3-1-2-3-4-5 {
  color: #fff6;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 8px;
  font-family: Archivo, sans-serif;
  font-size: 10px;
}

.inline-div-4-1-2-3 {
  color: #fff;
  font-family: Archivo, sans-serif;
  font-size: 22px;
  font-weight: 700;
}

.inline-div-5-1-2-3 {
  background-color: #db5f41;
  flex: 1;
  padding: 20px;
}

.inline-div-6-1-2-3 {
  color: #fff6;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 8px;
  font-family: Archivo, sans-serif;
  font-size: 10px;
}

.inline-div-7-1-2-3 {
  color: #fff;
  font-family: Archivo, sans-serif;
  font-size: 22px;
  font-weight: 700;
}

.inline-div-8-1-2-3 {
  background-color: #db5f41;
  border-left: 1px solid #ffffff14;
  flex: 1;
  padding: 20px;
}

.inline-div-9-1-2 {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  border: 1px solid #ffffff1a;
  border-radius: 8px;
  display: flex;
  overflow: hidden;
}

.inline-a-0-1-2-3-4 {
  color: #fff;
  background-color: #db5f41;
  border-radius: 8px;
  width: fit-content;
  padding: 14px 32px;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  display: inline-block;
}

.inline-a-0-1-2-3-4:hover {
  background-color: #ffffff2e;
}

.inline-div-10-1 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #2a3342;
  border-radius: 15px;
  flex-direction: column;
  flex: 1;
  min-width: 320px;
  min-height: 660px;
  padding: 17px;
  display: flex;
}

.inline-div-11-1 {
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  background-color: #a09c9c73;
  flex-flow: row;
  justify-content: flex-start;
  align-items: stretch;
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
}

.inline-section-0-1-2-3-4-5-6 {
  background-color: #34595d;
  background-image: url('../images/background_flugschule_göppingen.webp');
  background-position: 0 0;
  background-size: auto;
  padding: 70px 48px;
}

.inline-div-0-1-2-3-4-5-6-7-8 {
  color: #fff;
  letter-spacing: 3px;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 15px;
}

.inline-h2-0-1-2-3-4-5 {
  color: #fff;
  font-variation-settings: normal;
  letter-spacing: -.5px;
  text-transform: uppercase;
  margin: 0;
  font-family: Inconsolata, monospace;
  font-size: 44px;
  font-weight: 600;
  line-height: 1.12;
}

.inline-p-0-1-2-3-4-5-6-7 {
  color: #ffffffb8;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 1rem;
  line-height: 1.75;
}

.inline-div-1-1-2-3-4-5-6-7 {
  color: #fff6;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 8px;
  font-family: Archivo, sans-serif;
  font-size: 10px;
}

.inline-div-2-1-2-3-4-5-6-7 {
  color: #fff;
  font-family: Archivo, sans-serif;
  font-size: 22px;
  font-weight: 700;
}

.inline-div-3-1-2-3-4-5-6 {
  background-color: #db5f41;
  padding: 20px 18px;
}

.inline-div-4-1-2-3-4 {
  color: #fff6;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 8px;
  font-family: Archivo, sans-serif;
  font-size: 10px;
}

.inline-div-5-1-2-3-4 {
  color: #fff;
  font-family: Archivo, sans-serif;
  font-size: 22px;
  font-weight: 700;
}

.inline-div-6-1-2-3-4 {
  background-color: #db5f41;
  border-left: 1px solid #ffffff0f;
  padding: 20px 18px;
}

.inline-div-7-1-2-3-4 {
  color: #fff6;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 8px;
  font-family: Archivo, sans-serif;
  font-size: 10px;
}

.inline-div-8-1-2-3-4 {
  color: #fff;
  font-family: Archivo, sans-serif;
  font-size: 22px;
  font-weight: 700;
}

.inline-div-9-1-2-3 {
  background-color: #db5f41;
  border-top: 1px solid #ffffff0f;
  padding: 20px 18px;
}

.inline-div-10-1-2 {
  color: #fff6;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 8px;
  font-family: Archivo, sans-serif;
  font-size: 10px;
}

.inline-div-11-1-2 {
  color: #fff;
  font-family: Archivo, sans-serif;
  font-size: 22px;
  font-weight: 700;
}

.inline-div-12-1 {
  background-color: #db5f41;
  border-top: 1px solid #ffffff0f;
  border-left: 1px solid #ffffff0f;
  padding: 20px 18px;
}

.inline-div-13-1 {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  border: 1px solid #ffffff14;
  border-radius: 8px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  display: grid;
  overflow: hidden;
}

.inline-p-1-1-2-3-4 {
  color: #fff;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: .85rem;
  line-height: 1.6;
}

.inline-a-0-1-2-3-4-5 {
  color: #fff;
  background-color: #db5f41;
  border: 1.5px solid #db5f41;
  border-radius: 8px;
  width: fit-content;
  padding: 14px 32px;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
}

.inline-a-0-1-2-3-4-5:hover {
  background-color: #ffffff2e;
  border-color: #fff6;
}

.inline-div-14 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #2a3342;
  border-radius: 15px;
  flex-direction: column;
  flex: 1;
  min-width: 320px;
  min-height: 660px;
  padding: 17px;
  display: flex;
}

.inline-span-0-1-2-3-4-5-6 {
  color: #ffffff59;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 10px;
  position: absolute;
  bottom: 24px;
  left: 24px;
}

.inline-div-15 {
  background-image: url('../images/20190514_165533.webp'), linear-gradient(160deg, #1e3438, #263d40);
  background-position: 100%, 0 0;
  background-size: cover, auto;
  border-radius: 15px;
  flex: 1;
  min-width: 320px;
  min-height: 560px;
  position: relative;
  overflow: hidden;
}

.inline-div-16 {
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  background-color: #a09c9c73;
  flex-flow: row;
  justify-content: flex-start;
  align-items: stretch;
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
}

.inline-section-0-1-2-3-4-5-6-7 {
  background-color: #2e5055;
  background-image: url('../images/background_flugschule_göppingen.webp');
  background-position: 0 0;
  background-size: auto;
  padding: 70px 48px;
}

.inline-div-0-1-2-3-4-5-6-7-8-9 {
  color: #fff;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 16px;
  font-family: Archivo, sans-serif;
  font-size: 15px;
}

.inline-h2-0-1-2-3-4-5-6 {
  color: #fff;
  font-variation-settings: normal;
  letter-spacing: -.5px;
  text-transform: uppercase;
  margin: 0 0 20px;
  font-family: Inconsolata, monospace;
  font-size: 44px;
  font-weight: 600;
  line-height: 1.12;
}

.inline-p-0-1-2-3-4-5-6-7-8 {
  color: #fff;
  max-width: 640px;
  margin: 0 0 64px;
  font-family: Archivo, sans-serif;
  font-size: 1rem;
  line-height: 1.75;
}

.inline-div-1-1-2-3-4-5-6-7-8 {
  color: #fff;
  margin-bottom: 4px;
  font-family: Archivo, sans-serif;
  font-size: 1rem;
  font-weight: 600;
}

.inline-div-2-1-2-3-4-5-6-7-8 {
  color: #fff6;
  font-family: Archivo, sans-serif;
  font-size: .85rem;
}

.inline-div-3-1-2-3-4-5-6-7 {
  color: #fff;
  white-space: nowrap;
  padding-left: 24px;
  font-family: Archivo, sans-serif;
  font-size: 1.3rem;
  font-weight: 700;
}

.inline-div-4-1-2-3-4-5 {
  border-bottom: 1px solid #ffffff14;
  justify-content: space-between;
  align-items: center;
  padding: 24px 0;
  display: flex;
}

.inline-div-5-1-2-3-4-5 {
  color: #fff;
  margin-bottom: 4px;
  font-family: Archivo, sans-serif;
  font-size: 1rem;
  font-weight: 600;
}

.inline-div-6-1-2-3-4-5 {
  color: #fff6;
  font-family: Archivo, sans-serif;
  font-size: .85rem;
}

.inline-div-7-1-2-3-4-5 {
  color: #fff;
  white-space: nowrap;
  padding-left: 24px;
  font-family: Archivo, sans-serif;
  font-size: 1.3rem;
  font-weight: 700;
}

.inline-div-8-1-2-3-4-5 {
  border-bottom: 1px solid #ffffff14;
  justify-content: space-between;
  align-items: center;
  padding: 24px 0;
  display: flex;
}

.inline-div-9-1-2-3-4 {
  color: #fff;
  margin-bottom: 4px;
  font-family: Archivo, sans-serif;
  font-size: 1rem;
  font-weight: 600;
}

.inline-div-10-1-2-3 {
  color: #fff6;
  font-family: Archivo, sans-serif;
  font-size: .85rem;
}

.inline-div-11-1-2-3 {
  color: #fff;
  white-space: nowrap;
  padding-left: 24px;
  font-family: Archivo, sans-serif;
  font-size: 1.3rem;
  font-weight: 700;
}

.inline-div-12-1-2 {
  border-bottom: 1px solid #ffffff14;
  justify-content: space-between;
  align-items: center;
  padding: 24px 0;
  display: flex;
}

.inline-div-13-1-2 {
  color: #fff;
  margin-bottom: 4px;
  font-family: Archivo, sans-serif;
  font-size: 1rem;
  font-weight: 600;
}

.inline-div-14-1 {
  color: #fff6;
  font-family: Archivo, sans-serif;
  font-size: .85rem;
}

.inline-div-15-1 {
  color: #fff;
  white-space: nowrap;
  padding-left: 24px;
  font-family: Archivo, sans-serif;
  font-size: 1.3rem;
  font-weight: 700;
}

.inline-div-16-1 {
  border-bottom: 1px solid #ffffff14;
  justify-content: space-between;
  align-items: center;
  padding: 24px 0;
  display: flex;
}

.inline-div-17 {
  color: #fff;
  margin-bottom: 4px;
  font-family: Archivo, sans-serif;
  font-size: 1rem;
  font-weight: 600;
}

.inline-div-18 {
  color: #fff6;
  font-family: Archivo, sans-serif;
  font-size: .85rem;
}

.inline-div-19 {
  color: #fff;
  white-space: nowrap;
  padding-left: 24px;
  font-family: Archivo, sans-serif;
  font-size: 1.3rem;
  font-weight: 700;
}

.inline-div-20 {
  border-bottom: 1px solid #ffffff14;
  justify-content: space-between;
  align-items: center;
  padding: 24px 0;
  display: flex;
}

.inline-div-21 {
  color: #fff;
  margin-bottom: 4px;
  font-family: Archivo, sans-serif;
  font-size: 1rem;
  font-weight: 600;
}

.inline-div-22 {
  color: #fff6;
  font-family: Archivo, sans-serif;
  font-size: .85rem;
}

.inline-div-23 {
  color: #fff;
  white-space: nowrap;
  padding-left: 24px;
  font-family: Archivo, sans-serif;
  font-size: 1.3rem;
  font-weight: 700;
}

.inline-div-24 {
  border-bottom: 1px solid #ffffff14;
  justify-content: space-between;
  align-items: center;
  padding: 24px 0;
  display: flex;
}

.inline-div-25 {
  color: #fff;
  margin-bottom: 4px;
  font-family: Archivo, sans-serif;
  font-size: 1rem;
  font-weight: 600;
}

.inline-div-26 {
  color: #fff6;
  font-family: Archivo, sans-serif;
  font-size: .85rem;
}

.inline-div-27 {
  color: #fff;
  white-space: nowrap;
  padding-left: 24px;
  font-family: Archivo, sans-serif;
  font-size: 1.3rem;
  font-weight: 700;
}

.inline-div-28 {
  justify-content: space-between;
  align-items: center;
  padding: 24px 0;
  display: flex;
}

.inline-div-29 {
  background-color: #2a3342;
  border-radius: 15px;
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
}

.inline-section-0-1-2-3-4-5-6-7-8 {
  background-color: #34595d;
  background-image: url('../images/background_flugschule_göppingen.webp');
  background-position: 0 0;
  background-size: auto;
  padding: 70px 48px;
}

.inline-div-0-1-2-3-4-5-6-7-8-9-10 {
  color: #db5f41;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 16px;
  font-family: Archivo, sans-serif;
  font-size: 15px;
}

.inline-h2-0-1-2-3-4-5-6-7 {
  color: #fff;
  font-variation-settings: normal;
  letter-spacing: -.5px;
  text-transform: uppercase;
  margin: 0 0 48px;
  font-family: Inconsolata, monospace;
  font-size: 44px;
  font-weight: 600;
  line-height: 1.12;
}

.inline-span-0-1-2-3-4-5-6-7 {
  color: #fff;
  font-family: Archivo, sans-serif;
  font-size: .95rem;
}

.inline-span-1-1-2-3 {
  color: #fff;
  font-family: Archivo, sans-serif;
  font-size: 1rem;
  font-weight: 700;
}

.inline-span-2-1-2-3 {
  color: #fff;
  font-family: Archivo, sans-serif;
  font-size: .95rem;
}

.inline-span-3-1-2-3 {
  color: #fff;
  font-family: Archivo, sans-serif;
  font-size: 1rem;
  font-weight: 700;
}

.inline-span-4-1-2 {
  color: #fff;
  font-family: Archivo, sans-serif;
  font-size: .95rem;
}

.inline-span-5-1-2 {
  color: #fff;
  font-family: Archivo, sans-serif;
  font-size: 1rem;
  font-weight: 700;
}

.inline-span-6-1-2 {
  color: #ffffffb3;
  font-family: Archivo, sans-serif;
  font-size: .95rem;
}

.inline-span-6-1-2._2 {
  color: #fff;
}

.inline-span-7-1-2 {
  color: #fff;
  font-family: Archivo, sans-serif;
  font-size: 1rem;
  font-weight: 700;
}

.inline-span-8-1-2 {
  color: #ffffffb3;
  font-family: Archivo, sans-serif;
  font-size: .95rem;
}

.inline-span-8-1-2._2 {
  color: #fff;
}

.inline-span-9-1-2 {
  color: #fff;
  font-family: Archivo, sans-serif;
  font-size: 1rem;
  font-weight: 700;
}

.inline-span-10-1-2 {
  color: #fff;
  font-family: Archivo, sans-serif;
  font-size: .95rem;
}

.inline-span-11-1-2, .inline-span-12-1 {
  color: #fff;
  font-family: Archivo, sans-serif;
  font-size: 1rem;
  font-weight: 700;
}

.inline-span-13-1 {
  color: #fff;
  font-family: Archivo, sans-serif;
  font-size: 1.3rem;
  font-weight: 700;
}

.inline-div-7-1-2-3-4-5-6 {
  background-color: #558d881f;
  justify-content: space-between;
  align-items: center;
  padding: 20px 24px;
  display: flex;
}

.inline-div-8-1-2-3-4-5-6 {
  background-color: #db5f41;
  border: 1px solid #ffffff14;
  border-radius: 4px;
  overflow: hidden;
}

.inline-p-0-1-2-3-4-5-6-7-8-9 {
  color: #fff;
  margin-top: 16px;
  font-family: Archivo, sans-serif;
  font-size: .8rem;
  line-height: 1.6;
}

.inline-section-0-1-2-3-4-5-6-7-8-9 {
  background-color: #2e5055;
  background-image: url('../images/background_flugschule_göppingen.webp');
  background-position: 0 0;
  background-size: auto;
  padding: 70px 48px;
}

.inline-div-0-1-2-3-4-5-6-7-8-9-10-11 {
  background-image: url('../images/landing-apge-ultraleichtflugzeug-lugschulegoeppingen.webp'), linear-gradient(160deg, #263d40e0, #34595da6);
  background-position: 50%, 0 0;
  background-size: cover, auto;
  position: absolute;
  inset: 0;
}

.inline-span-0-1-2-3-4-5-6-7-8 {
  color: #ffffff4d;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 10px;
  position: absolute;
  bottom: 24px;
  right: 24px;
}

.inline-div-1-1-2-3-4-5-6-7-8-9 {
  color: #558d88;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-family: Archivo, sans-serif;
  font-size: 10px;
}

.inline-h2-0-1-2-3-4-5-6-7-8 {
  color: #fff;
  font-variation-settings: normal;
  letter-spacing: -.5px;
  text-transform: uppercase;
  margin: 0 0 24px;
  font-family: Inconsolata, monospace;
  font-size: 44px;
  font-weight: 600;
  line-height: 1.12;
}

.inline-p-0-1-2-3-4-5-6-7-8-9-10 {
  color: #ffffffb8;
  margin: 0 0 44px;
  font-family: Archivo, sans-serif;
  font-size: 1rem;
  line-height: 1.75;
}

.inline-a-0-1-2-3-4-5-6 {
  color: #fff;
  background-color: #558d88;
  border-radius: 8px;
  padding: 18px 44px;
  font-family: Archivo, sans-serif;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  display: inline-block;
}

.inline-div-2-1-2-3-4-5-6-7-8-9 {
  z-index: 1;
  max-width: 700px;
  position: relative;
}

.inline-section-0-1-2-3-4-5-6-7-8-9-10 {
  background-color: #34595d;
  padding: 120px 48px;
  position: relative;
  overflow: hidden;
}

.inline-div-0-1-2-3-4-5-6-7-8-9-10-11-12 {
  background-image: url('../images/pilot-fuer-einen-tag-hero.webp'), linear-gradient(160deg, #263d40f5, #34595db8);
  background-position: 50%, 0 0;
  background-size: cover, auto;
  position: absolute;
  inset: 0;
}

.inline-span-0-1-2-3-4-5-6-7-8-9 {
  color: #ffffff4d;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 10px;
  position: absolute;
  bottom: 24px;
  right: 24px;
}

.inline-div-1-1-2-3-4-5-6-7-8-9-10 {
  color: #558d88;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-family: Archivo, sans-serif;
  font-size: 10px;
}

.inline-p-0-1-2-3-4-5-6-7-8-9-10-11 {
  color: #ffffffb8;
  max-width: 500px;
  margin: 0 0 44px;
  font-family: Archivo, sans-serif;
  font-size: 1.1rem;
  line-height: 1.75;
}

.inline-a-0-1-2-3-4-5-6-7 {
  color: #fff;
  background-color: #558d88;
  border-radius: 8px;
  padding: 16px 36px;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  display: inline-block;
}

.inline-div-2-1-2-3-4-5-6-7-8-9-10 {
  z-index: 1;
  max-width: 860px;
  position: relative;
}

.inline-section-0-1-2-3-4-5-6-7-8-9-10-11 {
  background-color: #34595d;
  justify-content: flex-start;
  align-items: center;
  min-height: 88vh;
  padding: 80px 48px 96px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.inline-span-0-1-2-3-4-5-6-7-8-9-10 {
  color: #ffffff59;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 10px;
  position: absolute;
  bottom: 24px;
  left: 24px;
}

.inline-div-0-1-2-3-4-5-6-7-8-9-10-11-12-13 {
  background-image: url('../images/IMG_0185-2.webp'), linear-gradient(160deg, #1e3438, #263d40);
  background-position: 65%, 0 0;
  background-size: cover, auto;
  border-radius: 4px;
  flex: 1;
  order: 2;
  min-width: 320px;
  min-height: 520px;
  position: relative;
  overflow: hidden;
}

.inline-div-1-1-2-3-4-5-6-7-8-9-10-11 {
  color: #d65c42;
  letter-spacing: 3px;
  text-transform: uppercase;
  font-family: Archivo, sans-serif;
  font-size: 20px;
}

.inline-h2-0-1-2-3-4-5-6-7-8-9 {
  color: #fff;
  font-variation-settings: normal;
  letter-spacing: -.5px;
  text-transform: uppercase;
  margin: 0;
  font-family: Inconsolata, monospace;
  font-size: 44px;
  font-weight: 600;
  line-height: 1.12;
}

.inline-p-0-1-2-3-4-5-6-7-8-9-10-11-12 {
  color: #fff;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 1.05rem;
  font-style: italic;
}

.inline-p-1-1-2-3-4-5 {
  color: #fff;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 1rem;
  line-height: 1.75;
}

.inline-span-1-1-2-3-4, .inline-span-2-1-2-3-4, .inline-span-3-1-2-3-4, .inline-span-4-1-2-3, .inline-span-5-1-2-3 {
  color: #ffffffa6;
  font-family: Archivo, sans-serif;
  font-size: .95rem;
}

.inline-div-2-1-2-3-4-5-6-7-8-9-10-11 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border-left: 2px solid #d65c42;
  flex-direction: column;
  padding-left: 20px;
  display: flex;
}

.inline-div-3-1-2-3-4-5-6-7-8 {
  color: #fff6;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 6px;
  font-family: Archivo, sans-serif;
  font-size: 10px;
}

.inline-div-4-1-2-3-4-5-6 {
  color: #fff;
  font-family: Archivo, sans-serif;
  font-size: 1.3rem;
  font-weight: 700;
}

.inline-div-5-1-2-3-4-5-6 {
  border-right: 1px solid #ffffff1a;
  flex: 1;
  padding: 32px 24px;
  font-family: Archivo, sans-serif;
}

.inline-div-6-1-2-3-4-5-6 {
  color: #fff6;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 6px;
  font-family: Archivo, sans-serif;
  font-size: 10px;
}

.inline-div-7-1-2-3-4-5-6-7 {
  color: #fff;
  font-family: Archivo, sans-serif;
  font-size: 1.3rem;
  font-weight: 700;
}

.inline-div-8-1-2-3-4-5-6-7 {
  border-right: 1px solid #ffffff1a;
  flex: 1;
  padding: 32px 24px;
}

.inline-div-9-1-2-3-4-5 {
  color: #fff6;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 6px;
  font-family: Archivo, sans-serif;
  font-size: 10px;
}

.inline-div-10-1-2-3-4 {
  color: #fff;
  font-family: Archivo, sans-serif;
  font-size: 1.3rem;
  font-weight: 700;
}

.inline-div-11-1-2-3-4 {
  flex: 1;
  padding: 32px 24px;
}

.inline-div-12-1-2-3 {
  grid-row-gap: 0;
  grid-column-gap: 0;
  border: 1px solid #ffffff1a;
  border-radius: 8px;
  display: flex;
  overflow: hidden;
}

.inline-a-0-1-2-3-4-5-6-7-8 {
  color: #fff;
  background-color: #d65c42;
  border-radius: 8px;
  width: fit-content;
  padding: 14px 32px;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  display: inline-block;
}

.inline-a-0-1-2-3-4-5-6-7-8:hover {
  background-color: #bebebe;
  box-shadow: 0 2px 5px #5e5c5c3d;
}

.inline-div-13-1-2-3 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: var(--ul--dunkelblau);
  border-radius: 15px;
  flex-direction: column;
  flex: 1;
  order: 1;
  min-width: 320px;
  padding: 23px;
  display: flex;
}

.inline-div-14-1-2 {
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  flex-wrap: wrap;
  align-items: stretch;
  max-width: 1440px;
  margin: 0 auto;
  display: flex;
}

.inline-section-0-1-2-3-4-5-6-7-8-9-10-11-12 {
  background-color: #34595d;
  background-image: url('../images/background_flugschule_göppingen.webp');
  background-position: 0 0;
  background-size: auto;
  min-width: 320px;
  padding: 120px 48px;
}

.inline-div-0-1-2-3-4-5-6-7-8-9-10-11-12-13-14 {
  color: #2a3342;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 16px;
  font-family: Archivo, sans-serif;
  font-size: 14px;
}

.inline-h1-0-1-2 {
  color: #fff;
  font-variation-settings: normal;
  text-transform: uppercase;
  margin: 0;
  font-family: Inconsolata, monospace;
  font-size: 48px;
  font-weight: 600;
  line-height: 1.12;
}

.inline-div-1-1-2-3-4-5-6-7-8-9-10-11-12 {
  max-width: 800px;
  margin: 0 auto;
}

.inline-header-0 {
  background-color: #34595d;
  background-image: url('../images/landing-apge-ultraleichtflugzeug-lugschulegoeppingen.webp');
  background-position: 50%;
  background-size: cover;
  min-width: 0;
  min-height: 500px;
  padding: 160px 0 80px;
}

.inline-div-0-1-2-3-4-5-6-7-8-9-10-11-12-13-14-15 {
  color: #2a3342;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 16px;
  font-family: Archivo, sans-serif;
  font-size: 15px;
}

.inline-a-0-1-2-3-4-5-6-7-8-9, .inline-a-1-1 {
  color: #2a3342;
  text-decoration: none;
}

.inline-p-0-1-2-3-4-5-6-7-8-9-10-11-12-13 {
  color: #2a3342;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 1rem;
  line-height: 1.9;
}

.inline-div-1-1-2-3-4-5-6-7-8-9-10-11-12-13 {
  border-bottom: 1px solid #558d881f;
  padding: 0 0 48px;
}

.inline-div-2-1-2-3-4-5-6-7-8-9-10-11-12 {
  color: #2a3342;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 16px;
  font-family: Archivo, sans-serif;
  font-size: 15px;
}

.inline-a-2, .inline-a-3 {
  color: #2a3342;
  text-decoration: none;
}

.inline-p-1-1-2-3-4-5-6 {
  color: #2a3342;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 1rem;
  line-height: 1.9;
}

.inline-div-3-1-2-3-4-5-6-7-8-9 {
  border-bottom: 1px solid #558d881f;
  padding: 48px 0;
}

.inline-div-4-1-2-3-4-5-6-7 {
  color: #2a3342;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 16px;
  font-family: Archivo, sans-serif;
  font-size: 15px;
}

.inline-p-2 {
  color: #2a3342;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 1rem;
  line-height: 1.9;
}

.inline-div-5-1-2-3-4-5-6-7 {
  border-bottom: 1px solid #558d881f;
  padding: 48px 0;
}

.inline-div-6-1-2-3-4-5-6-7 {
  color: #2a3342;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 16px;
  font-family: Archivo, sans-serif;
  font-size: 15px;
}

.inline-p-3 {
  color: #2a3342;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 1rem;
  line-height: 1.9;
}

.inline-div-7-1-2-3-4-5-6-7-8 {
  border-bottom: 1px solid #558d881f;
  padding: 48px 0;
}

.inline-div-8-1-2-3-4-5-6-7-8 {
  color: #2a3342;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 16px;
  font-family: Archivo, sans-serif;
  font-size: 15px;
}

.inline-p-4 {
  color: #2a3342;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 1rem;
  line-height: 1.9;
}

.inline-div-9-1-2-3-4-5-6 {
  border-bottom: 1px solid #558d881f;
  padding: 48px 0;
}

.inline-div-10-1-2-3-4-5 {
  color: #2a3342;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 16px;
  font-family: Archivo, sans-serif;
  font-size: 15px;
}

.inline-p-5 {
  color: #2a3342;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 1rem;
  line-height: 1.9;
}

.inline-div-11-1-2-3-4-5 {
  padding: 48px 0;
}

.inline-div-12-1-2-3-4 {
  max-width: none;
  margin: 0 auto;
}

.inline-section-0-1-2-3-4-5-6-7-8-9-10-11-12-13 {
  background-color: #fff;
  padding: 80px 48px 120px;
  font-family: Archivo, sans-serif;
}

.inline-div-0-1-2-3-4-5-6-7-8-9-10-11-12-13-14-15-16 {
  color: var(--ul--dunkelblau);
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 16px;
  font-family: Archivo, sans-serif;
  font-size: 15px;
}

.inline-h1-0-1-2-3 {
  color: #fff;
  font-variation-settings: normal;
  text-transform: uppercase;
  margin: 0;
  font-family: Inconsolata, monospace;
  font-size: 48px;
  font-weight: 600;
  line-height: 1.12;
}

.inline-div-1-1-2-3-4-5-6-7-8-9-10-11-12-13-14 {
  max-width: 800px;
  margin: 0 auto;
}

.inline-div-0-1-2-3-4-5-6-7-8-9-10-11-12-13-14-15-16-17 {
  color: #558d88;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 16px;
  font-family: Archivo, sans-serif;
  font-size: 10px;
}

.inline-p-0-1-2-3-4-5-6-7-8-9-10-11-12-13-14 {
  color: #34595d;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 1rem;
  line-height: 1.9;
}

.inline-div-1-1-2-3-4-5-6-7-8-9-10-11-12-13-14-15 {
  border-bottom: 1px solid #558d881f;
  padding: 0 0 48px;
}

.inline-div-2-1-2-3-4-5-6-7-8-9-10-11-12-13 {
  color: #558d88;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 16px;
  font-family: Archivo, sans-serif;
  font-size: 10px;
}

.inline-p-1-1-2-3-4-5-6-7 {
  color: #34595d;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 1rem;
  line-height: 1.9;
}

.inline-div-3-1-2-3-4-5-6-7-8-9-10 {
  border-bottom: 1px solid #558d881f;
  padding: 48px 0;
}

.inline-div-4-1-2-3-4-5-6-7-8 {
  color: #558d88;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 16px;
  font-family: Archivo, sans-serif;
  font-size: 10px;
}

.inline-div-5-1-2-3-4-5-6-7-8 {
  border-bottom: 1px solid #558d881f;
  padding: 48px 0;
}

.inline-div-6-1-2-3-4-5-6-7-8 {
  color: #558d88;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 16px;
  font-family: Archivo, sans-serif;
  font-size: 10px;
}

.inline-a-0-1-2-3-4-5-6-7-8-9-10 {
  color: #558d88;
  text-decoration: none;
}

.inline-div-7-1-2-3-4-5-6-7-8-9 {
  border-bottom: 1px solid #558d881f;
  padding: 48px 0;
}

.inline-div-8-1-2-3-4-5-6-7-8-9 {
  color: #558d88;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 16px;
  font-family: Archivo, sans-serif;
  font-size: 10px;
}

.inline-div-9-1-2-3-4-5-6-7 {
  padding: 48px 0;
}

.inline-div-10-1-2-3-4-5-6 {
  max-width: 800px;
  margin: 0 auto;
}

.inline-section-0-1-2-3-4-5-6-7-8-9-10-11-12-13-14 {
  background-color: #fff;
  padding: 80px 48px 120px;
}

.inline-div-0-1-2-3-4-5-6-7-8-9-10-11-12-13-14-15-16-17-18 {
  color: #2a3342;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 16px;
  font-family: Archivo, sans-serif;
  font-size: 15px;
}

.inline-p-0-1-2-3-4-5-6-7-8-9-10-11-12-13-14-15 {
  color: #2a3342;
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 1rem;
  line-height: 1.9;
}

.inline-div-1-1-2-3-4-5-6-7-8-9-10-11-12-13-14-15-16 {
  border-bottom: 1px solid #558d881f;
  padding: 0 0 48px;
}

.inline-div-2-1-2-3-4-5-6-7-8-9-10-11-12-13-14 {
  color: #2a3342;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 16px;
  font-family: Archivo, sans-serif;
  font-size: 15px;
}

.inline-p-1-1-2-3-4-5-6-7-8 {
  color: #2a3342;
  margin: 0 0 20px;
  font-family: Archivo, sans-serif;
  font-size: 1rem;
  line-height: 1.9;
}

.inline-span-0-1-2-3-4-5-6-7-8-9-10-11 {
  color: #2a3342;
  font-family: Archivo, sans-serif;
  font-size: .95rem;
}

.inline-span-1-1-2-3-4-5, .inline-span-2-1-2-3-4-5 {
  color: #2a3342;
  font-size: .95rem;
}

.inline-span-3-1-2-3-4-5, .inline-span-4-1-2-3-4 {
  color: var(--ul--dunkelblau);
  font-size: .95rem;
}

.inline-div-3-1-2-3-4-5-6-7-8-9-10-11 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  border-left: 2px solid #2a3342;
  flex-direction: column;
  margin-bottom: 20px;
  padding-left: 20px;
  display: flex;
}

.inline-div-4-1-2-3-4-5-6-7-8-9 {
  border-bottom: 1px solid #558d881f;
  padding: 48px 0;
}

.inline-div-5-1-2-3-4-5-6-7-8-9 {
  color: var(--ul--dunkelblau);
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 16px;
  font-size: 15px;
}

.inline-div-6-1-2-3-4-5-6-7-8-9 {
  border-bottom: 1px solid #558d881f;
  padding: 48px 0;
}

.inline-div-7-1-2-3-4-5-6-7-8-9-10 {
  color: var(--ul--dunkelblau);
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 16px;
  font-size: 15px;
}

.inline-div-8-1-2-3-4-5-6-7-8-9-10 {
  border-bottom: 1px solid #558d881f;
  padding: 48px 0;
}

.inline-div-9-1-2-3-4-5-6-7-8 {
  color: var(--ul--dunkelblau);
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 16px;
  font-size: 15px;
}

.inline-div-10-1-2-3-4-5-6-7 {
  border-bottom: 1px solid #558d881f;
  padding: 48px 0;
}

.inline-div-11-1-2-3-4-5-6 {
  color: var(--ul--dunkelblau);
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 16px;
  font-family: Archivo, sans-serif;
  font-size: 15px;
}

.inline-p-6 {
  color: var(--ul--dunkelblau);
  margin: 0;
  font-size: 1rem;
  line-height: 1.9;
}

.inline-div-12-1-2-3-4-5 {
  border-bottom: 1px solid #558d881f;
  padding: 48px 0;
}

.inline-div-13-1-2-3-4 {
  color: var(--ul--dunkelblau);
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 16px;
  font-size: 15px;
}

.inline-p-7 {
  color: var(--ul--dunkelblau);
  margin: 0;
  font-size: 1rem;
  line-height: 1.9;
}

.inline-div-14-1-2-3 {
  padding: 48px 0;
}

.inline-div-15-1-2 {
  max-width: 800px;
  margin: 0 auto;
}

.inline-section-0-1-2-3-4-5-6-7-8-9-10-11-12-13-14-15 {
  background-color: #fff;
  padding: 80px 48px 120px;
  font-family: Archivo, sans-serif;
}

.inline-div-0-1-2-3-4-5-6-7-8-9-10-11-12-13-14-15-16-17-18-19 {
  color: #558d88;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 16px;
  font-family: Archivo, sans-serif;
  font-size: 10px;
}

.inline-h1-0-1-2-3-4 {
  color: #fff;
  font-variation-settings: normal;
  text-transform: uppercase;
  margin: 100px 0 0 20px;
  font-family: Inconsolata, monospace;
  font-size: 48px;
  font-weight: 600;
  line-height: 1.12;
}

.inline-div-1-1-2-3-4-5-6-7-8-9-10-11-12-13-14-15-16-17 {
  max-width: 800px;
  margin: 0 auto;
}

.inline-div-0-1-2-3-4-5-6-7-8-9-10-11-12-13-14-15-16-17-18-19-20 {
  color: var(--ul--dunkelblau);
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 16px;
  font-family: Archivo, sans-serif;
  font-size: 15px;
}

.inline-p-0-1-2-3-4-5-6-7-8-9-10-11-12-13-14-15-16 {
  color: var(--ul--dunkelblau);
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 1rem;
  line-height: 1.9;
}

.inline-div-1-1-2-3-4-5-6-7-8-9-10-11-12-13-14-15-16-17-18 {
  border-bottom: 1px solid #558d881f;
  padding: 0 0 48px;
}

.inline-div-2-1-2-3-4-5-6-7-8-9-10-11-12-13-14-15 {
  color: var(--ul--dunkelblau);
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 16px;
  font-family: Archivo, sans-serif;
  font-size: 15px;
}

.inline-p-1-1-2-3-4-5-6-7-8-9 {
  color: var(--ul--dunkelblau);
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 1rem;
  line-height: 1.9;
}

.inline-div-3-1-2-3-4-5-6-7-8-9-10-11-12 {
  border-bottom: 1px solid #558d881f;
  padding: 48px 0;
}

.inline-div-4-1-2-3-4-5-6-7-8-9-10 {
  color: var(--ul--dunkelblau);
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 16px;
  font-family: Archivo, sans-serif;
  font-size: 15px;
}

.inline-div-5-1-2-3-4-5-6-7-8-9-10 {
  border-bottom: 1px solid #558d881f;
  padding: 48px 0;
}

.inline-div-6-1-2-3-4-5-6-7-8-9-10 {
  color: var(--ul--dunkelblau);
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 16px;
  font-family: Archivo, sans-serif;
  font-size: 15px;
}

.inline-div-7-1-2-3-4-5-6-7-8-9-10-11 {
  border-bottom: 1px solid #558d881f;
  padding: 48px 0;
}

.inline-div-8-1-2-3-4-5-6-7-8-9-10-11 {
  color: var(--ul--dunkelblau);
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 16px;
  font-family: Archivo, sans-serif;
  font-size: 15px;
}

.inline-div-9-1-2-3-4-5-6-7-8-9 {
  padding: 48px 0;
}

.inline-div-10-1-2-3-4-5-6-7-8 {
  width: 100%;
  max-width: 680px;
  margin: 0 auto;
}

.inline-section-0-1-2-3-4-5-6-7-8-9-10-11-12-13-14-15-16 {
  background-color: #fff;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding: 60px 48px;
  display: flex;
}

.inline-div-0-1-2-3-4-5-6-7-8-9-10-11-12-13-14-15-16-17-18-19-20-21 {
  color: var(--ul--dunkelblau);
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 16px;
  font-family: Archivo, sans-serif;
  font-size: 15px;
}

.inline-p-0-1-2-3-4-5-6-7-8-9-10-11-12-13-14-15-16-17 {
  color: var(--ul--dunkelblau);
  margin: 0 0 20px;
  font-family: Archivo, sans-serif;
  font-size: 1rem;
  line-height: 1.9;
}

.inline-span-0-1-2-3-4-5-6-7-8-9-10-11-12 {
  color: var(--ul--dunkelblau);
  font-family: Archivo, sans-serif;
  font-size: .95rem;
}

.inline-span-1-1-2-3-4-5-6 {
  color: var(--ul--dunkelblau);
  -webkit-text-stroke-color: var(--ul--dunkelblau);
  font-family: Archivo, sans-serif;
  font-size: .95rem;
}

.inline-span-2-1-2-3-4-5-6 {
  color: var(--ul--dunkelblau);
  font-size: .95rem;
}

.inline-div-1-1-2-3-4-5-6-7-8-9-10-11-12-13-14-15-16-17-18-19 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border-left-style: solid;
  border-left-width: 2px;
  border-left-color: var(--ul--dunkelblau);
  flex-direction: column;
  margin-bottom: 20px;
  padding-left: 20px;
  font-family: Archivo, sans-serif;
  display: flex;
}

.inline-p-1-1-2-3-4-5-6-7-8-9-10 {
  color: var(--ul--dunkelblau);
  margin: 0;
  font-family: Archivo, sans-serif;
  font-size: 1rem;
  line-height: 1.9;
}

.inline-div-2-1-2-3-4-5-6-7-8-9-10-11-12-13-14-15-16 {
  border-bottom: 1px solid #558d881f;
  padding: 48px 0;
}

.inline-div-3-1-2-3-4-5-6-7-8-9-10-11-12-13 {
  color: var(--ul--dunkelblau);
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 16px;
  font-family: Archivo, sans-serif;
  font-size: 15px;
}

.inline-div-4-1-2-3-4-5-6-7-8-9-10-11 {
  border-bottom: 1px solid #558d881f;
  padding: 48px 0;
}

.inline-div-5-1-2-3-4-5-6-7-8-9-10-11 {
  color: var(--ul--dunkelblau);
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 16px;
  font-family: Archivo, sans-serif;
  font-size: 15px;
}

.inline-div-6-1-2-3-4-5-6-7-8-9-10-11 {
  border-bottom: 1px solid #558d881f;
  padding: 48px 0;
}

.inline-div-7-1-2-3-4-5-6-7-8-9-10-11-12 {
  color: var(--ul--dunkelblau);
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 16px;
  font-family: Archivo, sans-serif;
  font-size: 15px;
}

.inline-div-8-1-2-3-4-5-6-7-8-9-10-11-12 {
  border-bottom: 1px solid #558d881f;
  padding: 48px 0;
}

.inline-div-9-1-2-3-4-5-6-7-8-9-10 {
  color: var(--ul--dunkelblau);
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 16px;
  font-family: Archivo, sans-serif;
  font-size: 15px;
}

.inline-div-10-1-2-3-4-5-6-7-8-9 {
  padding: 48px 0;
}

.inline-div-11-1-2-3-4-5-6-7 {
  max-width: 800px;
  margin: 0 auto;
}

.inline-section-0-1-2-3-4-5-6-7-8-9-10-11-12-13-14-15-16-17 {
  background-color: #fff;
  padding: 0 48px 120px;
}

.ft-legal-link {
  color: #ffffffe6;
  letter-spacing: .2px;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  text-decoration: none;
}

.text-block {
  color: #fff;
  font-size: 1.3em;
}

.text-block-2 {
  font-size: 1.2em;
}

.text-block-3 {
  color: #fff;
  font-size: 1.3em;
}

.paragraph {
  color: #ecfbfc;
  font-family: Archivo, sans-serif;
}

.paragraph-2 {
  color: #eefbfc;
  font-family: Archivo, sans-serif;
}

.nav-wf-label {
  pointer-events: none;
  color: var(--ul--dunkelblau);
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 10px 16px 4px;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  font-weight: 700;
  display: block;
}

.inline-div-0-1-2-3-4-5-6-7-8-9-10-11-12-13-14-15-16-17-18-19-20-21-22 {
  background-color: #db5f41;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  display: flex;
}

.inline-div-1-1-2-3-4-5-6-7-8-9-10-11-12-13-14-15-16-17-18-19-20 {
  justify-content: center;
  margin-bottom: 14px;
  display: flex;
}

.inline-div-0-1-2-3-4-5-6-7-8-9-10-11-12-13-14-15-16-17-18-19-20-21-22-23 {
  background-color: #db5f41;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  display: flex;
}

.inline-div-1-1-2-3-4-5-6-7-8-9-10-11-12-13-14-15-16-17-18-19-20-21 {
  justify-content: center;
  margin-bottom: 14px;
  display: flex;
}

.inline-div-0-1-2-3-4-5-6-7-8-9-10-11-12-13-14-15-16-17-18-19-20-21-22-23-24 {
  background-color: #db5f41;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  display: flex;
}

.inline-div-1-1-2-3-4-5-6-7-8-9-10-11-12-13-14-15-16-17-18-19-20-21-22 {
  justify-content: center;
  margin-bottom: 14px;
  display: flex;
}

.inline-div-0-1-2-3-4-5-6-7-8-9-10-11-12-13-14-15-16-17-18-19-20-21-22-23-24-25 {
  background-color: #db5f41;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  display: flex;
}

.inline-div-1-1-2-3-4-5-6-7-8-9-10-11-12-13-14-15-16-17-18-19-20-21-22-23 {
  justify-content: center;
  margin-bottom: 14px;
  display: flex;
}

.inline-div-0-1-2-3-4-5-6-7-8-9-10-11-12-13-14-15-16-17-18-19-20-21-22-23-24-25-26 {
  background-color: #db5f41;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  display: flex;
}

.inline-div-1-1-2-3-4-5-6-7-8-9-10-11-12-13-14-15-16-17-18-19-20-21-22-23-24 {
  justify-content: center;
  margin-bottom: 14px;
  display: flex;
}

.team-hero-img {
  display: none;
}

.rev-slider-wrapper {
  width: 96%;
  max-width: 1800px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 8px;
  padding-bottom: 12px;
  position: relative;
  overflow: hidden;
}

.rev-slider-track {
  will-change: transform;
  gap: 24px;
  padding: 4px;
  transition: transform .6s cubic-bezier(.65, 0, .35, 1);
  display: flex;
}

.rev-card {
  background-color: #2a3342;
  border: none;
  border-radius: 14px;
  flex-direction: column;
  flex-shrink: 0;
  width: 340px;
  min-height: 260px;
  padding: 32px;
  display: flex;
}

.rev-card-stars {
  color: #e8590c;
  letter-spacing: 4px;
  margin-bottom: 16px;
  font-size: 18px;
}

.rev-card-text {
  color: #c8dff0;
  flex-grow: 1;
  margin-bottom: 20px;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  line-height: 1.65;
}

.rev-card-name {
  color: #fff;
  letter-spacing: .3px;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 600;
}

.rev-slider-prev {
  z-index: 10;
  color: #fff;
  cursor: pointer;
  background-color: #34595d;
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  font-size: 20px;
  transition: background-color .2s;
  display: flex;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.rev-slider-next {
  z-index: 10;
  color: #fff;
  cursor: pointer;
  background-color: #34595d;
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  font-size: 20px;
  transition: background-color .2s;
  display: flex;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.rev-card-top {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
  display: flex;
}

.rev-card-top-left {
  align-items: center;
  gap: 10px;
  display: flex;
}

.rev-card-date {
  color: #7a9ab5;
  font-size: 13px;
}

.rev-card-google {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}

.rev-card-bottom {
  align-items: center;
  gap: 12px;
  margin-top: auto;
  display: flex;
}

.rev-card-avatar {
  background-color: #db5f41;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
}

.rev-card-avatar-letter {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
}

.rev-marquee-row {
  width: 100%;
  min-height: 600px;
  overflow: hidden;
}

.rev-marquee-row.marquee1 {
  min-height: auto;
}

.rev-marquee-track-1 {
  gap: 24px;
  width: max-content;
  display: flex;
}

.rev-marquee-track-2 {
  gap: 24px;
  width: max-content;
  margin-top: 24px;
  display: flex;
}

.svg {
  color: #fff;
}

.div-block-2 {
  text-align: center;
  flex-flow: row;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.ar-wrap {
  border-top: 1px solid #0a1a2f1f;
  margin-top: 64px;
  padding-top: 48px;
}

.ar-label {
  color: #fff;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: 24px;
  font-size: 15px;
}

.ar-row {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 28px;
  display: flex;
}

.ar-row-label {
  color: #0a1a2f;
  flex: 0 0 260px;
  font-size: 17px;
}

.ar-sub {
  color: #ffffff75;
  margin-top: 2px;
  font-size: 13px;
  display: block;
}

.ar-stepper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  align-items: center;
  display: flex;
}

.ar-btn {
  color: #fff;
  cursor: pointer;
  border: 1px solid #0a1a2f33;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  font-size: 18px;
  line-height: 1;
  display: flex;
}

.ar-value {
  color: #0a1a2f;
  text-align: center;
  font-variant-numeric: tabular-nums;
  flex: 0 0 80px;
  font-size: 19px;
}

.ar-total {
  border-top: 1px solid #0a1a2f1f;
  justify-content: space-between;
  align-items: baseline;
  margin-top: 40px;
  padding-top: 32px;
  display: flex;
}

.ar-total-label {
  color: #fff;
  font-size: 19px;
}

.ar-total-value {
  color: #e8590c;
  font-variant-numeric: tabular-nums;
  font-size: 42px;
  font-weight: 600;
}

.ar-hint {
  color: #ffffff9e;
  margin-top: 12px;
  font-size: 14px;
}

.ar-row-1 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 26px;
  display: flex;
}

.ar-row-label-1 {
  color: #fff;
  flex: 240px;
  font-size: 17px;
}

.ar-stepper-1 {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  flex: none;
  align-items: center;
  display: flex;
}

.ar-count {
  color: #fff;
  text-align: center;
  font-variant-numeric: tabular-nums;
  flex: 0 0 72px;
  font-size: 17px;
}

.ar-price {
  color: #fff;
  text-align: right;
  font-variant-numeric: tabular-nums;
  flex: 0 0 90px;
  font-size: 17px;
}

.ar-total-row {
  border-top: 1px solid #0a1a2f1f;
  justify-content: space-between;
  align-items: baseline;
  margin-top: 36px;
  padding-top: 28px;
  display: flex;
}

.ar-total-value-1 {
  color: #fff;
  font-variant-numeric: tabular-nums;
  font-size: 20px;
  font-weight: 600;
}

.media-marquee-section {
  background-color: #eefcfd;
  background-image: none;
  background-size: auto;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 60px;
  padding-bottom: 0;
  display: flex;
  overflow: hidden;
}

.media-marquee-header {
  text-align: center;
  max-width: 640px;
  margin-bottom: 48px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
}

.media-marquee-heading {
  color: #34595d;
  letter-spacing: -.01em;
  font-size: 2.75rem;
  font-weight: 500;
  line-height: 1.1;
}

.media-marquee-wrap {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 16px;
  display: flex;
  overflow: hidden;
}

.media-marquee-row {
  will-change: transform;
  align-items: flex-start;
  gap: 16px;
  width: max-content;
  display: flex;
}

.media-marquee-row-1 {
  animation: 42s linear infinite media-marquee-left;
}

.media-marquee-row-2 {
  animation: 96s linear infinite media-marquee-right;
}

.media-item {
  flex-shrink: 0;
  align-items: stretch;
  height: 280px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.media-item.media-item-video {
  background-image: url('../images/landingpage-cockpit-flugzeug.webp');
  background-position: 50%;
  background-size: cover;
  width: 270px;
  height: 480px;
}

.media-item.media-item-video.airport {
  background-image: url('../images/44CC6C18-F1C0-4C92-A857-C4E179A386CE_1_105_c.webp');
  background-position: 50%;
  background-size: cover;
}

.media-item.media-item-video.alpen {
  background-image: url('../images/20221017_115006.webp');
  background-position: 0 0;
  background-size: cover;
}

.media-item.media-item-video.hero {
  background-image: url('../images/cockpit.webp'), url('../images/landing-apge-ultraleichtflugzeug-lugschulegoeppingen.webp');
  background-position: 50%, 50%;
  background-size: cover, cover;
}

.media-item.media-item-video.alpen_2 {
  background-image: url('../images/rundflug-erlebnisfluege-alpen-zugspitze.webp');
  background-position: 50%;
  background-size: cover;
}

.media-item.media-item-video._1, .media-item.media-item-video._3, .media-item.media-item-video._4, .media-item.media-item-video._5, .media-item.media-item-video._7 {
  background-image: none;
}

.media-poster {
  object-fit: cover;
  flex-shrink: 0;
  width: auto;
  height: 100%;
  display: block;
  position: static;
}

.media-video-src {
  display: none;
}

.media-video {
  z-index: auto;
  object-fit: cover;
  flex-shrink: 0;
  width: auto;
  height: 100%;
  display: block;
  position: static;
}

.termine-section {
  background-color: #575757;
  background-image: url('../images/background_flugschule_göppingen.webp');
  background-position: 0 0;
  background-size: auto;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 100px 24px;
  display: flex;
}

.termine-container {
  flex-flow: column;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.termine-heading {
  color: #2a3342;
  font-variation-settings: normal;
  letter-spacing: -.5px;
  margin-top: 0;
  margin-bottom: 40px;
  font-family: Inconsolata, monospace;
  font-size: 44px;
  font-weight: 600;
  line-height: 1.12;
}

.termine-grid {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  grid-template-columns: repeat(1, 1fr);
  display: grid;
}

.termin-card-title {
  color: #fff;
  margin-top: 0;
  margin-bottom: 6px;
  font-family: Archivo, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2;
}

.termin-card-meta {
  color: #ffffffb0;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 14px;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 600;
}

.termin-card-price {
  color: #fff;
  font-variation-settings: "wdth" 115;
  letter-spacing: -1px;
  margin-top: 0;
  margin-bottom: 2px;
  font-family: Archivo, sans-serif;
  font-size: 30px;
  font-weight: 800;
}

.termin-card-note {
  color: #ffffffd4;
  margin-bottom: 18px;
  font-family: Archivo, sans-serif;
  font-size: 13px;
}

.termin-card-desc {
  color: #ffffffbf;
  flex-grow: 1;
  margin-bottom: 22px;
  font-family: Archivo, sans-serif;
  font-size: 18px;
  line-height: 1.65;
}

.termine-section-alt {
  background-color: #f4f7f6;
  background-image: url('../images/background_flugschule_göppingen.webp');
  background-position: 0 0;
  background-size: auto;
  padding: 100px 24px;
}

.collection-list {
  grid-column-gap: 43px;
  grid-row-gap: 43px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.collection-item {
  min-width: 75px;
  min-height: 200px;
}

.inline-div-0-1-2-3-4-5-6-7-8-9-10-11-12-13-14-15-16-17-18-19-20-21-22-23-24-25-26-27 {
  display: none;
}

.media-video-fill {
  width: 300px;
  height: 100%;
  min-height: 600px;
  display: block;
}

.paragraph-3 {
  color: #fff;
  background-color: #34595d;
  border-radius: 15px;
  padding: 13px;
  font-size: 20px;
}

.landing-split-section {
  background-color: #0a1a2f;
  flex-direction: row;
  width: 100%;
  height: 100vh;
  min-height: 560px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.landing-split-panel {
  cursor: pointer;
  flex: 50%;
  justify-content: flex-start;
  align-items: flex-end;
  height: 100%;
  text-decoration: none;
  transition: filter .4s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.landing-split-panel:hover {
  filter: brightness(1.12);
}

.landing-split-bg {
  z-index: 1;
  position: absolute;
  inset: 0;
}

.landing-split-bg.landing-split-bg-ul {
  background-image: url('../images/pilot-fuer-einen-tag-hero.webp'), linear-gradient(135deg, #0a1a2f, #34595d);
  background-position: 50%, 0 0;
  background-size: cover, auto;
}

.landing-split-bg.landing-split-bg-gl {
  background-image: url('../images/IMG_1362.webp'), linear-gradient(135deg, #34595d, #558d88);
  background-position: 50% 0, 0 0;
  background-size: cover, auto;
}

.landing-split-overlay {
  z-index: 2;
  pointer-events: none;
  background-image: linear-gradient(to top, #0a1a2fcc 0%, #0a1a2f40 45%, #0a1a2f00 70%);
  position: absolute;
  inset: 0;
}

.landing-split-content {
  z-index: 3;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding: 0 7% 9%;
  display: flex;
  position: relative;
}

.landing-split-eyebrow {
  color: #ffffffbf;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-size: 35px;
  font-weight: 600;
}

.landing-split-heading {
  color: #fff;
  max-width: 440px;
  margin-top: 0;
  margin-bottom: 22px;
  font-size: 38px;
  font-weight: 600;
  line-height: 1.15;
}

.landing-split-cta-text {
  color: #fff;
  letter-spacing: 1px;
  text-transform: uppercase;
  border-bottom: 1px solid #ffffff80;
  align-items: center;
  gap: 8px;
  padding-bottom: 6px;
  font-size: 14px;
  font-weight: 600;
  transition: gap .3s, border-color .3s;
  display: inline-flex;
}

.landing-split-cta-text:hover {
  border-bottom-color: #fff;
  gap: 14px;
}

.landing-split-divider {
  z-index: 4;
  pointer-events: none;
  background-color: #fff3;
  width: 1px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
}

.landing-split-top {
  z-index: 5;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  pointer-events: none;
  text-align: center;
  background-color: #0a1a2f80;
  width: 90%;
  max-width: 620px;
  padding: 24px 36px;
  position: absolute;
  top: 7%;
  left: 50%;
  transform: translateX(-50%);
}

.landing-split-top-heading {
  color: #fff;
  margin-top: 8px;
  margin-bottom: 10px;
  font-size: 44px;
  font-weight: 600;
  line-height: 1.15;
}

.landing-split-top-sub {
  color: #ffffffd9;
  margin-top: 4px;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.5;
}

.landing-split-placeholder-tag {
  z-index: 3;
  color: #fff6;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 11px;
  position: absolute;
  top: 22px;
  left: 22px;
}

.code-embed {
  width: 100%;
  min-width: 0;
}

.container {
  text-align: left;
  margin-left: 0;
}

.success-message {
  background-color: #ffa319;
}

.text-block-4 {
  color: #fff;
}

.rect {
  color: #293241;
}

.circle {
  color: #2a3342;
}

.paragraph-4 {
  color: #ecfbfc;
  font-family: Archivo, sans-serif;
}

.bold-text {
  font-family: Archivo, sans-serif;
}

.ul-school-link {
  color: #fff;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 11px;
  line-height: 1.5;
  text-decoration: underline;
}

.ul-entry-legal {
  grid-column-gap: 24px;
  grid-row-gap: 12px;
  background-color: #293241;
  flex-wrap: wrap;
  justify-content: center;
  padding: 18px 16px;
  display: flex;
}

.ul-entry-legal-link {
  color: #fff;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  line-height: 1.6;
  text-decoration: underline;
}

.fp-q {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: baseline;
  gap: 4px 14px;
}

.fp-name {
  color: #ecfbfc;
  font-family: Archivo, sans-serif;
  font-size: 18px;
  font-weight: 700;
}

.fp-ort {
  color: #ecfbfcb3;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.fp-plus {
  color: #d65c42;
  margin-left: auto;
  font-family: Archivo, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 1;
  transition: transform .2s;
}

.fp-body {
  padding: 0 0 24px;
}

.fp-map {
  background-color: #1e3438;
  border-radius: 12px;
  height: 320px;
  margin-bottom: 14px;
  position: relative;
  overflow: hidden;
}

.fp-route {
  color: #ecfbfc;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  font-weight: 600;
  text-decoration: underline;
}

.fp-note {
  color: #ecfbfcd9;
  margin: 24px 0 0;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  line-height: 1.6;
}

.ds-block {
  border-bottom: 1px solid #558d881f;
  margin: 0 0 40px;
  padding: 0 0 40px;
}

.ds-title {
  color: #2a3342;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin: 0 0 16px;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.4;
}

.ds-p {
  color: #2a3342;
  margin: 0 0 14px;
  font-family: Archivo, sans-serif;
  font-size: 16px;
  line-height: 1.9;
}

.ds-list {
  color: #2a3342;
  margin: 0 0 14px;
  padding-left: 20px;
  font-family: Archivo, sans-serif;
  font-size: 16px;
  line-height: 1.9;
}

.ds-link {
  color: #2a3342;
  text-decoration: underline;
}

.ul-navbar-bildmarke {
  background-image: url('../images/logo-flugschule-goeppingen-ultraleichtfliegen-ul-leichtflugzeug.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 130px;
  flex-shrink: 0;
  width: 130px;
  height: 38px;
  display: block;
}

.ul-legal-authority {
  margin-top: 32px;
  margin-bottom: 32px;
}

.ul-legal-authority-title {
  font-size: 28px;
}

.ul-legal-authority-text {
  font-size: 18px;
  line-height: 1.6;
}

@media screen and (min-width: 1280px) {
  .ul-mob-nav {
    top: 84px;
  }
}

@media screen and (max-width: 991px) {
  .hero-section.home-hero {
    min-height: 92vh;
  }

  .hero-heading {
    font-size: 44px;
  }

  .steps-heading {
    font-size: 38px;
  }

  .contact-container {
    flex-direction: column;
    align-items: stretch;
    gap: 48px;
  }

  .contact-heading {
    font-size: 38px;
  }

  .about-container {
    flex-direction: column;
    gap: 40px;
  }

  .about-heading {
    font-size: 38px;
  }

  .about-image {
    height: 360px;
  }

  .testimonial-row {
    flex-direction: column;
  }

  .findus-container {
    flex-direction: column;
    gap: 48px;
  }

  .team-hero-heading {
    font-size: 44px;
  }

  .navbar {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .navbar-container {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .navbar-links {
    gap: 36px;
    display: none;
  }

  .navbar-cta, .navbar-links-inner {
    display: none;
  }

  .steps-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .step-card {
    min-height: 460px;
  }

  .step-img-a, .step-img-b, .step-img-c {
    height: 280px;
  }

  .steps-three-grid {
    grid-template-columns: 1fr;
  }

  .ul-mob-details {
    display: block;
  }

  .mood-cta-heading, .faq-heading, .flz-heading {
    font-size: 38px;
  }

  .flz-specs {
    grid-template-columns: repeat(3, 1fr);
  }

  .inline-h1-0 {
    font-size: 44px;
  }

  .inline-div-12 {
    background-position: 100%, 0 0;
  }

  .inline-h1-0-1 {
    font-size: 44px;
  }

  .inline-h2-0-1-2-3-4, .inline-h2-0-1-2-3-4-5, .inline-h2-0-1-2-3-4-5-6, .inline-h2-0-1-2-3-4-5-6-7, .inline-h2-0-1-2-3-4-5-6-7-8, .inline-h2-0-1-2-3-4-5-6-7-8-9 {
    font-size: 38px;
  }

  .ar-total-value-1 {
    font-size: 18px;
  }

  .termine-heading {
    font-size: 38px;
  }

  .termine-grid {
    grid-template-columns: 1fr 1fr;
  }

  .landing-split-section {
    flex-direction: column;
    height: auto;
    min-height: auto;
  }

  .landing-split-panel {
    flex-basis: 42vh;
    height: 42vh;
  }

  .landing-split-heading {
    font-size: 24px;
  }

  .landing-split-divider {
    width: 100%;
    height: 1px;
    display: none;
    inset: 50% 0 auto;
  }

  .landing-split-top {
    width: 100%;
    max-width: none;
    padding-left: 24px;
    padding-right: 24px;
    position: static;
    top: 4%;
    transform: none;
  }

  .landing-split-top-heading {
    font-size: 28px;
  }
}

@media screen and (max-width: 767px) {
  .hero-section {
    clip-path: none;
    min-height: auto;
    padding-top: 110px;
    padding-bottom: 90px;
  }

  .hero-section.home-hero {
    min-height: auto;
  }

  .hero-heading {
    font-size: 36px;
  }

  .hero-subline {
    font-size: 17px;
  }

  .steps-section {
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 40px), 50% 100%, 0 calc(100% - 40px));
    margin-top: 0;
    padding: 56px 0 72px;
  }

  .steps-heading {
    font-size: 34px;
  }

  .steps-intro {
    font-size: 16px;
  }

  .steps-card-row {
    flex-direction: column;
    align-items: center;
  }

  .steps-card {
    width: 100%;
  }

  .contact-section {
    clip-path: polygon(0 0, 50% 40px, 100% 0, 100% 100%, 0 100%);
    margin-top: -40px;
    padding-top: 80px;
    padding-bottom: 72px;
  }

  .contact-container {
    align-items: stretch;
  }

  .contact-info {
    width: 100%;
  }

  .contact-heading {
    font-size: 34px;
  }

  .contact-form-card {
    width: 100%;
    min-width: 0;
    margin-top: 0;
    padding: 28px 16px;
  }

  .about-section {
    clip-path: polygon(0 0, 50% 40px, 100% 0, 100% calc(100% - 40px), 50% 100%, 0 calc(100% - 40px));
    margin-top: -40px;
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .about-heading {
    font-size: 34px;
  }

  .about-text {
    font-size: 16px;
  }

  .about-image {
    height: 300px;
  }

  .testimonial-section {
    clip-path: polygon(0 0, 50% 40px, 100% 0, 100% calc(100% - 40px), 50% 100%, 0 calc(100% - 40px));
    margin-top: -40px;
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .testimonial-heading {
    font-size: 32px;
  }

  .findus-section {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .findus-heading {
    font-size: 32px;
  }

  .findus-map {
    height: 340px;
  }

  .footer-social-row {
    flex-wrap: wrap;
  }

  .team-hero {
    background-image: url('../images/Background_Schnupperflug_.webp'), linear-gradient(160deg, #263d40, #34595d 70%, #558d88);
    background-position: 0 0, 0 0;
    background-size: auto, auto;
    min-height: auto;
    margin-top: 80px;
    padding-bottom: 32px;
  }

  .team-hero-heading {
    color: #34595d;
    text-align: center;
    background-color: #0000;
    align-self: center;
    margin-top: 24px;
    margin-left: 0;
    padding-left: 16px;
    padding-right: 16px;
    font-size: 36px;
  }

  .team-row {
    flex-direction: column;
    gap: 24px;
    margin-bottom: 64px;
  }

  .team-bio {
    font-size: 16px;
  }

  .navbar-container {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 0;
    display: flex;
  }

  .navbar-links {
    flex-wrap: wrap;
    justify-content: center;
    gap: 16px;
    display: none;
  }

  .navbar-cta {
    display: none;
  }

  .kurse-section {
    clip-path: polygon(0 0, 50% 40px, 100% 0, 100% calc(100% - 40px), 50% 100%, 0 calc(100% - 40px));
    margin-top: -40px;
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .kurse-heading {
    font-size: 32px;
  }

  .kurse-row {
    flex-direction: column;
  }

  .navbar-links-inner {
    display: none;
  }

  .steps-grid {
    grid-template-columns: repeat(1, 1fr);
  }

  .step-card {
    min-height: 400px;
  }

  .step-card-body {
    padding: 28px 24px 32px;
  }

  .step-card-text {
    font-size: 16px;
  }

  .steps-three-grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
    padding-left: 20px;
    padding-right: 20px;
  }

  .shop-banner {
    text-align: center;
    flex-direction: column;
    padding: 28px 24px;
  }

  .arrow-inner {
    height: 90px;
  }

  .hamburger-btn, .ul-hamburger {
    display: flex;
  }

  .ul-mob-details {
    display: block;
  }

  .mood-cta-heading, .faq-heading {
    font-size: 34px;
  }

  .faq-intro, .faq-q, .faq-a, .erl-feat-desc {
    font-size: 16px;
  }

  .erl-grid {
    grid-template-columns: 1fr;
  }

  .erl-card-desc {
    font-size: 16px;
  }

  .flz-heading {
    font-size: 34px;
  }

  .flz-specs {
    grid-template-columns: repeat(2, 1fr);
  }

  .flz-spec {
    border-bottom: 1px solid #ffffff1a;
    border-right-style: none;
  }

  .rev-section {
    clip-path: polygon(0 0, 50% 40px, 100% 0, 100% calc(100% - 40px), 50% 100%, 0 calc(100% - 40px));
    margin-top: -40px;
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .inline-h1-0, .inline-h1-0-1 {
    font-size: 36px;
  }

  .inline-h2-0-1-2-3-4, .inline-h2-0-1-2-3-4-5, .inline-h2-0-1-2-3-4-5-6, .inline-h2-0-1-2-3-4-5-6-7, .inline-h2-0-1-2-3-4-5-6-7-8, .inline-h2-0-1-2-3-4-5-6-7-8-9 {
    font-size: 34px;
  }

  .inline-div-5-1-2-3-4-5-6, .inline-div-8-1-2-3-4-5-6-7, .inline-div-11-1-2-3-4 {
    padding: 20px 16px;
  }

  .inline-h1-0-1-2, .inline-h1-0-1-2-3, .inline-h1-0-1-2-3-4 {
    font-size: 34px;
  }

  .team-hero-img {
    background-image: url('../images/IMG_0256-2.webp'), linear-gradient(160deg, #263d40, #34595d 70%, #558d88);
    background-position: 50%, 0 0;
    background-size: cover, auto;
    width: 100%;
    height: 260px;
    display: block;
  }

  .media-item.media-item-video {
    width: 263px;
    height: 468px;
  }

  .termine-heading {
    font-size: 34px;
  }

  .termine-grid {
    flex-flow: column;
    grid-template-columns: 1fr;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .termin-card-desc {
    font-size: 16px;
  }

  .collection-list {
    flex-flow: column;
  }

  .landing-split-section {
    background-color: #34595d;
  }

  .landing-split-divider {
    background-color: #fff0;
  }

  .landing-split-top {
    background-color: #0a1a2f00;
  }
}

@media screen and (max-width: 479px) {
  .hero-heading {
    font-variation-settings: normal;
    font-size: 30px;
  }

  .hero-heading.heading_2 {
    font-variation-settings: normal;
  }

  .hero-button-row {
    flex-direction: column;
    align-items: stretch;
  }

  .hero-button-primary, .hero-button-secondary {
    text-align: center;
  }

  .steps-heading, .contact-heading, .about-heading {
    font-variation-settings: normal;
    font-size: 30px;
  }

  .team-hero {
    background-image: url('../images/Background_Schnupperflug_.webp'), linear-gradient(160deg, #263d40, #34595d 70%, #558d88);
    background-position: 0 0, 0 0;
    background-size: auto, auto;
  }

  .team-hero-heading {
    color: #34595d;
    font-variation-settings: normal;
    font-size: 30px;
  }

  .team-name {
    font-variation-settings: normal;
  }

  .mood-cta-heading, .faq-heading {
    font-variation-settings: normal;
    font-size: 30px;
  }

  .erl-feat-title {
    font-variation-settings: normal;
  }

  .erl-card-title {
    font-variation-settings: normal;
    font-size: 22px;
  }

  .flz-heading {
    font-variation-settings: normal;
    font-size: 30px;
  }

  .flz-spec-val, .as-val, .as-num, .ab-card-price, .ab-ktotal-val, .ab-calc-total-val, .ul2-num, .ul2-bp-v, .ul2-ac-v, .ap-h2, .ap-deco, .ap-h3-c, .ap-fv, .inline-h2-0, .inline-h2-0-1 {
    font-variation-settings: normal;
  }

  .inline-h1-0 {
    font-variation-settings: normal;
    font-size: 30px;
  }

  .inline-div-12 {
    background-position: 100%, 0 0;
  }

  .inline-div-0-1-2-3-4-5 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 114px;
    padding-left: 23px;
    display: flex;
  }

  .inline-h1-0-1 {
    font-variation-settings: normal;
    font-size: 30px;
  }

  .inline-div-3-1-2-3 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .inline-h2-0-1-2-3, .inline-h2-1 {
    font-variation-settings: normal;
  }

  .inline-section-0-1-2-3-4-5 {
    padding: 32px 24px;
  }

  .inline-h2-0-1-2-3-4 {
    font-variation-settings: normal;
    font-size: 30px;
  }

  .inline-section-0-1-2-3-4-5-6 {
    padding: 32px 24px;
  }

  .inline-h2-0-1-2-3-4-5 {
    font-variation-settings: normal;
    font-size: 30px;
  }

  .inline-div-16 {
    max-width: 400px;
    margin-left: auto;
    margin-right: 0;
  }

  .inline-section-0-1-2-3-4-5-6-7 {
    padding: 32px 24px;
  }

  .inline-h2-0-1-2-3-4-5-6 {
    font-variation-settings: normal;
    font-size: 30px;
  }

  .inline-section-0-1-2-3-4-5-6-7-8 {
    padding: 32px 24px;
  }

  .inline-h2-0-1-2-3-4-5-6-7 {
    font-variation-settings: normal;
    font-size: 30px;
  }

  .inline-span-12-1 {
    font-size: .9rem;
  }

  .inline-span-13-1._1 {
    font-size: 1.1rem;
  }

  .inline-section-0-1-2-3-4-5-6-7-8-9 {
    padding: 32px 24px;
  }

  .inline-h2-0-1-2-3-4-5-6-7-8, .inline-h2-0-1-2-3-4-5-6-7-8-9, .inline-h1-0-1-2, .inline-h1-0-1-2-3, .inline-h1-0-1-2-3-4 {
    font-variation-settings: normal;
    font-size: 30px;
  }

  .ar-total-label {
    font-size: 16px;
  }

  .ar-total-value-1 {
    margin-left: 0;
    font-size: 16px;
  }

  .media-item.media-item-video {
    width: 205px;
    height: 364px;
  }

  .termine-container {
    max-width: none;
    position: relative;
  }

  .termine-heading {
    font-variation-settings: normal;
    font-size: 30px;
  }

  .termin-card-price {
    font-variation-settings: normal;
  }

  .collection-list {
    flex-flow: column;
  }

  .media-video-fill {
    width: 100%;
    height: 100%;
    min-height: 0;
  }

  .landing-split-section {
    background-color: #34595d;
  }

  .landing-split-divider {
    background-color: #fff0;
  }

  .landing-split-top {
    background-color: #0a1a2f00;
  }
}

#w-node-_4e938ba8-2128-c1b8-1dbb-f6d903deb855-03deb851 {
  justify-self: stretch;
}


@font-face {
  font-family: 'Archivo';
  src: url('/fonts/Archivo-Variable.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inconsolata';
  src: url('/fonts/Inconsolata-600.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inconsolata';
  src: url('/fonts/Inconsolata-700.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Urbanist';
  src: url('/fonts/Urbanist-400.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}