@font-face {
    font-family: 'Frutiger';
    src: url("https://ohws.prospective.ch/directlink/1002891002/assets/fonts/frutiger/81e3653a-53bd-49d9-a1f8-f924811b6f02.eot?#iefix");
    src: url("https://ohws.prospective.ch/directlink/1002891002/assets/fonts/frutiger/81e3653a-53bd-49d9-a1f8-f924811b6f02.eot?#iefix") format("eot"),
    url("https://ohws.prospective.ch/directlink/1002891002/assets/fonts/frutiger/087d8a95-3f25-4bae-a1d1-db9ddffd72f5.woff2") format("woff2"),
    url("https://ohws.prospective.ch/directlink/1002891002/assets/fonts/frutiger/ab1bcdf7-9570-4cba-a8e3-3e39ddd861db.woff") format("woff"),
    url("https://ohws.prospective.ch/directlink/1002891002/assets/fonts/frutiger/83c94878-06c8-442c-a7df-d520b0ced00b.ttf") format("truetype"),
    url("https://ohws.prospective.ch/directlink/1002891002/assets/fonts/frutiger/29f3ff8a-1719-4e25-a757-53ee1a1114a5.svg#29f3ff8a-1719-4e25-a757-53ee1a1114a5") format("svg");
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'Frutiger';
    src: url("https://ohws.prospective.ch/directlink/1002891002/assets/fonts/frutiger/381ea1e1-9a08-4929-a402-63be7fd76549.eot?#iefix");
    src: url("https://ohws.prospective.ch/directlink/1002891002/assets/fonts/frutiger/381ea1e1-9a08-4929-a402-63be7fd76549.eot?#iefix") format("eot"),
    url("https://ohws.prospective.ch/directlink/1002891002/assets/fonts/frutiger/db6ed4c5-5248-41f3-a6b5-4e8ff1d5ab06.woff2") format("woff2"),
    url("https://ohws.prospective.ch/directlink/1002891002/assets/fonts/frutiger/38f88aba-a7d0-4a78-9323-ac58226d277e.woff") format("woff"),
    url("https://ohws.prospective.ch/directlink/1002891002/assets/fonts/frutiger/1149176e-a9be-41bf-822e-275d9da199e5.ttf") format("truetype"),
    url("https://ohws.prospective.ch/directlink/1002891002/assets/fonts/frutiger/cd75c3e3-c5b7-4a25-9498-cabe4e8a9076.svg#cd75c3e3-c5b7-4a25-9498-cabe4e8a9076") format("svg");
    font-weight: 200;
    font-style: italic;
}
@font-face {
    font-family: 'Frutiger';
    src: url("https://ohws.prospective.ch/directlink/1002891002/assets/fonts/frutiger/fe232554-5489-4874-bb45-bd966c8c5932.eot?#iefix");
    src: url("https://ohws.prospective.ch/directlink/1002891002/assets/fonts/frutiger/fe232554-5489-4874-bb45-bd966c8c5932.eot?#iefix") format("eot"),
    url("https://ohws.prospective.ch/directlink/1002891002/assets/fonts/frutiger/0811514e-6660-4043-92c1-23d0b8caaa2f.woff2") format("woff2"),
    url("https://ohws.prospective.ch/directlink/1002891002/assets/fonts/frutiger/aeae8cac-ba4d-40d2-bbcf-936f2c7dcfe6.woff") format("woff"),
    url("https://ohws.prospective.ch/directlink/1002891002/assets/fonts/frutiger/caedf2e6-fbef-4928-b08e-1f975981ae8d.ttf") format("truetype"),
    url("https://ohws.prospective.ch/directlink/1002891002/assets/fonts/frutiger/7def0e34-f28d-434f-b2ec-472bde847115.svg#7def0e34-f28d-434f-b2ec-472bde847115") format("svg");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Frutiger';
    src: url("https://ohws.prospective.ch/directlink/1002891002/assets/fonts/frutiger/f8bbb037-530d-4e04-a651-4134f7031164.eot?#iefix");
    src: url("https://ohws.prospective.ch/directlink/1002891002/assets/fonts/frutiger/f8bbb037-530d-4e04-a651-4134f7031164.eot?#iefix") format("eot"),
    url("https://ohws.prospective.ch/directlink/1002891002/assets/fonts/frutiger/f5a95cb0-6d5b-4eb4-b6a3-a529d5ccde25.woff2") format("woff2"),
    url("https://ohws.prospective.ch/directlink/1002891002/assets/fonts/frutiger/01f463dc-dba9-419f-9c9f-80ac2ee9f427.woff") format("woff"),
    url("https://ohws.prospective.ch/directlink/1002891002/assets/fonts/frutiger/ba125970-2d75-413e-a466-324153755f20.ttf") format("truetype"),
    url("https://ohws.prospective.ch/directlink/1002891002/assets/fonts/frutiger/141c0322-57c4-48ca-abb4-31688d659f7d.svg#141c0322-57c4-48ca-abb4-31688d659f7d") format("svg");
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: 'Frutiger';
    src: url("https://ohws.prospective.ch/directlink/1002891002/assets/fonts/frutiger/eb06b4c3-c0fd-4cd0-a9d9-a2954f6839a7.eot?#iefix");
    src: url("https://ohws.prospective.ch/directlink/1002891002/assets/fonts/frutiger/eb06b4c3-c0fd-4cd0-a9d9-a2954f6839a7.eot?#iefix") format("eot"),
    url("https://ohws.prospective.ch/directlink/1002891002/assets/fonts/frutiger/8c92eb68-ce37-4962-a9f4-5b47d336bd1c.woff2") format("woff2"),
    url("https://ohws.prospective.ch/directlink/1002891002/assets/fonts/frutiger/9bdfdcac-bbd4-46a9-9280-056c9a4438a2.woff") format("woff"),
    url("https://ohws.prospective.ch/directlink/1002891002/assets/fonts/frutiger/5dae3a6e-9b07-4c2f-aed2-1f5b8951261b.ttf") format("truetype"),
    url("https://ohws.prospective.ch/directlink/1002891002/assets/fonts/frutiger/eae74276-dd78-47e4-9b27-dac81c3411ca.svg#eae74276-dd78-47e4-9b27-dac81c3411ca") format("svg");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Frutiger';
    src: url("https://ohws.prospective.ch/directlink/1002891002/assets/fonts/frutiger/36c26121-ef21-4e44-9f00-0388185c96aa.eot?#iefix");
    src: url("https://ohws.prospective.ch/directlink/1002891002/assets/fonts/frutiger/36c26121-ef21-4e44-9f00-0388185c96aa.eot?#iefix") format("eot"),
    url("https://ohws.prospective.ch/directlink/1002891002/assets/fonts/frutiger/9e60a7b4-389b-4630-9fa6-1abd9be2035f.woff2") format("woff2"),
    url("https://ohws.prospective.ch/directlink/1002891002/assets/fonts/frutiger/3048913e-d0c8-4b82-978a-aa862248bea4.woff") format("woff"),
    url("https://ohws.prospective.ch/directlink/1002891002/assets/fonts/frutiger/db4ea3f5-223b-4821-957f-6eb868db73b1.ttf") format("truetype"),
    url("https://ohws.prospective.ch/directlink/1002891002/assets/fonts/frutiger/8ad009ab-a7e5-4acb-8ca5-326d2a759924.svg#8ad009ab-a7e5-4acb-8ca5-326d2a759924") format("svg");
    font-weight: 400;
    font-style: italic;
}

body {
    font-family: "Frutiger", serif;
    color:#515151;
    font-size: 16px;
    line-height: 28px;
    font-weight: 200;
}
h1, h2, h3, p, a, input, textarea, select, button {
    font-family: "Frutiger", serif;
}
h3 {
    font-size: 16px;
    margin-top:44px;
    margin-bottom: 10px;
}
a {
    color: #00a5ef;
}
a:hover {
    color: #00a5ef;
    text-decoration: underline;
}
.form-title {
    margin: 0 auto;
    padding: 30px 0;
}

.form-title h1 {
    font-size: 32px;
    line-height: 48px;
    margin: 0px 0px 20px;
    font-weight: 200;
}
.form-title span {
    font-size: 14px;
    line-height: 20px;
}

.form-wrapper {
    width: 80%;
    margin: 60px auto;
}

.ui.form .inline.fields {
    margin-bottom: 0px;
}

.birthdate-field {
    position: relative;
}

#birthdate {
      padding-right: 2rem;
}

.fa-calendar-alt {
      position: absolute;
      right: 1.5rem;
      top: 50%;
      transform: translateY(-50%);
      pointer-events: none;
      color: #555;
}

.ui.form input:not([type]), .ui.form input[type=color], .ui.form input[type=date], .ui.form input[type=datetime-local], .ui.form input[type=email], .ui.form input[type=file], .ui.form input[type=month], .ui.form input[type=number], .ui.form input[type=password], .ui.form input[type=search], .ui.form input[type=tel], .ui.form input[type=text], .ui.form input[type=time], .ui.form input[type=url], .ui.form input[type=week] {
    font-family: "Frutiger", serif;
    font-weight: 200!important;
}

.ui.form input:not([type]):focus, .ui.form input[type=color]:focus, .ui.form input[type=date]:focus, .ui.form input[type=datetime-local]:focus, .ui.form input[type=email]:focus, .ui.form input[type=file]:focus, .ui.form input[type=month]:focus, .ui.form input[type=number]:focus, .ui.form input[type=password]:focus, .ui.form input[type=search]:focus, .ui.form input[type=tel]:focus, .ui.form input[type=text]:focus, .ui.form input[type=time]:focus, .ui.form input[type=url]:focus, .ui.form input[type=week]:focus, .ui.selection.dropdown:focus, .ui.selection.dropdown:focus, .ui.selection.active.dropdown, .ui.selection.active.dropdown:hover, .ui.selection.active.dropdown .menu, .ui.selection.simple.dropdown:hover .menu {
    color: rgba(0, 0, 0, .95);
    border-color:#515151;
    border-radius:0px;
    font-weight: 200!important;
}

.ui.selection.active.dropdown .menu {
    border-width:2px;
    margin-left:-2px;
    margin-right:-2px;
    min-width: calc(100% + 4px);
}

.ui.selection.dropdown .menu>.item {
    font-weight: 200!important;
}

.form-row {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.label-radio-button {
    display: flex!important;
    flex-direction: row;
    align-items: flex-start;
    gap: 20px;
    margin-bottom: 20px;
}

.label-radio-button small {
    min-width: 100px;
    font-size: 12px;
}

.label-radio-button .ui.checkbox label {
    font-size: 12px;;
}

.ui.checkbox:not(.invisible) label {
    padding-left: 26px;
    cursor: pointer;
}

/* Overlay covering the entire screen */
.overlay {
    display: none;
    position: fixed; /* Fixed position to cover the whole screen */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8); /* White background with transparency */
    z-index: 1000; /* High z-index to be on top of other content */
    align-items: center; /* Center content vertically */
    justify-content: center; /* Center content horizontally */
}

.overlay.active {
    display: flex;
}

.spinner-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

/* Spinner styles */
.spinner {
    border: 4px solid rgba(0, 0, 0, 0.1); /* Light grey border */
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border-top-color: #0064A3; /* Green color for the spinner */
    animation: spin 1s infinite linear;
}

.fieldFile.filled .fileuploadWindow {
    border-color:#ccc !important;}

.field.error .fileuploadWindow {
    background: #fff6f6;
    border-color: #e0b4b4;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Text style below the spinner */
.overlay-text {
    color: #242424;
    font-size: 18px;
    margin-left: 20px; /* Margin to separate from the spinner */
}

header {
    padding: 20px 0px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

#mainWrapper {
    max-width: 1180px;
    width: 100%;
    overflow:hidden;
    padding-left:20px;
    padding-right:20px;
    margin: 0 auto;
}

#headerImage {
    max-width: 100%;
    position: relative;
}

#headerImage img {
    width: 100%;
    height: auto;
}

#headerImage .motto {
    font-size: 32px;
    font-weight: 200;
    color: #ffffff;
    position: absolute;
    top:10px;
    right: 10px;
}

.ui.ui.form .field .fields .field:not(:only-child) .ui.checkbox {
    margin-top: 0;
}
.ui.form .field {
    margin:0px;
}
.uploadFields {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.fieldFile {
    cursor: pointer;
    width: 100%;
    margin-bottom: 0px !important;
}
.fileuploadWindow {
    padding: 0 12px;
    background-color: #fff;
    border: 2px solid #ccc;
    background-color: #f2f2f2;
    border-radius: 0px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 16px;
    font-weight: 200;
}

.fileuploadWindow  span {
    background-color: #0087CD;
    color: #fff;
    padding: 12px 20px;
    cursor: pointer;
    font-weight: 200;
    line-height: 16px;
}

.fileuploadWindow  span:hover {
    background-color: #1678c2;
}

.fieldFile input {
    display: none;
}
.clear-file {
    display:none;
    cursor: pointer;
    margin-left: 10px;
}

.uploadFields label {
    margin:20px 0;
    display: block;
}

.file-error {
    margin-top: 5px;
    font-size: 12px;
    color: #ff0000;
    display: none;
}

.buttons {
    display: flex;
    gap: 2rem;
    margin-bottom: 6rem;
}

.ui.primary.button, .ui.secondary.button {
    background-color:#0087CD;
    padding: 12px 20px;
    border-radius: 0px;
    font-size: 16px;
    margin-top:50px;
    font-weight: 200;
    font-family: "Frutiger", serif;
    min-width: 200px;
}

.ui.secondary.button, .ui.secondary.button:active, .ui.secondary.button:focus, .ui.secondary.buttons .button:focus {
    border: 2px solid #ccc;
    background-color: #f2f2f2;
    color: #242424;
}

.ui.secondary.button:hover {
    background-color: #e0e0e0;
    color: #242424;
}

.ui.form input[type=text], .ui.form input[type=date] {
    height: 40px;
    border-radius: 0px;
    border-width: 2px;
}

.ui.form .uploadFields .required.field>label::after {
    display: none;
}

.ui.form .required.field>label::after {
    color:#242424;
}
.required.field>label::after {
    color:#242424;
}
.ui.selection.dropdown {
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 20px;
    border-radius: 0px;
    border-width: 2px;
}

.ui.grid>.column:not(.row) {
    padding-bottom: 0;
}

.ui.form textarea, .ui.input textarea {
    border-radius: 2px;
}



@media screen and (max-width: 900px) {
  #headerImage .motto {
    font-size: 22px;
    }
}

@media only screen and (max-width: 768px) {
    #mainWrapper {
        padding-left:10px;
        padding-right: 10px;
    }
    header {
        padding: 10px 0px;
    }
    .form-title h1 {
        font-size:32px;
        hyphens:auto;
    }
    .form-title span {
        font-size: 12px;
    }
    #logo img {
        width: 170px;
    }
  #headerImage .motto {
    font-size: 16px;
    }
    .buttons {
        flex-direction: column;
    }
    .ui.secondary.button {
        margin-top:0px;
    }
    .anrede {
        margin-bottom:0px!important;
    }
    .anrede .fields .field:nth-child(2) {
        margin-bottom: 0px!important;
    }
}

@media screen and (max-width: 400px) {
  #headerImage .motto {
    font-size: 12px;
    top: 5px;
    }
}