.downloadAndPurchase {
  display:grid;
  gap:0 30px;
  grid-template-areas:"purchase or download";
  grid-template-columns:1fr auto 1fr;
  grid-template-rows:1fr;
}

.downloadAndPurchase.onlyDownload {
  grid-template-areas:"download or purchase"!important;
  gap: 0 0;
}

  
.or {
margin:0 auto;
margin-top:15px;
}

hr.purchaseDivider,.headline_purchaseform {
display:none;
}

@media only screen and (max-width: 1200px) {
.downloadAndPurchase {
align-items:start;
gap:30px 0;
grid-template-areas: "download" "purchase";
grid-template-columns:1fr;
grid-template-rows:auto auto;
}

.or {
display:none;
}

hr.purchaseDivider,.headline_purchaseform {
display:block;
}
}

.cancellationArrow {
display:inline-block;
}

.cancellationHeadline {
display:inline-block;
margin-bottom:10px;
}

.cancellationIcon {
background:var(--col-main);
border-radius:50%;
margin-bottom:13px;
margin-right:10px;
padding:2px 12px 5px;
}

.cancellationText {
line-height:1.4em;
padding-left:38px;
}

.check {
line-height:1.4em;
margin-top:15px;
}

.check label {
display:inline-block;
max-width:90%;
vertical-align:top;
}

.download {
grid-area:download;
}

.error_msg, .warn_msg {
  display: block;
  font-size: 12px;
  margin-bottom: 20px;
  position: relative; /* allows positioning of the SVG icon */
  line-height: 20px;
  margin-top: 10px;
}

.error_msg {
  color: #a94442;
}

.warn_msg {
  color: #e6a800; /* yellowish tone to match the error_msg color */
  padding-left: 20px; /* make space for the icon */
}

.warn_msg::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 10px;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23e6a800" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="12" y1="8" x2="12" y2="12"/><line x1="12" y1="16" x2="12" y2="16.01"/></svg>');
  background-size: contain;
  background-repeat: no-repeat;
}

.form-mandatory {
color:#39c;
}

.formInclude,.formInclude p {
font-size:16px;
}

.next-step {
float:right;
float:right;
margin-bottom:10px;
margin-left:15px;
margin-left:15px;
}

.next-step-arrow, .prev-step-arrow {
color:var(--col-main);
}

.next-step-wrap {
overflow:hidden;
}

.notification {
background-color:#9c6;
margin-bottom:20px;
padding:15px;
}

.notification a {
color:#fff!important;
text-decoration:underline;
}

.notification p {
color:#fff;
}

.notification.warning {
background-color:#900;
}

.pull-mid {
text-align:center;
}

.purchase {
grid-area:purchase;
}

.rotate180 {
transform:rotate(180deg);
}

.smaller {
font-size:14px;
}

.stepArrow,.subtotal .value,.total .value {
float:right;
}

.stepContainer {
margin:10px;
}

.step_content {
background-color:#fff;
overflow:auto;
transition:all linear .5s;
}

.step_headline {
background-color:#d9d9d9;
font-size:18px;
margin-bottom:2px;
padding:15px;
}

.step_headline.currentStep {
background:var(--col-main);
color:#fff;
}

.subheadline {
display:inline-block;
font-weight:700;
margin-bottom:10px;
}

.submitBtn {
background-color:#900;
border:0;
border-color:#900;
color:#fff;
cursor:pointer;
font-size:16px;
margin-top:20px;
padding:10px 30px;
text-transform:uppercase;
width:auto;
}

.subtotal {
background-color: rgb(0 178 178 / 40%);
margin-top:10px;
padding:15px;
}

.subtotal .label,.total .label,.total .value {
font-weight:700;
}

.subtotal,.total {
margin-left:-10px;
margin-right:-10px;
}

.total {
background-color:var(--col-main);
color:#fff;
margin-bottom:10px;
padding:15px;
}

.validation-error,.validation-error .form-mandatory {
color:#a94442;
}

button.submitBtn:hover {
background-color:#720000;
border-color:#720000;
}

.ehi-purchase-app input[type=text],
.ehi-purchase-app input[type=email],
.ehi-purchase-app select {
-webkit-transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;
background-color:#fff;
background-image:none;
border:1px solid #e6e6e6;
border-radius:1px;
box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
font-size:16px;
height:39px;
padding:6px 12px!important;
transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;
width:100%;
}

label.fieldname {
display:inline-block;
font-weight:700;
margin-top:12px;
}

.table {
display:table;
margin:auto;
table-layout:fixed;
width:100%;
}

.tableCell {
display:table-cell;
margin-bottom:10px;
}

.tableRow {
display:table-row;
}

label.tableCell {
padding-bottom:20px;
width:130px;
}

@media only screen and (max-width: 640px) {
.tableCell {
display:block;
}

.ticketsApp_step_headline {
padding:15px!important;
}

input.tableCell,select.tableCell {
margin-bottom:15px!important;
}

label.tableCell {
margin-bottom:5px;
padding:0;
}
}

.row_1_2 {
display:inline-block;
padding:15px;
vertical-align:top;
width:49%;
word-wrap: break-word;
}

.step_headline {
background-color:#d9d9d9;
font-size:18px;
margin-bottom:2px;
padding:15px;
}


.ticketsApp_step_content {
background-color:#fff;
}


.validation-error input,.validation-error select {
border-color:#e80000;
box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
}

button {
cursor:pointer;
}

div {
font-weight:400;
}

hr.applicantDivider {
display:none;
}

input.tableCell {
width:100%;
width:100%;
}

.ehi-purchase-app input[type=text],
.ehi-purchase-app input[type=email],
.ehi-purchase-app select {
-webkit-transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;
background-color:#fff;
background-image:none;
border:1px solid #e6e6e6;
border-radius:1px;
box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
font-size:16px;
height:39px;
padding:6px 12px!important;
transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;
width:100%;
}

/*
ul {
padding:0 0 0 1em !important;
}
*/

@media only screen and (min-width: 1185px) {
.stepContainer {
margin:10px;
}

.subtotal {
margin-top:10px;
}

.subtotal,.total {
margin-left:-10px;
margin-right:-10px;
}

.ticketsApp_step_content {
overflow:auto;
}

.total {
margin-bottom:10px;
}
}

@media only screen and (max-width: 1185px) {
.row_1_2 {
width:100%;
}

hr.applicantDivider {
display:block!important;
margin-bottom:40px;
}
}

.form-mandatory {
color:#39c;
}

.memberDiscountAmount,.codeDiscountAmount {
float:right;
}

.payment_option {
line-height:1.4em;
margin-bottom:15px;
}

.payment_option label {
display:inline-block;
max-width:90%;
vertical-align:top;
}

.row_1_1 {
overflow:hidden;
padding:15px;
width:100%;
}

.smaller {
font-size:14px;
}

.subheadline {
display:inline-block;
font-weight:700;
margin-bottom:10px;
}

.validation-error input,.validation-error select {
border-color:#a94442;
box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
}

.validation-error,.validation-error .form-mandatory {
color:#a94442;
}

@media only screen and (max-width: 1350px) {
.memberDiscountAmount {
display:block;
float:initial;
margin:0 0 10px 15px;
white-space:nowrap;
}

.radio_option label {
display:inline-block;
}
}

.billdataCopyLink {
margin-bottom:15px;
margin-top:-15px;
}

.cancellationArrow {
display:inline-block;
}

.cancellationHeadline {
display:inline-block;
margin-bottom:10px;
}

.cancellationIcon {
background:#39c;
border-radius:50%;
margin-bottom:13px;
margin-right:10px;
padding:0 26px;
padding:0 10px 5px 10px;
}

.cancellationText {
line-height:1.4em;
padding-left:38px;
}

.cardRow {
margin-top:10px;
}

.codeDiscount {
margin-top:-15px;
}

.error-agb {
margin-bottom:0;
}

.eventDetails {
line-height:18px;
}

.eventHead {
background-color:#d8f2ff;
}

.eventImage {
align-items:center;
display:flex;
justify-content:center;
margin:0 auto;
overflow:hidden;
}

.eventImage img {
flex-shrink:0;
min-height:100%;
min-width:100%;
}

.eventName {
font-size:20px;
font-weight:800;
margin-bottom:5px;
}

.formInclude,.formInclude p {
font-size:16px;
}

.next-step {
float:right;
margin-left:15px;
}

.next-step-wrap {
overflow:hidden;
}

.radio_option label {
max-width:90%;
vertical-align:top;
}

.rotate180 {
transform:rotate(180deg);
}

.stepArrow {
float:right;
}

img.card {
max-height:35px;
max-width:60px;
}

label.tableCell {
padding-top:7px;
vertical-align:top;
}

span.cardContainer {
display:inline-block;
min-width:50px;
padding-right:10px;
text-align:center;
}

@media only screen and (max-width: 1500px) {
.specialEvent {
display:block;
}
}

#registration {
padding-top:40px!important;
}

.activateBtn {
background-color:#39c;
border:0;
border-color:#39c;
color:#fff;
font-size:16px;
margin-top:0;
margin-top:20px;
padding:10px 30px;
text-transform:uppercase;
width:auto;
}

.activateBtn:hover {
background-color:#33669a;
border-color:#33669a;
}

.activated .partner_activation_content {
background-color:#e8efcd;
}

.activation_headline {
font-weight:600;
line-height:1;
}

.applicantSpace {
content:" ";
display:block;
margin-top:10px;
}

.commentRow label {
display:block;
}

.commentRow textarea {
font-size:16px;
margin-top:5px;
max-width:500px;
padding:3px;
width:100%;
}

.commentRow.row_1_1 {
padding-bottom:0;
padding-top:0;
}

.download-divider:last-of-type {
color:#5a5a5a;
margin:3px 0;
}

.download_label {
font-weight:600;
}

.download_link {
float:right;
margin-right:15px;
}

.includedServices li {
line-height:1.3em;
padding-bottom:5px;
}

.noPaddingTop {
padding-top:0!important;
}

.partner_activation {
grid-column-start:2;
grid-row-start:1;
height:100%;
padding:20px;
z-index:3;
}

.partner_activation_content {
background:#fff;
box-shadow:-3px 3px 9px 0 #dedcdc;
height:100%;
padding:15px;
text-align:center;
width:100%;
}

.partner_content {
grid-column-start:1;
grid-row-start:1;
overflow:auto;
padding:20px;
z-index:2;
}

.partner_description {
font-size:15px;
font-weight:300;
line-height:1.2;
white-space:pre-line;
}

.partner_downloads {
clear:both;
margin-top:15px;
}

.partner_overlay {
background:rgba(243,243,243,0.8);
grid-column-end:3;
grid-column-start:1;
grid-row-start:1;
height:100%;
width:100%;
z-index:3;
}

.partner_section {
background-color:#fff;
border-color:#585858;
border-style:solid;
border-width:1px;
display:grid;
grid-template-columns:2fr 1fr;
grid-template-rows:1fr;
margin-top:30px;
}

.partner_time_speaker {
font-size:15px;
line-height:1.2em;
margin:10px 0;
}

.partner_video {
float:left;
max-width:310px;
padding-bottom:10px;
padding-right:15px;
width:50%;
}

.partner_webinar {
font-size:18px;
font-weight:600;
line-height:1;
}

.payment_option.validation-error {
border:1px red;
border-style:dashed;
}

.privacy {
line-height:1.4em;
}

.table-scrollable {
margin:0 0 1em;
overflow-y:auto;
width:100%;
}

.table-scrollable::-webkit-scrollbar {
-webkit-appearance:none;
height:14px;
width:14px;
}

.table-scrollable::-webkit-scrollbar-thumb {
background-color:rgba(0,0,0,.3);
border:3px solid #fff;
border-radius:8px;
}

.ticketsApp_step_content {
background-color:#fff;
}

.ticketsApp_step_headline {
background-color:#d9d9d9;
font-size:18px;
margin-bottom:2px;
padding:15px;
}



button {
cursor:pointer;
}

div {
font-weight:400;
}

hr.applicantDivider {
display:none;
}

input:disabled {
background-color:#ececec;
}

label.fieldname {
display:inline-block;
font-weight:700;
margin-top:12px;
}

label.sublabel {
line-height:12px;
}

select.ng-invalid {
color:#ababab;
}

span.sublabel {
font-size:11px;
}

th {
width:25%;
}

th,td {
border-bottom:1px solid #ddd;
}


@media only screen and (min-width: 1185px) {
.stepContainer {
margin:10px;
}

.subtotal {
margin-top:10px;
}

.subtotal,.total {
margin-left:-10px;
margin-right:-10px;
}

.ticketsApp_step_content {
overflow:auto;
}

.total {
margin-bottom:10px;
}
}

hr.applicantDivider {
display:block!important;
margin-bottom:40px;
}

.memberDiscountAmount,.codeDiscountAmount {
float:right;
}

.row_1_1 {
overflow:hidden;
padding:15px;
width:100%;
}

.smaller {
font-size:14px;
}

.subheadline {
display:inline-block;
font-weight:700;
margin-bottom:10px;
}

.table {
display:table;
margin:auto;
table-layout:fixed;
width:100%;
}

.tableRow {
display:table-row;
}

@media only screen and (max-width: 710px) {
.memberDiscountAmount {
display:block;
float:initial;
margin:0 0 10px 15px;
white-space:nowrap;
}

.radio_option label {
display:inline-block;
}
}

.billdataCopyLink {
margin-bottom:15px;
margin-top:-15px;
}

.cancellationArrow {
display:inline-block;
}

.cancellationHeadline {
display:inline-block;
margin-bottom:10px;
}

.cancellationIcon {
background:#39c;
border-radius:50%;
margin-bottom:13px;
margin-right:10px;
padding:0 26px;
padding:0 10px 5px 10px;
}

.cancellationText {
line-height:1.4em;
padding-left:38px;
}

.cardRow {
margin-top:10px;
}

.codeDiscount {
margin-top:-15px;
}

.error-agb {
margin-bottom:0;
}

.eventDetails {
line-height:18px;
}

.eventHead {
background-color:#d8f2ff;
}

.eventImage {
align-items:center;
display:flex;
justify-content:center;
margin:0 auto;
overflow:hidden;
}

.eventImage img {
flex-shrink:0;
min-height:100%;
min-width:100%;
}

.eventName {
font-size:20px;
font-weight:800;
margin-bottom:5px;
}

.formInclude,.formInclude p {
font-size:16px;
}

.next-step {
float:right;
margin-left:15px;
}

.next-step-wrap {
overflow:hidden;
}

.pull-mid {
text-align:center;
}

.radio_option label {
max-width:90%;
vertical-align:top;
}

.rotate180 {
transform:rotate(180deg);
}

.stepArrow {
float:right;
}

img.card {
max-height:35px;
max-width:60px;
}

label.tableCell {
padding-top:7px;
vertical-align:top;
}

span.cardContainer {
display:inline-block;
min-width:50px;
padding-right:10px;
text-align:center;
}

@media only screen and (max-width: 1500px) {
.specialEvent {
display:block;
}
}

.applicantSpace {
content:" ";
display:block;
margin-top:10px;
}

.commentRow label {
display:block;
}

.commentRow textarea {
font-size:16px;
margin-top:5px;
max-width:500px;
padding:3px;
width:100%;
}

.commentRow.row_1_1 {
padding-bottom:0;
padding-top:0;
}

.includedServices li {
line-height:1.3em;
padding-bottom:5px;
}

.noPaddingTop {
padding-top:0!important;
}

.privacy {
line-height:1.4em;
}

.privacy.check.validation-error {
border:1px red;
border-style:dashed;
}

input:disabled {
background-color:#ececec;
}

label.sublabel {
line-height:12px;
}

select.ng-invalid {
color:#ababab;
}

span.sublabel {
font-size:11px;
}

@media all and (max-width: 980px) {
.activated .partner_activation_content,.partner_activation.activated .partner_activation_content  {
width:100%;
}

.partner_activation {
grid-column-start:1;
grid-row-end:3;
grid-row-start:1;
height:auto;
margin:auto;
padding:40px;
}

.partner_activation.activated {
grid-column-start:1;
grid-row-start:2;
margin:0;
padding:20px;
padding-top:0;
}

.partner_activation_content {
background:#ffffffc2;
height:auto;
width:300px;
}

.partner_content {
grid-column-start:1;
grid-row-start:1;
}

.partner_overlay {
grid-row-end:3;
pointer-events:none;
}

.partner_section {
grid-template-columns:1fr;
grid-template-rows:2fr;
}
}

@media all and (max-width: 480px) {
  .partner_activation_content {
  height:auto;
  width:auto;
  }

  .partner_video {
  float:none;
  max-width:none;
  padding-right:0;
  width:100%;
  }
}

.crossed {
  text-decoration: line-through;
}

.paymentDisabled {
    opacity: 0.5;
    pointer-events: none;
}
.muted {
  opacity: 0.5;
}