body {
    font-family: HelveticaNeueLTW01_55Roman,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.6875;
    color: #7F7F7F;
    margin: 0;
    padding: 0;
    border: 0;
}

.line_horizontal_visible
{
	border-top-style: solid; 
	border-top-width: 1px; 
	border-top-color: #C0C0C0;
	border-bottom-style: solid; 
	border-bottom-width: 1px; 
	border-bottom-color: #C0C0C0;
}

.line_horizontal_nonvisible
{
	border-top-style: none; 
}

.input_field
{
	height:22px;
	font-size:1rem;
	color: #7F7F7F;
	border:1px solid #B3B3B3;
}

.input_dropdown
{
	height:26px;
	font-size:1rem;
	color: #7F7F7F;
	border:1px solid #B3B3B3;
}

.input_button 
{
    font-size: 1em;
    line-height: 1.5em;
    padding: 10px 24px 11px;
    background-color: #0F05A0;
    color: white;
    border: solid;
    border-width: 1px;
    border-color: #0F05A0;
    color: #fff;
    border-radius: 2px;
    cursor: pointer;
}

    .input_button:hover {
        border: solid;
        border-width: 1px;
        border-color: #070250;
        background-color: #070250;
    }

.label_error
{
	font-weight: bold;
	font-size: 12px;
	color: #FF0000;
}

.label_message_title
{
	font-weight: bold;
}

.table_kontakt {
    font-family: HelveticaNeueLTW01_55Roman,"Helvetica Neue",Helvetica,Arial,sans-serif;
    width: 455px;
}

.table_kontakt_cell_left
{
	width: 155px;
	font-size: 13px;
	text-align:right;	
}

.table_kontakt_cell_right
{
	width: 262px;
	font-size: 11px;
}

.table_kontakt_textbox
{
	width: 262px;
	border: solid 1px #CCCCCC;
	height: 23px;
}

.table_kontakt_textbox_upload
{
	width: 125px;
	height: 17px;
}

.table_kontakt_title
{
	width: 129px;
	font-size: 15px;
	font-weight:bold;
}

.table_kontakt_textarea
{
	width: 262px;
	border: solid 1px #CCCCCC;
	height: 104px;
}

.table_kontakt_placeholder
{
	width: 5px;
}

.table_kontakt_button {
    height: 23px;
}

a {
    color: #0F05A0;
}

.autocomplete-container {
    position: relative;
    width: 300px;
}

.autocomplete-list {
    position: absolute;
    border: 1px solid #ccc;
    background-color: white;
    width: 100%;
    max-height: 150px;
    overflow-y: auto;
    display: none;
    z-index: 10;
}

.autocomplete-item {
    padding: 8px;
    cursor: pointer;
}

    .autocomplete-item:hover {
        background-color: #f0f0f0;
    }

.autocomplete-input {
    width: 100%;
    padding: 6px;
    box-sizing: border-box;
    height: 26px;
    font-size: 1rem;
    color: #7F7F7F;
    border: 1px solid #B3B3B3;
}

.suggestion {
    border: 0px solid #ccc;
    position: absolute;
    background-color: white;
    max-height: 150px;
    overflow-y: auto;
    display: none;
    z-index: 1000; /* Ensure it appears above other elements */
    width: 90%; /* Match the width of the input field */
}

.autocomplete-container {
    position: relative; /* Establish a positioning context for .suggestion */
}

.form-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap; /* Allows wrapping to the next line if needed */
    margin-bottom: 10px;
}

    .form-row label {
        margin-right: 10px; /* Space between label and input */
        flex: 0 0 auto; /* Prevents the label from stretching */
    }

    .form-row .autocomplete-container {
        flex: 1 1 auto; /* Allows the input container to grow and shrink */
        max-width: 300px; /* Optional: set a max width for the input */
    }

.autocomplete-input {
    width: 100%; /* Makes the input fill its container */
}

.radio-group {
    display: flex;
    align-items: center;
    flex-wrap: wrap; /* Allows wrapping to the next line if needed */
    gap: 10px; /* Space between the label and radio buttons */
    margin-bottom: 10px;
}

.radio-group-label {
    font-weight: bold;
    flex: 0 0 auto; /* Prevents the label from stretching */
}

.radio-buttons {
    display: flex;
    gap: 10px; /* Space between radio buttons */
    flex: 1 1 auto; /* Allows the radio buttons container to grow and shrink */
}

.form-group {
    display: flex;
    flex-wrap: wrap; /* Allows wrapping if needed */
    align-items: center;
    margin-bottom: 10px;
}

    .form-group label {
        width: 100px; /* Fixed width for consistent alignment */
        margin-right: 10px;
        flex: 0 0 auto; /* Prevents the label from stretching */
    }

    .form-group .input-container {
        flex: 1 1 auto; /* Allows the input to grow and shrink */
    }

.input-container input,
.input-container .autocomplete-container {
    width: 100%; /* Makes the input and autocomplete container fill the available space */
    max-width: 300px; /* Optional: limits the maximum width of the input */
}

.button-container {
    margin-top: 20px; 
    margin-bottom: 20px; 
}

.container {
    width: 100%;
}

.row {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.label {
    width: 190px;
}

.value {
    flex: 1; /* Takes up remaining space */
}

.spacer {
    width: 100%;
}

.label_message_title, .label_error {
    font-weight: bold;
}

.label_error {
    color: red;
}