@font-face {
    font-family: "halle-onlineformulare";
    font-weight: normal;
    font-style: normal;
    src:url(data:font/woff2;base64,d09GRk9UVE8AAAT0AAsAAAAAB8wAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAABCAAAAcUAAAJKgT9q+UZGVE0AAALQAAAAGgAAABx5tnS2R0RFRgAAAuwAAAAdAAAAIAAzAARPUy8yAAADDAAAAEUAAABgUB1ey2NtYXAAAANUAAAAQwAAAUoC2wZcaGVhZAAAA5gAAAApAAAANg6XEuNoaGVhAAADxAAAABgAAAAkBC8CA2htdHgAAAPcAAAAEAAAABAEAABcbWF4cAAAA+wAAAAGAAAABgAGUABuYW1lAAAD9AAAAPAAAAJGsxkHRHBvc3QAAATkAAAAEAAAACAAAwABeJxtkbFv00AUxt+ldu1crQAtTkAySa0uSFUGBtoOSIiB8AewsritIRUmJiERnYqERVPnUuxgD0EgM7Ew84dkQAwsLRJiAAmm6k56keBCRZUh+obfd5++e7qnI6AoQAgp1h3Pc6t+w9tpuPf91qOO57RcIDkgcEss54Q9Jy4pfYMwY44ZSpnC5buLfxg7M4bGmEhFqlrw45wFcN6CkwsWWBb5tgjaZEwersBVuAl34B40t+ru1sNNf/c/q07nyQP3qePWvXbL2d7xNzvttt+YstONzmPPd7ar12Y+evYmAKRLDkhIeoTBPCG5Uph+/F4QaVGkYyktjk3RE71xT5sZovHTjFl8GEXJq/4wSHV8zTM1SJ6x50EQsL0k0PkQMzXqDsKY6fimeNrWeSZ7ScKGQTJpB4GO72Tv9E7UjcMB0ws8LS5TESk2nbIvx6vmWm10dDwaHR+Namvrtdp6pcBfiA3zELvv+yHfV78iNbMMKaeYR/p29/cvld/AzyYvNW38cNLE0mSdi8z8wvj4E2PzZUquO76RHxhU/s4S5AhZuc1trknZ3EZJtKU0/Ed5knllgZe5iiqWpc7IVZnKfMLKwl/r2fJ9AAAAeJxjYGBgZACCM7aLzoPoa3syPsNoAFPVCFYAAHicY2BkYGDgA2IJBhBgYmAEQlYgZgHzGAAEgQA4AAAAeJxjYGZiYJzAwMrAwejDmMbAwOAOpb8ySDK0MDAwMbByMsAAIwMSCEhzTWFwYEhkSGV88P8Bgx4TkhowWwEIGQHQLgmPAAAAeJxjYGBgZoBgGQZGBhBwAfIYwXwWBg0gzQakGRmYgKzU///BKhJB9P8FUPVAwMjGgODQCjAyMbOw0toS8gEA5fcHOgB4nGNgZGBgAGJN64NH4vltvjJwMzGAwLU9GZ+RaSYGsDgHhAIAJt8JgAAAAHicY2BkYGBiAAI9MAliMzKgAiYABdAAOQIAAAACAAAAAAAAAAAAAFwAAFAAAAYAAHicrZCxbsIwGITPEKJWrdQJRuQZNZFjdYgydsjAA7CnkoFIxpYMeZUOfTCeh0swU5FAAkeOP5/v4j8/gHf8QqAfAlN8Rh7hAz+RxyhwjJxgKr4iT/AmLp6U+h+dInmlshhSPY8wx3fkMb8YIidYiJfIE8zEMnJK3WGLBpaPQQYPR2r5NlhzF7BDR6UhGWDbWGsy72zrzNqHXWebQPlG6p+/HhKHYQ3Y0COhkUNxrTjvr+js1yjp1MNU7F/JK7w71D5sjNS5kpW8Wjl1XWY606pg5PE+rHgWsGeuz0tW0v8TVibsW+9kkasn3HICtoRsuXicY2BmQAaMDGgAAACOAAU) format("woff2");
}

/* common */
@font-face {
  font-family: "PT Sans";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(https://halle.de/typo3conf/ext/halle_web_sitepackage/Resources/Public/Css/fonts/ptsans/ptsans-normal-400.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "PT Sans";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(https://halle.de/typo3conf/ext/halle_web_sitepackage/Resources/Public/Css/fonts/ptsans/ptsans-normal-400-cyr.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: "PT Sans";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(https://halle.de/typo3conf/ext/halle_web_sitepackage/Resources/Public/Css/fonts/ptsans/ptsans-normal-400-ext.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "PT Sans";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(https://halle.de/typo3conf/ext/halle_web_sitepackage/Resources/Public/Css/fonts/ptsans/ptsans-normal-400-lat.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* common */
@font-face {
  font-family: "PT Sans";
  font-style: normal;
  font-weight: 700;
  font-display: block;
  src: url(https://halle.de/typo3conf/ext/halle_web_sitepackage/Resources/Public/Css/fonts/ptsans/ptsans-normal-700.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "PT Sans";
  font-style: normal;
  font-weight: 700;
  font-display: block;
  src: url(https://halle.de/typo3conf/ext/halle_web_sitepackage/Resources/Public/Css/fonts/ptsans/ptsans-normal-700-cyr.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: "PT Sans";
  font-style: normal;
  font-weight: 700;
  font-display: block;
  src: url(https://halle.de/typo3conf/ext/halle_web_sitepackage/Resources/Public/Css/fonts/ptsans/ptsans-normal-700-ext.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "PT Sans";
  font-style: normal;
  font-weight: 700;
  font-display: block;
  src: url(https://halle.de/typo3conf/ext/halle_web_sitepackage/Resources/Public/Css/fonts/ptsans/ptsans-normal-700-lat.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* common */
@font-face {
  font-family: "PT Sans";
  font-style: italic;
  font-weight: 400;
  font-display: block;
  src: url(https://halle.de/typo3conf/ext/halle_web_sitepackage/Resources/Public/Css/fonts/ptsans/ptsans-italic-400.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "PT Sans";
  font-style: italic;
  font-weight: 400;
  font-display: block;
  src: url(https://halle.de/typo3conf/ext/halle_web_sitepackage/Resources/Public/Css/fonts/ptsans/ptsans-italic-400-cyr.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: "PT Sans";
  font-style: italic;
  font-weight: 400;
  font-display: block;
  src: url(https://halle.de/typo3conf/ext/halle_web_sitepackage/Resources/Public/Css/fonts/ptsans/ptsans-italic-400-ext.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "PT Sans";
  font-style: italic;
  font-weight: 400;
  font-display: block;
  src: url(https://halle.de/typo3conf/ext/halle_web_sitepackage/Resources/Public/Css/fonts/ptsans/ptsans-italic-400-lat.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* common */
@font-face {
  font-family: "PT Sans";
  font-style: italic;
  font-weight: 700;
  font-display: block;
  src: url(https://halle.de/typo3conf/ext/halle_web_sitepackage/Resources/Public/Css/fonts/ptsans/ptsans-italic-700.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "PT Sans";
  font-style: italic;
  font-weight: 700;
  font-display: block;
  src: url(https://halle.de/typo3conf/ext/halle_web_sitepackage/Resources/Public/Css/fonts/ptsans/ptsans-italic-700-cyr.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: "PT Sans";
  font-style: italic;
  font-weight: 700;
  font-display: block;
  src: url(https://halle.de/typo3conf/ext/halle_web_sitepackage/Resources/Public/Css/fonts/ptsans/ptsans-italic-700-ext.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "PT Sans";
  font-style: italic;
  font-weight: 700;
  font-display: block;
  src: url(https://halle.de/typo3conf/ext/halle_web_sitepackage/Resources/Public/Css/fonts/ptsans/ptsans-italic-700-lat.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


.modern .xm-item-div LABEL, .modern .CXPage .header h1, .modern .CXPage .header h2, .modern SPAN.required-star, .modern .xm-error-text, .modern .xm-progress-text {
    font-size: 15px;
    font-weight: normal;
}
.modern .xm-item-div LABEL a, .modern .xm-item-div .XItem a{
    text-decoration: none;
    color: #e3000e ;
}

.modern .xm-item-div a.XUploadLink {
    color: #3b3a39;
    font-size: 15px;
}

FORM.xm-form *, .xm-form.modern *, .modern .XPage * {
/*    font-family: 'pt_sansregular'; */
    font-family: 'PT Sans';
    font-weight: normal;
}

TD[dir=left],
TD[dir=right] {
    width: 20px;
}
TD[dir=top],
TD[dir=bottom] {
    height: 20px;
}
.xm-form .xm-form-row {
    padding-right: 20px;
}
DIV.xm-item-div{
    padding: 20px;
    line-height: 25px;
}
.modern .xm-item-div .XItem.XCheckbox,
.modern .xm-item-div .XItem.XRadio {
    line-height: 25px;
}



.CXTextField LABEL.label-top,
.CXTextArea LABEL.label-top,
.CXSelect > LABEL.label-top,
.CXUpload > LABEL.label-top{
}

.XTextArea{
    padding:20px;
}

.modern .XTextField, .modern .XSelect {
    padding: 7px 20px;
}
.modern .XTextArea {
    border-style: solid;
    padding: 20px;
}



.modern .label-top.xm-del-button-icon {
    margin-top: 38px;
}
.modern .xm-design-panel .label-top .xm-del-button-icon{
    margin-top: 35px;
}
.modern .xm-design-panel .label-top.xm-help-icon{
    margin-top: 35px;
}
.modern .label-top.xm-help-icon{
    margin-top: 25px;
}

.modern .label-left.xm-del-button-icon{
    margin-top: 13px;
}
.modern .xm-design-panel .label-left .xm-del-button-icon{
    margin-top: 8px;
}
.modern .xm-design-panel .label-left.xm-help-icon{
    margin-top: 8px;
}
.modern .label-left.xm-help-icon{
    margin-top: 0px;
}
.modern .label-left .xm-del-button-icon, .modern .label-right .xm-del-button-icon, .modern .label-bottom .xm-del-button-icon {
    margin-top: 11px;
}

.modern .CXButtonList.xm-t-left .XButtonList {
    margin-right: 20px;
}

.modern .xm-item-div .label-icon-checkbox.opt-label-right,
.modern .xm-item-div .label-icon-radio.opt-label-right {
	width: 20px;
}

.modern .xm-item-div .opt-label-right:not(.label-icon-checkbox),
.modern .xm-item-div .opt-label-right:not(.label-icon-radio) {
    left: -8px;
    position: relative;
}

.modern .xm-item-div input[type=checkbox]+.label-icon-checkbox:before,
.modern .xm-item-div input[type=radio]+.label-icon-radio:before {
    font-family: "halle-onlineformulare";
    content: "\61";
    left: -12px;
    color: #3b3b3a;
    font-size: 1.5625rem;
}

.modern .xm-item-div input[type=radio]+.label-icon-radio:before {
	content: "\63";
}

.modern .xm-item-div input[type=checkbox]:checked+.label-icon-checkbox:before
	{
	content: "\62";
}

.modern .xm-item-div input[type=radio]:checked+.label-icon-radio:before
	{
	content: "\64";
}

.XTextField, .XTextArea,
.modern  .XTextField, .modern  .XTextArea{
    height: 40px;
    border: 0.25px solid #7a7a7a;
    color:#3b3a39;
}

.modern .XItem.XSelect.XDropDown {
    padding: 0px;
    padding-left:20px;
    padding-right:40px;
    height: 40px;
    border: 0.25px solid #7a7a7a;
}

.modern .XSelect.XList{
    padding:0;
    border: 0.25px solid #7a7a7a;
}

.xm-item-div ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	color: #3b3a39;
	opacity:1;
}

.xm-item-div :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #3b3a39;
	opacity:1;
}

.xm-item-div ::-moz-placeholder  { /* Mozilla Firefox 19+ */
	color: #3b3a39;
	opacity:1;
}

.xm-item-div :-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #3b3a39;
	opacity:1;
}
.xm-item-div :placeholder{
	color: #3b3a39;
	opacity:1;
}









/** Halle **/
.modern .CXFieldSet, .modern .XFieldSetWrapper, .modern .XTextArea, .modern .XTextField, .modern .XFieldSet, .modern .XSelect, .modern .XButtonList, .modern .XContainer, .modern .XRadius {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}


.modern .CXPage .header h1 , .CXPage .header h1, .XSpan h1{
    font-size: 25px;
    line-height: 32px;
    color: #e3000e;
/*    font-weight: normal; */
/*    font-family: 'pt_sansbold' !important; */
    font-family: 'PT Sans' !important;
    font-weight: bold !important;
    padding-bottom: 0px;
    padding-top: 20px;
    margin-bottom: 10px;
}

.XSpan Strong{
/*   font-family: 'pt_sansbold' !important; */
    font-family: 'PT Sans' !important;
    font-weight: bold !important;
}

.modern .CXPage .header h2 , .CXPage .header h2, .XSpan h2 {
    font-size: 20px;
    line-height: 25px;
    color: #3b3a39;
    padding-top: 20px;
    padding-bottom: 0px;
}


.modern .CXPage .header, .CXPage .header{
    background-color:transparent;
    padding-bottom:0px;
    margin-bottom:0px;
    border-bottom:none;
    padding-left:70px;
}

.modern .xm-item-div.CXButtonList {
    padding-left: 20px;
    padding-right: 20px;
}

.modern.error-static-view.error-static-view-bubble .error .xm-error-icon .xm-error-text {
    padding: 10px 20px;
}
.error-static-view.error-static-view-bubble .error .xm-error-icon .xm-error-text {
    margin-top: 20px;
}
.modern .error-static-view.error-static-view-bubble .xm-error-icon::before {
    font-size: 68px;
    margin-left: -15px;
    top: 17px;
}

.XFieldSet Legend, .modern .XFieldSet LEGEND{
    font-size: 20px;
/*    font-weight: normal; */
/*    font-family: 'pt_sansbold' !important; */
    font-family: 'PT Sans' !important;
    font-weight: bold !important;
    line-height: 25px;
    color: #3b3a39;
    padding:0px 0px 0 20px;
    margin:0;
    margin-bottom:0px;
    page-break-inside: avoid;
    box-sizing: border-box; /* IE9-11 & Edge 12-13 */
    display: table; /* IE8-11 */
    max-width: 100%; /* Patch for IE9-11 & Edge 12-13 */
    white-space: normal; /* IE8-11 */

}

.modern .CXFieldSet .XFieldSetWrapper {
    border: none;
    padding-bottom:4px;
    margin-top: 20px;
}

.modern .XFieldSet {
    padding-bottom: 15px;
}

.XContainer, .XFieldSet {
    border: none;
    background-color:transparent;
    margin:-20px;
}

.XContainer {
    margin: 10px -20px 0 -20px;
    padding-bottom: 0;
}

DIV.xm-item-div.CXContainer {
    padding-top: 0;
}

.xm-design-panel .CXFieldSet .XFieldSetWrapper, .xm-design-panel .XContainer{
    border: #ccc dotted 1px;
}

.xm-design-panel .XContainer, .xm-design-panel .XFieldSet {
    margin:0px;
}

.modern .xm-item-div .XItem {
    font-size: 15px;
    line-height: 21px;
    color: #3b3a39;
}

.error LABEL{
    color: #e3000e !important;
}

.xm-item-div.error ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	color: #e3000e;
}

.xm-item-div.error  :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #e3000e;
}

.xm-item-div.error  ::-moz-placeholder  { /* Mozilla Firefox 19+ */
	color: #e3000e;
}

.xm-item-div.error  :-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #e3000e;
}
.xm-item-div.error  :placeholder{
	color: #e3000e;
}

.modern .xm-item-div input[type="checkbox"]:disabled + .label-icon-checkbox::before, 
.modern .xm-item-div input[type="radio"]:disabled + .label-icon-radio::before,
.XItem:disabled, .XItem[readonly]{
    border-color:#bbbcbc !important;
    color:#bbbcbc !important;
    background-color:transparent;
}
.modern .xm-item-div input[type="checkbox"]:disabled ~ LABEL, 
.modern .xm-item-div input[type="radio"]:disabled ~ LABEL{
   color:#bbbcbc !important; 
}

.XItem:disabled::-webkit-input-placeholder,
.XItem[readonly]::-webkit-input-placeholder{ /* WebKit, Blink, Edge */
	color: #bbbcbc;
}

.XItem:disabled:-moz-placeholder,
.XItem[readonly]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #bbbcbc !important;
}

.XItem:disabled::-moz-placeholder,
.XItem[readonly]::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #bbbcbc;
}

.XItem:disabled:-ms-input-placeholder,
.XItem[readonly]:-ms-input-placeholder{ /* Internet Explorer 10-11 */
	color: #bbbcbc;
}
.XItem:disabled:placeholder,
.XItem[readonly]:placeholder{
	color: #bbbcbc;
}



.modern.error-static-view.error-static-view-bubble .error .xm-error-icon .xm-error-text{
    border-color: #e3000e;
    background-color:#e3000e;
}
.modern .xm-item-div .xm-del-button-icon, .modern .xm-item-div .xm-error-icon::before,
.modern DIV.xm-item-div.error > .XItem, .modern .dynamic-row.error > .XItem, .modern.error-static-view.error-static-view-bubble .xm-item-div.error > .XItem, .modern.error-static-view.error-static-view-bubble .dynamic-row.error > .XItem {
    border-color: #e3000e;
    color:#e3000e;
}







.XSelect {

  /* styling */
  background-color: white;
  border: thin solid blue;
  border-radius: 4px;
  display: inline-block;
  font: inherit;
  line-height: 1.5em;
  padding: 0.5em 3.5em 0.5em 1em;

  /* reset */

  margin: 0;      
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
}


.XDropDown::-ms-expand {
  display: none;
}

.XDropDown {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
  background-image:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAABmJLR0QA/wD/AP+gvaeTAAAAwklEQVRIie2VPQ6CMBiGnwh4Ihc9CLuODsqsnEYkJhrCEbyAo7s3sS6vCQn4QylGTZ/kW9q+fb62Q8Hz7wQdsnNgBJwc9fI2R5UVA4eNeLEXe7EXf4d4AcQW+8bKWosnwA6YtpDOlBm3yNQYAiVwpX6Cpk9iqbWlsp2IgEIbJk/EidYUyjghAHLAAKsG8VpzOd3++IfyrQRpRZxqLOtDWpVnEl1UBtj0Kb0TAQcJDbDH4Zu+IgTOqvBT0qq89+v1/C43GJwoLEib8aUAAAAASUVORK5CYII=');
  background-position: right 10px center;
  background-repeat: no-repeat;
}





.modern .XSelect.XList OPTION {
  height:30px;
  padding:7px 15px;
}

.modern .xm-item-div .XItem .XButton, .modern .xm-item-div .XItem .submit {
    color: #FFFFFF;
    background-color: #7a7a7a;
    border: 0.25px solid #7a7a7a;
    height:40px;
    padding: 8px 20px;
    margin-bottom: 10px;
}
.modern .xm-item-div .XItem .XSubmit, .modern .xm-item-div .XItem .XButton[name=btn_absenden] {
    color: #FFFFFF;
    background-color: #e3000e;
    border: 0.25px solid #e3000e;
    height:40px;
    padding: 8px 20px;
}
.modern .xm-item-div .XItem .XButtonList:Hover{
    background-color: #3b3a39;
}
.modern .xm-item-div LABEL::before {
    color: #3b3a39;
}
.modern .XItem, .modern .xm-item-div input[type="checkbox"]:checked + label::before, .modern .xm-item-div input[type="radio"]:checked + label::before {
    color: #3b3a39;
}
.error-static-view.error-static-view-bubble .error .xm-error-icon .xm-error-text{
    border-radius:0;
}

.CXUpload:before{
    font-family: "halle-onlineformulare";
    content: "\65";
    display:inline-block;
    color:#FFF;
    padding:5px;
    background-color:#e3000e;
    font-size: 1.5625rem;
}
.CXUpload:hover:before{
    background-color: #3b3a39;
}


.CXUpload {
    position: relative;
    overflow: hidden;
    padding-bottom: 20px;
}
.CXUpload input {
    position: absolute;
    top: 0px;
    left:0px;
    margin: 0;
    margin-left:10px;
    margin-top:10px;
    padding: 0;
    font-size: 25px;
    height:65px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

.XSelect.XCheckbox > DIV,
.XSelect.XRadio > DIV{
    padding-top:0px;
    padding-bottom:20px;
    /*margin-right: 40px !important;*/
}

.CXUpload Label{
    padding:5px;
    display:inline-block;
    position: absolute;
}

DIV[name=divStempel], .divStempel, DIV[name=div_kopf_eingang]{
    border-left: 1px solid #7a7a7a !important;
    border-bottom: 1px solid #7a7a7a !important;
}

DIV.xm-item-div.CXContainer[xn="div_kopf_eingang"] {
    padding-top: 20px;
}

.modern .xm-item-div.label-top.label-none {
    margin-top: 25px;
}

.xm-form.modern .xm-form-footer {
	background-color: #fff;
    padding-left: 22px;
}

.img-uploaded-preview {
    margin-top: 10px;
}

@media print {
    .XPage{
        background:pink;
        max-width: 820px !important;
        width:820px;
        margin-left:40px;
    }
        
    .modern .xm-item-div.CXTextArea LABEL.label-top,
    .modern .xm-item-div.CXTextField LABEL.label-top{
        font-size: 10px;
        top: 0px;
        padding-left: 8px;
        border-left: 1px solid #7a7a7a;
        line-height: 10px;
        margin-bottom: 0px;
        display: block;
        width:100%;
    }
    
    .modern .xm-item-div.CXTextArea LABEL.label-top:after,
    .modern .xm-item-div.CXTextField LABEL.label-top:after{
        content: '';
        display: block;
        clear: both;
    }
    
    .xm-item-div .XSpan.print {
    	background: transparent;
    	min-height: 40px;
    	page-break-inside: avoid;
    	border-left: 1px solid #7a7a7a;
    	border-bottom: 1px solid #7a7a7a;
    	color:#3b3a39;
        font-size: 13px;
        line-height: 21px;
        padding: 8px;
        float:none;
        margin-top:0px;
    }
    
    /*
    .xm-item-div .XSpan.print .placeholder {
        font-size:10px;
        line-height: 12px;
        margin-top: -9px;
        margin-left: -5px;
    }
    */
    .modern .CXPage .header{
        padding:0;
        /* erzeugt zu große Abstände zwischen den Formular-Seiten beim Druck*/
        /*padding-left: 60px;
        padding-bottom:40px;*/
    }
    .modern .CXCheckbox {
        margin-left: 21px;
    }
    
    .XFieldSet Legend, .modern .XFieldSet LEGEND {
        font-size: 16px;
        line-height: 19px;
        margin-bottom:10px;
    }
    
    .modern .CXFieldSet .XFieldSetWrapper {
        border: none;
        padding-bottom: 4px;
        margin-top: 10px;
    }
    
    .XSelect.XCheckbox > DIV,
    .XSelect.XRadio > DIV{
        padding-top:0px;
        padding-bottom:15px;
        /*margin-right: 40px !important;*/
    }
    
    .modern .CXSelect > .XCheckbox, .modern .CXSelect > .XRadio {
        margin-left: 6px;
    }
}

[data-xm-appendable] legend + .xm-form-row  > Table > TBODY > TR > TD[dir="top"] {
    display: table-cell;
}



@media print{
    .modern .CXPage .header h1 , .CXPage .header h1, .XSpan h1 {
        font-weight: bold;
        font-family: 'Arial' !important;
    }

    .XSpan Strong{
       font-family: 'Arial' !important; 
    }
    
    .XFieldSet Legend, .modern .XFieldSet LEGEND {
        font-weight: bold;
        font-family: 'Arial' !important;
    }
    
    FORM.xm-form *, .xm-form.modern *, .modern .XPage * {
        font-family: 'Arial';
    }
    
    [cn="XPage"]{
        page-break-before: avoid !important;
    }
    
    [cn="XPage"] [force-page-break] {
        page-break-before: always !important; 
    }
    
    .XPage .XItem[no-page-break] {
        page-break-inside: avoid
    }
    
    .img-uploaded-preview {
    	font-size: 15px;
        margin-top: 0;
    }
}

a[href^="mailto:"]::before {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDIwIDIwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMCAyMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZTIwMDFhIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHgxPSI1LjU3NSIgeTE9IjUuNTc2IiB4Mj0iMTQuMTMxIiB5Mj0iMTQuMTMyIi8+PHBvbHlsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2UyMDAxYSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBwb2ludHM9IjYuMTk4LDE0LjQyNSAxNC40MjUsMTQuNDI1IDE0LjQyNSw2LjIxNSAiLz48L3N2Zz4=);
}


/* -> Fix für Radiobutton- und Checkboxgruppe bei mehrzeiligen Labeltexten */
.modern .xm-item-div .XCheckbox DIV[style*="float:none"], .modern .xm-item-div .XRadio DIV[style*="float:none"] {
    display: inline-table !important;
}

.modern .xm-item-div .XCheckbox DIV[style*="float:none"] INPUT, .modern .xm-item-div .XRadio DIV[style*="float:none"] INPUT {
    display: table-cell;
}

.modern .xm-item-div .XCheckbox DIV[style*="float:none"] LABEL.opt-label-right, .modern .xm-item-div .XRadio DIV[style*="float:none"] LABEL.opt-label-right {
    display: table-cell;
}
/* -> Fix-Ende */


/* Formular rechts ausrichten, wenn es inline gerendert wird */
/* 
2023-06-01 Ni: 
der Nutzen dieser Styles ist unklar, daher erstmal auskommentiert

.modern.inline-rendering .CXPage {
    margin-left: -20px;
}

.modern.inline-rendering, .modern.inline-rendering .XPage {
    padding: 0;
}

.modern.inline-rendering .xm-form-footer {
    padding-left: 0;
}

.modern.inline-rendering .XPage h1 {
    padding-top: 0;
    margin-bottom: 0;
}
*/
