/*=========================================================Basislayout & Typografie=========================================================*/ 
body.jax-marker-body-elements {
    font-size: 16px;
    line-height: 1.5;
    color: #222222;
    background-color: #e5f3ea;
}

/* Banner dunkelgrün */
.JAX-MARKER header .wrapper.navigation-wrapper {
    background-color: #023047 !important;
}

/* Standardtext */
p,
.jax-label-text,
.jax-label-text span,
legend,
.jax-callout,
.jax-callout span {
    font-size: 0.95rem;
    font-weight: 400;
    color: #222222;
}

.JAX-MARKER #mainDIV #FORM_CONTAINER #FORM_CONTENT .jax-group .form-group .weight400 span.jax-label-text,
.JAX-MARKER.JAX-WORKBENCH .jax-wizard-form #FORM_CONTAINER #FORM_CONTENT .jax-group .form-group .weight400 span.jax-label-text,
.JAX-MARKER #mainDIV #FORM_CONTAINER #FORM_CONTENT .weight400 span.jax-label-text,
.JAX-MARKER #mainDIV #FORM_CONTAINER #FORM_CONTENT .weight400 .weight400 span.jax-label-text,
.JAX-MARKER.JAX-WORKBENCH .jax-wizard-form #FORM_CONTAINER #FORM_CONTENT .weight400 span.jax-label-text {
	font-weight: 400 !important;
}

.JAX-MARKER #mainDIV #FORM_CONTAINER #FORM_CONTENT .jax-group .form-group .weight700 span.jax-label-text,
.JAX-MARKER.JAX-WORKBENCH .jax-wizard-form #FORM_CONTAINER #FORM_CONTENT .jax-group .form-group .weight700 span.jax-label-text,
.JAX-MARKER #mainDIV #FORM_CONTAINER #FORM_CONTENT .weight700 span.jax-label-text,
{
font-weight: 700 !important;
}

/* ========================================= Überschriften ========================================= */
.jax-main-view-title,
h1.jax-nav-heading {
    font-size: 1.8rem !important;
    font-weight: 600;
    margin: 0 0 1.5rem 0;
    text-align: center;
    color: #023047;
}

h2.jax-nav-heading {
    font-size: 1.35rem !important;
    font-weight: 600;
    margin: 2rem 0 0.75rem;
    color: #023047;
}

.jax-fieldset-bordered legend h3,
.jax-fieldset-bordered legend h4 {
    font-size: 1.3rem !important;
    font-weight: 600;
    margin: 0;
    color: #023047;
}

.jax-form-page h3.jax-focusable-heading {
    font-size: 1.2rem !important;
    font-weight: 600;
    margin-bottom: 1rem;
    color: #023047;
}

.jax-simple-label-actas-text {
	font-size: 1.2rem !important;
    font-weight: 600;
}

/* ========================================= Wizard ========================================= */
/* UL mit den Schritten als Flex-Container */
.JAX-MARKER .jax-paging-navigation .nav.jax-wizard-style--pills {
	justify-content: space-between;
}

/* jedes LI soll sich gleich verteilen */
.JAX-MARKER .jax-paging-navigation .nav.jax-wizard-style--pills li {
	float: none !important;   /* Float vom Framework überschreiben */
	flex: 1 1 0;
	text-align: center;
}

.JAX-MARKER .jax-paging-navigation .nav.jax-wizard-style--pills li .jax-step-wrapper {
	float: none !important;
}

/* ========================================= Seiten-Container ========================================= */
/* JEDER Formularschritt liegt direkt auf dem grünen Seitenhintergrund */
.jax-form-page {
	background: transparent;
	border: 0;
	box-shadow: none;
	margin-top: 4rem;
}

/* ========================================= Gruppen / Fieldsets ========================================= */
/* Standard-Gruppen: weiße Boxen auf grünem Hintergrund */
.jax-complex-group-visualizer .jax-fieldset-bordered {
    background: #ffffff;
    border: 1px solid #BABABA;
    border-radius: 12px;
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
    margin-bottom: 1.5rem;
}

/* Legend in die Box integriert */
.jax-fieldset-bordered legend.jax-caption-border {
    padding: 0 0 0.75rem;
    margin-bottom: 0.5rem;
    border: 0;
}

/* Hinweis-/Infoboxen */
.jax-complex-group-visualizer .jax-infobox .jax-fieldset-bordered {
    background: #d3ebdd;
    border: 1px solid #BABABA;
}

/* Warnboxen */
.jax-callout-danger {
    background-color: #fff5f5;
    border-radius: 12px;
    border: 1px solid #ffc9c9;
    padding: 1rem 1.25rem;
}

/* einzelne Felder vergrössern */
/* ========================================= Navigationsleiste (Schritte) ========================================= */
.jax-paging-navigation {
    margin-bottom: 1.5rem;
}

.jax-wizard .jax-step-wrapper {
    font-size: 0.9rem;
    font-weight: 500;
}

.jax-wizard li.active .jax-pill, .jax-wizard li.hover .jax-pill {
    background-color: #023047 !important;
    border: #023047 !important;
    color: #ffffff;
}

.JAX-MARKER .jax-paging-navigation .nav.jax-wizard-style--pills li.active:after {
    border-color: #023047 !important;
}

.jax-wizard li.active .jax-step__text {
    color: #023047 !important;
}

/* ========================================= Formularfelder ========================================= */
.jax-inputfield,
.jax-form-page select,
.jax-simple-filebox {
    font-size: 0.95rem;
    border-radius: 6px;
    border: 1px solid #cbd5e1;
    padding: 0.45rem 0.6rem;
    box-shadow: none;
    background-color: #ffffff;
}

.jax-inputfield:focus,
.jax-form-page select:focus,
.jax-simple-filebox:focus {
    border-color: #005b44;
    outline: none;
    box-shadow: 0 0 0 2px rgba(0, 91, 68, 0.25);
}

/* Label über Feldern leicht betonen */
.jax-gridlayout-label-holder .jax-label-text,
.jax-simple-label-trailing .jax-label-text {
    font-weight: 500;
    color: #111827;
}

/* Checkboxen & Radios */
.jax-radiogroup-inline .jax-radiobutton-label-text,
.jax-boolean-checkbox+label .jax-label-text {
    font-size: 0.95rem;
    font-weight: 400;
}

/* ========================================= Buttons ========================================= */
.btn,
.jax-paging-next-button,
.jax-paging-navigation-controls .btn {
    border-radius: 999px;
    font-size: 0.95rem;
    font-weight: 500;
    padding: 0.45rem 1.25rem;
}

.jax-paging-next-button {
    background-color: #005b44;
    border-color: #005b44;
    color: #ffffff;
}

.jax-paging-next-button:hover,
.jax-paging-next-button:focus {
    background-color: #017356;
    border-color: #017356;
    color: #ffffff;
}