@font-face {
  font-family: 'WFF';
  src: url('../resource/Aeonik-MediumItalic-itsc.woff') format('woff');
}

.custom-text p {
  font-family: 'WFF' !important;
  color: #FF5733 !important; 
  background-color: #F0F0F0 !important; 
  font-size: 60px !important; 
}



/* ############################################# */
/* haiForms-global - nicht löschen oder anpassen */
:host, :root {
  --dark-1: #00101E;
  --grey-1: #f8f8f8;
  --grey-2: #f0f0f0;
  --grey-3: #242424;
  --grey-4: #7a7a7a;
  --grey-5: #C9C9C9;
  --white: #ffffff;
  --red-1: #B11122;
  --red-2: #f6533c;
  --red-3: #ff3b20;
  --green-1: #1e824c;
  --gold: gold;
  --main-red: #b02121;
  --clr-lightblue: #e9f6f8;
  --clr-darkblue: #8fd4de;
  --logo-url: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALQAAABACAYAAACzzl09AAAEtWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS41LjAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgeG1sbnM6ZXhpZj0iaHR0cDovL25zLmFkb2JlLmNvbS9leGlmLzEuMC8iCiAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyIKICAgIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIKICAgIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIKICAgIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIgogICAgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIKICAgZXhpZjpQaXhlbFhEaW1lbnNpb249IjE4MCIKICAgZXhpZjpQaXhlbFlEaW1lbnNpb249IjY0IgogICBleGlmOkNvbG9yU3BhY2U9IjEiCiAgIHRpZmY6SW1hZ2VXaWR0aD0iMTgwIgogICB0aWZmOkltYWdlTGVuZ3RoPSI2NCIKICAgdGlmZjpSZXNvbHV0aW9uVW5pdD0iMiIKICAgdGlmZjpYUmVzb2x1dGlvbj0iNzIvMSIKICAgdGlmZjpZUmVzb2x1dGlvbj0iNzIvMSIKICAgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIKICAgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIgogICB4bXA6TW9kaWZ5RGF0ZT0iMjAyMi0w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';
}
.CXCheckbox:focus-within,
.CXSelect .XSelect.XCheckbox:focus-within,
.CXSelect .XSelect.XRadio:focus-within,
.CXSelect .XQuestTable:focus-within {
    background-color: transparent;
    outline: none;
}
/*  WaitingScreen */
.waitingOverlay {
    display: block;
    z-index:  1000;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0.95;
    background-size : cover;
    background-color: var(--white);
}
.waitingOverlayContent {
    font-size: 2em;
    line-height: 1.5em;
    color: var(--dark-1);
    padding-top: 15%;
}
.waitingOverlayContent::after {
    content: "Die Daten werden übermittelt. \A Bitte warten...";
    white-space: pre-wrap;
}
/* formularweite Schrift */
.xm-form.modern *,
.modern .XPage *,
.modern .XItem *,
* {
    font-family: 'Helvetica', 'Arial', sans-serif;
    font-size: 16px;
    line-height: 1.35em;
}
/* eigenes Loading Symbol ############################################################################################# */
/* Ladesymbol - Position und Hintergrundfarbe*/
.loading {
	display: none;
	position: fixed;
	z-index: 1000;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: var(--white);
	background-position: 50% 50%;
	background-repeat: no-repeat;
}
/* Inhalt des Symbols - abgeschnitten, kein Scrollbalken*/
form.xm-loading {
	overflow: hidden;
}

form.xm-loading .loading {
	display: block;
}
/* Einbindung des individuellen Ladesymbols*/
.loading .animation{
	background: var(--logo-url) no-repeat center;
    background-size: contain;
    height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-animation: scale-up-center 1000ms infinite alternate-reverse both;
	        animation: scale-up-center 1000ms infinite alternate-reverse both;
}
/* Skalierung beim Laden*/
@keyframes scale-up-center {
  0% { transform: scale(0.5); }
  100% { transform: scale(1); }
}
/* ######## Formatierungen für den Header ###########*/
.modern .CXHeader {
   background-color: var(--white);
}
.modern .CXHeader .XHeader .HeaderBlock .Kassen-Logo {
    background: var(--logo-url) no-repeat center;
    background-size: contain;
    background-position: top right;
    background-origin: content-box, padding-box;
    min-height: 60px;
    padding-top:0;
    float: left;
    margin-top: 10px;
}
.modern .CXHeader .XHeader .HeaderBlock .cFormularTitel {
    display: block;
}
.modern .CXHeader .XHeader .HeaderBlock .cFormularTitel .FormularTitel {
    margin-top: 65px;
    margin-bottom: 25px;
}
.modern .CXHeader .XHeader .HeaderBlock .cFormularTitel .FormularTitel h2 {
    font-family: 'Univers_LT_Bold' ,sans-serif !important;
    color: var(--red-100);
}
/* ######## Formatierungen für den Footer ############### */
.modern .xm-footer-link {
    text-decoration: none;
}
.modern .xm-footer-hint {
    padding-top:10px;
    font-size: 12px;
}
.modern .CXPage .header {
    border:none;
}
/*.modern .CXPage .header h1,
.modern .CXPage .header h2, */
.modern .xm-item-div label,
.modern .xm-item-div label span.block,
.modern SPAN.required-star,
.modern .xm-error-text,
.modern .xm-progress-text {
    font-size: 16px;
    font-weight: 600;
}
.modern h1, 
.modern h2, 
.modern h3, 
.modern h4 {
    font-weight: 600;
}
.modern h1 { font-size: 2.0rem !important; }
.modern h2 { font-size: 1.7rem !important; }
.modern h3 { font-size: 1.4rem !important; }
.modern h4 { font-size: 1rem; margin-block: 0; }

.dot-pulse {
  position: relative;
  left: -9999px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #000;
  color: #000;
  box-shadow: 9999px 0 0 -5px;
  animation: dot-pulse 1.5s infinite linear;
  animation-delay: 0.25s;
  margin-top: -18px;
  margin-left: 125px;
}
.dot-pulse::before, .dot-pulse::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #000;
  color: #000;
}
.dot-pulse::before {
  box-shadow: 9984px 0 0 -5px;
  animation: dot-pulse-before 1.5s infinite linear;
  animation-delay: 0s;
}
.dot-pulse::after {
  box-shadow: 10014px 0 0 -5px;
  animation: dot-pulse-after 1.5s infinite linear;
  animation-delay: 0.5s;
}

@keyframes dot-pulse-before {
  0% {
    box-shadow: 9984px 0 0 -5px;
  }
  30% {
    box-shadow: 9984px 0 0 2px;
  }
  60%, 100% {
    box-shadow: 9984px 0 0 -5px;
  }
}
@keyframes dot-pulse {
  0% {
    box-shadow: 9999px 0 0 -5px;
  }
  30% {
    box-shadow: 9999px 0 0 2px;
  }
  60%, 100% {
    box-shadow: 9999px 0 0 -5px;
  }
}
@keyframes dot-pulse-after {
  0% {
    box-shadow: 10014px 0 0 -5px;
  }
  30% {
    box-shadow: 10014px 0 0 2px;
  }
  60%, 100% {
    box-shadow: 10014px 0 0 -5px;
  }
}