@charset "UTF-8";
.div-info-tippspiel {
  margin-bottom: 20px;
  text-align: center;
}
.div-info-tippspiel .button-tippspiel {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  line-height: 20px;
  background-color: #1D3653;
  color: white;
  border: 1px solid #1D3653;
  border-radius: 25px;
  font-size: 12px;
  padding: 8px 20px;
}

@font-face {
  font-family: "etna";
  src: url(https://use.typekit.net/af/1cb98a/00000000000000007735e08c/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3) format("woff2"), url(https://use.typekit.net/af/1cb98a/00000000000000007735e08c/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3) format("woff"), url(https://use.typekit.net/af/1cb98a/00000000000000007735e08c/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3) format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
}
.body-registration {
  display: flex;
  flex-direction: column;
  height: 100vh;
}
.body-registration .friesacher-wrapper {
  background-color: #EFF3F7;
  flex: 1;
}
.body-registration .friesacher {
  max-width: 900px;
  margin: 0px auto 70px auto;
  font-style: normal;
  font-weight: 400;
  /* position: absolute; */
  top: 0;
  left: 0;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.body-registration .friesacher .doc-header {
  margin-bottom: 0px;
  background: url(/pages/courses/registration/friesacher/images/Hotel_Friesacher_Aussen.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 340px;
}
.body-registration .friesacher .doc-header .text {
  transform: translate(0%, 0%);
  padding-top: 8px;
  top: 0px;
}
.body-registration .friesacher .doc-header h3 {
  color: white;
}
.body-registration .friesacher .doc-header h3.caption1 {
  padding: 0px 5px 0px 5px;
  font-size: 26px;
  font-family: etna, sans-serif;
}
.body-registration .friesacher .doc-header h3.caption2 {
  padding: 0px 5px 5px 5px;
}
.body-registration .friesacher .doc-header .logo-header {
  width: 180px;
  margin: 10px 0px 0px 10px;
  filter: brightness(0) invert(1);
}
.body-registration .friesacher .container-registration legend {
  font-size: 18px;
  color: #14263B;
  font-family: etna, sans-serif;
}
.body-registration .friesacher .container-registration .label-error-input-date {
  display: table-cell;
  color: red;
  font-size: 12px;
  margin-top: 3px;
}
.body-registration .friesacher .container-registration .row-info-day-locked .row-group .label-error-date-locked {
  color: red;
  margin-top: 3px;
  display: table-cell;
  color: red;
  font-weight: bold;
  font-size: 14px;
}
.body-registration .friesacher .container-registration .row-info-day-locked-allday {
  margin: 5px 0px;
  color: red;
}
.body-registration .friesacher .container-registration .row-info-extra {
  margin: 5px 0px;
  color: red;
}
.body-registration .friesacher .container-registration .row-info-phonenumber .row-group .label-phone {
  display: table-cell;
}
.body-registration .friesacher .container-registration .row-info-count .label-error-input-count {
  display: none;
  color: #14263B;
  margin-top: 3px;
}
.body-registration .friesacher .container-registration .row-info-count .label-error-input-count.active {
  display: table-cell;
  color: red;
  font-weight: bold;
  font-size: 14px;
}
.body-registration .friesacher .container-registration .select-time {
  width: 115px;
}
.body-registration .friesacher .container-registration .row-info {
  display: flex;
  max-width: 400px;
  padding-bottom: 0px;
  margin-bottom: 0px !important;
}
.body-registration .friesacher .container-registration .row-info .row-info-1 {
  flex: 1;
}
.body-registration .friesacher .container-registration .row-info .row-info-2 {
  text-align: right;
}
.body-registration .friesacher .container-registration .group-check input {
  width: 20px;
  height: 20px;
}
.body-registration .friesacher .container-registration .header {
  width: 122px;
}
.body-registration .friesacher .container-registration .header.header-r {
  width: 200px;
}
.body-registration .friesacher .container-registration .header.label-phone-text {
  text-align: left;
}
.body-registration .friesacher .container-registration .row-inputs.row-group-sex {
  padding-bottom: 8px;
}
.body-registration .friesacher .container-registration .row-inputs.row-group-sex label.header {
  margin-bottom: 0px !important;
}
.body-registration .friesacher .container-registration .row-inputs.row-inputs-tables .error-table {
  color: red;
}
.body-registration .friesacher .container-registration .row-inputs.row-inputs-tables .row-group {
  padding-bottom: 0px;
}
.body-registration .friesacher .container-registration .row-inputs.row-info-lockdate .header, .body-registration .friesacher .container-registration .row-inputs.row-info-count .header, .body-registration .friesacher .container-registration .row-inputs.row-info-day-locked .header {
  padding-right: 0px;
}
.body-registration .friesacher .container-registration .row-inputs.row-comment {
  padding-top: 8px;
}
.body-registration .friesacher .container-registration .row-inputs.row-inputs-date {
  display: flex;
}
.body-registration .friesacher .container-registration .row-inputs.row-inputs-date .col-date {
  flex: initial;
}
.body-registration .friesacher .container-registration .row-inputs.row-inputs-date .col-time {
  width: initial;
}
.body-registration .friesacher .container-registration .row-inputs.row-inputs-date .col-time .header {
  width: initial;
}
.body-registration .friesacher .documentation-common-main .container-controls .mustfield-error {
  background-color: #ffcbcb;
}
.body-registration .friesacher .documentation-common-main .container-controls label.header {
  font-size: 14px;
  color: #14263B;
}
.body-registration .friesacher .documentation-common-main .container-controls input[type=checkbox] {
  width: 20px;
  height: 20px;
}
.body-registration .friesacher .documentation-common-main .container-controls .item-sex label {
  color: #14263B;
}
.body-registration .friesacher .documentation-common-main .label-einverstaendnis, .body-registration .friesacher .documentation-common-main .text-datenschutz {
  color: #14263B;
  font-size: 14px;
}
.body-registration .friesacher .documentation-common-main .label-einverstaendnis.error {
  background-color: #ffcbcb;
  padding: 3px;
}
@media (max-width: 600px) {
  .body-registration .friesacher .documentation-common-main .row-inputs-name {
    display: flex;
  }
  .body-registration .friesacher .documentation-common-main .row-inputs-name .row-group {
    display: block;
  }
  .body-registration .friesacher .documentation-common-main .row-inputs-name .row-group input {
    width: 100%;
  }
  .body-registration .friesacher .documentation-common-main .item-sex {
    margin-top: 2px !important;
  }
}
@media (max-width: 850px) {
  .body-registration .friesacher .documentation-common-main .container-registration .header {
    font-size: 16px;
    display: block;
    padding-bottom: 3px;
  }
  .body-registration .friesacher .documentation-common-main .container-registration .header.header-r {
    width: initial;
  }
}
@media (max-width: 600px) {
  .body-registration .friesacher .doc-header {
    height: 190px;
    position: relative;
  }
  .body-registration .friesacher .doc-header .logo {
    text-align: center;
  }
  .body-registration .friesacher .doc-header .logo a {
    display: inline-block;
  }
  .body-registration .friesacher .doc-header .text {
    transform: translate(0%, 153px);
    background-color: rgba(255, 255, 255, 0.5);
    padding: 0;
    position: absolute;
    right: initial;
    width: 100%;
  }
  .body-registration .friesacher .doc-header h3.caption1 {
    font-size: 26px;
    text-align: center;
    color: white;
    padding: 6px 0px 6px 0px;
  }
  .body-registration .friesacher .doc-header h3.caption2 {
    display: none;
  }
}
.body-registration .footer-friesacher {
  text-align: left;
  margin-right: 20px;
  margin-left: 20px;
  padding-bottom: 25px;
  font-size: 16px;
}
.body-registration .footer-friesacher .next {
  float: right;
}
.body-registration .footer-friesacher .info-locked {
  font-size: 20px;
  color: red;
}
@media (max-width: 500px) {
  .body-registration .container-registration .row-info-phonenumber .header.header-r.label-phone-text {
    display: block;
  }
  .body-registration .container-registration .row-info-phonenumber .row-group {
    display: block;
  }
  .body-registration .container-registration .row-info-phonenumber .row-group .label-phone {
    display: block;
  }
  .body-registration .footer-friesacher .info-locked {
    display: block;
    margin-bottom: 14px;
  }
}
@media (max-width: 900px) {
  .body-registration .footer-friesacher {
    margin-left: 20px;
  }
  .body-registration .footer-friesacher .info-locked {
    font-size: 16px;
  }
}
.body-registration .lds-ring-registration.small div {
  border: 6px solid #1D3653;
  border-color: #1D3653 transparent transparent transparent;
}

#bottom-x {
  position: fixed;
  bottom: 0px;
  width: 100%;
  max-width: 900px;
}
#bottom-x .row-bottom-1 {
  padding: 5px;
  background-color: #1D3653;
  color: white;
  display: flex;
}
#bottom-x .row-bottom-1 .left {
  flex: 1;
}
#bottom-x .row-bottom-1 a {
  color: white;
}
#bottom-x .bottom-ike {
  background-color: white;
  padding: 0px 3px 0px 3px;
}
#bottom-x .bottom-ike .row-1 img {
  width: 100px;
}
#bottom-x .bottom-ike .row-1 .bottom-left {
  padding-top: 4px;
  font-size: 12px;
}

.iti.iti--allow-dropdown input {
  padding-left: 47px !important;
  width: 250px;
}

.input-date {
  text-align: center;
}
.input-date.mustfield-error-date {
  background-color: #ffcbcb;
}

.credit-card-inputs {
  margin-top: 8px;
  margin-bottom: 8px;
}
.credit-card-inputs .credit-card {
  display: inline-flex;
  max-width: 300px;
}
.credit-card-inputs .credit-card .credit-card-inputs__fields {
  display: flex;
  justify-content: space-between;
}
.credit-card-inputs .credit-card .credit-card-inputs__fields input {
  border: none;
  outline: none;
  background: transparent;
  box-sizing: border-box;
  border-bottom: 2px solid #ccc;
  font-size: 14px;
  width: 23%;
  text-align: center;
  letter-spacing: 0.5rem;
  color: #555;
  font-family: monospace;
  padding: 0px 0px 3px 0px !important;
  transition: all 0.3s;
}
.credit-card-inputs .creditcard-ok, .credit-card-inputs .creditcard-error {
  font-size: 18px;
  margin-left: 10px;
}
.credit-card-inputs .creditcard-ok, .credit-card-inputs .creditcard-error {
  font-size: 18px;
  margin-left: 10px;
}
.credit-card-inputs .creditcard-ok {
  color: lightgreen;
}
.credit-card-inputs .creditcard-error {
  color: red;
}

.commit {
  margin-bottom: 20px;
}

.save-info, .save-info-2 {
  padding: 24px 12px 30px 12px;
  font-size: 16px;
}

.save-info-2 .save-info-2-commit {
  margin: 20px 0px;
}
.save-info-2 .save-info-22 {
  font-weight: bold;
  font-style: italic;
}

.save-info .save-info-buttons .save {
  float: right;
}

body {
  max-width: initial;
  color: #1D3653;
  font-size: 14px;
  line-height: initial;
}
body .text-footer {
  color: #14263B;
  font-size: 16px;
}

button {
  background-color: transparent;
  color: #1D3653;
  border: 1px solid #1D3653;
  border-radius: 25px;
  font-size: 20px;
  padding: 6px 20px;
}
button:hover {
  color: white;
  background-color: #1D3653;
}

#progressbar {
  color: #ababab;
  margin: 15px 0px 10px 0px;
}
#progressbar .active {
  color: #4a4a4a;
}

.register.documentation-common-main .container-registration label {
  color: #4a4a4a;
}

.action-button.close-window {
  background-color: #ff7c7c;
}
.action-button.close-window:hover, .action-button.close-window:focus {
  box-shadow: 0 0 0 2px white, 0 0 0 3px #ff7c7c;
}

/*
.confirmation {
	.row-1 {
		display: flex;
		font-size:14px;
		line-height: 24px;
		.caption {
			width:140px;
			font-weight:bold;
			text-align: right;
			margin-right:10px;
		}
		.value {

		}
	}
	@media (max-width: 600px) {
		.row-1 {
			//display: block;
			line-height: 20px;
			margin-bottom:3px;
			.value {
				word-break: break-all;
			}
			.caption {
				//text-align: left;
				width:85px;
				min-width:85px;
			}
		}
	}
}
*/
.ui-widget.ui-widget-content {
  width: 300px;
}

.ui-datepicker.ui-widget-content td a {
  padding: 10px;
}

.ui-datepicker-prev span,
.ui-datepicker-next span {
  background-image: none !important;
  padding: 0px 10px;
}

.ui-datepicker-prev:before,
.ui-datepicker-next:before {
  font-family: "Font Awesome 5 Free";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  font-weight: normal;
  align-items: center;
  justify-content: center;
}

.ui-datepicker-prev:before {
  content: "";
  font-weight: 900;
  color: black;
  font-size: 24px;
}

.ui-datepicker-next:before {
  content: "";
  font-weight: 900;
  color: black;
  font-size: 24px;
}

/*# sourceMappingURL=registration.css.map */