@font-face { font-family: 'webfont_luzern';
             src: url('../html/webfont_luzern.woff') format('woff'),
              url('../html/webfont_luzern.ttf') format('truetype'),
              url('../html/webfont_luzern.svg') format('svg'),
              url('../html/webfont_luzern.eot') format('embedded-opentype');
}


@font-face { font-family: 'futura_bold';
             src: url('../html/futura_bold.woff') format('woff'),
              url('../html/futura_bold.ttf') format('truetype'),
              url('../html/futura_bold.eot') format('embedded-opentype');
}
:focus { outline:none; }

html {
    min-height: 100.5%;
}

body {
    font-family: Arial,sans-serif;
    color: #303133;
    font-size: 14px !important;
}

h2 {
    font-size: 18px !important;
}

h3 {
    font-size: 16px !important;
}




/*** Header ******************************/

.formheader_title {
    padding-top: 0.02em;
}

.formheader_logo img {
    padding-bottom: 8px;
    padding-right: 15px;
    min-width: 90px;
    width: 100%;
    max-width: 192px;
}

.formheader_title h1 {
    font-family: futura_bold;
    font-size: 33px;
    font-weight: bold;
    padding-left: 15px;
    color: #009FE3;
    margin-top: 20px;
    margin-bottom: 3px;
}

.formheader_logo {
    float: left;
}

.header__tag-name {
    font-family: futura_bold;
    font-size: 16px;
    font-weight: bold;
    color: black;
}

.header__tag-nameafter {
    width: 1px;
    color: black;
    padding-right: 4px;
    font-size: 35px;
}

.header__tag-url-begin  {
    font-family: futura_bold;
    font-size: 27px;
    font-weight: bold;
  color: #009FE3;
  font-size: 33px;
}

.header__tag-url-end  {
    font-family: Times New Roman;
    font-size: 32px;
      color: #009FE3;
      font-style: italic;
}

#einstiegsseiteHeader h2 {
    margin-top: 0;
}

#einstiegsseiteHeader button {
	background-color: transparent;
	border: 0;
	color: #3c3c3b;
	text-decoration: underline;
	margin-left: -1em;
	font-weight: normal;
}

#einstiegsseiteHeader button:hover {
    background-color: transparent;
    border: none !important;
    color: #009FE3;;
    background-color: transparent;
    text-decoration: underline;
    margin-left: -1em;
}

#einstiegsseiteHeader .commonButtons button.highlight:not(:disabled) {
    min-width: auto;
    width: auto;
}

#egovernment {
    display: none;
}

#environment_description {
    display: none;
}

.imglogo {
	float: left;
	width: 40%;
}
#adressat:not(.cm_block) {
    text-align: right;
}
body > footer {
	width: 100%;
}

body > footer p, body > footer div {
	background: #009FE3;
	border-top: 1px solid #ffffff;
	padding: 0.33em 1em;
	color: #ffffff;
	margin: 0 auto;
	width: 70%;
	min-width: 842px;
}

body > footer a:link, body > footer a:visited, body > footer a:hover, body > footer a:active {
    color: #ffffff !important;
    display: none;
}

body > main#content {
    margin-bottom: 1.5em;
}


/*** Links ******************************/

a:link {
  color: #3c3c3b;
  background-color: transparent;
  text-decoration: underline;
}

a:visited {
  color: #3c3c3b;
  background-color: transparent;
  text-decoration: underline;
}

a:hover {
  color: #009FE3;
  background-color: transparent;
  text-decoration: underline;
}

a:active {
  color: #009FE3;
  background-color: transparent;
  text-decoration: underline;
}

.cell_container_html a:focus, .cell_container_html a:hover {
    text-shadow: 0.1em 0.1em 0.1em #009FE3;
}


/*** Formularnavigation ******************************/

#form_pagenavigation.bullet {
    padding-top: 1.8em;
    border-top: 5px solid #009FE3;
}
#form_pagenavigation.bullet #form_pagenavigation_list li.navigateAble div button:hover span {
	text-decoration: none;
  	color: #0e5ca1;
}
#form_pagenavigation.bullet #form_pagenavigation_list li div button {
	padding-bottom: 15px;
	overflow: visible;
}
#form_pagenavigation.bullet #form_pagenavigation_list li div button span {
	top: -1.4em;
	color: #595959 !important;
}
#form_pagenavigation.bullet #form_pagenavigation_list li.pageAfterVisited:before,
#form_pagenavigation.bullet #form_pagenavigation_list li.pageAfterVisited div:before,
#form_pagenavigation.bullet #form_pagenavigation_list li.nextPageWasVisited div:after {
    background-color: #777777;
}
#form_pagenavigation.bullet .navigatorOverlay {
	border: 1px solid #009FE3;
}
#form_pagenavigation.bullet #form_pagenavigation_list li.navigateAble div button:hover span {
	border-bottom: 1px solid #009FE3;
}
#form_pagenavigation.arrow #form_pagenavigation_list li.pageBefore div:after,
#form_pagenavigation.arrow #form_pagenavigation_list li.pageCurrent div:after,
#form_pagenavigation.arrow #form_pagenavigation_list li.pageAfterVisited div:after{
	border-left-color: #009FE3;
}
#form_pagenavigation.bullet #form_pagenavigation_list li.pageBefore:before,
#form_pagenavigation.bullet #form_pagenavigation_list li.pageBefore div:before,
#form_pagenavigation.bullet #form_pagenavigation_list li.pageBefore div:after,
#form_pagenavigation.bullet #form_pagenavigation_list li.pageCurrent:before,
#form_pagenavigation.bullet #form_pagenavigation_list li.pageCurrent div:before,
#form_pagenavigation.bullet #form_pagenavigation_list li.pageAfterVisited:before,
#form_pagenavigation.bullet #form_pagenavigation_list li.pageAfterVisited div:before,
#form_pagenavigation.bullet #form_pagenavigation_list li.nextPageWasVisited div:after,
#form_pagenavigation.arrow #form_pagenavigation_list li.pageBefore div,
#form_pagenavigation.arrow #form_pagenavigation_list li.pageBefore div span,
#form_pagenavigation.arrow #form_pagenavigation_list li.pageBefore .pageGroupCounter,
#form_pagenavigation.arrow #form_pagenavigation_list li.pageCurrent div,
#form_pagenavigation.arrow #form_pagenavigation_list li.pageCurrent div span,
#form_pagenavigation.arrow #form_pagenavigation_list li.pageCurrent .pageGroupCounter,
#form_pagenavigation.arrow #form_pagenavigation_list li.pageAfterVisited div,
#form_pagenavigation.arrow #form_pagenavigation_list li.pageAfterVisited div span,
#form_pagenavigation.arrow #form_pagenavigation_list li.pageAfterVisited .pageGroupCounter {
	background-color: #009FE3;
}
#form_pagenavigation.bullet .navigatorOverlay button {
	color: #009FE3;
}



/*** Formular - Block ******************************/

.block {
	border: 0.2em solid #009FE3;
	border-radius: 0em;
	margin-top: 2em;
}

.block > fieldset {
    padding: 0.2em 0.8em 1.2em 0.8em;
}

.block > fieldset > .legend {
    top: -1.5em;
    margin-bottom: -1.5em;
    padding-left: 0.15em;
    overflow: hidden;
    background-image: none;
    background-color: transparent;
    border-bottom: none;
}

.block > fieldset > .legend .block-header {
	display: block;
	float: left;
	padding: 0.5em 0.5em 0.5em 0.3em;
	background-color: white;
	max-width: calc(100% - 2.75em);
}

fieldset .legend h3, fieldset .legend h4 {
    	font-family: Arial, sans-serif;
    	display: inline;
        font-size: 12pt;
        line-height: 14pt;
        font-weight: bold;
        color: black;
}
.blockGroup:not(.lastOfBlockGroup) + .repeatblock_control_bar,
.blockGroup.lastOfBlockGroup + .repeatblock_control_bar {
    border-left: 2px solid #1a78ca;
    border-right: 2px solid #1a78ca;
}
.blockGroup.repeatableBlock + .repeatblock_control_bar .subcolumns {
    margin-bottom: 1em;
}
/* Zwischenüberschriften (verschmolzene Blöcke) */
.blockGroup:not(.firstOfBlockGroup):not(.hideBlockLegend) > fieldset > .legend {
    border-bottom: none;
    background: none;
    color: #3c3c3b;
}.block.blockGroup:not(.firstOfBlockGroup) > fieldset > .legend {
    top: -20px;
}
.blockGroup:not(.lastOfBlockGroup) + .repeatblock_control_bar,
.blockGroup.lastOfBlockGroup + .repeatblock_control_bar {
    border-left: 0.2em solid #009FE3;
    border-right: 0.2em solid #009FE3;
    border-bottom: 0.2em solid #009FE3;
    border-radius: 0;
}
/* .block.blockGroup:not(.firstOfBlockGroup) > fieldset > .legend .block-header {
    background-color: transparent;
}*/
.repeatblock_control_bar.repeatblock_control_bar_singleAdd .subcolumns {
    position:  relative;
    top: -18px;
}

.block_header_minmax_container {
    display: block;
    float: left;
    margin: 0;
    position: relative;
    background-color: white;
}

.block_header_minmax_container a {
    display: block;
    border-bottom: 1px solid #009FE3;
    height: 1.7em;
    width: 1.7em;
    margin-top: 0.4em;
    position: relative;
	padding-top: 0.3em;
	padding-bottom: 0.5em;
	padding-left: 0.27em;
    padding-right: 0.3em;
    text-decoration: none;
    background-color: #009FE3;
    color: #fff;
    text-align: center;
	border-left: 1px solid #009FE3;
	border-top-right-radius: inherit;
	font-weight: bold;
}

.block_header_minmax_container a:focus, .block_header_minmax_container a:hover {
    text-decoration: underline;
}

.block_content {
    font-size: 100%;
    padding-bottom: 0;
}

.row {
    padding-left: 0em;
    padding-right: 0em;
    padding-bottom: 0em;
    padding-top: 0em;
}

.row:hover {
    background-color: transparent;
}

.cell {
    margin-top: 1px;
	overflow: visible;
	height: auto;
	position: relative;
}

.cell::after {
	content: ".";
	height: 0;
	visibility: hidden;
	clear: both;
	font-size: 0em;
}
.row::after {
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
	padding-top: 3px;
}





/*** Formular - Felder ******************************/
.field input[type=text]:not(:disabled), .field input[type=password]:not(:disabled), .field input[type=date]:not(:disabled), .field input[type=tel]:not(:disabled),
.field input[type=number]:not(:disabled), .field input[type=email]:not(:disabled), .field output:not(:disabled), .field textarea:not(:disabled),
.field input[type=text], .field input[type=password], .field input[type=date], .field input[type=tel],
.field input[type=number], .field input[type=email], .field output, .field textarea{
    font-family: Arial,sans-serif;
}
.label {
    text-align: left;
    font-weight: normal;
}

.label_required {
	margin-left: 0.2em;
	text-decoration: none;
}

.valueLabel .field {
    padding-left: 1em;
}

.labelAttach .field {
    padding-left: 1em;
}

.labelAttach.controltype_checkbox .info, .labelAttach.controltype_radio .info {
    margin-right: 1.5em;
}


.labelAttach .attachedLabel {
    font-weight: normal;
    top: 0;
}

.labelAttach .attachedLabel::after {
    margin-bottom: 0;
}

span.select2 {
    max-width: 100%;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #303133;
	line-height: 28px;
	width: 100%;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: #0078d7;
	color: white;
}
/* Autocomplete mit Mehrfachauswahl - 5.4.2023 */
.select2-container .select2-selection--multiple {
    height: unset;
}
.select2-selection__arrow {
    background-image: linear-gradient(45deg, transparent 45%, gray 45%, gray 55%, transparent 55%), linear-gradient(135deg, transparent 45%, gray 45%, gray 55%, transparent 55%);
    background-position: calc(100% - 1.3em) 0.7em, calc(100% - 0.75em) 0.7em;
    background-size: 0.6em 0.6em, 0.6em 0.6em;
    background-repeat: no-repeat;
    width: 2.2em !important;
}

.select2-selection__arrow b {
    border: none !important;
}

.select2-container--default .select2-selection--single {
	background-color: #fff;
	border: 1px solid #aaa;
	border-radius: 0px;
}

select.fieldwidthLimit {
    width: 100%;
}
.fieldcheckboxlabel, .fieldradiolabel {
    font-weight: lighter;
}
.pika-button:hover, .is-today .pika-button:hover {
    color: #fff;
    background: #009FE3;
    box-shadow: none;
    border-radius: 3px;
}
td.is-today.is-selected button {
    color: white;
}

.pika-label:before {
	content: "\2BC6";
	margin-right: 0.25em;
	top: -0.1em;
	position: relative;

}


.is-selected .pika-button {
	color: #fff;
	font-weight: bold;
	background: #009FE3;
	box-shadow: inset 0 1px 3px #009FE3;
	border-radius: 3px;
}

.is-today .pika-button {
	color: #009FE3;
	font-weight: bold;
}

.standard {
	 font-family: Arial,sans-serif;
}
.standard_number {
	font-family: Arial, sanserif;
	font-size: 1.0em;
	text-align: left;
	padding-right: 1px;
}

.standard_disabled {
	font-family: Arial, sans-serif;
	font-size: 1.0em;
	background-color: #F6F6F6;
	color: #000000;
	border: 1px #000000 solid;
	width: 100%;
}

.standard_number_disabled, .standard_number_error_disabled {
	font-family: Arial, sans-serif;
	font-size: 1.0em;
	background-color: #F6F6F6;
	color: #000000;
	border: 1px #000000 solid;
	text-align: left;
	padding-right: 1px;
	width: 100%;
}


.field {
	padding-bottom: 0em;
}

.field select, table select {
	border: 1px solid #bbbbbb;
	border-radius: 0em;
	padding: 0.43em 3em 0.43em 1em;
	font-size: 1em;
	background-color: #ffffff;
}

.field select:not([multiple]) {
    -webkit-appearance: none;
}

.field select:not([multiple]), table select:not([multiple]) {
	background-image: linear-gradient(45deg, transparent 45%, gray 45%, gray 55%, transparent 55%), linear-gradient(135deg, transparent 45%, gray 45%, gray 55%, transparent 55%);
	background-position: calc(100% - 0.8em) 0.7em, calc(100% - 0.25em) 0.7em;
	background-size: 0.6em 0.6em, 0.6em 0.6em;
	background-repeat: no-repeat;
	width: 100%;
	padding: 0.35em 0.4em 0.3em 0.4em;
}

.field input[type="text"], .field textarea {
	border: 1px solid #9d9d9c;
	border-radius: 0em !important;
	font-size: 100%;
	padding: 0.4em 0.4em 0.4em 0.7em;
}

input[type="text"], input[type="password"], textarea {
	width: 100%;
	border: 1px solid #9d9d9c;
	border-radius: 0em !important;
	padding: 0.2em 0.2em;
	font-size: 100%;
	padding: 0.4em 0.4em 0.4em 0.7em;
}
.field :disabled, table :disabled {
    color: black;
    background-color: #dddddd;
}
/*select*/
.field select, table select {
	border: 1px solid #9d9d9c;
	border-radius: 0em;
	font-family: Arial,sans-serif;
	font-size: 100%;
	background-color: #ffffff;
	padding: 0.4em 0.4em 0.4em 0.7em;
}

select:disabled {
opacity: 1;}

/*Datepicker*/
.pika-button {
    text-align: center;
}
input[type="text"].withDatepicker {
	max-width: calc(100% - 2.5em);
	height: inherit;
}
.field button.datepicker img, button.datepicker img {
    height: 20px;
}
.field button.datepicker, .fieldinput_datepicker button:disabled {
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #009FE3;
	background-color: #009FE3;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-top-right-radius: 0em;
	border-bottom-right-radius: 0em;
	width: 28px;
	height: 31px;
	padding: 0;
	margin-left: 4px;
}
.field button.datepicker:hover:not(:disabled) {
    background-color: #009FE3;
}
button.datepicker:not(disabled) {
    background-color: #009FE3 !important;
}
/*Datepicker+Info*/
.fieldwidth100.withInfo .field input.withDatepicker {
    width: calc(100% - 4.9em)!important;
}


.field_filechooser_container {
	margin-top: 0.8em;
}

.field_file_cell  {
    float: left;
}

.field .field_file_cell .standard_file_button {
    padding: 0px;
    margin: 0 0 0.8em 0;
}
.field_file_cell .field_filechooser_container {
    margin-top: 0em;
}

.field_file_cell .field_filelabel_container + .field_filechooser_container {
    float: left;
	margin: 0.33em 0 0.5em 0;
}

button.datepicker, button.datepicker:hover:not(:disabled), button.datepicker:focus:not(:disabled) {
	border-width: 0 !important;
	width: 2.1em !important;
	height: 2.1em !important;
	padding: 0.1em 0em 0em 0em !important;
	margin-left: 0.21em !important;
	background: #009FE3;
}


.field select:not([multiple]), table select:not([multiple]) {
	background-image: linear-gradient(45deg, transparent 45%, gray 45%, gray 55%, transparent 55%), linear-gradient(135deg, transparent 45%, gray 45%, gray 55%, transparent 55%);
	background-position: calc(100% - 1.3em) 0.7em, calc(100% - 0.75em) 0.7em;
	background-size: 0.6em 0.6em, 0.6em 0.6em;
	background-repeat: no-repeat;
	width: 100%;
	padding: 0.4em 0.4em 0.4em 0.55em;
	height: 2.1em;
}

.withInfo select, .withInfo input[type="text"], .withInfo input[type="password"], .withInfo textarea  {
    max-width: calc(100% - 2.5em);
}

.cell_error .field input, .cell_error .field textarea, .cell_error .field select {
	border-color: #e00;
	background-color: #fff2f2;
    border: 2px solid #e00;
    width: 100%;
}

.field .select2:focus-within, .field .select2:hover {
    box-shadow: 0 0 0.2em 0.1em #75aedf;
}

.cell_error .field input, .cell_error .field textarea, .cell_error .field select, .cell_error .field .select2-container--default .select2-selection {
	border-color: #e00;
	background-color: #fff2f2;
	border: 2px solid #e00;
	width: 100%;
}

table input[type="text"]:not(:disabled):hover, table textarea:not(:disabled):hover, table select:not(:disabled):hover, table input[type="text"]:not(:disabled):focus,
table textarea:not(:disabled):focus, table select:not(:disabled):focus-within,  table .select2:focus-within, table .select2:hover,
.repeattable_buttons input[type=text]:not(:disabled):hover, .repeattable_buttons input[type=text]:not(:disabled):focus {
    box-shadow: 0 0 0.2em 0.1em #75aedf;
}

/* checkbox - hckchen aus webfont statt standard */

.check_wrap {
    visibility: hidden;
}

.check_rplc {
    background: none;
    box-shadow: none;
    border: none;
}

.check_rplc:after {
    position: relative;
    display: block;
    top: -0.2em;
    content: 'r';
    font-family: 'webfont_luzern';
    font-size: 1.4em;
    visibility: visible;
}

.check_wrap input:checked ~ .check_rplc {
    background: none;
    box-shadow: none;
    border: none;
}

.check_wrap input:checked ~ .check_rplc:after {
    border: none;
    top: -0.2em;
    left: unset;
    width: unset;
    height: unset;
    content: 's';
    font-family: 'webfont_luzern';
    transform: none;
    font-size: 1.4em;
}

.check_wrap input {
    visibility: visible;
    margin: 0;
    padding: 0;
}

/*Darstellung Boolean in IE11*/
@media screen\0 {
       .check_wrap input {
	    opacity: 1;
	}
}

.check_wrap:hover input:not(:disabled) ~ .check_rplc, .check_wrap:focus-within input:not(:disabled) ~ .check_rplc {
    text-shadow: 0.1em 0.1em 0.1em #009FE3;
}

.radio_rplc {
    background: none;
    box-shadow: none;
    border: none;
}

.radio_rplc:after {
    position: relative;
    display: block;
    top: 2px;
    left: 1.5px;
    content: 'k';
    font-family: 'webfont_luzern';
    font-size: 1.1em;
}

.radio_wrap input:checked ~ .radio_rplc {
    background: none;
    box-shadow: none;
    border: none;
}

.radio_wrap input:checked ~ .radio_rplc:after {
    border: none;
    top: 3px;
    left: 2px;
    width: 0;
    height: 0;
    content: 'l';
    font-family: 'webfont_luzern';
    transform: none;
}

.radio_wrap:hover input:not(:disabled) ~ .radio_rplc, .radio_wrap:focus-within input:not(:disabled) ~ .radio_rplc {
   text-shadow: 0.1em 0.1em 0.1em #009FE3;
}

.field_file_cell .field_filelabel_container a {
    padding-top: 0.5em;
    word-wrap: break-word;
}


.field_filelabel_container {
	display: contents;
}

.field_filelabel_container .required {
	display: grid;
}
.field_file_cell .field_filelabel_container a {
	max-width: 100%;
	margin-bottom: 1em;
}
/* Funktionen bei File-Feldern */
.field .field_file_cell .standard_file_button {
    margin-right: 0.6em !important;
}
button.imageCropButton {
    margin-top: 10px !important;
}
button#afsCropImageSaveButton,
button#afsCropImageCancelButtonbutton.imageCropButton {
    margin: 10px 10px 10px 0;
}



/*** Formular - InfoIs ******************************/

.block > fieldset > .legend .infotextfixed {
	width: calc(100% - 0.4em);
}

.infoI {
    background-image: linear-gradient(to bottom, #009FE3 0%, #009FE3 100%);
    border-radius: 0;
}

.block > fieldset > .legend .infoI {
    border: 1px solid #009FE3;
    background-image: none;
    background-color: #009FE3;
    padding: 0.1em 0;
    margin-top: -5px;
    font-size: 130%;
}

.block > fieldset > .legend .infotextfixed .closefixedinfo {
	right: 0.5em;
}

.block > fieldset > .legend .info {
	margin-top: 0.5em;
	position: relative;
	background-color: white;
	width: 2.5em;
	text-decoration: none;
	border: 0;
	font-size: 100%;
}

.block > fieldset > .legend .infoI:hover {
    background-image: linear-gradient(to bottom, #009FE3 0%, #009FE3 100%);
}

.block_content .infoI {
    height: 2.1em;
    width: 2.1em;
    margin-left: 0.3em;
    border: none;
    padding-bottom: 0;
    font-size: 100%;
}

.block_content .infoI:hover {
    background-image: linear-gradient(to bottom, #009FE3 0%, #009FE3 100%);
}

.infotext .main, .infotextfixed .main {
	display: block;
	padding: 5px 2em 5px 5px;
}

.infotextfixed {
	display: block;
	padding: 0px;
	border-radius: 0em;
	clear: left;
	float: left;
	margin: 0;
	width: 100%;
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
	position: relative;
}


.info:hover .infotext, .infotext:hover, .table_column_help:hover .infotext, .infoI:focus ~ .infotext {
	display: none;
}

.infotext a:hover, .infotext a:focus, .infotextfixed a:hover, .infotextfixed a:focus {
	position: relative;
	text-shadow: none;
}

.closefixedinfo {
	color: #009FE3;
	position: absolute;
	z-index: 99;
	width: 1em;
	height: 1em;
	cursor: pointer;
	right: 0.5em;
	padding: 0;
}
.closefixedinfo::before {
	font-family: Arial,sans-serif;
	content: "×";
	width: inherit;
	height: inherit;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	margin: 0;
	padding: 0;
	position: relative;
	top: -0.15em;
	font-size: large;
	padding-top: 5px;
}

a.infoI:active, a.infoI:link, a.infoI:visited {
    color: #fff;
    background-color: transparent;
    text-decoration: none;
}

a.infoI:hover, a.infoI:focus {
    text-decoration: underline;
}

.infotextfixed, .infotext {
	border: 2px solid #009FE3;
	background-color: #e7eff0 !important;
	background-color: white;
	color: #303133;
	font-family: Arial,sans-serif;
	margin-top: 5px;
	box-shadow: none;
	margin-bottom: 3px;
}

.block > fieldset > legend .infoI {
	border: 1px solid #009FE3;
	padding: 0.1em 0 1em 0;
	margin-top: -5px;
	font-size: 130%;
}

.infotext header, .infotextfixed header {
	position: relative;
	top: -0.4em;
	left: -0.8em;
	border-top-left-radius: 0.25em;
	border-bottom-right-radius: 0.25em;
	padding: 0.2em 0.8em;
	display: none;
	background-image: -webkit-linear-gradient(top, #009FE3 0%, #009FE3 100%);
	background-image: -o-linear-gradient(top, #009FE3 0%, #009FE3 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#009FE3), to(#009FE3));
	background-image: linear-gradient(to bottom, #009FE3 0%, #009FE3 100%);
	background-repeat: repeat-x;
	color: #ffffff;
}

.infotext a, .infotext a:active, .infotext a:visited, .infotext a:link, .infotext a:focus, .infotextfixed a, .infotextfixed a:active, .infotextfixed a:visited, .infotextfixed a:link, .infotextfixed a:focus {
	color: #3c3c3b;
	cursor: pointer;
	text-decoration: underline;
}

.infotext a:hover, .infotextfixed a:hover{
color: #009FE3;
cursor: pointer;
	text-decoration: underline;
	text-shadow: none;
}
thead .info.withDE {
    float: right;
    margin-right: 5%;
}

/*Leittext Angefügt + Info I*/
.labelAttach .info,
.labelAttach.controltype_checkbox.withInfo .info.withDE {
    z-index: 1;
}

@media (min-width: 901px) {
    /*Maps mit Info I*/
    .controltype_radioGroup:not(.labelLong) .label .infotextfixed,
    .controltype_checkboxGroup:not(.labelLong) .label .infotextfixed {
        z-index:1
    }
    /*Radio-Leittext Lang mit Info I*/
    .labelLong.controltype_radioGroup.withInfo .label label {
        width: auto;
    }
    .controltype_checkboxGroup.withInfo:not(.labelLong) .label label {
        width: calc(100% - 2.5em);
    }
}
@media (min-width: 901px) and (max-width: 1300px) {
    /*Maps mit Info I*/
    .controltype_radioGroup:not(.labelLong) .label .infotextfixed,
    .controltype_checkboxGroup:not(.labelLong) .label .infotextfixed {
        width: 610%;
        z-index:1
    }
}
@media (min-width: 1301px) {
    /*Maps mit Info I*/
    .controltype_radioGroup:not(.labelLong) .label .infotextfixed,
    .controltype_checkboxGroup:not(.labelLong) .label .infotextfixed {
        width: 600%;
        z-index:1
    }
}



/*** Formular - WH-Blöcke / Tabellen ******************************/

.repeatblock_control_bar .subcolumns {
	font-size: 95%;
}

.repeatblock_control_bar .subcolumns .c66l input[type="text"] {
	width: 2.5em;
	height: 31px;
	padding-bottom: 0.1em;
	padding-left: 0.5em;
	text-align: center;
	padding-top: 0em;
}


.repeatblock_action_control_bar button.deleteRepetition::before {
	content: none;
}

table.block_table {
	border-collapse: collapse;
	border: 1px solid #fff;
	width: 100%;
	border-spacing: 0px;
}

.block_table thead tr {
	background-color: #fff;
}

table.block_table td {
	border-top: 0px;
	border-bottom: 1px solid rgb(160, 160, 160);
	border-left: 0px;
	border-right: 0px;
	font-weight: bold;
	font-size: 1em;
	padding: 5px;
}

.block_table tbody tr:nth-child(2n) {
	background-color: #fff;
}





/*** Formular - Controllbar ******************************/

#controlbar button.default_action:not(:disabled), #controlbar button.highlight:not(:disabled),
.block button.default_action:not(:disabled), .block button.highlight:not(:disabled),
.repeatblock_control_bar button.default_action:not(:disabled), .repeatblock_control_bar button.highlight:not(:disabled),
#controlbar button.default_action:not(:disabled), .commonButtons button.highlight:not(:disabled), .asButton.highlight:not(:disabled),
.ui-dialog #saveButton, #saveEntries, #quit {
	background-color: #009FE3;
	color: #fff;
	background-image: none;
	text-decoration: none;
	font-weight: bold;
}
#controlbar button.default_action:hover:not(:disabled), #controlbar button.default_action:focus:not(:disabled),
#controlbar button.highlight:hover:not(:disabled), #controlbar button.highlight:focus:not(:disabled), .controlbar_plus button.default_action:hover:not(:disabled),
.controlbar_plus button.default_action:focus:not(:disabled), .controlbar_plus button.highlight:hover:not(:disabled),
.controlbar_plus button.highlight:focus:not(:disabled), .block button.default_action:hover:not(:disabled), .block button.default_action:focus:not(:disabled),
.block button.highlight:hover:not(:disabled), .block button.highlight:focus:not(:disabled), .repeatblock_control_bar button.default_action:hover:not(:disabled),
.repeatblock_control_bar button.default_action:focus:not(:disabled), .repeatblock_control_bar button.highlight:hover:not(:disabled),
.repeatblock_control_bar button.highlight:focus:not(:disabled), .commonButtons button.default_action:hover:not(:disabled),
.commonButtons button.default_action:focus:not(:disabled), .commonButtons button.highlight:hover:not(:disabled),
.commonButtons button.highlight:focus:not(:disabled), .asButton.highlight:hover:not(:disabled), .asButton.highlight:focus:not(:disabled) {
    background-color: #009FE3;
    border: 1px solid #009FE3;
}
.repetitionAddButton.addRepetition.ajaxReplacementIndicator {
	font-size: 1em;
	padding-top: 3px;
}


#controlbar button, .repAddButton ajaxReplacementIndicator {
    background-color: #009FE3;
    color: #fff;
}

#controlbar button {
    width: 150px;
}

#controlbar button, .repeatblock_control_bar button, .repeatblock_control_bar input[type="button"], .repeatblock_control_bar select {
    background-color: #009FE3;
}

.repeatblock_control_bar {
	padding: 0 2em 0.5em 2em;
}

#controlbar button, .block button, .repeatable_page input, .commonButtons button, .repeatblock_control_bar button, .asButton {
	margin: 0;
	padding: 0.5em 1em;
	background-image: none;
	text-shadow: none;
	font-weight: 400;
	font-size: 100%;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.repeattable_control_bar {
	border-top: 0 none transparent;
	border-bottom: 0.2em solid #009FE3;
	border-left: 0.2em solid #009FE3;
	border-right: 0.2em solid #009FE3;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-left-radius: 0.25em;
	border-bottom-right-radius: 0.25em;
	padding: 0 3.3em 0.5em 3.2em;
}

#controlbar button, .block button, .repeatable_page input, .commonButtons button, .asButton {
	margin: 0;
	padding: 0.5em 1em;
	color: #3c3c3b;
	/* background-image: none; */
	border: 2px solid #009FE3;
	border-radius: inherit;
	text-shadow: 0 1px 0 #fff;
	/* background-image: -webkit-linear-gradient(top, #fff 0%, #e0e0e0 100%); */
	/* background-image: -o-linear-gradient(top, #fff 0%, #e0e0e0 100%); */
	/* background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e0e0e0)); */
	/* background-image: linear-gradient(to bottom, #fff 0%, #e0e0e0 100%); */
	/* background-repeat: repeat-x; */
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width: 154px;
}

#controlbar button, .repeatblock_control_bar button {
	margin: 0;
	padding: 0.5em 1em;
	color: #3c3c3b;
	/* background-image: none; */
	border: 2px solid #009FE3;
	border-radius: inherit;
	text-shadow: 0 1px 0 #fff;
	/* background-image: -webkit-linear-gradient(top, #fff 0%, #e0e0e0 100%); */
	/* background-image: -o-linear-gradient(top, #fff 0%, #e0e0e0 100%); */
	/* background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e0e0e0)); */
	/* background-image: linear-gradient(to bottom, #fff 0%, #e0e0e0 100%); */
	/* background-repeat: repeat-x; */
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

}

#controlbar button.default_action:not(:disabled), .block button.default_action:not(:disabled), #controlbar button.default_action:not(:disabled), .commonButtons button.highlight:not(:disabled), .asButton.highlight:not(:disabled) {
	font-weight: bold;
}

#controlbar .controlbar_button {
	border-radius: 0px;
	text-shadow: none;
	font-weight: bold;
	font-size: 100%;
    text-decoration: none;
}

#controlbar button, .block button, .repeatable_page input, .commonButtons button, .repeatblock_control_bar button, .asButton, .repeatblock_control_bar input[type="button"], .repeatblock_control_bar select {
text-shadow: 0 0px 0 #fff;
	font-weight: bold;
	height: 31px;
	font-family: Arial,sans-serif;
	background-color: #fff;
	border: 2px solid #009FE3;
	padding-bottom: 2px;
	padding-top: 1px;
}


#controlbar .controlbar_menu ul {
	display: none;
	top: auto;
	bottom: 100%;
	position: absolute;
	left: 0;
	z-index: 90;
	float: left;
	min-width: 11em;
	padding: 0.25em 0;
	margin: 0;
	text-align: left;
	list-style: none;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ccc;
	border: 0px solid;
	border-radius: 0em;
	box-shadow: none;
}

#controlbar .controlbar_menu ul li button:hover, #controlbar .controlbar_menu ul li button:focus {
	background-color: #fff;
	background-image: none;
	border: 0px;
}
#controlbar .controlbar_menu ul li button {
	border: 0px;
	background-color: transparent;
	background-image: none;
	width: 100%;
	text-align: left;
	font-size: 90%;
    padding-top: 7px;
}

#controlbar button:hover:not(:disabled), #controlbar button:focus:not(:disabled), .block button:hover:not(:disabled), .block button:focus:not(:disabled),
.repeatable_page input:hover:not(:disabled), .repeatable_page input:focus:not(:disabled), .repeatblock_control_bar button:hover:not(:disabled), .repeatblock_control_bar button:focus:not(:disabled),
.commonButtons button:hover:not(:disabled), .commonButtons button:focus:not(:disabled), .asButton:hover:not(:disabled), .asButton:focus:not(:disabled), .cm_correct,
.repeattable_buttons input[type=button]:hover:not(:disabled), .repeattable_buttons input[type=button]:focus:not(:disabled), .repeattable_buttons select:hover:not(:disabled), .repeattable_buttons select:hover:not(:disabled)  {
	background-color: #fff;
	background-image: none;
	color: #3c3c3b;
	text-decoration: underline;
	border: 2px solid #009FE3;
}

#controlbar button.default_action:hover:not(:disabled), #controlbar button.default_action:focus:not(:disabled),
#controlbar button.highlight:hover:not(:disabled), #controlbar button.highlight:focus:not(:disabled),
.block button.default_action:hover:not(:disabled), .block button.default_action:focus:not(:disabled),
.block button.highlight:hover:not(:disabled), .block button.highlight:focus:not(:disabled),
.repeatblock_control_bar button.default_action:hover:not(:disabled), .repeatblock_control_bar button.default_action:focus:not(:disabled),
.repeatblock_control_bar button.highlight:hover:not(:disabled), .repeatblock_control_bar button.highlight:focus:not(:disabled),
.commonButtons button.default_action:hover:not(:disabled), .commonButtons button.default_action:focus:not(:disabled),
.commonButtons button.highlight:hover:not(:disabled), .commonButtons button.highlight:focus:not(:disabled),
.asButton.highlight:hover:not(:disabled), .asButton.highlight:focus:not(:disabled) {
	background-color: -webkit-linear-gradient(top, #1a78ca 0%, #0e5ca1 100%); background-image: -o-linear-gradient(top, #1a78ca 0%, #0e5ca1 100%); background-image: linear-gradient(to bottom, #1a78ca 0%, #0e5ca1 100%);
    color: #fff;
    background-image: none;
    text-decoration: underline;
}

#controlbar button:disabled {
	border: 0;
	color: #636363;
}

#controlbar .controlbar_menu ul {
	border: 2px solid #009FE3;
	padding: 0 0;
	border-bottom-width: 1px;
}

#controlbar .controlbar_menu ul li button:hover, #controlbar .controlbar_menu ul li button:focus  {
	background-color: #009FE3;
	color: white;
}

/*aria-Labels ausblenden bei Navigationsbuttons*/
#ui-id-1, #ui-id-2, #ui-id-3, #ui-id-4, label[for=form_pagenavigation_menuTrigger] {
    display: none;
}


/*** Formular - Kontroll- / Abschlussseite ******************************/



.cm_row {
    padding-left: 0.9em;
}

#cm_form_data.cm_simpleLabelValue {
    word-break: normal;
}

#cm_form_data .cm_label {
	width: 20%;
	display: inline-block;
	padding: 0.5em 1.5em 0 1em;
	text-align: left;
	word-break: normal;
}

#cm_form_data .block, #cm_form_data .cm_block {
	border: 0.2em solid #009FE3;
	border-radius: 0em;
	margin-top: 2.5em;
}

#cm_form_data .block > fieldset > legend, #cm_form_data .cm_block h3 {
	background-color: #FFFFFF;
	background-image: none;
	background-repeat: none;
	color: #3c3c3b;
	border-color: #009FE3;
	padding: 0.5em 0.5em 0.5em 0.4em;
	top: -1.33em;
	position: relative;
	margin-bottom: -1.33em;
	border-top-left-radius: 0em;
	border-top-right-radius: 0em;
	display: inline-block;
	margin-left: 15px;
	margin-top: 3px;
}

#cm_form_data .cm_correct {
	border-radius: 0em;
	display: inline-block;
	margin: 0 0 0.5em 1em;
	padding: 0.5em 1em;
	color: #333333;
	background-image: none;
	border: 1px solid #cccccc;
	font-weight: bold;
	font-size: 100%;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	text-decoration: none;
	font-style: bold;
	padding-top: 5px;
	padding-bottom: 4px;
	border: 2px solid #009FE3;
}

#cm_form_data .cm_correct:hover:not(:disabled), #cm_form_data .cm_correct:focus:not(:disabled) {
	background-color: #fff;
	background-image: none;
	color: #333333;
	border-color: #009FE3;
	text-decoration: underline;
}

#confirm_explanation, #final_note {
	background-color: #ffffff;
	padding: 1.5em 2em;
	font-size: 100%;
	margin-bottom: 1em;
	border-radius: 0.25em;
	padding-left: 0em;
}

#cm_form_data .block.blockGroup:not(.firstOfBlockGroup) > fieldset > .legend, #cm_form_data .cm_block:not(.cm_block_mergeWithPrev) h3 {
    background-color: #ffffff;
    padding-left: 0.5em;
}
#cm_form_data .cm_block .cm_correct {
    display: block;
}
.cm_html_label { /** Änderungen vom 22.12.**/
    padding: 0.5em 1.5em 0 1em;
    display: block;
}
#cm_form_data .cm_label,
#cm_form_data .cm_value,
#cm_form_data .cm_html_label {
    word-break: break-word;
}


.finishedWrapper {
	background-color: #ffffff;
	border-radius: 0.5em;
	padding: 3em 2em;
	margin-bottom: 1.5em;
}

.finishedWrapper #adressat .cm_label {
	display: block;
	font-size: 1.1em;
	font-weight: bold;
	padding-bottom: 1em;
}

.finishedWrapper .controlbar_button_longText {
	width: calc(100% - 25px) !important;
}

.dialogButton, .signature_button {
	padding: 0.5em 1em;
	border: 1px solid #cccccc;
	border-radius: 0em;
	text-shadow: none;
	cursor: pointer;
}

#cm_form_data .cm_block .cm_correct {
	margin-left: calc(50% - 5.5em);
	width: 11em;
	text-align: center;
}

.finishedWrapper  {
	background-color: #f2f2f2;
	border: 1px solid #e0e0e0;
	border-radius: 0;
	padding: 1em;
	margin-bottom: 0;
}

.finishedWrapper #controlbar .controlbar_main_group, .finishedWrapper #controlbar .controlbar_main_button {
	width: 50%;
}

#cm_form_data .block > fieldset > .legend {
    background-color: transparent;
    padding-left: 0.5em;
    background-image: none;
    top: -30px;
    left:-10px;
}
#cm_form_data .block > fieldset > .legend .block-header h3{
    background-color: white;
    margin:10px
}
#cm_form_data .block:not(.blockGroup),
#cm_form_data .block.lastOfBlockGroup,
#cm_form_data .block.firstOfBlockGroup{
    border-top: 0.2em solid #009FE3;
    border-bottom: 0.2em solid #009FE3;
}
#cm_form_data .cm_correct {
    margin-left: calc(50% - 5.5em);
    width: 11em;
    text-align: center;
    margin-top: 10px;
}
/*** 16.11.2020 - Texte auf Abschlussseite unter den Buttons ***/
.finishedWrapper #controlbar {
	margin-top: calc(2em * 4);
	margin-left: 0.4em;
}

.finishedWrapper #controlbar .controlbar_button_longText {
    padding: 0.5em;
    margin-bottom: 50px;
}

.button#folgeform {
    width: auto;
}

.finishedWrapper #controlbar .controlbar_button {
	margin-bottom: 0px;
	clear: both;
	margin-top: 20px;
}

.finishedWrapper #controlbar .controlbar_button_longText {
	padding: 0.5em;
	margin-bottom: 20px;
	margin-top: 0px;
}



/*** Formular - Meldungen ******************************/

#msgWarnings ul li, #msgInfos ul li, #msgOks ul li {
	position: relative;
}

#errors, #msgWarnings, #msgInfos, #msgOks {
	font-size: 16px;
}

#msgWarnings {
	color: #3c3c3b;
}

#msgWarnings ul li::before {
	color: #8a6d3b;
	content: '\e107';
	margin-top: -0.3em;
	margin-left: -0.6em;
}

#msgOks ul li::before {
	margin-top: -0.1em;
	margin-left: -0.5em;
}

#errors {
	border-color: #FF0000;
	color: #A80000;
	background-color: #FFEEEE;
	padding: 1em;
}

#errors, #msgWarnings, #msgInfos, #msgOks {
	border-radius: 0em;
	font-size: 14px;
	margin-top: 0.5em;
	padding: 0.5em;
	border-width: 2px;
	border-style: solid;
}

.label_error {
	color: #FF0000;
}

.standard_number_error {
	font-family: Arial,sans-serif;
	font-size: 1.0em;
	border: 1px #FF0000 solid;
	text-align: left;
	padding-right: 1px;
}

.inlineMessage_msgList .inlineMessage_Error {
	color: #e00;
}

#errors {
	color: #FFFFFF;
	background-color: #FF0000;
}

#errors ul li {
    padding-bottom: 0.2em;
}

#errors ul li::after {
    display: none;
}
#errors ul li::before {
	/* content: '\2757'; */
	color: #ffffff;
	/* background-color: #cc0000; */
	/* border-radius: 50%; */
	/* width: 1.25em; */
	/* text-align: center; */
	/* display: inline-block; */
	content: '>';
	z-index: 1;
}

#errors ul li br, #errors ul li a, #errors ul li span {
	color: #FFFFFF;
	text-decoration: none;
	display: inline-block;
}

#errors p, .errors p, #msgWarnings p, #msgInfos p, #msgOks p {
	margin: 0;
	margin-bottom: 5px;
	font-weight: normal;
}

#msgOks ul li {
	text-indent: 0.35em;
}

#msgWarnings ul li {
	text-indent: 0.35em;
}

.standard_error {
	font-family: Arial,sans-serif;
	font-size: 87.5%;
}

.field .message {
	padding-top: 0.1em;
}

abbr.label_error {
    display: none;
}


/*** Popups / Modal-Dialoge ******************************/

/* Overlay Button */
.ui-widget .ui-widget {
	font-size: 100%;
}
.ui-widget-overlay {
    opacity: .3;
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
	font-family: Arial,sans-serif;
	font-size: 1em;
	font-weight: bold;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
	border-bottom-right-radius: 0px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
	border-bottom-left-radius: 0px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
	border-top-right-radius: 0px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
	border-top-left-radius: 0px;
}

.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
	background-color: #009FE3;
	color: #FFF;
	width: 153px;
}

.ui-dialog .ui-dialog-buttonpane button:hover {
    margin: .5em .4em .5em 0;
    cursor: pointer;
    background-color: #009FE3;
    color: #FFF;
    width: 153px;
}


.ui-state-default a, .ui-button {
	color: #fff;
	text-decoration: none;
	height: 31px;
	background-color: #009FE3;
	font-family: Arial, san serif;
	font-size: bold;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
	border: 1px solid #009FE3;
	background: #009FE3;
	font-weight: bold;
	color: #fff;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {
	border: 1px solid #009FE3;
	background: #009FE3;
	font-weight: bold;
	color: #fff;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
	border: 1px solid #009FE3;
}
.ui-button {
	padding: .4em 1em;
	display: inline-block;
	position: relative;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	overflow: visible;
	padding-right: 1em;
	padding-bottom: 0.5em;
	padding-left: 1em;
}

#saveModal .group_cell label {
	width: calc(100% - 1.75em) !important;
}

#saveModal .field {
	width: 100%;
}

#quitModal .dialogButton {
    min-width: 15em;
}

.ui-dialog .ui-dialog-titlebar.ui-widget-header {
	border-bottom: none;
}

.ui-widget-content {
	border: none;
	overflow-x: hidden !important;
}

.ui-dialog {
    font-family: Arial,sans-serif;
}

.dialogButton:not(:disabled) {
    background-image: none;
	background-repeat: none;
	text-shadow: none;
	font-weight: bold;
	height: 31px;
	padding-top: 6.5px;
/*	width: 200px;*/
	color: #3c3c3b;
	background-color: #FFF;
	border: 2px solid #009FE3;
	background-repeat: no-repeat;
}


.dialogButton:focus:not(:disabled),
.dialogButton:hover:not(:disabled) {
    background-image: none;
	background-repeat: none;
	text-shadow: none;
		font-weight: bold;
	height: 31px;
	padding-top: 6.5px;
	/*width: 200px;*/
	color: #3c3c3b;
	background-color: #FFF;
	border: 2px solid #009FE3;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
	font-family: Arial,sans-serif;
	font-size: 100%;
}






/******************************************************************************/
/*                                                                            */
/*     Mobile responsive Ansicht                                              */
/*                                                                            */
/******************************************************************************/

@media (max-width: 900px) {

    body > footer p, body > footer div {
    	min-width: auto;
    	width: 100%;
    }

    #contentinner {
        position: relative;
    }

    #form_pagenavigation_menuTrigger {
        top: 2.4em;
    }

    #form_pagenavigation_menuTrigger ~ #form_pagenavigation.bullet::before {
        top: 0.3em;
    }

    .pageCurrent button span {
        color: white !important;
        font-weight: bold;
    }
    .pageBefore button span {
        color: white !important;
    }

	.block > fieldset {
        display: block;
    }

	.imglogo {
		min-width: 192px;
	}

	.label {
        padding-top: 0px;
        margin-top: 0.1em;
	}

	.field {
		width: 100% !important;
		padding-bottom: 0em;
	}

    .valueLabel .field {
        padding-left: 0;
    }

	.controltype_checkbox .field .check_wrap {
    	margin-top: 0.5em;
    }

	.withInfo select, .withInfo input[type="text"], .withInfo input[type="password"], .withInfo textarea {
        max-width: calc(100% - 2.5em) !important;
	}

	.block_content .infoI {
    	padding: 0.3em 0;
    	font-size: 125%;
    	height: 1.7em;
    	width: 1.7em;
    }

	#controlbar button, .block button, .repeatable_page input, .commonButtons button, .repeatblock_control_bar button, .asButton {
		text-shadow: 0 0px 0 #fff;
		font-weight: bold;
		height: 31px;
		padding-top: 6px;
		font-family: Arial,sans-serif;
		margin-top: 0px;
	}

	#controlbar .controlbar_main_button button {
		width: calc(100% - 0.5em);
	}

	#controlbar .controlbar_main_group .controlbar_main_button {
		width: 50%;
	}

    .controlbar_group.controlbar_main_group .controlbar_button:first-child {
        padding-right: 0.66em;
    }
    .controlbar_group.controlbar_main_group .controlbar_button:last-child {
    	padding-left: 0.66em;
    }

	#content.confirmation .controlbar_main_group {
		padding: 0.66em 0 0 0;
		display: flex;
        flex-wrap: wrap;
	}

	#content.confirmation .controlbar_main_group .controlbar_button {
    	padding: 0.66em;
    }

 	#content.confirmation .controlbar_button .default_action {
		padding-top: 0.4em;
		padding-bottom: 1em;
		margin-top: 0;
		border-radius: 0em;
		min-width: 99.9%;
		margin-left: -0.05em;
	}

	.field button.datepicker {
		border-width: 1px 1px 1px 0;
		border-style: solid;
		border-color: #fff;
		background-color: #009FE3;
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
		border-top-right-radius: 0em;
		border-bottom-right-radius: 0em;
		width: 31px;
		height: 31px;
		padding: 0;
		margin-left: 4px;
		margin-top: 0px;
	}

	#controlbar > div:not(.controlbar_main_button):not(.controlbar_main_group):nth-child(2n) > ul, #controlbar > div:not(.controlbar_main_button):not(.controlbar_main_group):nth-child(2n) > button {
	    min-width: calc(100% - 1.32em);
    }

    #controlbar .controlbar_menu ul li button {
        margin-top: 0;
    }

    #controlbar > .controlbar_menu button, #controlbar > .controlbar_button button {
	   	overflow: hidden;
	    text-overflow: ellipsis;
    }

	#cm_form_data .cm_label {
		width: 100%;
		display: inline-block;
		padding: 0.5em 1.5em 0 1em;
		text-align: left;
		word-break: normal;
	}

	#content:not(.confirmation) #controlbar > .controlbar_menu {
	    padding: 0.66em;
	}

    #controlbar .controlbar_menu ul {
    	bottom: calc(100% - 0.66em);
    	left: unset;
    	right: 0.66em;
    }

}




/******************************************************************************/
/*                                                                            */
/*     Nur 'Desktop' responsive Ansicht                                       */
/*                                                                            */
/******************************************************************************/

@media (min-width: 901px) {
    .finishedWrapper #controlbar .controlbar_main_button {
        width: auto;
    }

    .field .info {
    	position: relative;
    	right: 0em;
    	margin-left: 0;
    }

    .label {
        padding-left: 1em;
    }

    .valueLabel .label {
    	text-align: left;
    	margin-left: 10px;
    }

    .withInfo select, .withInfo input[type="text"], .withInfo input[type="password"], .withInfo textarea {
        max-width: calc(100% - 2.5em) !important;
    }

    .confirmation #controlbar .controlbar_button .default_action{
    	padding-top: 0.2em;
    	padding-bottom: 0.2em;
    	margin-top: 0em;
    	border-radius: 0em;
        width: 154px;
    }
    .labelAttach.controltype_checkbox .field {
        padding-left: 0.5em;
    }
    #controlbar .controlbar_group > .controlbar_button:not(:last-child), #controlbar .controlbar_group > .controlbar_menu:not(:last-child) > .controlbar_button {
    	border-top-right-radius: 0;
    	border-bottom-right-radius: 0;
    	margin-right: 0.66em;
    }

    #controlbar .controlbar_group.controlbar_main_group {
        float: right;
        margin-right: 0;
    }
    .confirmation .controlbar_menu_item {
        margin-right: 0.66em;
    }

}

/*HTML-Elemente*/
.cell_container_html {
    padding-left: 0.5em;
}
/*HTML-Leittext ignorieren fix*/
.noLabel.controltype_html .label {
    display: none;
}

/*Felder mit Kontrolltyp hidden im Layout ausblenden*/
.controltype_hidden {
    display: none;
}

/*Radio/Checkboxbuttons*/
.radioGroup_buttonAlternateDynamic .fieldradiolabel, .radioGroup_buttonAlternateFixed .fieldradiolabel, .radioGroup_buttonAlternateFixed .fieldradiolabel .radioButton_fixedPopup,
.radioGroup_buttonAlternateFixed .fieldradiolabel .radioButton_tableFix, .checkboxGroup_buttonAlternateDynamic .fieldcheckboxlabel, .checkboxGroup_buttonAlternateFixed .fieldcheckboxlabel,
.checkboxGroup_buttonAlternateFixed .fieldcheckboxlabel .checkboxButton_fixedPopup, .checkboxGroup_buttonAlternateFixed .fieldcheckboxlabel .checkboxButton_tableFix, .radioGroup_buttonClassicDynamic .fieldradiolabel,
.radioGroup_buttonClassicFixed .fieldradiolabel, .radioGroup_buttonClassicFixed .fieldradiolabel .radioButton_fixedPopup, .radioGroup_buttonClassicFixed .fieldradiolabel .radioButton_tableFix,
.checkboxGroup_buttonClassicDynamic .fieldcheckboxlabel, .checkboxGroup_buttonClassicFixed .fieldcheckboxlabel, .checkboxGroup_buttonClassicFixed .fieldcheckboxlabel .checkboxButton_fixedPopup,
.checkboxGroup_buttonClassicFixed .fieldcheckboxlabel .checkboxButton_tableFix {
    background-color: white;
    background: none;
    box-shadow: none;
    border: 2px solid #009FE3;
    margin-top: 2px;
}
.cell_error .radioGroup_buttonAlternateDynamic .fieldradiolabel, .cell_error .radioGroup_buttonAlternateFixed .fieldradiolabel, .cell_error .radioGroup_buttonAlternateFixed .fieldradiolabel .radioButton_fixedPopup,
.cell_error .radioGroup_buttonAlternateFixed .fieldradiolabel .radioButton_tableFix, .cell_error .checkboxGroup_buttonAlternateDynamic .fieldcheckboxlabel, .cell_error .checkboxGroup_buttonAlternateFixed .fieldcheckboxlabel,
.cell_error .checkboxGroup_buttonAlternateFixed .fieldcheckboxlabel .checkboxButton_fixedPopup, .cell_error .checkboxGroup_buttonAlternateFixed .fieldcheckboxlabel .checkboxButton_tableFix,
.cell_error .radioGroup_buttonClassicDynamic .fieldradiolabel, .cell_error .radioGroup_buttonClassicFixed .fieldradiolabel, .cell_error .radioGroup_buttonClassicFixed .fieldradiolabel .radioButton_fixedPopup,
.cell_error .radioGroup_buttonClassicFixed .fieldradiolabel .radioButton_tableFix, .cell_error .checkboxGroup_buttonClassicDynamic .fieldcheckboxlabel, .cell_error .checkboxGroup_buttonClassicFixed .fieldcheckboxlabel,
.cell_error .checkboxGroup_buttonClassicFixed .fieldcheckboxlabel .checkboxButton_fixedPopup, .cell_error .checkboxGroup_buttonClassicFixed .fieldcheckboxlabel .checkboxButton_tableFix {
    background-color: #fff2f2;
    border: 2px solid #e00;
}
.cell_disabled .radioGroup_buttonAlternateDynamic .fieldradiolabel, .cell_disabled .radioGroup_buttonAlternateFixed .fieldradiolabel, .cell_disabled .radioGroup_buttonAlternateFixed .fieldradiolabel .radioButton_fixedPopup,
.cell_disabled .radioGroup_buttonAlternateFixed .fieldradiolabel .radioButton_tableFix, .cell_disabled .checkboxGroup_buttonAlternateDynamic .fieldcheckboxlabel, .cell_disabled .checkboxGroup_buttonAlternateFixed .fieldcheckboxlabel,
.cell_disabled .checkboxGroup_buttonAlternateFixed .fieldcheckboxlabel .checkboxButton_fixedPopup, .cell_disabled .checkboxGroup_buttonAlternateFixed .fieldcheckboxlabel .checkboxButton_tableFix,
.cell_disabled .radioGroup_buttonClassicDynamic .fieldradiolabel, .cell_disabled .radioGroup_buttonClassicFixed .fieldradiolabel, .cell_disabled .radioGroup_buttonClassicFixed .fieldradiolabel .radioButton_fixedPopup,
.cell_disabled .radioGroup_buttonClassicFixed .fieldradiolabel .radioButton_tableFix, .cell_disabled .checkboxGroup_buttonClassicDynamic .fieldcheckboxlabel, .cell_disabled .checkboxGroup_buttonClassicFixed .fieldcheckboxlabel,
.cell_disabled .checkboxGroup_buttonClassicFixed .fieldcheckboxlabel .checkboxButton_fixedPopup, .cell_disabled .checkboxGroup_buttonClassicFixed .fieldcheckboxlabel .checkboxButton_tableFix {
    background-color: #e0e0e0 !important;
}
.radioGroup_buttonAlternateDynamic input:checked ~ .fieldradiolabel, .radioGroup_buttonAlternateFixed input:checked ~ .fieldradiolabel, .radioGroup_buttonAlternateFixed input:checked ~ .fieldradiolabel .radioButton_fixedPopup,
.radioGroup_buttonAlternateFixed input:checked ~ .fieldradiolabel .radioButton_tableFix, .checkboxGroup_buttonAlternateDynamic input:checked ~ .fieldcheckboxlabel, .checkboxGroup_buttonAlternateFixed input:checked ~ .fieldcheckboxlabel,
.checkboxGroup_buttonAlternateFixed input:checked ~ .fieldcheckboxlabel .checkboxButton_fixedPopup, .checkboxGroup_buttonAlternateFixed input:checked ~ .fieldcheckboxlabel .checkboxButton_tableFix,
.radioGroup_buttonClassicDynamic input:checked ~ .fieldradiolabel, .radioGroup_buttonClassicFixed input:checked ~ .fieldradiolabel, .radioGroup_buttonClassicFixed input:checked ~ .fieldradiolabel .radioButton_fixedPopup,
.radioGroup_buttonClassicFixed input:checked ~ .fieldradiolabel .radioButton_tableFix, .checkboxGroup_buttonClassicDynamic input:checked ~ .fieldcheckboxlabel, .checkboxGroup_buttonClassicFixed input:checked ~ .fieldcheckboxlabel,
.checkboxGroup_buttonClassicFixed input:checked ~ .fieldcheckboxlabel .checkboxButton_fixedPopup, .checkboxGroup_buttonClassicFixed input:checked ~ .fieldcheckboxlabel .checkboxButton_tableFix {
    background-color: #d7e7f5 !important;
    box-shadow: none;
    border: 2px solid #009FE3;
    font-weight: bold;
}


/*Buttons auf OIDC Anmeldeseite*/
#s0_signIn, #s0_cancel, #s0_withoutSignIn {
    text-decoration-line: none;
}

/*Kein Margin auf Einstiegsseite bei H3 und UL*/
#einstiegsseitePreamble h3 {
    margin-bottom: 0px;
}
#einstiegsseitePreamble ul {
    margin-bottom: 0px;
    margin-top: 0px;
}


/*Radios in einer Linie mit restlichen Feldern - Anpassung 30.06.2025*/
.radio_wrap {
    margin-left: -0.5em !important;
}