/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 21 2026 | 09:01:12 */
/* AdG Elementor design system foundation.
   Use these classes on Elementor Atomic elements via Advanced > CSS Classes. */

:root {
  --adg-primary: hsl(209 64% 26%);
  --adg-primary-rgb: 24 68 109;
  --adg-text: hsl(210 25% 15%);
  --adg-muted: hsl(215 16% 47%);
  --adg-border: hsl(214 32% 91%);
  --adg-surface: #ffffff;
  --adg-soft: hsl(207 60% 98%);
  --adg-ausbildung: hsl(199 76% 54%);
  --adg-weiterbildung: hsl(85 100% 40%);
  --adg-hochschule: hsl(28 100% 55%);
  --adg-anerkennung: hsl(340 85% 45%);
  --adg-shadow-soft: 0 8px 24px rgb(24 68 109 / 8%);
  --adg-shadow-card: 0 16px 40px rgb(24 68 109 / 12%);
  --adg-radius: 6px;
  --adg-container: 1120px;
}

.adg-page {
  color: var(--adg-text);
  font-family: "Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.adg-container {
  width: min(var(--adg-container), calc(100vw - 40px));
  margin-inline: auto;
}

.adg-section {
  position: relative;
  overflow: hidden;
  padding-block: clamp(72px, 8vw, 124px);
}

.adg-section-dark {
  background: var(--adg-primary);
  color: #ffffff;
}

.adg-eyebrow {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 5px 12px;
  border-radius: 999px;
  background: rgb(24 68 109 / 8%);
  color: var(--adg-primary);
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
}

.adg-gradient-text {
  color: var(--adg-ausbildung);
}

.adg-h1,
.adg-h2,
.adg-h3 {
  color: var(--adg-text);
  letter-spacing: 0;
  text-wrap: balance;
}

.adg-h1 {
  max-width: 650px;
  font-size: clamp(42px, 5.4vw, 72px);
  font-weight: 800;
  line-height: 1.03;
}

.adg-h2 {
  font-size: clamp(30px, 3.2vw, 48px);
  font-weight: 760;
  line-height: 1.12;
}

.adg-h3 {
  font-size: clamp(20px, 1.7vw, 28px);
  font-weight: 740;
  line-height: 1.22;
}

.adg-lead {
  max-width: 620px;
  color: var(--adg-muted);
  font-size: clamp(16px, 1.2vw, 18px);
  line-height: 1.75;
}

.adg-btn,
.elementor-button.adg-btn,
.adg-btn .elementor-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 42px;
  padding: 12px 20px;
  border-radius: 999px;
  border: 1px solid transparent;
  font-size: 14px;
  font-weight: 760;
  line-height: 1;
  text-decoration: none;
  transition: transform 180ms ease, box-shadow 180ms ease, background 180ms ease, border-color 180ms ease;
}

.adg-btn-primary,
.elementor-button.adg-btn-primary,
.adg-btn-primary .elementor-button {
  background: linear-gradient(135deg, var(--adg-primary), hsl(207 75% 40%));
  color: #ffffff;
  box-shadow: 0 12px 26px rgb(24 68 109 / 20%);
}

.adg-btn-outline,
.elementor-button.adg-btn-outline,
.adg-btn-outline .elementor-button {
  background: linear-gradient(135deg, #ffffff, hsl(207 40% 97%));
  color: var(--adg-primary);
  border-color: rgb(24 68 109 / 22%);
}

.adg-btn:hover,
.elementor-button.adg-btn:hover,
.adg-btn:hover .elementor-button {
  transform: translateY(-1px);
  box-shadow: 0 16px 32px rgb(24 68 109 / 18%);
}

.adg-btn svg,
.adg-btn .elementor-button-icon svg,
.elementor-button.adg-btn svg {
  width: 1em;
  height: 1em;
  color: currentColor;
}

.adg-btn svg [stroke]:not([stroke="none"]),
.elementor-button.adg-btn svg [stroke]:not([stroke="none"]) {
  stroke: currentColor !important;
}

.adg-btn svg [fill]:not([fill="none"]),
.elementor-button.adg-btn svg [fill]:not([fill="none"]) {
  fill: currentColor !important;
}

.adg-card {
  background: var(--adg-surface);
  border: 1px solid rgb(24 68 109 / 8%);
  border-radius: var(--adg-radius);
  box-shadow: var(--adg-shadow-soft);
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

.adg-card:hover {
  transform: translateY(-4px);
  border-color: rgb(24 68 109 / 16%);
  box-shadow: var(--adg-shadow-card);
}

.adg-product-card {
  position: relative;
  min-height: 250px;
  padding: 34px 28px 28px;
  overflow: hidden;
}

.adg-product-card::before {
  content: "";
  position: absolute;
  inset: 0 auto auto 0;
  width: 100%;
  height: 4px;
  background: var(--adg-ausbildung);
}

.adg-product-card.is-weiterbildung::before {
  background: var(--adg-weiterbildung);
}

.adg-product-card.is-hochschule::before {
  background: var(--adg-hochschule);
}

.adg-product-card.is-anerkennung::before {
  background: var(--adg-anerkennung);
}

.adg-icon-circle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 999px;
  background: rgb(47 169 220 / 11%);
  color: var(--adg-ausbildung);
}

.adg-icon-circle svg {
  width: 20px;
  height: 20px;
  color: currentColor;
}

.adg-stat-card {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 126px;
  padding: 22px;
  background: #ffffff;
  border-radius: var(--adg-radius);
  box-shadow: 0 18px 50px rgb(24 68 109 / 16%);
}

.adg-geo-outline,
.adg-geo-fill {
  pointer-events: none;
  position: absolute;
  z-index: 0;
}

.adg-geo-outline {
  border: 2px solid rgb(47 169 220 / 18%);
  background: transparent;
}

.adg-geo-fill {
  background: rgb(133 204 0 / 14%);
}

.adg-skew-band {
  position: absolute;
  inset-inline: 0;
  height: clamp(110px, 13vw, 210px);
  transform: skewY(-7deg);
  transform-origin: 50% 50%;
  z-index: 0;
}

.adg-skew-band.is-blue {
  background: var(--adg-primary);
}

.adg-skew-band.is-soft-orange {
  background: rgb(255 142 26 / 15%);
}

.adg-skew-band.is-soft-green {
  background: rgb(133 204 0 / 14%);
}

@media (max-width: 767px) {
  .adg-container {
    width: min(100% - 28px, var(--adg-container));
  }

  .adg-section {
    padding-block: 58px;
  }

  .adg-h1 {
    font-size: clamp(36px, 12vw, 48px);
  }

  .adg-btn,
  .elementor-button.adg-btn,
  .adg-btn .elementor-button {
    min-height: 44px;
    width: 100%;
  }
}
/* AdG Elementor design system foundation.
   Use these classes on Elementor Atomic elements via Advanced > CSS Classes. */

:root {
  --adg-primary: hsl(209 64% 26%);
  --adg-primary-rgb: 24 68 109;
  --adg-text: hsl(210 25% 15%);
  --adg-muted: hsl(215 16% 47%);
  --adg-border: hsl(214 32% 91%);
  --adg-surface: #ffffff;
  --adg-soft: hsl(207 60% 98%);
  --adg-ausbildung: hsl(199 76% 54%);
  --adg-weiterbildung: hsl(85 100% 40%);
  --adg-hochschule: hsl(28 100% 55%);
  --adg-anerkennung: hsl(340 85% 45%);
  --adg-shadow-soft: 0 8px 24px rgb(24 68 109 / 8%);
  --adg-shadow-card: 0 16px 40px rgb(24 68 109 / 12%);
  --adg-radius: 6px;
  --adg-container: 1120px;
}

.adg-page {
  color: var(--adg-text);
  font-family: "Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.adg-container {
  width: min(var(--adg-container), calc(100vw - 40px));
  margin-inline: auto;
}

.adg-section {
  position: relative;
  overflow: hidden;
  padding-block: clamp(72px, 8vw, 124px);
}

.adg-section-dark {
  background: var(--adg-primary);
  color: #ffffff;
}

.adg-eyebrow {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 5px 12px;
  border-radius: 999px;
  background: rgb(24 68 109 / 8%);
  color: var(--adg-primary);
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
}

.adg-gradient-text {
  color: var(--adg-ausbildung);
}

.adg-h1,
.adg-h2,
.adg-h3 {
  color: var(--adg-text);
  letter-spacing: 0;
  text-wrap: balance;
}

.adg-h1 {
  max-width: 650px;
  font-size: clamp(42px, 5.4vw, 72px);
  font-weight: 800;
  line-height: 1.03;
}

.adg-h2 {
  font-size: clamp(30px, 3.2vw, 48px);
  font-weight: 760;
  line-height: 1.12;
}

.adg-h3 {
  font-size: clamp(20px, 1.7vw, 28px);
  font-weight: 740;
  line-height: 1.22;
}

.adg-lead {
  max-width: 620px;
  color: var(--adg-muted);
  font-size: clamp(16px, 1.2vw, 18px);
  line-height: 1.75;
}

.adg-btn,
.elementor-button.adg-btn,
.adg-btn .elementor-button,
.e-button-base[id^="adg-btn-primary"],
.e-button-base[data-adg-button="primary"],
.e-button-base[id^="adg-btn-outline"],
.e-button-base[data-adg-button="outline"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 42px;
  padding: 12px 20px;
  border-radius: 999px;
  border: 1px solid transparent;
  font-size: 14px;
  font-weight: 760;
  line-height: 1;
  text-decoration: none;
  transition: transform 180ms ease, box-shadow 180ms ease, background 180ms ease, border-color 180ms ease;
}

.adg-btn-primary,
.elementor-button.adg-btn-primary,
.adg-btn-primary .elementor-button,
.e-button-base[id^="adg-btn-primary"],
.e-button-base[data-adg-button="primary"] {
  background: linear-gradient(135deg, var(--adg-primary), hsl(207 75% 40%));
  color: #ffffff;
  box-shadow: 0 12px 26px rgb(24 68 109 / 20%);
}

.adg-btn-outline,
.elementor-button.adg-btn-outline,
.adg-btn-outline .elementor-button,
.e-button-base[id^="adg-btn-outline"],
.e-button-base[data-adg-button="outline"] {
  background: linear-gradient(135deg, #ffffff, hsl(207 40% 97%));
  color: var(--adg-primary);
  border-color: rgb(24 68 109 / 22%);
}

.adg-btn:hover,
.elementor-button.adg-btn:hover,
.adg-btn:hover .elementor-button,
.e-button-base[id^="adg-btn-primary"]:hover,
.e-button-base[data-adg-button="primary"]:hover,
.e-button-base[id^="adg-btn-outline"]:hover,
.e-button-base[data-adg-button="outline"]:hover {
  transform: translateY(-1px);
  box-shadow: 0 16px 32px rgb(24 68 109 / 18%);
}

.adg-btn svg,
.adg-btn .elementor-button-icon svg,
.elementor-button.adg-btn svg,
.e-button-base[id^="adg-btn-primary"] svg,
.e-button-base[data-adg-button="primary"] svg,
.e-button-base[id^="adg-btn-outline"] svg,
.e-button-base[data-adg-button="outline"] svg {
  width: 1em;
  height: 1em;
  color: currentColor;
}

.adg-btn svg [stroke]:not([stroke="none"]),
.elementor-button.adg-btn svg [stroke]:not([stroke="none"]),
.e-button-base[id^="adg-btn-primary"] svg [stroke]:not([stroke="none"]),
.e-button-base[data-adg-button="primary"] svg [stroke]:not([stroke="none"]),
.e-button-base[id^="adg-btn-outline"] svg [stroke]:not([stroke="none"]),
.e-button-base[data-adg-button="outline"] svg [stroke]:not([stroke="none"]) {
  stroke: currentColor !important;
}

.adg-btn svg [fill]:not([fill="none"]),
.elementor-button.adg-btn svg [fill]:not([fill="none"]),
.e-button-base[id^="adg-btn-primary"] svg [fill]:not([fill="none"]),
.e-button-base[data-adg-button="primary"] svg [fill]:not([fill="none"]),
.e-button-base[id^="adg-btn-outline"] svg [fill]:not([fill="none"]),
.e-button-base[data-adg-button="outline"] svg [fill]:not([fill="none"]) {
  fill: currentColor !important;
}

.adg-card {
  background: var(--adg-surface);
  border: 1px solid rgb(24 68 109 / 8%);
  border-radius: var(--adg-radius);
  box-shadow: var(--adg-shadow-soft);
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

.adg-card:hover {
  transform: translateY(-4px);
  border-color: rgb(24 68 109 / 16%);
  box-shadow: var(--adg-shadow-card);
}

.adg-product-card {
  position: relative;
  min-height: 250px;
  padding: 34px 28px 28px;
  overflow: hidden;
}

.adg-product-card::before {
  content: "";
  position: absolute;
  inset: 0 auto auto 0;
  width: 100%;
  height: 4px;
  background: var(--adg-ausbildung);
}

.adg-product-card.is-weiterbildung::before {
  background: var(--adg-weiterbildung);
}

.adg-product-card.is-hochschule::before {
  background: var(--adg-hochschule);
}

.adg-product-card.is-anerkennung::before {
  background: var(--adg-anerkennung);
}

.adg-icon-circle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 999px;
  background: rgb(47 169 220 / 11%);
  color: var(--adg-ausbildung);
}

.adg-icon-circle svg {
  width: 20px;
  height: 20px;
  color: currentColor;
}

.adg-stat-card {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 126px;
  padding: 22px;
  background: #ffffff;
  border-radius: var(--adg-radius);
  box-shadow: 0 18px 50px rgb(24 68 109 / 16%);
}

.adg-geo-outline,
.adg-geo-fill {
  pointer-events: none;
  position: absolute;
  z-index: 0;
}

.adg-geo-outline {
  border: 2px solid rgb(47 169 220 / 18%);
  background: transparent;
}

.adg-geo-fill {
  background: rgb(133 204 0 / 14%);
}

.adg-skew-band {
  position: absolute;
  inset-inline: 0;
  height: clamp(110px, 13vw, 210px);
  transform: skewY(-7deg);
  transform-origin: 50% 50%;
  z-index: 0;
}

.adg-skew-band.is-blue {
  background: var(--adg-primary);
}

.adg-skew-band.is-soft-orange {
  background: rgb(255 142 26 / 15%);
}

.adg-skew-band.is-soft-green {
  background: rgb(133 204 0 / 14%);
}

@media (max-width: 767px) {
  .adg-container {
    width: min(100% - 28px, var(--adg-container));
  }

  .adg-section {
    padding-block: 58px;
  }

  .adg-h1 {
    font-size: clamp(36px, 12vw, 48px);
  }

  .adg-btn,
  .elementor-button.adg-btn,
  .adg-btn .elementor-button,
  .e-button-base[id^="adg-btn-primary"],
  .e-button-base[data-adg-button="primary"],
  .e-button-base[id^="adg-btn-outline"],
  .e-button-base[data-adg-button="outline"] {
    min-height: 44px;
    width: 100%;
  }
}