/*!
 * Ctt 2025 1.1.2
 * https://www.ifabrik.de/
 *
 * Copyright 2025 i-fabrik GmbH
 *
 * Released on November 17, 2025
 * 
 * Author: i-fabrik GmbH
 * Contributor: Tobias Garz <tobias.garz@ifabrik.de>
 */
@charset "UTF-8";
/**
 * Einheit eines Wertes entfernen.
 *
 * @example
 *   $var : strip-unit(16px);
 *   // = 16
 */
/**
 * Einheit eines Wertes entfernen.
 *
 * @example
 *   $var : get-unit(16px);
 *   // = px
 */
/**
 * Berechne REM-Value einer PX-Angabe.
 *
 * @example
 *   rem(32px, 18px);
 *   // = 1.7777777778rem
 */
/**
 * Überschriftselektoren zusammenstellen<br/>
 *
 * @example scss
 *   $var : heading-selectors();
 *   // = h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6
 *
 *   $var : heading-selectors(1, 6, false);
 *   // = h1, h2, h3, h4, h5, h6
 *
 *   $var : heading-selectors(3, 4);
 *   // = h3, .h3, h4, .h4
 *
 *   // Abfangen von nicht korrekten Angaben (`< 1`, `> 6`).
 *   $var : heading-selectors(0, 0);
 *   $var : heading-selectors(-1, 0);
 *   $var : heading-selectors(7, -15);
 *   // = h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6
 *
 *   $var : heading-selectors(0, 2);
 *   // = h1, .h1, h2, .h2
 *
 *   // Vertauschte Werte.
 *   $var : heading-selectors(3, 1);
 *   // = h3, .h3, h4, .h4, h5, .h5, h6, .h6
 */
/**
 * Prüft ob `$val` null ist.
 *
 * @example scss
 *   $var : is-null(null);
 *   // = true
 *
 *   $var : is-null(0);
 *   // = false
 */
/**
 * Prüft ob `$val` leer ist.
 *
 * @example scss
 *   $var : is-empty();
 *   // = true
 *
 *   $var : is-empty('');
 *   // = true
 *
 *   $var : is-empty('foo');
 *   // = false
 */
/**
 * Prüft ob `$val` numerisch ist.
 *
 * @example scss
 *   $var : is-numeric(1);
 *   // = true
 *
 *   $var : is-numeric('2');
 *   // = false
 *
 *   $var : is-numeric(3rem);
 *   // = false
 */
/**
 * Prüft ob `$val` boolean ist.
 *
 * @example scss
 *   $var : is-bool(true);
 *   // = true
 *
 *   $var : is-bool(false);
 *   // = false
 *
 *   $var : is-bool(1);
 *   // = true
 *
 *   $var : is-bool(0);
 *   // = false
 *
 *   $var : is-bool(null);
 *   // = false
 */
/**
 * Prüft ob `$val` ein String ist.
 *
 * @example scss
 *   $var : is-string(foo);
 *   // = true
 *
 *   $var : is-string('bar');
 *   // = true
 *
 *   $var : is-string(0);
 *   // = false
 */
/**
 * Prüft ob `$val` eine Liste ist.
 *
 * @example scss
 *   $var : is-list(a b c d);
 *   // = true
 *
 *   $var : is-list(lorem, ipsum);
 *   // = true
 *
 *   $var : is-list(foo);
 *   // = false
 */
/**
 * Prüft ob `$val` eine Map ist.
 *
 * @example scss
 *   $var : is-map((a: b));
 *   // = true
 *
 *   $var : is-list(foo);
 *   // = false
 */
/**
 * Replace `$search` with `$replace` in `$string`
 */
/**
 * SVG-XML-String kodieren
 */
/**
 * Höhenangabe ´vh´ auf Basis einer Rootvariable, wird per JS gesetzt berechnen.
 * (https://chanind.github.io/javascript/2019/09/28/avoid-100vh-on-mobile-web.html)
 *
 * @example scss
 *   // Rootvariable `--vh` wurde per JS mit dem Wert ´6.4px´ (Browserhöhe ist 640px) gesetzt
 *
 *   $var : vh(50);
 *   // = calc(var(--vh, 1vh) * 50); // berechnet wird demzufolge 320px
 *
 *   // Mit Prefix der Rootvariable (`--ws-vh`)
 *
 *   $var : vh(25, 'ws-');
 *   // = calc(var(--ws-vh, 1vh) * 25); // berechnet wid demzufolge 160px
 */
/**
 * Farbton (Hue) eines Hexwertes zurückgeben.
 *
 * @example
 *   get-hue(#6176ff);
 *   // = 232
 */
/**
 * Sättigung (Saturation) eines Hexwertes zurückgeben.
 *
 * @example
 *   get-saturation(#6176ff);
 *   // = 100%
 */
/**
 * Helligkeit (Lightness) eines Hexwertes zurückgeben.
 *
 * @example
 *   get-lightness(#6176ff);
 *   // = 69%
 */
/**
 * Überschreiben der SCSS-Konvertierungsfunktion `hsl()` zu einer realen
 * `hsl()`-Angabe.
 *
 * @example
 *   hsl(232, 100%, 69%);
 *   // = hsl(232, 100%, 69%)
 *
 *   hsl(232, 100, 69);
 *   // = hsl(232, 100%, 69%)
 *
 *   hsl(#6176ff);
 *   // = hsl(232, 100%, 69%)
 *
 *   hsl(var(--color-hue), 100%, 69%);
 *   // = hsl(var(--color-hue), 100%, 69%)
 *
 *   hsl(var(--color-hue), var(--color-saturation), var(--color-lightness));
 *   // = hsl(var(--color-hue), var(--color-saturation), var(--color-lightness))
 */
/**
 * Überschreiben der SCSS-Konvertierungsfunktion `hsla()` zu einer realen
 * `hsla()`-Angabe.
 *
 * @example
 *   hsla(232, 100%, 69%, 0.75);
 *   // = hsla(232, 100%, 69%, 0.75)
 *
 *   hsla(232, 100, 69, 0.75);
 *   // = hsla(232, 100%, 69%, 0.75)
 *
 *   hsla(#6176ff, 0.75);
 *   // = hsla(232, 100%, 69%, 0.75)
 *
 *   hsla(#6176ff);
 *   // = hsla(232, 100%, 69%, 1)
 *
 *   hsla(var(--color-hue), 100%, 69%);
 *   // = hsla(var(--color-hue), 100%, 69%, 1)
 *
 *   hsla(var(--color-hue), var(--color-saturation), var(--color-lightness));
 *   // = hsla(var(--color-hue), var(--color-saturation), var(--color-lightness), 1)
 *
 *   hsla(#6176ff, var(--opacity));
 *   // = hsla(232, 100%, 69%, var(--opacity))
 */
/**
 * Überschreiben der SCSS-Konvertierungsfunktion `rgb()` zu einer realen
 * `rgb()`-Angabe.
 *
 * @example
 *   rgb(97, 118, 255);
 *   // = rgb(97, 118, 255)
 *
 *   rgb(#6176ff);
 *   // = rgb(97, 118, 255)
 *
 *   // `--color : 97, 118, 255;`
 *   rgb(var(--color));
 *   // = rgb(var(--color))
 */
/**
 * Überschreiben der SCSS-Konvertierungsfunktion `rgba()` zu einer realen
 * `rgba()`-Angabe.
 *
 * @example
 *   rgba(97, 118, 255, 0.75);
 *   // = rgba(97, 118, 255, 0.75)
 *
 *   rgba(97, 118, 255);
 *   // = rgba(97, 118, 255, 1)
 *
 *   rgba(#6176ff, 0.75);
 *   // = rgba(97, 118, 255, 0.75)
 *
 *   rgba(#6176ff);
 *   // = rgba(97, 118, 255, 1)
 *
 *   // `--color : 97, 118, 255;`
 *   rgba(var(--color));
 *   // = rgba(var(--color), 1)
 *
 *   // `--color : 97, 118, 255;`
 *   // `--opcity : 0.75;`
 *   rgba(var(--color), var(--opacity));
 *   // = rgba(var(--color), var(--opacity))
 */
/**
 * Minimale Breakpointweite.<br/>
 * <small>_Null für den kleinsten (ersten) Breakpoint._</small>
 *
 * @example scss
 *   $breakpoints : (
 *     'xxs' : 0,
 *     'xs'  : 420px,
 *     's'   : 576px,
 *     'm'   : 768px,
 *     'l'   : 992px
 *   );
 *
 *   $var : breakpoint-min('xs');
 *   // = 420px
 */
/**
 * Maximale Breakpointweite.<br/>
 * <small>_Null für den größten (letzten) Breakpoint. Der Maximalwert wird als Minimum des nächsten Breakpointwertes minus 1px berechnet._</small>
 *
 * @example scss
 *   $breakpoints : (
 *     'xxs' : 0,
 *     'xs'  : 420px,
 *     's'   : 576px,
 *     'm'   : 768px,
 *     'l'   : 992px
 *   );
 *
 *   $var : breakpoint-max('xs');
 *   // = 575px
 */
/**
 * Name des nächsten Breakpoints.<br/>
 * <small>_Null für den letzten Breakpoint._</small>
 *
 * @example scss
 *   $breakpoints : (
 *     'xxs' : 0,
 *     'xs'  : 420px,
 *     's'   : 576px,
 *     'm'   : 768px,
 *     'l'   : 992px
 *   );
 *
 *   $var : breakpoint-next('xs');
 *   // = s
 *
 *   $var : breakpoint-next('s');
 *   // = m
 */
/**
 * Anwendung von Definitionen (`@content`) ab dem Breakpoint `$name` und höher
 * (mobile first).
 *
 * @example scss
 *   $breakpoints : (
 *     'xxs' : 0,
 *     'xs'  : 420px,
 *     's'   : 576px,
 *     'm'   : 768px,
 *     'l'   : 992px
 *   );
 *
 *   .container {
 *     background : #fff;
 *
 *     @include media-breakpoint-up('s') {
 *       background : #ccc;
 *     }
 *   }
 *
 * @example css - Result
 *   .container {
 *     background : #fff;
 *   }
 *
 *   @media (min-width: 576px) {
 *     .container {
 *       background : #ccc;
 *     }
 *   }
 */
/**
 * Anwendung von Definitionen (`@content`) ab der Maximalbreite des Breakpoint
 * `$name` und kleiner (desktop first).
 *
 * @example scss
 *   $breakpoints : (
 *     'xxs' : 0,
 *     'xs'  : 420px,
 *     's'   : 576px,
 *     'm'   : 768px,
 *     'l'   : 992px
 *   );
 *
 *   .container {
 *     background : #fff;
 *
 *     @include media-breakpoint-down('s') {
 *       background : #ccc;
 *     }
 *   }
 *
 * @example css - Result
 *   .container {
 *     background : #fff;
 *   }
 *
 *   @media (max-width: 767px) {
 *     .container {
 *       background : #ccc;
 *     }
 *   }
 */
/**
 * Shortcut-Funktion für `media-breakpoint-up()` und `media-breakpoint-down()`.
 */
/**
 * Anwendung von Definitionen (`@content`) zwischen Minimumbreite `$lower` und
 * Maximumbreite `$upper`.
 *
 * @example scss
 *   $breakpoints : (
 *     'xxs' : 0,
 *     'xs'  : 420px,
 *     's'   : 576px,
 *     'm'   : 768px,
 *     'l'   : 992px
 *   );
 *
 *   .container {
 *     background : #fff;
 *
 *     @include media-breakpoint-between('xs', 'm') {
 *       background : #ccc;
 *     }
 *   }
 *
 * @example css - Result
 *   .container {
 *     background : #fff;
 *   }
 *
 *   @media (min-width : 420px) and (max-width : 991px) {
 *     .container {
 *       background : #ccc;
 *     }
 *   }
 */
/**
 * Anwendung von Definitionen (`@content`) nur innerhalb der Minimum- und
 * Maxiamlbreite des Breakpoints `$name`.
 *
 * @example scss
 *   $breakpoints : (
 *     'xxs' : 0,
 *     'xs'  : 420px,
 *     's'   : 576px,
 *     'm'   : 768px,
 *     'l'   : 992px
 *   );
 *
 *   .container {
 *     background : #fff;
 *
 *     @include media-breakpoint-only('s') {
 *       background : #ccc;
 *     }
 *   }
 *
 * @example css - Result
 *   .container {
 *     background : #fff;
 *   }
 *
 *   @media (min-width: 576px) and (max-width: 767px) {
 *     .container {
 *       background : #ccc;
 *     }
 *   }
 */
/**
 * Kontextbasierten Selektor etwas vereinfachen ;).
 */
/**
 * On `:disabled`
 */
/**
 * On `.not(:disabled)`
 */
/**
 * On `:readonly`
 */
/**
 * On `:hover`
 */
/**
 * On `:active`
 */
/**
 * On `:focus`
 */
/**
 * On `:hover, :focus`
 */
/**
 * On `:hover, :active, :focus`
 */
/**
 * Webfonts mit `@font-face` integrieren.
 *
 * Bzgl. moderner Browser (Stand Anfang 2019) wird normalerweise nur `woff2` und
 * `woff` benötigt. Eine Prüfung auf das Schriftformat bzgl. einer Erweiterung
 * der URL wird nur für `eot` und `ttf` durchgeführt!
 *
 * `woff2` moderne Browser
 * `woff` IE 11
 * `eot` IE6-IE8
 * `ttf` Safari, Android, iOS
 *
 * @example scss
 *   @include font-face(
 *     'Example-Regular',
 *     'example/',
 *     (
 *       woff2 : 'example-regular.woff2',
 *       woff  : 'example-regular.woff',
 *       eot   : 'example-regular.eot',
 *       ttf   : 'example-regular.ttf'
 *     )
 *   );
 *
 * @example css - Result
 *   @font-face {
 *     font-family : 'Example-Regular';
 *     font-display: swap;
 *     src         : url('../example/example-regular.woff2') format('woff2'),
 *                   url('../example/example-regular.woff') format('woff'),
 *                   url('../example/example-regular.eot?#iefix') format('embedded-opentype'),
 *                   url('../example/example-regular.ttf') format('truetype');
 *   }
 */
/**
 * Generieren von Selektoren bzgl. Validierungsstatus
 */
/* stylelint-disable-line scss/dollar-variable-pattern */
/* stylelint-disable-line scss/dollar-variable-pattern */
/**
 * Scrollen eines Containers deaktivieren.
 */
/**
 * Helper class integrieren.
 */
/**
 * Textelement bei Klick vollständig ausgewählen.
 */
/**
 * Textelement nicht auswählbar.
 */
/**
 * ´Aufspannen´ eines Links.
 * Ein Elternelement muss dazu mit `position: relative;` definiert sein!
 */
/**
 * Inhalte visuell ausblenden aber für unterstützende Technologien zugänglich
 * halten.
 */
/**
 * Zeige Inhalt nur wenn er fokussiert wird/wurde.
 */
/* stylelint-disable-line length-zero-no-unit */
.list, .section .section-body ul:not(.list):not(.nav-list) {
  --ifabsh-list-marker-color: var(--ifabsh-color-text, #3e3e3e);
  --ifabsh-list-marker-font-size: 1em;
  --ifabsh-list-marker-gap: var(--ifabsh-spacing-xs, 0.25rem);
  --ifabsh-list-item-margin: var(--ifabsh-spacing-s, 0.5rem);
  --ifabsh-list-nested-margin: var(--ifabsh-spacing-s, 0.5rem);
}
.list, .section .section-body ul:not(.list):not(.nav-list),
.list ul,
.section .section-body ul:not(.list):not(.nav-list) ul,
.list ol,
.section .section-body ul:not(.list):not(.nav-list) ol {
  padding: 0;
}
.list li, .section .section-body ul:not(.list):not(.nav-list) li {
  list-style-type: none;
  margin: var(--ifabsh-list-item-margin) 0;
  position: relative;
}
.list li:first-child, .section .section-body ul:not(.list):not(.nav-list) li:first-child {
  margin-top: 0;
}
.list li:last-child, .section .section-body ul:not(.list):not(.nav-list) li:last-child {
  margin-bottom: 0;
}
.list li ul, .section .section-body ul:not(.list):not(.nav-list) li ul,
.list li ol,
.section .section-body ul:not(.list):not(.nav-list) li ol {
  margin: var(--ifabsh-list-nested-margin) 0;
}

ul.list, .section .section-body ul:not(.list):not(.nav-list) {
  --ifabsh-ul-marker-color: var(--ifabsh-list-marker-color);
  --ifabsh-ul-marker-font-size: var(--ifabsh-list-marker-font-size);
  --ifabsh-ul-marker-gap: var(--ifabsh-list-marker-gap);
  --ifabsh-ul-marker-icon: "•"; /* stylelint-disable-line string-quotes */
  --ifabsh-ul-nested-marker-font-size: var(--ifabsh-ul-marker-font-size);
  --ifabsh-ul-nested-marker-gap: var(--ifabsh-ul-marker-gap);
}
ul.list > li, .section .section-body ul:not(.list):not(.nav-list) > li,
ul.list ul > li,
.section .section-body ul:not(.list):not(.nav-list) ul > li {
  --_ul-marker-gap: calc(var(--ifabsh-ul-marker-font-size) + var(--ifabsh-ul-marker-gap));
  padding-left: var(--_ul-marker-gap);
}
ul.list > li::before, .section .section-body ul:not(.list):not(.nav-list) > li::before,
ul.list ul > li::before,
.section .section-body ul:not(.list):not(.nav-list) ul > li::before {
  color: var(--_ul-marker-color, var(--ifabsh-ul-marker-color));
  content: var(--_ul-marker-icon, var(--ifabsh-ul-marker-icon));
  display: block;
  font-size: var(--_ul-marker-font-size, var(--ifabsh-ul-marker-font-size));
  left: 0;
  overflow: hidden;
  position: absolute;
}
ul.list ul > li, .section .section-body ul:not(.list):not(.nav-list) ul > li {
  --_ul-marker-color: var(--ifabsh-ul-nested-marker-color, var(--ifabsh-ul-marker-color));
  --_ul-marker-font-size: var(--ifabsh-ul-nested-marker-font-size, var(--ifabsh-ul-marker-font-size));
  --_ul-marker-icon: var(--ifabsh-ul-nested-marker-icon, var(--ifabsh-ul-marker-icon));
  --_ul-marker-gap: calc(var(--ifabsh-ul-nested-marker-font-size) + var(--ifabsh-ul-nested-marker-gap));
}

ol.list {
  --ifabsh-ol-marker-color: var(--ifabsh-list-marker-color);
  --ifabsh-ol-marker-font-size: var(--ifabsh-list-marker-font-size);
  --ifabsh-ol-marker-gap: var(--ifabsh-list-marker-gap);
  --_ol-nested-index: 0.0; /* stylelint-disable-line number-no-trailing-zeros */
  --_ol-nested-index-add: 0.0; /* stylelint-disable-line number-no-trailing-zeros */
}
ol.list,
ol.list ol {
  counter-reset: count-ol;
}
ol.list > li,
ol.list ol > li {
  counter-increment: count-ol;
  display: flex;
  flex-wrap: nowrap;
  gap: var(--ifabsh-ol-marker-gap);
  justify-content: flex-start;
}
ol.list > li::before,
ol.list ol > li::before {
  color: var(--_ol-marker-color, var(--ifabsh-ol-marker-color));
  content: counters(count-ol, ".") ". "; /* stylelint-disable-line string-quotes */
  display: flex;
  flex: 0 0 auto;
  font-size: var(--_ol-marker-font-size, var(--ifabsh-ol-marker-font-size));
  text-align: left;
}
ol.list ol > li {
  --_ol-marker-color: var(--ifabsh-ol-nested-marker-color, var(--ifabsh-ol-marker-color));
  --_ol-marker-font-size: var(--ifabsh-ol-nested-marker-font-size, var(--ifabsh-ol-marker-font-size));
}

.list, .section .section-body ul:not(.list):not(.nav-list) {
  font-size: var(--wp-list-font-size, inherit);
}

ul.list, .section .section-body ul:not(.list):not(.nav-list) {
  --ifabsh-ul-marker-icon: "";
  --ifabsh-ul-marker-color: var(--wp-color-primary);
  --ifabsh-ul-marker-gap: var(--wp-spacing);
  --ifabsh-ul-marker-font-size: 6px;
  --wp-ul-marker-icon-font-weight: var(--wp-font-weight-bold);
  --wp-ul-marker-icon-offset-y: 0.65rem;
  /* stylelint-disable string-quotes, font-family-no-missing-generic-family-keyword */
  /* stylelint-enable */
}
ul.list ul.list, .section .section-body ul:not(.list):not(.nav-list) ul.list, ul.list .section .section-body ul:not(.list):not(.nav-list), .section .section-body ul.list ul:not(.list):not(.nav-list), .section .section-body ul:not(.list):not(.nav-list) ul:not(.list):not(.nav-list) {
  --wp-ul-marker-icon-font-weight: var(--wp-regular);
}
ul.list li::before, .section .section-body ul:not(.list):not(.nav-list) li::before {
  font-family: "Font Awesome 6 Pro";
  font-weight: var(--wp-ul-marker-icon-font-weight);
  line-height: 1.1;
  top: var(--wp-ul-marker-icon-offset-y);
}
ul.list.-unstyled > li, .section .section-body ul.-unstyled:not(.list):not(.nav-list) > li {
  --_ul-marker-gap: 0;
}
ul.list.-unstyled > li::before, .section .section-body ul.-unstyled:not(.list):not(.nav-list) > li::before {
  display: none;
}
ul.list.-inline, .section .section-body ul.-inline:not(.list):not(.nav-list) {
  gap: var(--ifabsh-ul-marker-gap, var(--ifabsh-list-marker-gap));
}

ol.list {
  --ifabsh-ol-marker-gap: var(--wp-spacing-s);
}
ol.list > li::before {
  font-weight: var(--wp-font-weight-medium);
}
ol.list.-inline {
  gap: var(--ifabsh-ol-marker-gap, var(--ifabsh-list-marker-gap));
}

dl.list {
  --wp-dl-gap-y: var(--wp-spacing-s);
  --wp-dl-gap-x: var(--wp-spacing);
  --wp-dl-padding: 0;
  align-items: baseline;
  display: grid;
  flex-wrap: wrap;
  gap: var(--wp-dl-gap-y, 0) var(--wp-dl-gap-x, 0);
  grid-template-columns: -webkit-max-content auto;
  grid-template-columns: max-content auto;
  padding: var(--wp-dl-padding);
}
dl.list dt {
  font-weight: var(--wp-dl-dt-font-weight, 500);
}
dl.list dt + dd {
  align-items: center;
  display: inline-flex;
  font-weight: var(--wp-dl-dd-font-weight, 400);
}
dl.list dt,
dl.list dd {
  margin-bottom: 0;
}

ul.list.-icon-checked, .section .section-body ul.-icon-checked:not(.list):not(.nav-list) {
  --ifabsh-ul-marker-icon: "";
  --ifabsh-ul-marker-font-size: 20px;
  --wp-ul-marker-icon-font-weight: var(--wp-font-weight-regular);
  --wp-ul-marker-icon-offset-y: 0.3rem;
  --wp-list-font-size: 20px;
}

ul.list.-two-columns, .section .section-body ul.-two-columns:not(.list):not(.nav-list) {
  --ifabsh-list-item-margin: var(--wp-spacing);
  -moz-column-count: 1;
       column-count: 1;
  -moz-column-gap: var(--ifabsh-list-item-margin);
       column-gap: var(--ifabsh-list-item-margin);
  row-gap: var(--ifabsh-list-item-margin);
}
@media (min-width: 768px) {
  ul.list.-two-columns, .section .section-body ul.-two-columns:not(.list):not(.nav-list) {
    -moz-column-count: 2;
         column-count: 2;
  }
}
ul.list.-two-columns li, .section .section-body ul.-two-columns:not(.list):not(.nav-list) li {
  margin: 0;
}

.list.-inline, .section .section-body ul.-inline:not(.list):not(.nav-list) {
  --ifabsh-list-item-margin: 0;
  display: flex;
  flex-wrap: wrap;
}

.article.jobs-detail {
  --wp-article-gap: 0;
}

.jobs-detail .section-hero .informations.list, .jobs-detail .section-hero .section .section-body ul.informations:not(.list):not(.nav-list), .section .section-body .jobs-detail .section-hero ul.informations:not(.list):not(.nav-list) {
  --wp-dl-gap-x: calc(var(--wp-spacing-xs) * 5);
  --wp-dl-gap-y: calc(var(--wp-spacing-xs) * 7);
  font-size: var(--wp-h3-font-size);
}
.jobs-detail .section-hero .links {
  margin-top: var(--wp-spacing-l);
}
@media (min-width: 992px) {
  .jobs-detail .section-hero .links {
    margin-top: 0;
    transform: translateY(calc(50% + var(--wp-section-padding)));
  }
}
.jobs-detail .section-content .section-sidebar {
  --wp-section-sidebar-gap: var(--wp-spacing);
  --wp-section-sidebar-sidebar-width: 45%;
}
@media (min-width: 992px) {
  .jobs-detail .section-content .section-sidebar {
    --wp-section-sidebar-gap: var(--wp-spacing-xl);
    --wp-section-sidebar-sidebar-width: 48%;
  }
}
.jobs-detail .section-content .section-sidebar .sidebar-item {
  --wp-sidebar-item-padding: var(--wp-spacing);
  background: var(--wp-color-grey-light);
  border-radius: var(--wp-spacing-s);
  padding: var(--wp-sidebar-item-padding);
}
@media (min-width: 992px) {
  .jobs-detail .section-content .section-sidebar .sidebar-item {
    --wp-sidebar-item-padding: var(--wp-spacing-l);
  }
}
@media (min-width: 1400px) {
  .jobs-detail .section-content .section-sidebar .sidebar-item {
    --wp-sidebar-item-padding: var(--wp-spacing-xl);
  }
}
.jobs-detail .section-content .section-sidebar .sidebar-item .links {
  margin-top: calc(var(--wp-spacing) * 3);
}
@media (min-width: 1400px) {
  .jobs-detail .section-content .section-sidebar .sidebar-item .links {
    margin-bottom: calc(var(--wp-sidebar-item-padding) * -1);
    margin-top: 0;
    transform: translateY(50%);
  }
}
.jobs-detail .section-content .section-sidebar .sidebar-item .links .button {
  --ifabsh-button-font-size: 1rem;
}
.jobs-detail .section-content .section-sidebar .section {
  --wp-section-padding: var(--wp-spacing-l);
  margin-top: 0;
}
.jobs-detail .section-content .section-sidebar .section-header, .jobs-detail .section-content .section-sidebar .section-body {
  padding: 0;
}
.jobs-detail .section-socials .section-body {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: var(--wp-spacing-l);
}
.jobs-detail .section-socials .section-body .header {
  --wp-header-margin: 0;
}
.jobs-detail .section-socials .section-body .nav-social {
  --ifabsh-nav-link-color: var(--wp-color-secondary);
  --ifabsh-nav-link-color-hover: var(--wp-color-primary);
  --ifabsh-nav-list-gap-x: calc(var(--wp-spacing-s) * 3);
  --ifabsh-nav-list-gap-y: calc(var(--wp-spacing-s) * 3);
  font-size: var(--wp-h3-font-size);
}
.jobs-detail .section-box .section-body__inner > * {
  margin: 0 auto;
}
.jobs-detail .section-box .box {
  border-radius: var(--wp-spacing-s);
  box-shadow: 0 2px 34px 0 hsla(var(--wp-color-black-h), var(--wp-color-black-s), var(--wp-color-black-l), 0.1);
  color: var(--wp-color-secondary);
  max-width: 1160px;
  padding: var(--wp-spacing);
}
@media (min-width: 768px) {
  .jobs-detail .section-box .box {
    padding: var(--wp-spacing-l);
  }
}
@media (min-width: 1400px) {
  .jobs-detail .section-box .box {
    padding: var(--wp-spacing-xl);
  }
}
.jobs-detail .section-below .section-sidebar .sidebar {
  order: 1;
}
.jobs-detail .section-below .section-sidebar .content {
  order: 2;
}
.jobs-detail .section-sidebar > .content > *:first-child {
  padding-top: 0;
}

.section .section-body div.label {
  color: var(--wp-color-secondary);
  font-size: var(--wp-h3-font-size);
  font-weight: var(--wp-font-weight-medium);
  line-height: 1.35;
  margin-bottom: var(--wp-spacing-l);
}
.informations.list, .section .section-body ul.informations:not(.list):not(.nav-list) {
  --wp-dl-gap-x: calc(var(--wp-spacing-xs) * 7);
  --wp-dl-gap-y: calc(var(--wp-spacing-xs) * 5);
  color: var(--wp-color-secondary);
  font-size: var(--wp-font-size-l);
}
.informations.list i, .section .section-body ul.informations:not(.list):not(.nav-list) i {
  color: var(--wp-color-primary);
}

.links {
  -moz-column-gap: var(--wp-spacing);
       column-gap: var(--wp-spacing);
  display: flex;
  flex-wrap: wrap;
  row-gap: var(--wp-spacing);
  justify-content: center;
}
@media (min-width: 1600px) {
  .links {
    -moz-column-gap: var(--wp-spacing-l);
         column-gap: var(--wp-spacing-l);
  }
}
.links > .button {
  box-shadow: 0 2px 34px 0 hsla(var(--wp-color-black-h), var(--wp-color-black-s), var(--wp-color-black-l), 0.1);
}
/*# sourceMappingURL=detail.css.map */