:root {
--primary-color-hue:246;
--primary-color-saturation: 72%;
--primary-color-lightness: 21%;
--secondary-color-hue:199;
--secondary-color-saturation: 10%;
--secondary-color-lightness: 44%;
} /*Variablen */

:root {
	--ap-blau:#160F5B;
	--color-persis-primary: var(--ap-blau);
    --bs-font-sans-serif: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji","SpaceGrotesk-Regular";
    --bs-body-font-family: var(--bs-font-sans-serif);
}


/*Scss */
@font-face {
    font-family: "SpaceGrotesk-Regular";
    src: url("/persis/custom_fonts/SpaceGrotesk/SpaceGrotesk-Regular.ttf");
}

@font-face {
    font-family: "SpaceGrotesk-Bold";
    src: url("/persis/custom_fonts/SpaceGrotesk/SpaceGrotesk-Bold.ttf");
}

@font-face {
    font-family: "SpaceGrotesk-SemiBold";
    src: url("/persis/custom_fonts/SpaceGrotesk/SpaceGrotesk-SemiBold.ttf");
}

@font-face {
    font-family: "SpaceGrotesk-Light";
    src: url("/persis/custom_fonts/SpaceGrotesk/SpaceGrotesk-Light.ttf");
}

@font-face {
    font-family: "SpaceGrotesk-Medium";
    src: url("/persis/custom_fonts/SpaceGrotesk/SpaceGrotesk-Medium.ttf");
}

@font-face {
    font-family: "SpaceGrotesk-VariableFont_wght";
    src: url("/persis/custom_fonts/SpaceGrotesk/SpaceGrotesk-VariableFont_wght.ttf");
}


body {
    font-family: SpaceGrotesk-Regular, Avenir, Verdana, Arial, Helvetica, sans-serif;
    color: var(--ap-blau) !important;
}

/*Farbe der Feldlabels auf dem Formular*/
.col-form-label.text-truncate {
    font-family: SpaceGrotesk-Regular, Avenir, Verdana, Arial, Helvetica, sans-serif;
    color: var(--ap-blau) !important;
}

/*Auswahlfelder auf dem Formular*/
select.form-control {
    font-family: SpaceGrotesk-Regular, Avenir, Verdana, Arial, Helvetica, sans-serif;
    color: var(--ap-blau) !important;
}

/*Freitext Formularfelder auf dem Formular*/
input.form-control {
    font-family: SpaceGrotesk-Regular, Avenir, Verdana, Arial, Helvetica, sans-serif;
    color: var(--ap-blau) !important;
}

/*Freitext Formularfelder E-Mail und Telefon auf dem Formular*/
input.form-control.is-touched.is-dirty {
    font-family: SpaceGrotesk-Regular, Avenir, Verdana, Arial, Helvetica, sans-serif;
    color: var(--ap-blau) !important;
}

/*PLZ-Feld auf dem Formular*/
.select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered {
    font-family: SpaceGrotesk-Regular, Avenir, Verdana, Arial, Helvetica, sans-serif;
    color: var(--ap-blau) !important;
}

/*Card-Überschriften auf dem Formular*/
.col-12 {
    font-family: SpaceGrotesk-Bold, Avenir, Verdana, Arial, Helvetica, sans-serif;
    color: white !important;
}

/*Bemerkungsfeld Multiline auf dem Formular*/
form .form-control, form .form-control:active, form .form-control:focus, form .form-control:hover {
    font-family: SpaceGrotesk-Regular, Avenir, Verdana, Arial, Helvetica, sans-serif;
    color: var(--ap-blau) !important;
}

/*Textfelder auf dem Formular*/
.text-pf-muted, .text-muted {
    font-family: SpaceGrotesk-Regular, Avenir, Verdana, Arial, Helvetica, sans-serif;
    color: var(--ap-blau) !important;
}

/*Dropdown auf der Stellenübersicht*/
.btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
font-family: SpaceGrotesk-Regular, Avenir, Verdana, Arial, Helvetica, sans-serif;
}

/*KBEZ der Stelle auf der Stellenübersicht*/
.lead {
    font-family: SpaceGrotesk-Regular, Avenir, Verdana, Arial, Helvetica, sans-serif;
    color: var(--ap-blau) !important; 
}

/*Dropdown "Bewerben" auf der Stellenübersicht*/
.dropdown-menu .dropdown-item, .dropdown-pf-menu .dropdown-item {
    font-family: SpaceGrotesk-Regular, Avenir, Verdana, Arial, Helvetica, sans-serif;
}

/*Bestätigungsseite nach Absenden der Bewerbung*/
.card-body {
    font-family: SpaceGrotesk-Regular, Avenir, Verdana, Arial, Helvetica, sans-serif;
    color: var(--ap-blau) !important;
}

.alert-success {
    font-family: SpaceGrotesk-Regular, Avenir, Verdana, Arial, Helvetica, sans-serif;
    /*color: var(--ap-blau) !important;*/
}

/*Bis hierher alles nur Stellenübersicht und Formular*/

h1, .h1 {
    font-family: SpaceGrotesk-Regular, Avenir, Verdana, Arial, Helvetica, sans-serif;
    color: var(--ap-blau) !important;
}

/*Überschrift 2 auf der Stellenübersicht*/
h2, .h2 {
    font-family: SpaceGrotesk-Regular, Avenir, Verdana, Arial, Helvetica, sans-serif;
    color: var(--ap-blau) !important;
}

/*Überschrift 4 auf der Stellenübersicht*/
h4, .h4 {
    font-family: SpaceGrotesk-Regular, Avenir, Verdana, Arial, Helvetica, sans-serif;
    color: var(--ap-blau) !important;
}

/*Ändert links oben den Hintergrund  des Persis-Logos*/
.responsive-logo-trigger {
    background-color: var(--ap-blau) !important;
    border-color: var(--ap-blau) !important;
}
 
/*hinterlegt beim aktiven Menü die ensprechende Farbe*/
.vsm--link_active {
    background-color:var(--ap-blau) !important;
    border-color: var(--ap-blau) !important;
}
 
/*hinterlegt beim ausgewählten Untermenü die entsprechende Farbe*/
.vsm--link_exact-active {
    background-color: var(--ap-blau) !important;
    border-color: var(--ap-blau) !important;
}
  
 /*hinterlegt beim obersten gewählten Menü ganz links einen Balken in der gewählten Farbe*/
.v-sidebar-menu .vsm--link_level-1.vsm--link_active, .v-sidebar-menu .vsm--link_level-1.vsm--link_exact-active {
    box-shadow: inset 3px 0 0 0 var(--ap-blau) !important;
}
 
/*hinterlegt beim ausfahrenden Menü die ensprechende Farbe*/
.vsm--mobile-bg {
    background-color:var(--ap-blau) !important;
    border-color: var(--ap-blau) !important;
}
 
/*färbt Überschriftsbalken*/
.card-detail .card-body .card-title-row, .ma-kalender-calendar thead, .table thead, .table-calendar-small thead, .table-overview thead {
    background-color: var(--ap-blau) !important;
}
 
/*färbt den obersten Balken in Pop-up-Fenster */
.fusion-generic-view-navbar.fusion-generic-view-navbar-1 {
    background-color: var(--ap-blau) !important;
}
 
/*färbt aufklappbare Menüs unten*/
.v-sidebar-menu .vsm--badge_default, .v-sidebar-menu .vsm--toggle-btn {
    background-color: var(--ap-blau) !important;
}
 
.v-sidebar-menu.vsm_expanded .vsm--item_open .vsm--link_level-1, .v-sidebar-menu.vsm_expanded .vsm--item_open .vsm--link_level-1 .vsm--icon {
    background-color: var(--ap-blau) !important;
}
 
/*Neues Menü, für Mobile-Ansicht*/
.mobile-app-bar {
    background-color:var(--ap-blau) !important;
}
 
.responsive-navigation-burger-button {
    background-color:var(--ap-blau) !important;
}
 
.mobile-app-bar .metalink {
    background-color:var(--ap-blau) !important;
}
 
/*Speichern_Suchen-Button*/
.btn-pf-primary {
    background-color: #35F200;
    border-color: #35F200;
    color: var(--ap-blau) !important;
}

.btn-pf-primary:focus, .btn-pf-primary:hover {
    background-color: #40b420;
    border-color: #40b420;
    color: var(--ap-blau) !important;
}

/* Button zur Stellenausschreibung TK */
.btn-pf-secondary {
    background-color: #35F200;
    border-color: #35F200;
    color: var(--ap-blau) !important;
}

.btn-pf-secondary:focus, .btn-pf-primary:hover {
    background-color: #40b420;
    border-color: #40b420;
    color: var(--ap-blau) !important;
}

a {
    color: var(--ap-blau);
}
 
/*Bindet ein anderes Bild/Logo oben links ein*/
.menu-start-icon{
 background-image: url(../persis/images_kunde/AIRPLUS_FAVICON.png) !important;
 /*background-image: url(/../img/test.svg) !important;*/
 background-repeat: no-repeat;
 background-size: contain;
}

html[data-persis-function="bm.jobs.form"] label {
  white-space: normal;
}

/*Hintergrund des Card-Headers auf der Stellendetail-Seite*/
html[data-persis-function="bm.jobs.details"] .card-header {
  background-color: var(--ap-blau) !important;
}

/*Texte aus der DB auf der Ausschreibungsübersicht*/
html[data-persis-function="bm.ausschreibungsuebersicht"] .align-middle {
  color: var(--ap-blau) !important;
}

/*Hintergrund des Card-Headers auf dem Formular*/
html[data-persis-function="bm.jobs.form"] .card-header {
  background-color: var(--ap-blau) !important;
}

/*Hintergrund der angezeigten Ergebnisse in Dorpdowns auf dem Formular*/
html[data-persis-function="bm.jobs.form"] li.select2-results__option {
  background-color: var(--ap-blau) !important;
  color: white !important;
}

/*Hintergrund der selektierten Ergebnisse in Dorpdowns auf dem Formular*/
html[data-persis-function="bm.jobs.form"] li.select2-results__option select2-results__option--highlighted {
  background-color: var(--ap-blau) !important;
  color: white !important;
}

/*Hintergrund der selektierten Zeile in Dorpdowns auf dem Formular*/
html[data-persis-function="bm.jobs.form"] .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--highlighted {
    background-color: #35F200 !important;
}

/*Hintergrund der zuvor selektierten Zeile in Dorpdowns auf dem Formular*/
html[data-persis-function="bm.jobs.form"] .select2 select2-container select2-container--bootstrap-5 select2-container--below select2-container--focus {
    background-color: #35F200 !important;
}

/*Schrift für ...Ich akzeptiere die ...*/
html[data-persis-function="bm.jobs.form"] label[for=akzeptiere] {
    font-family: SpaceGrotesk-Regular, Avenir, Verdana, Arial, Helvetica, sans-serif;
    color: var(--ap-blau) !important;
}

/*Link zur Datenschuterklärung auf dem Formular*/
a[href]:not(.btn):not(.vsm--link):not(.nav-link):not(.page-link):not(.treeview-row-title):not(.dropdown-item) {
    font-family: SpaceGrotesk-Regular, Avenir, Verdana, Arial, Helvetica, sans-serif;
    color: var(--ap-blau) !important;
    font-weight: bold;
}

/*Schriftfarbe der Texte aus der DB auf der Ausschreibungsübersicht*/
html[data-persis-function="bm.ausschreibungsuebersicht"] .align-middle {
  color: var(--ap-blau) !important;
}

/*Card-Überschriften auf dem Formular (vorher Klasse col-12, siehe weiter oben)*/
h1.w-100 {
    font-family: SpaceGrotesk-Bold, Avenir, Verdana, Arial, Helvetica, sans-serif;
    color: var(--ap-blau) !important;
}

/*Card-Überschriften auf dem Formular (vorher Klasse col-12, siehe weiter oben)*/
div.w-100 {
    font-family: SpaceGrotesk-Bold, Avenir, Verdana, Arial, Helvetica, sans-serif;
    color: white !important;
}