/*
Theme Name:   SNK Child
Description:  SNK Child Theme
Author:       SNK
Author URI:   https://www.snk.de/
Template:     snk
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags:         custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
Text Domain:  snk-child
*/
/*--------------------------------------------------------------
# Abstracts
--------------------------------------------------------------*/
/*

- Add icon variables here, f.e.

$icon-check: '<svg width="18" height="18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7 11.2 3.4 7.6 2 9l5 5 9-9-1.4-1.4z" fill="currentColor"/></svg>';


- This variables can be used like this:

.className {
  background-image: background-icon($icon-check, $primary-color-1);
}

*/
/*
 * 
 * 
/* Statischer Banner, der immer oben auf der Seite ist */
#announcementbar {
    width: 100%;
    height: 30px;
    background-color: var(--snk-input-focus_border-color);
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
	position: sticky;
    box-sizing: border-box;
    z-index: 1001;
	top:0px;
	transition: top 1s ease; /* Transition-Effekt für die "top"-Animation */
}
.mw-section_announcement-bar-closed {
  top: -50px!important;
  position: absolute!important;
	}

.header-wrap-top{
	top: 0px!important;
}
.mw-announcement-bar {
	display: flex;
	width: 100%;
	height: 100%;
	justify-content: space-between;
	max-width: var(--snk-container-width);
	padding-right: var(--snk-container-x-padding);
    padding-left: var(--snk-container-x-padding);
}


/* Styling für den Textbereich */
.mw-banner-text {
    font-size: 1.5rem;
    font-weight: bold;
	display: flex;
	align-items: center;
	height: 100%;
	h4 {
		margin-bottom: 0px;
	}

}
  /* Popup-Fenster */
        .popup {
           
			width:100%;
            height: 75vh;
            background: linear-gradient(249deg, #000043 57.31%, #15178c 122.48%);
            margin: auto;
            position: relative;
            top: 50%;
            transform: translateY(-50%);
            padding: 20px;
            border-radius: 8px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }
.popup-sizing{
	padding-right: var(--snk-container-x-padding);
	padding-left: var(--snk-container-x-padding);
	max-width: var(--snk-container-width);
	margin: auto;
	height: 100%;
	
}
  .overlay {
            display: none; /* Standardmäßig ausgeblendet */
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.7); /* Abdunkelung */
            z-index: 1000;
        }
        /* Schließen-Button */
        .close-btn {
            position: absolute!important;
            top: 20px;
            right: 20px;
            font-size: 24px!important;
			padding: 0.75rem!important;
            aspect-ratio: 1;
			justify-content: center;
            cursor: pointer;
        }

      

        /* Leeres, vollflächiges div für Inhalt */
        .content {
            flex-grow: 1;
            background-color: #f0f0f0; /* leichte Hintergrundfarbe für Sichtbarkeit */
            margin: 20px 0;
			iframe{
				height: 100%;
				width: 100%;
			}
        }

        /* Button-Bereich */
        .popup-buttons {
            display: flex;
            justify-content: space-between;
        }

    

   
        /* Link zum Öffnen des Popups */
        .open-popup-link {
            cursor: pointer;
}
      
/* Styling für die Buttons */
.mw-banner-buttons {
    display: flex;
	align-items: center;
    gap: 10px;
}
.btn-mw-announcement_bar::before {
	transform: scalex(0);
	content: "";
	position: absolute;
	display: block;
	height: 0.125rem;
	width: 100%;
	bottom: -0.1375rem;
	background-color: #060606;
	transition: background-color 0.2s ease-in-out, transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
	transform-origin: left;
}
.btn-mw-announcement_bar:hover::before {
	transform: scalex(1);
}

.btn-mw-announcement_bar{
	display: inline-flex; 
	align-items: center; 
	font-size: 0.9375rem; 
	font-weight: 500; 
	line-height: 1; 
	color: #060606;
	text-decoration: none;
	position: relative;
}
.mw-stage-video{
	width: 100%;
	height: auto;
	aspect-ratio: 16/9;
	iframe{
		height:100%;
		width:100%;
	}
}

@media (max-width: 1364px) {
	.mw-section_announcement-bar {
	margin-top: 64px!important;
	position: fixed;
}
	.mw-banner-text h4 {
		font-size: 1rem!important;
	}

.btn-mw-announcement_bar{
	margin-right: 25px!important;
}
	}
@media (max-width: 899px) {

	.mw-banner-text h4 {
		font-size: 0.75rem!important;
	}
#announcementbar {
    height: 60px!important;
}
	.snk-header-wrapper.snk-header_sticky-announcement.is-mobile {
  top: 60px!important;
}
}



- Add icon variables here, f.e.

$icon-check: '<svg width="18" height="18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7 11.2 3.4 7.6 2 9l5 5 9-9-1.4-1.4z" fill="currentColor"/></svg>';


- This variables can be used like this:

.className {
  background-image: background-icon($icon-check, $primary-color-1);
}

*/
.snk-teaser-description > p {
  font-size: var(--snk-fs-body-s);
  line-height: var(--snk-lh-body-s);
}

/*

- Add icon variables here, f.e.

$icon-check: '<svg width="18" height="18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7 11.2 3.4 7.6 2 9l5 5 9-9-1.4-1.4z" fill="currentColor"/></svg>';


- This variables can be used like this:

.className {
  background-image: background-icon($icon-check, $primary-color-1);
}

*/
.snk-text_xs {
  font-size: var(--snk-fs-body-xs);
  line-height: var(--snk-lh-body-xs);
}

.snk-btn-feature, .snk-btn-secondary, .snk-btn-primary {
  display: inline-flex;
  align-items: center;
  border-radius: 5.625rem;
  font-family: "PragmaticaWebExtendedMedium", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen-sans, ubuntu, cantarell, "Helvetica Neue", sans-serif;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1;
  text-decoration: none;
  user-select: none;
  position: relative;
  height: 3rem;
  padding: 0.75rem 1.5rem;
  white-space: nowrap;
  border: 1px solid;
  transition: background-color 0.3s ease-out, border 0.3s ease-out, color 0.3s ease-out;
}
.snk-btn-feature svg, .snk-btn-secondary svg, .snk-btn-primary svg {
  width: 0;
  height: 1.5rem;
  color: inherit;
  opacity: 0;
  transition: width 0.3s ease-out, opacity 0.3s ease-out, transform 0.3s ease-out;
}
.snk-btn-feature:active svg, .snk-btn-secondary:active svg, .snk-btn-primary:active svg, .snk-btn-feature:hover svg, .snk-btn-secondary:hover svg, .snk-btn-primary:hover svg {
  width: 1.5rem;
  opacity: 1;
  transform: translateX(0.5rem);
}

.snk-btn-feature:focus-visible, .snk-btn-secondary:focus-visible, .snk-btn-primary:focus-visible, .snk-btn-link:focus-visible {
  outline: var(--snk-link-ouline-width) var(--snk-link-ouline-style) var(--snk-link-ouline-color);
  outline-offset: var(--snk-link-ouline-offset);
}

.snk-btn-link::before, .snk-btn-link::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: currentcolor;
  transform-origin: right;
  transform: scaleX(1) translateZ(0);
  transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
}
.snk-btn-link::after {
  transform-origin: left;
  transform: scaleX(0) translateZ(0);
  transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.snk-btn-link:hover::before {
  transform: scaleX(0) translateZ(0);
  transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.snk-btn-link:hover::after {
  transform: scaleX(1) translateZ(0);
  transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
}

/* put your functions here */
:root {
  --snk-font-body: Inter, -apple-system, blinkmacsystemfont, Segoe UI, roboto, oxygen-sans, ubuntu, cantarell, Helvetica Neue, sans-serif;
  --snk-font-accent: PragmaticaWebExtendedMedium, -apple-system, blinkmacsystemfont, Segoe UI, roboto, oxygen-sans, ubuntu, cantarell, Helvetica Neue, sans-serif;
  --snk-text-color: #060606;
  --snk-icon-color: #060606;
  --snk-link-color: #15178c;
  --snk-link-underline-color: #15178c;
  --snk-link-ouline-width: 1px;
  --snk-link-ouline-style: dashed;
  --snk-link-ouline-color: var(--snk-link-color);
  --snk-link-ouline-offset: 0.3125rem;
  --snk-btn-link-color: #15178c;
  --snk-container-width: 1600px;
  --snk-container-x-padding: 160px;
  --snk-container-sm-width: 1050px;
  --snk-section-y-padding-mobile: 3rem;
  --snk-section-y-padding-desktop: 6rem;
  --snk-section-y-padding-big-mobile: 3rem;
  --snk-section-y-padding-big: 10rem;
  --snk-fs-h1-large: 1.75rem;
  --snk-fs-h1: 1.75rem;
  --snk-fs-h2: 1.5rem;
  --snk-fs-h3: 1.25rem;
  --snk-fs-h4: 1.125rem;
  --snk-fs-h5: 1.125rem;
  --snk-fs-h6: 1.125rem;
  --snk-fs-body: 1.0625rem;
  --snk-fs-body-s: 1.0625rem;
  --snk-fs-body-xs: 0.875rem;
  --snk-lh-h1-large: 1.15;
  --snk-lh-h1: 1.15;
  --snk-lh-h2: 1.2;
  --snk-lh-h3: 1.3;
  --snk-lh-h4: 1.3;
  --snk-lh-h5: 1.3;
  --snk-lh-h6: 1.3;
  --snk-lh-body: 1.5;
  --snk-lh-body-s: 1.5;
  --snk-lh-body-xs: 1.4;
  --snk-mb-h1-large: 1.5rem;
  --snk-mb-h1: 1rem;
  --snk-mb-h2: 1.5rem;
  --snk-mb-h3: 1rem;
  --snk-mb-h4: 0.5rem;
  --snk-mb-h5: 0.5rem;
  --snk-mb-h6: 0.5rem;
  --snk-mb-p: 1.5rem;
  --snk-roofline-color: $text-color;
  --snk-roofline-fs: 1rem;
  --snk-roofline-fw: 500;
  --snk-roofline-lh: 1;
  --snk-roofline-mb: 2rem;
  --snk-roofline-lsp: normal;
  --snk-fw-bold: 700;
  --snk-fw-headline: 500;
  --snk-list-bullet-width: 1rem;
  --snk-list-bullet-height: 1rem;
  --snk-list-bullet-border-radius: 50%;
  --snk-list-bullet-bg: #b8c2ff;
  --snk-list-bullet-top: 0.375rem;
  --snk-list-indent: 1.5rem;
  --snk-list-mb: 1rem;
  --snk-btn-secondary-color: #15178c;
  --snk-btn-secondary-color-hover: #fff;
  --snk-btn-feature-color: #060606;
  --snk-btn-feature-color-hover: #060606;
  --snk-card-gap: 2.5rem;
  --snk-card-border-radius: 0;
  --snk-accordion-border-radius: 0;
  --snk-mobile-header-height: 64px;
  --snk-header-height: 88px;
  --snk-header-sticky-offset: 0;
  --snk-header-sticky-offset-announcement: 30px;
  --snk-input_font-size: 1rem;
  --snk-input_line-height: 1.5;
  --snk-input_border-color: #c3c3c5;
  --snk-input_border-radius: 0.375rem;
  --snk-input_border-width: 1px;
  --snk-input_bg-color: #fff;
  --snk-input_padding: 0.75rem;
  --snk-input_color: #060606;
  --snk-input-active_border-color: #00ffa2;
  --snk-input-focus-shadow_size: 0;
  --snk-input-focus-shadow_color: transparent;
  --snk-input-focus_bg-color: var(--snk-input_bg-color);
  --snk-input-error_color: #f77a7a;
  --snk-input-focus_border-width: 1px;
  --snk-input-focus_border-color: #00ffa2;
  --snk-input-disabled_color: #8a8a8a;
  --snk-input-disabled_bg-color: rgba(207, 207, 210, 0.8);
  --snk-input-disabled-border_color: rgba(195, 195, 197, 0.8);
  --snk-input-disabled_opacity: 1;
  --snk-input-placeholder_color: #8a8a8a;
  --snk-input_transition: all 0.2s ease-in-out;
  --snk-input-textarea_min-height: 143px;
  --snk-input-empty_bg-color: var(--snk-input_bg-color);
  --snk-form_gap: 1rem;
  --snk-form-field_margin-bottom: 1.25rem;
  --snk-form-label_font-size: 1rem;
  --snk-form-label_line-height: 1.5;
  --snk-form-label_font-weight: 300;
  --snk-form-label_margin-bottom: 0.375rem;
  --snk-form-label_padding-block: 0.25rem;
  --snk-form-label_color: #fff;
  --snk-form-label-disabled_color: var(--snk-input-disabled_color);
  --snk-form-message-color: #fff;
  --snk-form-error-color: var(--snk-input-error_color);
  --snk-form-error_font-size: 0.75rem;
  --snk-form-error_line-height: 1.6;
  --snk-form-error_padding: 0.125rem 0 0;
  --snk-form-inline-label_font-weight: var(--snk-form-label_font-weight);
  --snk-form-inline-label_font-size: 0.875rem;
  --snk-form-inline-label_color: var(--snk-form-label_color);
  --snk-input-checkable_size: 1.125rem;
  --snk-input-checkable_background-color: transparent;
  --snk-input-checkable_border-width: 2px;
  --snk-input-checkable_border-color: #cfcfd2;
  --snk-input-checkable-checked_color: transparent;
  --snk-input-checkable-checked_border-color: #fff;
  --snk-input-checkable-disabled_color: transparent;
  --snk-input-checkable-disabled-label_color: var(--snk-input-disabled_color);
  --snk-form-checkradio-label_margin-right: 0.75rem;
  --snk-form-checkradio-label_margin-top: 0.1875rem;
  --snk-select-dropdown-icon_right: 0.75rem;
  --snk-select-dropdown-icon_size: 1.5rem;
  --snk-select-dropdown_padding-right: 2.5rem;
}
@media (min-width: 1024px) {
  :root {
    --snk-fs-h1-large: 4.5rem;
    --snk-fs-h1: 3.25rem;
    --snk-fs-h2: 2.5rem;
    --snk-fs-h3: 1.5rem;
    --snk-fs-body: 1.125rem;
    --snk-fs-body-s: 1rem;
    --snk-lh-h1-large: 1;
    --snk-lh-h1: 1.1;
    --snk-mb-h1-large: 2rem;
    --snk-mb-h1: 1.5rem;
  }
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
/* inter-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: Inter;
  font-style: normal;
  font-weight: 300;
  src: url(/wp-content/themes/snk-child/assets/fonts/inter-v13-latin-300.woff2) format("woff2"), url(/wp-content/themes/snk-child/assets/fonts/inter-v13-latin-300.ttf) format("truetype"); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* inter-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  src: url(/wp-content/themes/snk-child/assets/fonts/inter-v13-latin-regular.woff2) format("woff2"), url(/wp-content/themes/snk-child/assets/fonts/inter-v13-latin-regular.ttf) format("truetype"); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* inter-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  src: url(/wp-content/themes/snk-child/assets/fonts/inter-v13-latin-500.woff2) format("woff2"), url(/wp-content/themes/snk-child/assets/fonts/inter-v13-latin-500.ttf) format("truetype"); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* inter-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  src: url(/wp-content/themes/snk-child/assets/fonts/inter-v13-latin-600.woff2) format("woff2"), url(/wp-content/themes/snk-child/assets/fonts/inter-v13-latin-600.ttf) format("truetype"); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* inter-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: Inter;
  font-style: normal;
  font-weight: 700;
  src: url(/wp-content/themes/snk-child/assets/fonts/inter-v13-latin-700.woff2) format("woff2"), url(/wp-content/themes/snk-child/assets/fonts/inter-v13-latin-700.ttf) format("truetype"); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* Font Pragmatica: Copyright ? ParaType, 2018. All rights reserved.*/
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: PragmaticaWebExtendedMedium;
  font-style: normal;
  font-weight: 500;
  src: url(/wp-content/themes/snk-child/assets/fonts/pragmatica_extended-medium.woff2) format("woff2"), url(/wp-content/themes/snk-child/assets/fonts/pragmatica_extended-medium.woff) format("woff"); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
.snk-h1-large {
  font-size: var(--snk-fs-h1-large);
  line-height: var(--snk-lh-h1-large);
  margin-bottom: var(--snk-mb-h1);
}

p,
ul:not([class]),
ol:not([class]) {
  font-weight: 300;
}

.snk-text_sm b,
.snk-text_sm strong,
.snk-text_xs b,
.snk-text_xs strong {
  font-weight: 600;
}

@media (max-width: 767.98px) {
  .snk-roofline {
    --snk-roofline-mb: 1.5rem;
  }
}

.site-main a:not([class]) {
  background-image: linear-gradient(0deg, var(--snk-link-underline-color) 0%, var(--snk-link-underline-color) 100%);
  background-repeat: no-repeat;
  background-size: 100% 0.0625rem;
  background-position: left bottom;
  text-decoration: none;
}
@media (hover: hover) {
  .site-main a:not([class]):hover {
    animation: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s scale-out forwards, 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s scale-in forwards;
  }
}

.snk-btn-link {
  position: relative;
  font-family: "PragmaticaWebExtendedMedium", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen-sans, ubuntu, cantarell, "Helvetica Neue", sans-serif;
  font-size: 0.9375rem;
  line-height: 1;
  font-weight: 500;
  text-decoration: none;
  color: var(--snk-link-color);
  border: none;
  background-color: transparent;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  padding: 6px 0 0.75rem 0;
}
.snk-btn-link span {
  position: relative;
  display: flex;
  justify-content: space-between;
  width: 100%;
  text-align: left;
  transform: translateZ(0);
  transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.snk-btn-link span::before, .snk-btn-link span::after {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  background: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"%3e%3cpath fill="%2315178c" d="m13.846 17.654-1.054-1.085 3.82-3.819H4.5v-1.5h12.112l-3.82-3.82 1.054-1.084L19.5 12l-5.654 5.654Z"/%3e%3c/svg%3e') center no-repeat;
  background-size: contain;
  margin-top: -6px;
}
.snk-btn-link span::before {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  transform: translateX(-2rem) translateZ(0);
  transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}
.snk-btn-link span::after {
  margin-left: 0.5rem;
}
.snk-btn-link:hover span, .snk-btn-link:active span {
  transform: translateX(2rem) translateZ(0);
}
.snk-btn-link_anchor span::before, .snk-btn-link_anchor span::after {
  background: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"%3e%3cpath fill="%2315178c" d="M12 17.654 6.346 12 7.4 10.946l3.85 3.85V5.25h1.5v9.546l3.85-3.85L17.654 12 12 17.654Z"/%3e%3c/svg%3e') center no-repeat;
}

@keyframes scale-in {
  0% {
    background-size: 0% 0.0625rem;
    background-position: left bottom;
  }
  to {
    background-size: 100% 0.0625rem;
    background-position: left bottom;
  }
}
@keyframes scale-out {
  0% {
    background-size: 100% 0.0625rem;
    background-position: right bottom;
  }
  to {
    background-size: 0% 0.0625rem;
    background-position: right bottom;
  }
}
.snk-btn-primary {
  color: #060606;
  background: #00ffa2;
  border-color: #00ffa2;
}
.snk-btn-primary:hover {
  background: #00e692;
  border-color: #00e692;
}
.snk-btn-primary:active {
  background: #00cc82;
  border-color: #00cc82;
}

.snk-btn-secondary {
  color: var(--snk-btn-secondary-color);
  background: transparent;
  border-color: var(--snk-btn-secondary-color);
}
.snk-btn-secondary:hover, .snk-btn-secondary:active {
  color: var(--snk-btn-secondary-color-hover);
  background: var(--snk-btn-secondary-color);
  border-color: var(--snk-btn-secondary-color);
}

.snk-btn-feature {
  color: var(--snk-btn-feature-color);
  background: transparent;
  border-color: #00cc82;
  padding: 1rem;
  height: 2.625rem;
}
.snk-btn-feature:hover {
  color: var(--snk-btn-feature-color-hover);
  background: #00ffa2;
  border-color: #00ffa2;
}
.snk-btn-feature:active:not(:hover), .snk-btn-feature.is-active:not(:hover) {
  color: var(--snk-btn-feature-color-hover);
  background: #00e692;
  border-color: #00e692;
}

.snk-buttons {
  display: flex;
  gap: var(--snk-buttons-gap, 1rem);
  margin-top: var(--snk-buttons-mt, 2rem);
  align-items: flex-start;
  flex-wrap: wrap;
}
@media (min-width: 576px) {
  .snk-buttons_center {
    justify-content: center;
  }
}
.snk-buttons_noGap {
  margin-top: 0;
}
.snk-buttons_tinyGap {
  margin-top: var(--snk-buttons-tiny-gap, 0.5rem);
}
.snk-buttons_smallGap {
  margin-top: var(--snk-buttons-small-gap, 1.5rem);
}
.snk-buttons_biggerGap {
  margin-top: 2.5rem;
}
@media (min-width: 768px) {
  .snk-buttons_bigGap {
    margin-top: 4.5rem;
  }
}

.snk-floatingButton {
  position: fixed;
  right: var(--snk-floatingButton-right, 0);
  bottom: var(--snk-floatingButton-bottom, 30%);
  padding: var(--snk-floatingButton-padding, 1rem);
  background: var(--snk-floatingButton-bg, #000043);
}

/* Remove this file, if you don't need it in your project */
/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
.snk-header {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding-bottom: 1rem;
}
.snk-header-wrapper.snk-header_sticky {
  position: sticky;
  top: 0;
  z-index: 1000;
}
.snk-header-wrapper.snk-header_sticky:not(.is-mobile) {
  top: var(--snk-header-sticky-offset);
}
.snk-header-wrapper.snk-header_sticky-announcement:not(.is-mobile) {
  top: var(--snk-header-sticky-offset-announcement);
  transition: top 0.5s ease; /* Transition-Effekt für die "top"-Animation */
  position: sticky;
  z-index: 1000;
content-visibility: visible;

}
.snk-header-wrapper.snk-header_sticky-announcement.is-mobile {
  top: var(--snk-header-sticky-offset-announcement);
  transition: top 0.5s ease; /* Transition-Effekt für die "top"-Animation */

}
.snk-header-wrapper.is-mobile {
  height: var(--snk-mobile-header-height);
  position: fixed;
  width: 100%;
  left: 0;
  z-index: 1000;
}
.snk-header-wrapper.is-mobile > .container {
  height: 100%;
}
.snk-header-wrapper.is-mobile + .site-main {
  padding-top: var(--snk-mobile-header-height);
}
.snk-header-container {
  display: flex;
  opacity: 0;
}
.snk-header-main {
  width: 100%;
}
.snk-header-logo {
  align-self: flex-start;
  flex-shrink: 0;
  margin-right: auto;
  padding-right: 0.5rem;
}
.snk-header-logo a {
  display: block;
}
.snk-header-logo img {
  max-height: 1.75rem;
  height: 1.75rem;
}
.snk-headerMobile .snk-header-logo {
  align-self: center;
}
.snk-headerMobile .snk-header-logo img {
  max-width: 97px;
  height: auto;
}
.snk-header .menu-item {
  position: relative;
}
.snk-header .menu-item a {
  display: flex;
  text-decoration: none;
  font-family: "PragmaticaWebExtendedMedium", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen-sans, ubuntu, cantarell, "Helvetica Neue", sans-serif;
  font-weight: 500;
}
.snk-header .current-menu-item > a,
.snk-header .current-menu-ancestor > a {
  position: relative;
}
.snk-header .sub-menu {
  background: #fff;
  display: none;
}
.snk-header .sub-menu .menu-item > a {
  line-height: 1;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.9375rem;
  color: #15178c;
}
.snk-header .sub-menu .menu-item > a img {
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
}
.snk-header .snk-header-buttons {
  display: flex;
}
.snk-header.is-mobile {
  padding-top: 1rem;
  height: 100%;
  --snk-btn-secondary-color: #15178c;
}
.snk-header.is-mobile .snk-navigation,
.snk-header.is-mobile .snk-navMenu-wrapper,
.snk-header.is-mobile .snk-navMenu {
  width: 100%;
}
.snk-header.is-mobile .snk-headerMobile {
  display: flex;
}
.snk-header.is-mobile .snk-header-container {
  position: absolute;
  width: 100vw;
  top: var(--snk-mobile-header-height);
  height: calc(100vh - var(--snk-mobile-header-height));
  right: 0;
  z-index: 1000;
  opacity: 0;
  transform: translate3d(105%, 0, 0);
  transition: transform 0.3s ease-out, opacity 0.3s ease-in;
  overflow: auto;
  scrollbar-width: 0;
  flex-direction: column;
  background: #fff;
}
@media (min-width: 1024px) and (max-width: 1199.98px) {
  .snk-header.is-mobile .snk-header-container ul > li > a,
  .snk-header.is-mobile .snk-header-container ul > li > span,
  .snk-header.is-mobile .snk-header-container .snk-header-buttons,
  .snk-header.is-mobile .snk-header-container .snk-languageSwitcher {
    padding-inline: var(--snk-container-x-padding);
  }
}
.snk-header.is-mobile .snk-header-container.is-active {
  transform: translate3d(0, 0, 0);
  transition: transform 0.3s ease-out;
  opacity: 1;
}
.snk-header.is-mobile .snk-header-container .snk-header-logo {
  display: none;
}
.snk-header.is-mobile .snk-header-main {
  flex-direction: column;
}
.snk-header.is-mobile ul {
  flex-direction: column;
}
.snk-header.is-mobile ul > li {
  border-bottom: 1px solid rgba(0, 0, 67, 0.24);
  transition: border-color 0.2s ease-in-out;
}
.snk-header.is-mobile ul > li > a,
.snk-header.is-mobile ul > li > span {
  align-items: center;
  justify-content: space-between;
  font-size: 1.0625rem;
  color: #15178c;
  padding: 1.5rem var(--snk-container-x-padding);
  margin-bottom: 0;
  display: flex;
  gap: 0.5rem;
  -webkit-tap-highlight-color: transparent;
}
.snk-header.is-mobile ul > li.menu-item-has-children > a,
.snk-header.is-mobile ul > li.menu-item-has-children > span {
  position: relative;
}
.snk-header.is-mobile ul > li.menu-item-has-children > a::after, .snk-header.is-mobile ul > li.menu-item-has-children > a::before,
.snk-header.is-mobile ul > li.menu-item-has-children > span::after,
.snk-header.is-mobile ul > li.menu-item-has-children > span::before {
  content: "";
  display: block;
  width: 18px;
  height: 2px;
  margin: 10px;
  background-color: #15178c;
  transition: transform 0.2s ease-in-out;
}
.snk-header.is-mobile ul > li.menu-item-has-children > a::before,
.snk-header.is-mobile ul > li.menu-item-has-children > span::before {
  position: absolute;
  right: var(--snk-container-x-padding);
  transform: rotate(-90deg);
}
.snk-header.is-mobile ul > li.menu-item-has-children.is-active {
  border-color: #15178c;
}
.snk-header.is-mobile ul > li.menu-item-has-children.is-active > a::before,
.snk-header.is-mobile ul > li.menu-item-has-children.is-active > span::before {
  transform: rotate(0);
}
.snk-header.is-mobile .sub-menu > li {
  border-bottom: none;
}
.snk-header.is-mobile .sub-menu > li:last-child > a {
  padding-bottom: 2.5rem;
}
.snk-header.is-mobile .sub-menu a {
  padding: 1rem var(--snk-container-x-padding);
  white-space: normal;
  width: 100%;
  justify-content: flex-start;
}
.snk-header.is-mobile .sub-menu .current-menu-item > a::before {
  display: none;
}
.snk-header.is-mobile .snk-header-buttons,
.snk-header.is-mobile .snk-languageSwitcher {
  padding-inline: var(--snk-container-x-padding);
}
.snk-header.is-mobile .snk-header-buttons {
  gap: 1rem;
  margin-top: 3rem;
}
.snk-header.is-mobile .snk-languageSwitcher {
  margin-top: 1rem;
  padding-bottom: 2.5rem;
}
.snk-header.is-mobile .snk-languageSwitcher-current, .snk-header.is-mobile .snk-languageSwitcher-submenu li {
  color: #15178c;
}
.snk-header.is-mobile .snk-languageSwitcher-current {
  padding-top: 1rem;
  padding-bottom: 0.5rem;
}
.snk-header.is-mobile .snk-languageSwitcher-submenu {
  display: none;
  gap: 1rem;
  font-size: 0.9375rem;
}
.snk-header.is-mobile .snk-languageSwitcher-submenu li a {
  padding-inline: 0;
}
.snk-header:not(.is-mobile) {
  padding-top: 1.5rem;
}
.snk-header:not(.is-mobile) .snk-header-main,
.snk-header:not(.is-mobile) .snk-navigation {
  align-items: center;
  gap: 2rem;
}
.snk-header:not(.is-mobile) .snk-navigation {
  flex-grow: 1;
}
.snk-header:not(.is-mobile) .menu-item > a {
  white-space: nowrap;
}
.snk-header:not(.is-mobile) .menu-item > a::before {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  height: 0.125rem;
  width: 100%;
  bottom: -0.4375rem;
  background-color: #00ffa2;
  transition: background-color 0.2s ease-in-out, transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  transform: scaleX(0);
  transform-origin: left;
}
.snk-header:not(.is-mobile) .menu-item:not(.current-menu-item):not(.current-menu-parent):hover > a::before {
  transform: scaleX(1);
}
.snk-header:not(.is-mobile) .sub-menu {
  left: 0;
  transform: translateY(22px);
  padding: 1rem 1.5rem;
  border-radius: 0.5rem;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 67, 0.24);
  position: absolute;
  width: max-content;
  min-width: 360px;
  z-index: 1000;
}
.snk-header:not(.is-mobile) .sub-menu .menu-item > a {
  padding: 0.75rem 0;
  margin-bottom: 0.25rem;
}
.snk-header:not(.is-mobile) .sub-menu .menu-item > a::before {
  height: 0.0625rem;
  background-color: #15178c;
  bottom: 0.5625rem;
}
.snk-header:not(.is-mobile) .current-menu-item > a::before,
.snk-header:not(.is-mobile) .current-menu-ancestor > a::before {
  transition: none;
  transform: scaleX(1);
}
.snk-header:not(.is-mobile) .snk-navMenu a {
  position: relative;
}
.snk-header:not(.is-mobile) .snk-navMenu > .menu-item {
  padding-right: 2rem;
  cursor: pointer;
}
.snk-header:not(.is-mobile) .snk-navMenu > .menu-item > a {
  color: #fff;
  font-size: 0.9375rem;
  line-height: 1;
}
.snk-header:not(.is-mobile) .snk-navMenu > .menu-item.menu-item-has-children > a {
  pointer-events: none;
}
.snk-header:not(.is-mobile) .snk-btn-secondary {
  --snk-btn-secondary-color: #fff;
}
.snk-header:not(.is-mobile) .snk-header-buttons {
  gap: 0.5rem;
}
.snk-header:not(.is-mobile) .snk-languageSwitcher-submenu {
  padding: 1rem 1rem 0.6rem 1rem;
  min-width: 56px;
  transform: translateY(8px);
}
.snk-header:not(.is-mobile) .snk-languageSwitcher-submenu li a::before {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  height: 0.0625rem;
  width: 100%;
  bottom: 0.125rem;
  background-color: #15178c;
  transition: background-color 0.2s ease-in-out, transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  transform: scaleX(0);
  transform-origin: left;
}
.snk-header:not(.is-mobile) .snk-languageSwitcher-submenu li:hover a::before, .snk-header:not(.is-mobile) .snk-languageSwitcher-submenu li:focus a::before {
  transform: scaleX(1);
}
.snk-header.init .snk-header-container {
  transition: none;
}
.snk-header.init:not(.is-mobile) .snk-header-container {
  opacity: 1;
}

.snk-header-main,
.snk-navigation,
.snk-navMenu {
  display: flex;
}

.snk-languageSwitcher {
  position: relative;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.snk-languageSwitcher-current {
  text-transform: uppercase;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.snk-languageSwitcher-current svg {
  color: inherit;
  width: 1.5rem;
  height: 1.5rem;
}
.snk-languageSwitcher-current, .snk-languageSwitcher-submenu li {
  font-family: "PragmaticaWebExtendedMedium", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen-sans, ubuntu, cantarell, "Helvetica Neue", sans-serif;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1;
  min-height: 20px!important;
}
.snk-languageSwitcher-submenu {
  list-style: none;
  gap: 1.5rem;
}
.snk-languageSwitcher-submenu li a {
  color: #15178c;
  text-decoration: none;
  position: relative;
}
.snk-languageSwitcher-submenu li.wpml-ls-current-language {
  display: none;
}

.snk-headerMobile {
  display: none;
  align-items: center;
  height: 100%;
}
.snk-headerMobile-toggle {
  position: relative;
  width: 23px;
  height: 16px;
  margin: 4px 8px;
  padding: 0;
  border: none;
  background: transparent;
  -webkit-tap-highlight-color: transparent;
}
.snk-headerMobile-toggle span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #fff;
  opacity: 1;
  right: 0;
  transform: rotate(0deg);
  transition: 0.25s ease-in-out;
}
.snk-headerMobile-toggle span:nth-child(1) {
  top: 0;
}
.snk-headerMobile-toggle span:nth-child(2), .snk-headerMobile-toggle span:nth-child(3) {
  top: 7px;
}
.snk-headerMobile-toggle span:nth-child(4) {
  top: 14px;
}
.snk-headerMobile-toggle.is-active span:nth-child(1), .snk-headerMobile-toggle.is-active span:nth-child(4) {
  top: 7px;
  width: 0%;
  right: 50%;
}
.snk-headerMobile-toggle.is-active span:nth-child(2) {
  transform: rotate(45deg);
}
.snk-headerMobile-toggle.is-active span:nth-child(3) {
  transform: rotate(-45deg);
}

@supports (height: 100dvh) {
  .snk-header.is-mobile .snk-header-container {
    height: calc(100dvh - var(--snk-mobile-header-height));
  }
}
body.admin-bar .snk-header-wrapper.is-mobile {
  top: 32px;
}
@media (max-width: 782px) {
  body.admin-bar .snk-header-wrapper.is-mobile {
    top: 46px;
  }
}
body.admin-bar .snk-header-wrapper:not(.is-mobile).snk-header_sticky {
  top: 32px;
}
@media (max-width: 782px) {
  body.admin-bar .snk-header-wrapper:not(.is-mobile).snk-header_sticky {
    top: 46px;
  }
}

.snk-footer {
  padding: 3rem 0 0;
}
@media (min-width: 1024px) {
  .snk-footer {
    padding-top: 3.5rem;
  }
}
.snk-footer-menuItems {
  margin-bottom: 1rem;
}
@media (min-width: 1024px) {
  .snk-footer-menuItems {
    margin-bottom: 5rem;
  }
}
.snk-footer-logo {
  max-width: 10.375rem;
  max-height: 7.5rem;
  display: block;
  color: inherit;
}
@media (max-width: 1023.98px) {
  .snk-footer-logo {
    margin-bottom: 3rem;
  }
}
.snk-footer-logo svg,
.snk-footer-logo img {
  width: auto;
  height: auto;
  max-height: 100%;
  max-width: 100%;
}
.snk-footer-logo svg {
  color: inherit;
}
@media (min-width: 768px) {
  .snk-footer-logo svg {
    width: 100%;
  }
}
.snk-footer-link, .snk-footer-privacyPolicyLinks a {
  transition: opacity 0.15s ease-in-out;
}
.snk-footer-link:hover, .snk-footer-privacyPolicyLinks a:hover {
  opacity: 0.6;
}
.snk-footer-nav {
  list-style: none;
}
.snk-footer-nav li {
  margin-bottom: 2rem;
  line-height: 1;
}
@media (min-width: 1024px) {
  .snk-footer-nav li:last-child {
    margin-bottom: 0;
  }
}
.snk-footer-link {
  color: #fff;
  text-decoration: none;
  font-family: "PragmaticaWebExtendedMedium", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen-sans, ubuntu, cantarell, "Helvetica Neue", sans-serif;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1;
}
.snk-footer-link svg {
  color: inherit;
}
.snk-footer-socialIcons {
  display: flex;
  align-items: center;
  list-style: none;
}
@media (max-width: 1023.98px) {
  .snk-footer-socialIcons {
    margin-top: 1.5rem;
  }
}
.snk-footer-socialIcons li {
  margin-right: 2rem;
}
.snk-footer-socialIcons img {
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  min-height: 1rem;
}
.snk-footer-privacyPolicyLinks {
  font-size: 0.75rem;
  line-height: 1;
  display: flex;
  list-style: none;
}
.snk-footer-privacyPolicyLinks li {
  margin-right: 1rem;
}
.snk-footer-privacyPolicyLinks a {
  color: #fff;
  text-decoration: none;
}
@media (min-width: 1024px) {
  .snk-footer-copyrightLinksWrap {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
}
.snk-footer-copyright {
  margin-bottom: 0;
}
.snk-footer-gradient {
  background: linear-gradient(354deg, #b8c2ff -14.72%, #15178c 31.15%, #000043 78.88%);
  padding: 0 0 3rem;
}
@media (max-width: 1023.98px) {
  .snk-footer-gradient {
    background-size: 150%;
  }
}
@media (min-width: 1024px) {
  .snk-footer-gradient {
    padding: 53px 0 42px;
  }
}

@media (max-width: 1023.98px) {
  .snk-footer-privacyPolicyLinks {
    margin-bottom: 1rem;
    justify-content: center;
  }
  .snk-footer-privacyPolicyLinks li:last-child {
    margin-right: 0;
  }
}
@media (min-width: 768px) {
  .snk-footer-menuGroup {
    display: flex;
    justify-content: center;
    margin-bottom: 2.5rem;
  }
  .snk-footer-menuGroup .snk-footer-nav {
    width: 25%;
    padding: 0 1.5rem;
    margin-bottom: 0;
  }
  .snk-footer-menuGroup .snk-footer-nav li:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 1024px) {
  .snk-footer-logo {
    display: block;
    margin: 0 auto 0 0;
  }
  .snk-footer-menuGroup {
    justify-content: flex-end;
  }
  .snk-footer-menuGroup .snk-footer-nav:first-child {
    padding-left: 0;
  }
  .snk-footer-menuGroup .snk-footer-nav:last-child {
    padding-right: 1rem;
  }
  .snk-footer-copyright {
    padding-right: 1rem;
  }
}
.snk-section {
  --snk-section-y: var(--snk-section-y-padding-mobile);
  padding-top: var(--snk-section-y);
  padding-bottom: var(--snk-section-y);
  overflow: hidden;
  height: auto;
}
@media (min-width: 768px) {
  .snk-section {
    --snk-section-y: var(--snk-section-y-padding-desktop);
  }
}
.snk-section_noTop {
  padding-top: 0;
}
.snk-section_noBtm {
  padding-bottom: 0;
}
@media (min-width: 768px) {
  .snk-section_bigBtm {
    padding-bottom: var(--snk-section-y-padding-big);
  }
}
.snk-section_noPadding {
  padding: 0;
}
.snk-section_center {
  text-align: center;
}
.snk-section_center .snk-textBlock,
.snk-section_center .snk-404-textBlock {
  align-items: center;
}
.snk-section_center .snk-buttons {
  align-items: center;
  justify-content: center;
}
.snk-section_slim {
  --snk-section-y: var(--snk-section-y-padding-slim-mobile);
}
@media (min-width: 768px) {
  .snk-section_slim {
    --snk-section-y: var(--snk-section-y-padding-slim);
  }
}
.snk-section .row {
  --snk-gutter-x: 1rem;
  --snk-gutter-y: 2rem;
}
@media (min-width: 1024px) {
  .snk-section .row {
    --snk-gutter-x: 2.5rem;
    --snk-gutter-y: 3rem;
  }
}
.snk-section_overflowInit {
  overflow: initial;
}
.snk-section-headline {
  align-items: center;
}
.snk-section-headline h2,
.snk-section-headline h3,
.snk-section-headline .snk-h2,
.snk-section-headline .snk-h3 {
  margin-bottom: 0;
}
@media (max-width: 767.98px) {
  .snk-section-headline.row {
    --snk-gutter-y: 1.5rem;
  }
}
.snk-section-headline_left h1,
.snk-section-headline_left h2,
.snk-section-headline_left h3,
.snk-section-headline_left .snk-h1,
.snk-section-headline_left .snk-h2,
.snk-section-headline_left .snk-h3, .snk-section-headline_right h1,
.snk-section-headline_right h2,
.snk-section-headline_right h3,
.snk-section-headline_right .snk-h1,
.snk-section-headline_right .snk-h2,
.snk-section-headline_right .snk-h3, .snk-section-headline_center h1,
.snk-section-headline_center h2,
.snk-section-headline_center h3,
.snk-section-headline_center .snk-h1,
.snk-section-headline_center .snk-h2,
.snk-section-headline_center .snk-h3 {
  text-align: inherit;
}
.snk-section-headline_left {
  text-align: left;
}
.snk-section-headline_center {
  text-align: center;
}
.snk-section-headline_right {
  text-align: right;
}

.snk-textBlock {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: 725px;
}
.snk-textBlock > *:last-child {
  margin-bottom: 0;
}

.snk-cards {
  display: flex;
  flex-wrap: wrap;
  gap: var(--snk-card-gap);
}
.snk-cards .snk-card {
  width: 100%;
}
@media (min-width: 576px) {
  .snk-cards_two .snk-card, .snk-cards_three .snk-card {
    width: calc(50% - var(--snk-card-gap) * 0.5);
  }
}
@media (max-width: 767.98px) {
  .snk-cards {
    --snk-card-gap: 2rem;
  }
}
@media (min-width: 768px) {
  .snk-cards_three .snk-card {
    width: calc(33.3333% - var(--snk-card-gap) * 2 / 3);
  }
}

.snk-card {
  display: flex;
  text-decoration: none;
  position: relative;
}
.snk-card-content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  border-radius: var(--snk-card-border-radius);
  width: 100%;
  height: 100%;
}
.snk-card-text p, .snk-card .snk-card-headline {
  margin-bottom: 0;
}
.snk-card-text, .snk-card-link {
  z-index: 1;
}
.snk-card .snk-card-text .snk-text_sm {
  margin-top: 1rem;
}

.snk-teaser-inner.row {
  --snk-gutter-y: 3rem;
}
.snk-teaser-image {
  line-height: 0;
  flex-shrink: 0;
}
.snk-teaser-image img {
  width: 100%;
}
@supports (aspect-ratio: 4/3) {
  .snk-teaser-image {
    aspect-ratio: 4/3;
    display: block;
    overflow: hidden;
    position: relative;
  }
  .snk-teaser-image img {
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
    object-position: center;
  }
  .snk-teaser-image_auto {
    aspect-ratio: initial;
  }
  .snk-teaser-image_auto img {
    position: static;
    height: auto;
  }
}
.snk-teaser-description > p {
  max-width: 725px;
  line-height: 1.8;
}
.snk-teaser, .snk-teaser-content, .snk-teaser-description, .snk-teaser-links {
  display: flex;
  flex-direction: column;
}
.snk-teaser-content {
  padding: 2rem 0 0;
  height: 100%;
}
.snk-teaser-content:empty {
  padding: 0;
}
.snk-teaser-content > *:last-child {
  margin-bottom: 0;
}
.snk-teaser-description {
  gap: 1rem;
  align-items: flex-start;
}
.snk-teaser-description > * {
  margin-bottom: 0;
}
.snk-teaser-links {
  align-items: flex-start;
}
.row .snk-teaser {
  height: 100%;
}

@media (max-width: 767.98px) {
  .snk-section_teaser .snk-teaserSlider .splide__slide {
    max-width: 96%;
  }
}
@media (min-width: 768px) and (max-width: 1023.98px) {
  .snk-section_teaser .snk-teaserSlider .splide__slide {
    max-width: 46%;
  }
}
@media (max-width: 1023.98px) {
  .snk-section_teaser .snk-teaserSlider .splide__track {
    overflow: visible;
  }
  .snk-section_teaser .snk-teaserSlider .splide__arrows {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5rem;
    margin-top: 2rem;
  }
  .snk-section_teaser .snk-teaserSlider .splide__arrow {
    position: static;
    transform: none;
  }
}
@media (min-width: 1024px) {
  .snk-section_teaser .snk-teaserSlider .splide__track,
  .snk-section_teaser .snk-teaserSlider .snk-slider-progress {
    max-width: none;
  }
  .snk-section_teaser .snk-teaserSlider .splide__list {
    --snk-gutter-x: 2.5rem;
    --snk-gutter-y: 3rem;
    display: flex !important;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--snk-gutter-y)) !important;
    margin-right: calc(-0.5 * var(--snk-gutter-x)) !important;
    margin-left: calc(-0.5 * var(--snk-gutter-x)) !important;
  }
  .snk-section_teaser .snk-teaserSlider .splide__slide {
    flex: 0 0 auto;
    width: 33.33333333%;
    max-width: 100%;
    padding-right: calc(var(--snk-gutter-x) * 0.5);
    padding-left: calc(var(--snk-gutter-x) * 0.5);
    margin-top: var(--snk-gutter-y);
  }
  .snk-section_teaser .snk-teaserSlider .splide__arrows {
    display: none;
  }
}
@media (min-width: 1024px) {
  .snk-section_teaser.snk-section_teaserTeam .splide__slide {
    width: 50%;
  }
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
html,
body {
  scroll-behavior: smooth;
}

.site {
  min-height: 100vh;
}

@media (max-width: 782px) {
  #wpadminbar {
    position: fixed;
  }
}
.page-template-dark-bg {
  background-color: #000043;
}
.page-template-dark-bg .site {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.page-template-default .site {
  display: flex;
  flex-direction: column;
}
.page-template-default .snk-footer {
  margin-top: auto;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/
@media (min-width: 1024px) {
  .splide__track,
  .snk-slider-progress {
    max-width: 1060px;
    margin: 0 auto;
  }
}

.splide__arrow {
  width: 3rem;
  height: 3rem;
  border: 1px solid #15178c;
  background: none;
  opacity: 1;
  transition: background-color 0.3s ease-out, border 0.3s ease-out, color 0.3s ease-out;
}
.splide__arrow:not(:disabled):hover {
  border-color: #00ffa2;
  background-color: #00ffa2;
}
.splide__arrow:active {
  border-color: #00e692;
  background-color: #00e692;
}
.splide__arrow svg,
.splide__arrow path {
  transition: color 0.3s ease-out;
}
.splide__arrow svg {
  height: 1.25rem;
  width: 1.25rem;
  color: #15178c;
  flex-shrink: 0;
}
.splide__arrow--next {
  right: 0;
}
.splide__arrow--prev {
  left: 0;
}

.splide.is-focus-in .splide__arrow:focus,
.splide.is-focus-in .splide__pagination__page:focus {
  outline: var(--snk-link-ouline-width) var(--snk-link-ouline-style) var(--snk-link-ouline-color);
  outline-offset: var(--snk-link-ouline-offset);
}

.snk-slider-count {
  font-family: "PragmaticaWebExtendedMedium", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen-sans, ubuntu, cantarell, "Helvetica Neue", sans-serif;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/
.snk-show-for-sr {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.snk-bg_4, .snk-bg_3, .snk-bg_2, .snk-bg_1 {
  --snk-link-color: #00ffa2;
  --snk-link-underline-color: #00ffa2;
  --snk-btn-link-color: #fff;
  --snk-link-ouline-color: #fff;
  --snk-btn-secondary-color: #00ffa2;
  --snk-btn-secondary-color-hover: #060606;
  --snk-btn-feature-color: #fff;
  --snk-btn-feature-color-hover: #060606;
}
.snk-bg_4, .snk-bg_3, .snk-bg_2, .snk-bg_1,
.snk-bg_4 h1,
.snk-bg_3 h1,
.snk-bg_2 h1,
.snk-bg_1 h1,
.snk-bg_4 h2,
.snk-bg_3 h2,
.snk-bg_2 h2,
.snk-bg_1 h2,
.snk-bg_4 h3,
.snk-bg_3 h3,
.snk-bg_2 h3,
.snk-bg_1 h3,
.snk-bg_4 h4,
.snk-bg_3 h4,
.snk-bg_2 h4,
.snk-bg_1 h4,
.snk-bg_4 h5,
.snk-bg_3 h5,
.snk-bg_2 h5,
.snk-bg_1 h5,
.snk-bg_4 h6,
.snk-bg_3 h6,
.snk-bg_2 h6,
.snk-bg_1 h6,
.snk-bg_4 .snk-h1,
.snk-bg_3 .snk-h1,
.snk-bg_2 .snk-h1,
.snk-bg_1 .snk-h1,
.snk-bg_4 .snk-h2,
.snk-bg_3 .snk-h2,
.snk-bg_2 .snk-h2,
.snk-bg_1 .snk-h2,
.snk-bg_4 .snk-h3,
.snk-bg_3 .snk-h3,
.snk-bg_2 .snk-h3,
.snk-bg_1 .snk-h3,
.snk-bg_4 .snk-h4,
.snk-bg_3 .snk-h4,
.snk-bg_2 .snk-h4,
.snk-bg_1 .snk-h4,
.snk-bg_4 .snk-h5,
.snk-bg_3 .snk-h5,
.snk-bg_2 .snk-h5,
.snk-bg_1 .snk-h5,
.snk-bg_4 .snk-h6,
.snk-bg_3 .snk-h6,
.snk-bg_2 .snk-h6,
.snk-bg_1 .snk-h6,
.snk-bg_4 p,
.snk-bg_3 p,
.snk-bg_2 p,
.snk-bg_1 p,
.snk-bg_4 .snk-roofline,
.snk-bg_3 .snk-roofline,
.snk-bg_2 .snk-roofline,
.snk-bg_1 .snk-roofline,
.snk-bg_4 ol,
.snk-bg_3 ol,
.snk-bg_2 ol,
.snk-bg_1 ol,
.snk-bg_4 ul,
.snk-bg_3 ul,
.snk-bg_2 ul,
.snk-bg_1 ul {
  color: #fff;
}
.snk-bg_4 .snk-btn-link, .snk-bg_3 .snk-btn-link, .snk-bg_2 .snk-btn-link, .snk-bg_1 .snk-btn-link {
  --snk-link-color: #fff;
}
.snk-bg_4 .snk-btn-link:not(.snk-btn-link_anchor) span::before, .snk-bg_3 .snk-btn-link:not(.snk-btn-link_anchor) span::before, .snk-bg_2 .snk-btn-link:not(.snk-btn-link_anchor) span::before, .snk-bg_1 .snk-btn-link:not(.snk-btn-link_anchor) span::before, .snk-bg_4 .snk-btn-link:not(.snk-btn-link_anchor) span::after, .snk-bg_3 .snk-btn-link:not(.snk-btn-link_anchor) span::after, .snk-bg_2 .snk-btn-link:not(.snk-btn-link_anchor) span::after, .snk-bg_1 .snk-btn-link:not(.snk-btn-link_anchor) span::after {
  background: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"%3e%3cpath fill="%23fff" d="m13.846 17.654-1.054-1.085 3.82-3.819H4.5v-1.5h12.112l-3.82-3.82 1.054-1.084L19.5 12l-5.654 5.654Z"/%3e%3c/svg%3e') center no-repeat;
}
.snk-bg_4 .snk-btn-link_anchor span::before, .snk-bg_3 .snk-btn-link_anchor span::before, .snk-bg_2 .snk-btn-link_anchor span::before, .snk-bg_1 .snk-btn-link_anchor span::before, .snk-bg_4 .snk-btn-link_anchor span::after, .snk-bg_3 .snk-btn-link_anchor span::after, .snk-bg_2 .snk-btn-link_anchor span::after, .snk-bg_1 .snk-btn-link_anchor span::after {
  background: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"%3e%3cpath fill="%23fff" d="M12 17.654 6.346 12 7.4 10.946l3.85 3.85V5.25h1.5v9.546l3.85-3.85L17.654 12 12 17.654Z"/%3e%3c/svg%3e') center no-repeat;
}
.snk-bg_4 .snk-btn-secondary:active, .snk-bg_3 .snk-btn-secondary:active, .snk-bg_2 .snk-btn-secondary:active, .snk-bg_1 .snk-btn-secondary:active {
  background: #00cc82;
}
.snk-bg_4 .snk-kpi-number, .snk-bg_3 .snk-kpi-number, .snk-bg_2 .snk-kpi-number, .snk-bg_1 .snk-kpi-number {
  color: #b8c2ff;
}
.snk-bg_4 .splide__arrow, .snk-bg_3 .splide__arrow, .snk-bg_2 .splide__arrow, .snk-bg_1 .splide__arrow {
  border-color: #fff;
}
.snk-bg_4 .splide__arrow:not(:hover) svg, .snk-bg_3 .splide__arrow:not(:hover) svg, .snk-bg_2 .splide__arrow:not(:hover) svg, .snk-bg_1 .splide__arrow:not(:hover) svg,
.snk-bg_4 .splide__arrow:not(:hover) path,
.snk-bg_3 .splide__arrow:not(:hover) path,
.snk-bg_2 .splide__arrow:not(:hover) path,
.snk-bg_1 .splide__arrow:not(:hover) path, .snk-bg_4 .splide__arrow:disabled svg, .snk-bg_3 .splide__arrow:disabled svg, .snk-bg_2 .splide__arrow:disabled svg, .snk-bg_1 .splide__arrow:disabled svg,
.snk-bg_4 .splide__arrow:disabled path,
.snk-bg_3 .splide__arrow:disabled path,
.snk-bg_2 .splide__arrow:disabled path,
.snk-bg_1 .splide__arrow:disabled path {
  color: #fff;
}
@media (max-width: 767.98px) {
  .snk-bg_4 .snk-featureSlider::after, .snk-bg_3 .snk-featureSlider::after, .snk-bg_2 .snk-featureSlider::after, .snk-bg_1 .snk-featureSlider::after {
    background: linear-gradient(90deg, rgba(0, 0, 67, 0) 0%, #000043 100%);
  }
}

.snk-bg_1 {
  background-color: #000043;
  --snk-color-dark: true;
}
.snk-bg_2 {
  background-color: #15178c;
  --snk-color-dark: true;
}
.snk-bg_3 {
  background: linear-gradient(249deg, #000043 57.31%, #15178c 122.48%);
  --snk-color-dark: true;
}
.snk-bg_4 {
  background: linear-gradient(304deg, #000043 58.27%, #15178c 138.17%);
  --snk-color-dark: true;
}

.entry-content > p:empty {
  display: none;
}