/* Minification failed. Returning unminified contents.
(3080,27): run-time error CSS1030: Expected identifier, found '.'
(3080,48): run-time error CSS1031: Expected selector, found ')'
(3080,48): run-time error CSS1025: Expected comma or open brace, found ')'
(4679,21): run-time error CSS1030: Expected identifier, found '.'
(4679,32): run-time error CSS1031: Expected selector, found ')'
(4679,32): run-time error CSS1025: Expected comma or open brace, found ')'
 */
.cc-window{opacity:1;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{transition:transform 1s ease}.cc-animate.cc-revoke.cc-top{transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-top,.cc-revoke:hover{transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;transition:max-height 1s}
.cc-link,.cc-revoke:hover{text-decoration:underline}.cc-revoke,.cc-window{position:fixed;overflow:hidden;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:16px;line-height:1.5em;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:1em 1.8em;width:100%;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;padding:.2em}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}.cc-banner .cc-btn:last-child{min-width:140px}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1}
.cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-ms-flex:1 0 auto;flex:1 0 auto}.cc-window.cc-banner{-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{-ms-flex:1;flex:1}.cc-compliance{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-compliance>.cc-btn{-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em}
@media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-ms-flex-align:unset;align-items:unset}}
.cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block}
.cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em 2em 1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}
@charset "UTF-8";
.sbutton-control-link-button, .sbutton-control-link-button-disabled {
  height: 40px;
  text-decoration: none;
  margin: 0;
  padding: 0;
  display: inline-block;
  font-size: 16px;
}

.sbutton-control-link-button > *, .sbutton-control-link-button-disabled > * {
  vertical-align: middle;
}

.sbutton-control-link-button-disabled > * {
  vertical-align: middle;
}

.sbutton-control-text, a.sbutton-control-link-button-disabled .sbutton-control-text {
  margin: 3px 0 0 0;
  display: inline-block;
  margin-left: 5%;
  margin-right: 0;
  width: 70%;
}

.sbutton-control-text-right-aligned, a.sbutton-control-link-button-disabled .sbutton-control-text-right-aligned {
  margin: 3px 0 0 0;
  display: inline-block;
  margin-left: 0%;
  margin-right: 5%;
  width: 70%;
  text-align: right;
}

.sbutton-control-image {
  background-repeat: no-repeat;
  height: 32px;
  background-size: 32px auto;
  width: 15%;
  margin-top: 4px;
  margin-left: 5%;
  margin-right: 5%;
  display: inline-block;
}

a.sbutton-control-link-button, a.sbutton-control-link-button-disabled,
a:hover.sbutton-control-link-button {
  border: 2px solid;
}

a.sbutton-control-link-button-disabled {
  border: 2px solid;
  text-decoration: none;
  outline: none;
  cursor: default;
}

.sbutton-size-s .sbutton-control-image,
.sbutton-size-xs .sbutton-control-image {
  margin: 4px;
}

.sbutton-size-s .sbutton-control-text, .sbutton-size-s a.sbutton-control-link-button-disabled .sbutton-control-text, a.sbutton-control-link-button-disabled .sbutton-size-s .sbutton-control-text,
.sbutton-size-s .sbutton-control-text-right-aligned,
.sbutton-size-s a.sbutton-control-link-button-disabled .sbutton-control-text-right-aligned,
a.sbutton-control-link-button-disabled .sbutton-size-s .sbutton-control-text-right-aligned,
.sbutton-size-xs .sbutton-control-text,
.sbutton-size-xs a.sbutton-control-link-button-disabled .sbutton-control-text,
a.sbutton-control-link-button-disabled .sbutton-size-xs .sbutton-control-text,
.sbutton-size-xs .sbutton-control-text-right-aligned,
.sbutton-size-xs a.sbutton-control-link-button-disabled .sbutton-control-text-right-aligned,
a.sbutton-control-link-button-disabled .sbutton-size-xs .sbutton-control-text-right-aligned {
  display: none;
}

/* ---------- Btn AddToCart BookingItemSelection ---------- */
.btnAddToCartTabContainer {
  float: right;
  margin: 0px 0px 12px 0px;
}

.btnAddToCartTabContainer .sbutton-size-s {
  margin-top: 3px;
  float: right;
}

/* ---------- Btn OrderSummaryBeforeFinish ---------- */
.btnOSBFNext {
  margin-bottom: 20px;
}

/* -------------- Button Size XL ----------------- */
.sbutton-size-xl .sbutton-control-text, .sbutton-size-xl a.sbutton-control-link-button-disabled .sbutton-control-text, a.sbutton-control-link-button-disabled .sbutton-size-xl .sbutton-control-text {
  /*margin-top: 18px;*/
  height: 64px;
  vertical-align: middle;
  margin-top: 3px;
}

.sbutton-size-xl .sbutton-control-text span {
  height: 64px;
  line-height: 16px;
  vertical-align: middle;
  display: table-cell;
}

.sbutton-size-xl .sbutton-control-image {
  /*margin-top: 19px;*/
  height: 64px;
  margin-top: 3px;
  background-position-y: center;
}

/* -------- InstructionsOnWithdrawal -------- */
.btnWithdrawal .sbutton-control-text, .btnWithdrawal a.sbutton-control-link-button-disabled .sbutton-control-text, a.sbutton-control-link-button-disabled .btnWithdrawal .sbutton-control-text {
  height: 64px;
  vertical-align: middle;
  margin-top: 3px;
}

.btnWithdrawal .sbutton-control-text span {
  height: 64px;
  line-height: 16px;
  vertical-align: middle;
  display: table-cell;
}

.btnWithdrawal .sbutton-control-image {
  margin-top: 0;
  height: 64px;
  margin-top: 3px;
}

/* -------- Toggle Button -------- */
.frameToggle {
  position: relative;
  width: 282px;
  cursor: pointer;
}

.btn_toggleLeftNotSel {
  width: 117px;
  height: 40px;
  margin-right: 8px;
  position: relative;
  float: left;
}

.btn_toggleRightNotSel {
  width: 117px;
  height: 40px;
  position: relative;
  float: left;
}

.btn_toggleLeftSel {
  width: 117px;
  height: 40px;
  margin-right: 8px;
  position: relative;
  float: left;
}

.btn_toggleRightSel {
  width: 117px;
  height: 40px;
  position: relative;
  float: left;
}

.btn_toggleLeftNotSel .icnToggle, .btn_toggleLeftSel .icnToggle {
  display: inline-block;
  margin-left: 2.8%;
  margin-right: 2.8%;
  background: no-repeat center center;
  background-size: 32px;
}

.btn_toggleRightNotSel .icnToggle, .btn_toggleRightSel .icnToggle {
  display: inline-block;
  margin-left: 2.8%;
  margin-right: 2.8%;
  background: no-repeat center center;
  background-size: 32px;
}

.icnToggle {
  width: 40px;
  height: 40px;
}

.buttonTextToggle {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  left: 32px;
  width: 81px;
  height: 40px;
  text-align: left;
  display: table;
}

.buttonTextToggleSpan {
  display: table-cell;
  width: 80%;
  padding-right: 10%;
  padding-left: 10%;
  height: 40px;
  vertical-align: middle;
  text-align: right;
}

/* -------- Group Buttons -------- */
.buttonLRightGroupEdit {
  position: absolute;
  right: 16px;
  top: 0px;
  width: 488px;
}

.buttonLRightGroupEdit table {
  width: 488px;
}

.buttonLRightGroupEdit .sbutton-control-link-button, .buttonLRightGroupEdit .sbutton-control-link-button-disabled {
  margin-left: 32px;
  width: 206px;
}

.buttonLRightWithText {
  position: absolute;
  right: 0;
  top: 15px;
}

.buttonNextLogIn {
  float: right;
}

a.sbutton-control-link-button-disabled,
.toggleCustom input[type=checkbox].riskFee:checked:not(old):disabled + label > div,
.toggleCustom input[type=checkbox].riskFee:not(old):disabled + label:hover > div,
.toggleCustom input[type=checkbox].riskFee:not(old):disabled + label > div,
.iconCustomerCart a.imgEditCustomerIcon_disabled,
.iconCustomerCart a.imgDeleteCustomerIcon_disabled,
.iconCategoryCart .imgDeleteCategory_disabled,
.frameCartItems .imgDeleteCustomerIconSummary_disabled {
  opacity: 0.6;
}

/* ----------------- Button Sizes ---------------- */
.sbutton-size-xl {
  height: 70px;
  width: 210px;
}

.sbutton-size-xl .sbutton-control-link-button,
.sbutton-size-xl .sbutton-control-link-button-disabled {
  height: 70px;
  width: 210px;
}

.sbutton-size-xl .sbutton-control-text, .sbutton-size-xl a.sbutton-control-link-button-disabled .sbutton-control-text, a.sbutton-control-link-button-disabled .sbutton-size-xl .sbutton-control-text {
  height: 64px;
  vertical-align: middle;
  margin-top: 3px;
}

.sbutton-size-xl .sbutton-control-text span {
  height: 64px;
  line-height: 16px;
  vertical-align: middle;
  display: table-cell;
}

.sbutton-size-xl .sbutton-control-image {
  height: 64px;
  margin-top: 3px;
  background-position-y: center;
}

.sbutton-size-l {
  width: 210px;
  height: 44px;
}

.sbutton-size-m {
  width: 81px;
  height: 40px;
}

.sbutton-size-m .sbutton-control-link-button, .sbutton-size-m .sbutton-control-link-button-disabled {
  height: 40px;
  width: 70px;
}

.button-size-m .icnToggle {
  width: 32px;
  height: 32px;
}

.sbutton -size-s {
  height: 44px;
  width: 44px;
}

.sbutton-size-s .sbutton-control-link-button, .sbutton-size-s .sbutton-control-link-button-disabled {
  height: 40px;
  width: 40px;
}

.sbutton-size-s .sbutton-control-image {
  height: 32px;
  width: 32px;
}

.sbutton-size-xs .sbutton-control-link-button, .sbutton-size-xs .sbutton-control-link-button-disabled {
  height: 32px;
  width: 32px;
}

.sbutton-size-xs .sbutton-control-image {
  height: 24px;
  width: 24px;
  background-size: 24px auto;
  background-position: center;
}

html {
  overflow-y: scroll;
  overflow-x: auto;
}

@font-face {
  font-family: "GT-Walsheim";
  src: url("../fonts/GT-Walsheim-Regular.woff2");
  font-weight: 400;
}
@font-face {
  font-family: "GT-Walsheim";
  src: url("../fonts/GT-Walsheim-Bold.woff2");
  font-weight: 700;
}
body {
  width: 971px;
  padding: 0 0 0 0;
  margin: 0 auto !important;
  text-align: center;
  font-family: "GT-Walsheim";
  font-size: 12px;
}

* {
  margin: 0;
  padding: 0;
}

IMG {
  border: none;
}

.float {
  float: left;
}

.float-right {
  float: right;
}

.clearClass {
  clear: both;
}

a:link,
a:hover,
a:active,
a:visited {
  text-decoration: none;
}

.inline {
  display: inline-block;
}

.relative, .relativeIndex {
  position: relative;
}

.bold, span.boldWhite, strong, b, span.bold, .label-position-above.mandatoryInput {
  font-weight: bold;
}

.underlined {
  text-decoration: underline;
}

.loadingBackground {
  filter: alpha(opacity=50);
  opacity: 0.5;
}

.navButtons {
  position: relative;
  margin-top: 0px;
  width: 971px;
  padding-bottom: 0 !important;
}

/* -------- Textboxen -------- */
.input {
  margin-top: 3px;
  margin-right: 3px;
  width: 100px;
  height: 30px;
  overflow: hidden;
}

input[type=text], input[type=email], input[type=tel], textarea {
  height: 44px;
  border-radius: 5px;
  margin: 0;
  padding: 0 3px;
  margin-bottom: 11px;
  border: 2px solid;
}

input[type=text].controlValidationError, input[type=email].controlValidationError, input[type=tel].controlValidationError {
  border: 2px solid;
  border-radius: 5px;
}

.controlValidationError, input[type=text].controlValidationError, input[type=email].controlValidationError, input[type=tel].controlValidationError, .frame-checkbox.cbValidationError input[type=checkbox]:not(old) + label > div {
  border: 2px solid;
}

.validationErrorTable .GroupTableMiddleColumn,
.validationErrorTable .GroupTableMiddleColumnSkill {
  border-right: 1px solid;
  border-left: 1px solid;
}

textarea {
  border-radius: 5px;
  resize: none;
  font-family: inherit;
}

.validationErrorBox {
  border: 2px solid;
}

.radio-button-frame.cbValidationError input[type=radio]:not(old) + label > div {
  border: 2px solid;
}

.validation-error-info {
  font-size: 14px;
}

.validation-error-info::before {
  content: "";
  display: block;
  position: absolute;
  top: 22px;
  left: 20px;
}

/* -------- DropDownlist -------- */
.ddl-control, .DDL_disabled {
  width: 250px;
  border-radius: 5px;
  height: 44px;
  margin-bottom: 11px;
  border: 2px solid;
  font-size: 14px;
}

.DDL_disabled {
  border: 2px solid #ccd8dd;
  border-radius: 5px;
}

.controlValidationError {
  border: 2px solid;
  border-radius: 5px;
}

select {
  height: 44px;
  line-height: 44px;
  width: 100%;
  border: 2px solid;
  background: center right no-repeat;
  background-size: 32px 20px;
  -moz-padding-start: 3px;
}

.DDLInfoBtn .ddl-control,
.DDLInfoBtn .DDL_disabled {
  width: 214px;
}

.DDLScale {
  width: 90px;
  float: left;
  margin-right: 8px;
}

.DDLValueScale {
  width: 152px;
  float: left;
}

.DDLValueScaleInfoBtn {
  width: 116px;
  float: left;
}

input,
select,
textarea {
  box-sizing: border-box;
  font-size: 14px;
}

/* -------- Checkbox -------- */
.frame-checkbox input[type=checkbox]:not(old) {
  width: 0;
  margin: 0;
  padding: 0;
  opacity: 0;
}

.frame-checkbox input[type=checkbox]:not(old) + label {
  display: block;
  width: 100%;
  height: 100%;
}

.frame-checkbox input[type=checkbox]:not(old) + label > div {
  display: inline-block;
  width: 24px;
  height: 24px;
  border: 2px solid;
  border-radius: 5px;
  margin: 0;
  vertical-align: bottom;
  margin-right: 4%;
  position: absolute;
}

.frame-checkbox input[type=checkbox]:not(old) + label > p {
  margin-left: 40px;
  padding-top: 7px;
  padding-right: 10px;
  line-height: 16px;
}

.frame-checkbox input[type=checkbox]:not(old):checked + label > div:before {
  display: block;
  width: 20px;
  height: 20px;
  padding: 2px;
}

.frame-checkbox.cbValidationError input[type=checkbox]:not(old) + label > div {
  border: 2px solid;
  border-radius: 5px;
}

/* -------- ToggleButton -------- */
.catSelChkInAdditional .cbAdditional {
  padding-top: 0;
  margin-top: -20px;
}

.toggleCustom input[type=checkbox]:not(old) {
  width: 0%;
  margin: 0;
  padding: 0;
  opacity: 0;
}

.toggleCustom input[type=checkbox]:not(old) + label {
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.toggleCustom input[type=checkbox]:not(old) + label > div {
  position: absolute;
  display: inline-block;
  width: 40px;
  height: 40px;
  border: 2px solid;
  border-radius: 5px;
  margin: 0;
  vertical-align: bottom;
  margin-right: 4%;
}

.toggleCustom input[type=checkbox]:not(old) + label > div:before {
  display: block;
  content: "";
  background-size: 32px;
  width: 32px;
  height: 32px;
  margin: 4px;
  background-position: center center;
}

.toggleCustom input[type=checkbox]:not(old):checked + label > div {
  position: absolute;
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 5px;
  margin: 0;
  margin-right: 4%;
  background-position: center center;
}

.toggleCustom input[type=checkbox]:not(old) + label > span {
  vertical-align: middle;
  padding: 0 0 0 65px;
  height: 44px;
  display: table-cell;
  line-height: 16px;
}

.toggleCustom input[type=checkbox]:not(old):checked + label > div:before {
  content: "";
  display: block;
  width: 32px;
  height: 32px;
  background-size: 32px;
}

.toggleCustom input[type=checkbox].CategoryIcon:not(old) + label > div:before,
.toggleCustom input[type=checkbox].CategoryIcon:not(old):checked + label > div:before,
.toggleCustom input[type=checkbox].riskFee:not(old):checked + label > div:before,
.toggleCustom input[type=checkbox].riskFee:not(old):disabled + label > div:before {
  background: no-repeat center center;
  background-size: 32px;
}

.toggleCustom input[type=checkbox].riskFee:checked:not(old):disabled + label > div {
  border-radius: 5px;
}

.toggleCustom input[type=checkbox].riskFee:not(old):disabled + label {
  cursor: inherit;
}

.toggleCustom input[type=checkbox].riskFee:not(old):disabled + label:hover > div {
  /*border: 2px solid;*/
  border-radius: 5px;
}

.toggleCustom input[type=checkbox].riskFee:not(old):disabled + label > div {
  /*border: 2px solid;*/
  border-radius: 5px;
}

.btn_toggleLeftNotSel,
.btn_toggleRightNotSel,
.btn_toggleLeftSel,
.btn_toggleRightSel {
  border-radius: 5px;
  border: 2px solid;
}

.btn_toggleLeftSel,
.btn_toggleRightSel {
  background: right top no-repeat;
  background-size: 21px;
}

/* -------- Workflowbar -------- */
.workflow-bar-control-button-previous {
  float: left;
  width: 210px;
  margin: 0;
  direction: rtl;
}

.workflow-bar-control-button-next {
  float: right;
  width: 210px;
}

.statusGradient0, .statusGradient25, .statusGradient75, .statusGradient100 {
  position: absolute;
  z-index: 0;
  height: 12px;
  box-sizing: border-box;
  width: 100%;
  margin: 12px 0 0 0;
  border-left: 18px solid;
  border-right: 18px solid;
}

.statusLeft {
  position: absolute;
  left: 0;
}

.statusMiddle {
  position: absolute;
  left: 50%;
  right: 50%;
  width: 36px;
  margin-left: -18px;
}

.statusRight {
  position: absolute;
  right: 0;
}

.statusDone {
  width: 34px;
  height: 34px;
  border-radius: 5px;
  border: 1px solid;
  background: center center no-repeat;
  background-size: 20px auto;
}

.statusUndone {
  width: 34px;
  height: 34px;
  border: 2px solid;
  border-radius: 5px;
}

.workflow-bar-control-status-bar {
  position: relative;
  height: 36px;
  width: 971px;
  margin: 0;
}

.spacerMasterNav {
  height: 30px;
}

.spacerWorkflowBarBottom {
  margin-top: 30px;
}

/* -------- Websitenfooter -------- */
.frameFeedbackMobile {
  height: auto;
  margin-bottom: 30px;
  width: 100%;
  table-layout: fixed;
}

.innerTrTableFeedbackMobile td {
  vertical-align: bottom;
}

.imprint {
  margin-top: 8px;
  margin-right: 20px;
  display: inline-block;
}

.legalContactInformation {
  margin-top: 8px;
}

.imprint a:hover {
  text-decoration: underline;
}

.copyright {
  text-align: right;
}

.legals, .copyright {
  width: 50%;
}

.copyright a {
  background: no-repeat bottom right;
  background-size: 94px;
  width: 94px;
  height: 44px;
  display: block;
  float: right;
}

/* -------- Überschriften -------- */
.title-section-control-content {
  margin-top: 30px;
  height: 50px;
  margin-bottom: 10px;
  width: 969px;
  border: 1px solid;
}

.title-section-control-inner-content > * {
  vertical-align: middle;
}

.h1Text,
.h1TextToggle {
  display: table-cell;
  vertical-align: middle;
  height: 50px;
  width: 88.4%;
  font-size: 20px;
  font-weight: bold;
}

/* -------- allgemeine Text-Divs -------- */
.text1ColumnStandard {
  margin-top: 9px;
  margin-right: 10px;
  width: 145px;
}

.text2ColumnsStandard {
  margin-top: 9px;
  margin-right: 10px;
  width: 310px;
}

.text4ColumnsStandard {
  margin-top: 9px;
  margin-right: 10px;
  width: 620px;
}

.text1ColumnTotal {
  margin-top: 9px;
}

.text1Enlarged {
  padding-top: 13px;
  margin-right: 10px;
  width: 100%;
}

.textGroupViewTS {
  display: table-cell;
  padding-right: 1.6%;
  height: 50px;
  vertical-align: middle;
  text-align: right !important;
  width: 18.4%;
  min-width: 200px;
}

.content-section {
  padding: 16px 32px;
  width: 907px;
}

/* -------- Error Page -------- */
.messageTitle {
  display: block;
  padding-bottom: 20px;
  padding-top: 30px;
}

.content-image-section {
  width: 210px;
  height: 210px;
  float: left;
}

.textErrorPage {
  padding-bottom: 20px;
  line-height: 120%;
}

.messageErrorPage {
  width: 70%;
  float: left;
}

/* -------- Home -------- */
.spacerEarlierPickup {
  height: 19px;
}

.attentionArrow,
.attentionArrowHome,
.attentionArrowDDL {
  margin-top: 8px;
  height: 16px;
  width: 16px;
  margin-left: -4px;
}

.accepted-payments-section-payment-logos-frame,
.framePaymentsPaO {
  display: inline-block;
}

.accepted-payments-section-payment-logos-frame img,
.framePaymentsPaO img {
  margin-right: 10px;
}

.listPaymentLogos {
  display: inline-block;
  margin: 7px 7px 7px 0;
  vertical-align: middle;
}

.listImagePayment {
  display: inline-block;
  margin: 7px 0 7px 10px;
  vertical-align: middle;
}

.lblLnkLegalNotice {
  display: inline-block;
  margin: 0;
  padding-right: 20px;
  line-height: 17px;
  vertical-align: middle;
}

.framePaymentsPaO {
  padding-top: 12px;
  padding-left: 45px;
  box-sizing: border-box;
  width: 100%;
}

.imgPaymentInformation {
  padding-top: 13px;
  box-sizing: border-box;
  width: 100%;
  display: inline-block;
}

.imgPaymentInformation img,
.accepted-payments-section-payment-logos-frame img,
.framePaymentsPaO img {
  height: 24px;
  width: auto;
}

.listPaymentLogos,
.imgPaymentInformation {
  margin-top: 0;
  margin-bottom: 10px;
}

/* -------- BookingItemSelection -------- */
.frameToggle .attentionArrowCustomerDetails, .frameToggle .attentionArrowAGB {
  padding-left: 8px;
}

.divCategoryValidationArrow {
  width: 28px;
  height: 28px;
  float: left;
}

.cartAdditional {
  margin-top: -7px;
  width: 971px;
}

.cartAdditionalCategory {
  padding-top: 10px;
  padding-bottom: 10px;
  width: calc(100% - 120px);
}

.plusAdditionalCategory {
  padding-top: 3px;
  width: 10px;
  float: left;
  text-align: left;
}

.additionalCategory {
  padding-top: 3px;
  float: left;
}

.helpDiv {
  width: 971px;
}

.generalRentInformationLabel {
  font-size: 14px;
}

.textIndent1of5Col {
  font-size: 14px;
  margin-left: 16px;
  width: 129px;
}

.textIndent2of2Col {
  font-size: 14px;
  width: 756px;
  padding-left: 32px;
}

.textIndent1Col {
  font-size: 14px;
  margin-left: 16px;
  width: 955px;
}

.catSel {
  width: 641px;
}

.bgCatSelTop {
  margin: 0;
  margin-left: 10px;
  margin-right: 0;
  width: 641px;
  height: 50px;
  padding: 0;
}

.attentionArrowCatSel {
  margin-top: 10px;
  margin-left: 10px;
}

.h1CatSel {
  padding-left: 10px;
  padding-top: 17px;
  font-weight: bold;
  font-size: 14px;
}

.cart {
  width: 971px;
  height: 100%;
  background: repeat-y;
}

.spacerCustomersEnd {
  width: 971px;
  height: 7px;
}

.boxBrightVSpacerOrderSummaryItem {
  height: 10px;
}

.boxCart,
.boxCartChkIn {
  margin-top: 10px;
  width: 330px;
}

/* Expander Booking ItemSelection */
.boxBright614 {
  padding-left: 8px;
  width: 613px;
  height: 50px;
  margin: 0 0 10px 10px;
}

.boxBright614 > * {
  vertical-align: middle;
}

.h1TextExpander {
  width: 548px;
  margin-top: 4px;
  display: inline-block;
  font-size: 20px;
  font-weight: bold;
}

.icon {
  margin-top: 7px;
  width: 16px;
}

.iconTS {
  width: 16px;
}

.iconExpander {
  margin-top: 5px;
  display: inline-block;
  height: 40px;
  width: 40px;
}

a .iconExpander {
  display: inline-block;
  height: 40px;
  width: 40px;
}

.iconExpander img {
  background-position: center center;
  display: block;
  width: 22px;
  height: auto;
  padding: 9px;
}

.divExpanderIconViewExpanded,
.divExpanderIconViewCollapsed {
  background-position: center;
  background-repeat: no-repeat;
  height: 24px;
  width: 24px;
  margin: 8px;
  background-size: 24px;
}

.BookingItemSelectionCategoryGroupExpanderPanel {
  overflow: hidden;
  height: 0px;
}

/* CustomTabContainer, statisch gebaut, ohne Ajax-Control */
.customTabContainer {
  margin: 0 0px 10px 0px;
}

.customHeader {
  margin: 0px 0px 0px 10px;
  text-align: left;
}

.customHeader table {
  width: 620px;
  margin: 0;
  padding: 0;
  border-collapse: collapse;
  border-spacing: 0;
}

.customHeader table td {
  vertical-align: top;
  text-align: left;
}

.customHeaderOuterActive {
  margin: 0px 6px 0px 0px;
  padding: 7px 11px 7px 11px;
  width: 127px;
  border-right: 6px solid;
  font-weight: bold;
}

.customHeaderOuter {
  text-align: left;
  margin: 0px 6px 0px 0px;
  padding: 7px 11px 7px 11px;
  width: 127px;
  border-right: 6px solid;
}

.customHeaderOuterHidden {
  margin: 0px 6px 0px 0px;
  padding: 7px 11px 7px 11px;
  width: 127px;
  border-right: 6px solid;
  visibility: hidden;
}

.customBody {
  margin: 0px 0px 10px 10px;
  width: 621px;
  padding: 0px 0px 5px 0px;
}

/* BookingItemSelection2 TabContent */
.categoryTabContainer {
  padding: 6px 0px;
  display: table;
}

.categoryInfoTabContainer {
  padding: 0px 10px 0px 10px;
  width: 199px;
  float: left;
}

.categoryImagesTabContainer {
  width: 190px;
  float: left;
  padding-right: 10px;
}

.containerAdditionalItemsTabContainer {
  width: 170px;
  float: left;
  padding: 0px 0px 0px 0px;
  margin-left: 15px;
  margin-top: 16px;
}

.categoryName {
  display: table-cell;
  vertical-align: middle;
  font-size: 20px;
  font-weight: bold;
}

.categoryImage {
  max-width: 190px;
  width: 100%;
  text-align: center;
}

.lblCategoryExample {
  max-width: 190px;
  width: 100%;
}

.containerItemInfo {
  float: left;
}

.floatDDLItems {
  padding: 0 32px 15px 10px;
  float: left;
  width: 250px;
}

.containerDDLItems {
  width: 584px;
  padding-top: 5px;
}

.lblDDLCourse {
  padding-bottom: 0;
}

a.infoIcon {
  float: left;
  margin-left: 8px;
  margin-top: 8px;
  width: 24px;
  height: 24px;
  background: no-repeat center center;
  background-size: 24px auto;
  border-radius: 16px;
  border: 2px solid;
}

.containerBookingItem {
  width: 588px;
  border-top: 1px solid;
  padding-top: 6px;
}

.durationItemTabContainer {
  width: 409px;
  float: left;
  padding-top: 6px;
  font-size: 14px;
}

.lblDurationlblTabContainer,
.lblDurationlblTabContainerDisabled {
  height: 27px;
  margin-left: 0;
}

.lblDurationTabContainer {
  height: 27px;
  margin-left: 0;
  padding-top: 2px;
  font-weight: bold;
}

.lblDurationlblTabContainerDisabled {
  height: 27px;
  margin-left: 10px;
}

.lblDurationTabContainerDisabled {
  height: 27px;
  margin-left: 10px;
  padding-top: 2px;
}

.priceItemTabContainer {
  width: 179px;
  float: left;
}

.lblPriceOldTabContainer {
  height: 21px;
  width: 80px;
  float: left;
  text-align: right;
  text-decoration: line-through;
}

.lblCurrencyOldTabContainer {
  height: 21px;
  width: 45px;
  float: left;
  padding-left: 5px;
  text-decoration: line-through;
}

.lblPriceTabContainer {
  height: 27px;
  text-align: right;
}

.lblCurrencyTabContainer {
  height: 27px;
  padding-left: 5px;
}

.lblVATCategorySelection {
  height: 27px;
  margin-left: 0;
  text-align: right;
}

.framePrices {
  width: 100%;
  height: 46px;
  float: left;
  text-align: right;
  padding-top: 6px;
  font-size: 14px;
}

.btnAddToCartTabContainer {
  width: auto;
  height: 47px;
  float: right;
  margin: 0px 0px 12px 0px;
}

.marginNoVAT {
  padding-top: 16px;
}

.discountImg {
  display: table-cell;
  vertical-align: middle;
  height: 36px;
}

.divDiscountValue {
  float: right;
  text-align: center;
  padding: 0 10px 0 10px;
  border-radius: 5px;
  font-size: 14px;
}

.lblDiscountValue {
  white-space: nowrap;
}

.lblDiscountLbl {
  display: block;
  padding-bottom: 1px;
}

.containerTabContainer {
  position: relative;
}

.iconNotAvailableContent {
  background: no-repeat center center;
  background-size: contain;
  float: left;
  width: 100%;
  height: 100px;
  margin-left: 1.6%;
}

.textNotAvailableContent {
  float: left;
  width: 100%;
}

.textNotAvailableContent ul li {
  margin-left: 17px;
}

*:first-child + html .textNotAvailableContent ul li {
  margin-left: 16px;
}

*:first-child + html .iconNotAvailableContent {
  margin-left: 20px;
}

/* ------ RiskFee per Category ------ */
.containerRiskFee {
  min-height: 70px;
  padding-bottom: 5px;
}

.hlRiskFee {
  display: block;
  padding-top: 13px;
  padding-bottom: 2px;
  font-size: 14px;
}

.containerTextRiskFee {
  width: 63.4%;
  float: left;
  padding-left: 1.6%;
  padding-right: 1.6%;
  padding-bottom: 10px;
  line-height: 16px;
}

.containerTextRiskFee a {
  text-decoration: underline !important;
}

.containerToggleRiskFee {
  width: 31.7%;
  padding-right: 1.6%;
  float: left;
}

.containerTextRiskFee .float {
  float: left;
  max-width: 85%;
}

.containerTextRiskFee .floatInfoIcon {
  margin-top: 16px;
  width: 14%;
  margin-left: 0;
  float: left;
  margin-left: 1%;
}

.containerTextRiskFee a.infoIcon {
  margin-left: 0;
}

.riskDescriptionNoInfo {
  width: 100% !important;
  max-width: 100% !important;
}

/* ------ Table PopUps  ------ */
.PopUpTable {
  width: 100%;
}

.btnJSInfoBoxClose {
  position: absolute;
  top: 10px;
  right: 25px;
}

.ddlCourse .btnJSInfoBoxClose,
.bgFeedback .btnJSInfoBoxClose,
.bgAdditionalCategories .btnJSInfoBoxClose {
  right: 25px;
}

.bgJSInfoBox {
  padding: 25px;
  max-width: 600px;
  position: relative;
}

.bgJSInfoBoxImage {
  padding: 25px;
  max-width: 600px;
  position: relative;
  border-radius: 5px;
}

.btnsPopUp {
  width: 100% !important;
}
.btnsPopUp .sbutton-control-image {
  margin-left: 0;
  width: 20%;
  background-size: contain;
  background-position: center;
}

.btnLeftPopUp {
  float: left;
  width: 44%;
  max-width: 206px;
}

.btnRightPopUp {
  float: right;
  margin-right: 4px;
  width: 44%;
  max-width: 206px;
}

.frameContentGroupRegistration .btnLeftPopUp .sbutton-control-link-button,
.frameContentGroupRegistration .btnLeftPopUp .sbutton-control-link-button-disabled,
.frameContentGroupRegistration .btnRightPopUp .sbutton-control-link-button,
.frameContentGroupRegistration .btnRightPopUp .sbutton-control-link-button-disabled {
  width: 100% !important;
}

.divPopupMessage {
  padding: 30px 0 40px 0;
  max-width: 437px;
}

/* BookingItemSelection2 Warenkorb */
.customers {
  width: 330px;
  height: 100%;
}

.boxCustomer,
.boxAddCustomer {
  margin-top: 10px;
  width: 320px;
  height: 50px;
}

.cartMobileBooking .boxAddCustomer {
  width: 100%;
}

.avatar_10,
.avatarSelected_10,
.addCustomerImageDiv {
  margin-top: 5px;
  width: 36px;
  height: 36px;
  border-radius: 5px;
}

.avatar_10 img,
.avatar_10 input,
.avatarSelected_10 img {
  width: 36px;
}

.divCart {
  display: flex;
  flex-direction: column;
  width: 330px;
}

.boxCustomer .iconExpander,
.boxCart .iconExpander,
.boxCartChkIn .iconExpander {
  margin-right: 0;
  margin-left: -10px;
}

.customerNameCart {
  margin-left: 6px;
  width: 124px;
  height: 50px;
  overflow: hidden;
  font-weight: bold;
}

.boxCart.error,
.boxCartChkIn.error,
.boxCustomer.error {
  border: 2px solid;
  padding-right: 2%;
  width: 97%;
}

.customerNameCart table, .customerNameCartSelected table {
  overflow: hidden;
  height: 50px;
  table-layout: fixed;
}

.customerNameCart a:hover {
  text-decoration: underline;
}

.textCart {
  margin-left: 16px;
  padding-right: 10px;
}

.textCartPositionRow {
  margin-left: 0;
}

.textCartRegistrationPositionRow {
  margin-bottom: 5px;
}

.textCartSelectedCustomer {
  padding-right: 20px;
}

.horizontalLine {
  border-bottom: 2px solid;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
}

.textCart .horizontalLine {
  margin-top: 0;
}

.attentionArrowCart {
  margin-top: 18px;
  margin-left: 0;
  height: 16px;
  width: 16px;
  background: no-repeat center center;
  background-size: 16px;
}

.customerNameCartSelected {
  margin-left: 6px;
  width: 124px;
  height: 50px;
  overflow: hidden;
  margin-right: 20px;
  font-weight: bold;
}

.iconCustomerCart {
  float: right;
  margin-top: 7px;
  margin-left: 10px;
}

.iconCustomerCart a {
  display: block;
}

.iconCategoryCartRegistrationPosition {
  margin-left: 10px;
  float: right;
}

.frameCartItems .imgDeleteCustomerIconSummary,
.frameCartItems .imgDeleteCustomerIconSummary_disabled {
  background: no-repeat center right;
  background-size: 28px auto;
}

.lblPriceSummaryCustomerSelected {
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: bold;
}

.lblAddCustomer {
  margin: 0 10px;
  width: calc(100% - 120px);
  height: 50px;
  align-content: center;
  font-weight: bold;
}

.itemPriceSummaryCustomerSelected,
.itemPriceSummaryCustomer {
  margin-top: 10px;
  text-align: right;
  float: right;
  font-weight: bold;
}

.itemPriceSummaryCustomerSelected {
  padding-right: 3%;
  margin-right: 36px;
}

.itemPriceSummaryCustomer {
  margin-top: 18px;
}

.itemPriceArticle {
  padding-top: 10px;
  text-align: right;
  padding-right: 10px;
  float: right;
}

.iconCategoryCart a {
  display: block;
  width: 28px;
  height: 28px;
}

.frameBtnAddCustomer {
  width: 318px;
}

.buttonAddCustomer {
  margin-top: 7px;
  float: right;
}

.boxCartSummary {
  margin-top: 20px;
  padding-bottom: 20px;
}

.boxCartSummaryInnerDiv {
  padding-right: 10px;
}

.boxCartSummaryBrighter {
  padding-left: 12px;
  padding-bottom: 0;
  width: 308px;
}

.textCartSummaryCustomer {
  width: calc(70% - 74px);
  margin-top: 18px;
  font-weight: bold;
}

.textPriceSummaryCustomer {
  text-align: right;
  margin-top: 18px;
  width: auto;
  margin-right: 0;
  float: right;
  font-weight: bold;
}

.textCartTotal {
  width: 187px;
}

.textPriceTotal {
  text-align: right;
  width: 108px;
}

.textCartAdditional {
  width: calc(70% - 74px);
  margin-top: 5px;
}

.textCartRiskFeeCheckBox {
  width: 36px;
  float: right;
}

.textCartRiskFeeInfoButton {
  height: 36px;
  align-content: center;
  width: auto;
  max-width: 30%;
  margin-right: 10px;
}

.textCartRiskFeeCheckBox .toggleCustom input[type=checkbox]:not(old) + label > span {
  padding-left: 45px;
  height: 36px;
}

.textCartRiskFeeCheckBox .toggleCustom input[type=checkbox]:not(old) + label > div {
  width: 32px;
  height: 32px;
  margin-right: 0;
  margin-top: -5px;
}

.textCartRiskFeeCheckBox .toggleCustom input[type=checkbox]:not(old) + label > div:before {
  height: 24px;
  width: 24px;
}

.textCartRiskFeeCheckBox .toggleCustom input[type=checkbox]:not(old) + label > div:before,
.textCartRiskFeeCheckBox .toggleCustom input[type=checkbox].riskFee:not(old):checked + label > div:before,
.textCartRiskFeeCheckBox .toggleCustom input[type=checkbox].riskFee:not(old):disabled + label > div:before {
  background-size: 24px;
}

.textPriceAdditional {
  text-align: right;
  width: auto;
  float: right;
  text-align: right;
  margin-top: 5px;
}

.textPriceAdditional.toggleRiskFee {
  margin-top: 17px;
  margin-right: 0;
  margin-right: 10px;
}

.textCartAdditional.riskFeeLabel {
  margin-top: 17px;
  margin-bottom: 17px;
  width: auto;
  max-width: 50%;
  margin-right: 10px;
}

.textPriceAdditional.PopUpRiskFee {
  width: 30%;
  height: 36px;
  align-content: center;
  float: right;
}

.textCartPositionRow a.infoIcon {
  margin-top: 10px;
  margin-left: 0;
  background-position: left;
}

.textCartAdditional .toggleCustom {
  margin-top: -10px;
  margin-bottom: 10px;
}

.boxCartFinal {
  padding-left: 12px;
  padding-bottom: 13px;
  width: 308px;
  min-height: 50px;
}

.textCartFinal {
  margin-top: 10px;
  font-size: 14px;
  font-weight: bold;
}

.textPriceCartFinal {
  text-align: right;
  width: auto;
  float: right;
  margin-top: 10px;
  font-size: 14px;
  font-weight: bold;
}

.textCartFinalVAT {
  margin-top: 5px;
}

.textPriceCartFinalVAT {
  text-align: right;
  width: auto;
  float: right;
  margin-top: 5px;
}

.textErrorCart {
  margin-top: 20px;
  margin-left: 0;
  width: 320px;
}

.textErrorGroup {
  margin-top: 20px;
  margin-left: 0;
  width: 430px;
}

.textErrorGroupBottom {
  margin-top: 20px;
  margin-left: 0;
  width: 454px;
  height: 100%;
}

.textPriceCartFinalVAT,
.textPriceCartFinal,
.textPriceSummaryCustomer,
.itemPriceSummaryCustomer,
.textPriceAdditional {
  margin-right: 44px;
}

.textCartSummaryCustomer,
.textCartFinalVAT,
.textCartFinal,
.lblPriceSummaryCustomerSelected {
  width: calc(100% - 140px);
}

/* ------------------------- PopUps ------------------------- */
/* ------- Table of Skier -------- */
.infoBoxStanceOnClick {
  width: 100%;
  height: auto;
  max-width: 585px;
}

.infoBoxStanceOnClick .divStanceIcon {
  width: 510px;
  height: 300px;
  background-size: 100%;
  background-repeat: no-repeat;
}

.infoBoxHeadCircumferenceOnClick {
  width: 100%;
  height: auto;
  max-width: 250px;
}

.infoBoxHeadCircumferenceOnClick .divHeadCircumferenceIcon {
  width: 100%;
  height: 250px;
  background-size: contain;
  background-repeat: no-repeat;
}

.infoBoxTypeOfSkierOnClick {
  margin: 0 -10px;
  max-width: 585px;
}

.infoBoxTypeOfSkierOnClick table {
  border-collapse: separate;
  border-spacing: 10px 3px;
}

.hl1TableTypeOfSkier,
.hl2TableTypeOfSkier,
.hl3TableTypeOfSkier {
  width: 27%;
  vertical-align: top;
  display: table-cell;
  padding: 20px 2%;
  font-size: 20px;
}

.hl1TableTypeOfSkier {
  background: no-repeat;
  background-size: 29px auto;
  background-position: right 20px center;
}

.hl2TableTypeOfSkier {
  background: no-repeat;
  background-size: 28px auto;
  background-position: right 20px center;
}

.hl3TableTypeOfSkier {
  background: no-repeat;
  background-size: 32px auto;
  background-position: right 20px center;
}

@media screen and (min-width: 0\0 ) {
  .hl1TableTypeOfSkier, .hl2TableTypeOfSkier, .hl3TableTypeOfSkier {
    background-size: 50%;
    background-position: right center;
  }
}
.column1TableTypeOfSkier,
.column2TableTypeOfSkier,
.column3TableTypeOfSkier {
  vertical-align: top;
  width: 27%;
  padding: 20px 2%;
}

.infoBoxTypeOfSkierOnClickMobile {
  margin: -10px 0;
}

.infoBoxTypeOfSkierOnClickMobile table {
  border-collapse: separate;
  border-spacing: 3px 10px;
}

.hl1TableTypeOfSkierMobile,
.hl2TableTypeOfSkierMobile,
.hl3TableTypeOfSkierMobile {
  width: 27%;
  vertical-align: top;
  /*display: table-cell;*/
  padding: 20px 2%;
  text-align: center;
}

.hl1TableTypeOfSkierMobile {
  background: no-repeat;
  background-size: 29px;
  background-position: center bottom 20px;
}

.hl2TableTypeOfSkierMobile {
  background: no-repeat;
  background-size: 28px;
  background-position: center bottom 20px;
}

.hl3TableTypeOfSkierMobile {
  background: no-repeat;
  background-size: 32px;
  background-position: center bottom 20px;
}

.column1TableTypeOfSkierMobile,
.column2TableTypeOfSkierMobile,
.column3TableTypeOfSkierMobile {
  vertical-align: top;
  padding: 20px 2%;
}

/* --- Ajax Rating Control CssClasses --- */
.bgFeedback {
  width: 550px;
  height: 100%;
  padding: 30px 25px 15px 25px;
  text-align: left;
  border-radius: 5px;
}

.btnFeedbackClose {
  position: absolute;
  top: 5px;
  left: 575px;
}

.feedbackQuestion {
  width: 550px;
  height: auto;
}

.spacerFeedback {
  height: 20px;
}

.lblFeedbackQuestion {
  padding-bottom: 7px;
}

.textAreaFeedback {
  width: 548px;
  border: 1px solid;
  border-radius: 5px;
  height: 113px;
  text-align: left;
}

.feedbackRatingStar {
  width: 32px;
  height: 32px;
  background: center center no-repeat;
  background-size: 32px;
}

.panFeedback {
  width: 600px;
  height: auto;
}

.divButtonFeedback {
  position: absolute;
  z-index: 999;
  right: 0px;
  top: 245px;
  width: 44px;
  height: 44px;
  border-left: 2px solid white;
  border-top: 2px solid white;
  border-bottom: 2px solid white;
  border-radius: 5px;
}

.navButtonFeedback {
  margin: 15px 0px 0px 0px;
  width: 551px;
  text-align: left;
  border-radius: 5px;
}

.navButtonFeedback .sbutton-control-link-button, .navButtonFeedback .sbutton-control-link-button-disabled {
  width: 250px;
  box-sizing: border-box;
  height: 44px !important;
}

.h1Feedback {
  padding: 0px 0px 14px 0px;
  width: 550px;
  border-bottom: 1px solid;
  font-size: 20px;
}

/* ---  Ende Ajax Rating Control CssClasses --- */
/* --- Additional Categories Popup --- */
.bgAdditionalCategories {
  height: 100%;
  padding: 30px 25px 15px 25px;
  text-align: left;
  border-radius: 5px;
}

.navButtonAdditionalCategories {
  margin-top: 20px;
}

.tableinfoBoxDefault {
  padding: 0;
  margin: 0;
  max-height: 600px;
  overflow-y: auto;
}

.tableinfoBoxDefault td {
  padding: 10px;
  min-width: 75px;
}

.tableinfoBoxDefault th {
  padding: 10px;
  text-align: left;
}

.h1AdditionalCategories {
  padding: 0px 0px 14px 0px;
  border-bottom: 1px solid;
  font-size: 20px;
}

.h1JSInfoBox {
  padding: 0px 0px 14px 0px;
  border-bottom: 1px solid;
}

.h1JSInfoBoxImage {
  padding: 0px 0px 14px 0px;
  border-bottom: 1px solid;
  margin-bottom: 10px;
}

.lblh1JSInfoBox {
  display: block;
  padding-right: 60px;
  font-size: 20px;
}

.navButtonJSInfoBox {
  margin: 0;
  text-align: right;
}

.spacerAdditionalCategories {
  height: 20px;
}

/* -------- SpecifyCustomerDetails -------- */
.textLabelsCustomerDetails {
  margin-right: 0;
  width: 314px;
  width: 80px;
  text-align: right;
}

.bgAvatar-30 {
  width: 80px;
  height: 80px;
  float: right;
  border-radius: 5px;
}

.bgAvatar-30 img {
  width: 80px;
  height: 80px;
}

.columnGroupAvatar .bgAvatar-30 {
  float: left;
}

.textCustomerDetails {
  margin-top: 16px;
  width: calc(100% - 100px);
  font-size: 14px;
}

.text1ColumnCustomerDetails {
  width: 846px;
}

.text-box-large {
  margin-top: 2px;
  padding-top: 5px;
  padding-left: 5px;
}

.inputBoxLargeDisabled {
  margin-top: 2px;
  padding-top: 5px;
  padding-left: 5px;
}

.text-box-large-frame {
  width: 282px;
}

.text-box-large,
.inputBoxLargeDisabled {
  width: 250px;
}

.inputBoxCalendar {
  width: 198px;
  margin-right: 8px !important;
}

.birthday-input {
  width: 250px;
  display: flex;
  justify-content: space-between;
}

.watermarkCustomerCalendar {
  width: 100%;
  float: left;
  margin-right: 8px !important;
}

.watermark {
  margin-top: 2px;
  width: 250px;
  padding-top: 5px;
  padding-left: 5px;
}

.sbutton-size-s .birthday-input {
  width: 44px;
}

.attentionArrowCustomerDetails, .attentionArrowAGB,
.attentionArrowCustomerCalendar {
  margin-top: 8px;
  margin-left: -4px;
  height: 16px;
  width: 16px;
}

.attentionArrowAGB {
  margin-top: 0;
}

textarea.txtAdditionalInformation {
  width: 532px;
  height: 44px;
  overflow-y: hidden;
}

/* -------- OrdererAndPayment -------- */
.lblPaymentOptions {
  margin-left: 5px;
}

.textInputDDL {
  margin-left: 2px;
  margin-top: 4px;
  margin-right: 1px;
  height: 33px;
}

.txtComment textarea {
  width: 100%;
  height: 80px;
  overflow-y: hidden;
}

.txtComment textarea,
textarea.txtAdditionalInformation {
  border: 2px solid;
}

/*.lblOverTextAreaComment {
    display: block;
    padding-top: 8px;
}*/
.columnDescriptionOrderer {
  width: 250px;
  margin-right: 32px;
  margin-bottom: 3px;
}

.spacerSOD {
  height: 13px;
}

.lineHorizontalCustomerDetails {
  margin-bottom: 14px;
  width: 532px;
  height: 2px;
  overflow: hidden;
  border-bottom: 1px solid;
}

.lineHorizontalCartPaymentOptions {
  margin-top: 5px;
  margin-bottom: 1px;
  height: 2px;
  border-bottom: 1px solid;
  width: 93%;
}

/* ---------------- OSBF und OS ---------------- */
.boxBright {
  width: 971px;
  height: 50px;
}

.boxBright > * {
  vertical-align: middle;
}

.text1Salutation {
  padding-top: 9px;
  margin-right: 10px;
  width: 619px;
}

.text1SalutationIcon {
  padding-top: 9px;
  margin-right: 10px;
  width: 540px;
}

.boxBright .iconExpander {
  margin-right: 0;
  margin-left: 8px;
}

.code {
  margin-top: 0px;
  height: 20px;
}

.bcLabel {
  display: block;
  height: 18px;
  padding-top: 2px;
}

.h1TextExpanderPO {
  width: 863px;
  margin-top: 4px;
  display: inline-block;
  margin-left: 10px;
  font-size: 14px;
  font-weight: bold;
}

.textSummaryBase, .textSummaryFrame1of2Big, .textSummaryFrame1of2Small, .textSummary4of5, .textSummary4of5Comment, .textSummary1of5SmallComment, .textSummary1of5Small {
  padding-right: 10px;
  float: left;
  box-sizing: border-box;
}

.textSummary1of5Small {
  width: 16%;
  min-height: 1px;
}

.textSummary1of5SmallComment {
  width: 17.5%;
}

.textSummary4of5Comment {
  width: 82.5%;
}

.textSummary4of5 {
  width: 84%;
}

.textSummaryFrame1of2Small {
  width: 35%;
}

.textSummaryFrame1of2Big {
  width: 65%;
}

.framePersonData {
  float: left;
  margin: 0;
  padding: 0;
  width: 50%;
  min-height: 1px;
}

.framePersonDataVerticalSpacer {
  padding-bottom: 10px;
}

.bgAvatar-20 {
  margin-top: 0;
  width: 50px;
  height: 50px;
  margin-bottom: 10px;
  border-radius: 5px;
}

.bgAvatar-20 img {
  width: 50px;
}

/* Warenkorb */
.cart-title-section-inner-content {
  width: 100%;
}

.frameCartItems {
  max-width: 590px;
  width: 84%;
  float: left;
  box-sizing: border-box;
}

.cartName {
  width: 90%;
  padding-top: 10px;
  font-size: 14px;
  font-weight: bold;
}

a.lnkCategoryCart,
a.lnkAGBInformation {
  text-decoration: underline !important;
}

a.lnkCategoryCartDisabled {
  text-decoration: none !important;
}

a.imgDeleteCustomerIconSummary,
a.imgDeleteCustomerIconSummary_disabled {
  display: block;
  width: 28px;
  height: 28px;
  background-size: 28px auto;
}

.iconCustomerCartSummary {
  text-align: right;
  float: right;
  min-height: 1px;
}

.iconCustomerCartSummary a {
  float: right;
}

.textPriceOSCartItem {
  text-align: right;
  float: right;
  width: 17.5%;
  margin-top: 10px;
}

.frameCartItemWithAdditional {
  width: 65.5%;
  line-height: 14px;
  margin-bottom: 10px;
  margin-top: 10px;
}

.frameCartAdditional {
  margin-top: 9px;
  float: left;
  width: 72.5%;
}

.priceCartSummaryAdditional {
  width: 17.5%;
}

.additionalCategoryOrderSummary {
  float: left;
}

.attributeOrderSummary {
  width: 389px;
  float: left;
}

.text1ColumnRight {
  margin-top: 9px;
  min-width: 145px;
  text-align: right;
  float: right;
}

.smallDark {
  text-align: left;
}

.smallBold {
  text-align: left;
}

.textCommentValue {
  width: 100%;
}

.plusAdditionalCategoryOrderSummary {
  width: 10px;
  line-height: 14px;
  float: left;
}

.iconCustomerCart a.imgEditCustomerIcon_disabled,
.iconCustomerCart a.imgDeleteCustomerIcon_disabled,
.iconCategoryCart .imgDeleteCategory_disabled,
.frameCartItems .imgDeleteCustomerIconSummary_disabled {
  opacity: 0.3;
}

/* ----- QRCode ------ */
.textQRCode {
  margin-top: 9px;
  width: 297px;
}

.imgQRCode {
  width: 130px;
  margin-top: -9px;
}

.textQRCode2 {
  margin-top: 9px;
  margin-left: 52px;
  width: 297px;
}

.frameQRCode {
  width: 130px;
  height: 130px;
  border: 1px solid;
  background-position: center;
}

/* ----- PaymentsResult ------ */
.textPaymentsResult {
  margin-top: 9px;
  width: 100%;
}

.textPaymentsResult table {
  width: 100%;
  table-layout: auto;
  max-width: 400px;
  margin-right: 20px;
}

.textPaymentsResult .listImagePayment {
  margin-left: 0 !important;
}

.paymentInformationOrderSummary .textPaymentsResult .listImagePayment {
  margin-top: -20px;
}

.textPaymentsResult td:first-child {
  padding-right: 20px;
}

.lblPaymentInformation {
  padding-right: 20px;
  display: inline-block;
}

/* ------ InstructionsOnWithdrawal ------ */
.attentionArrowWithdrawal {
  margin-top: 20px;
  height: 16px;
  float: right;
  background-position: right;
}

.lblWithdrawalDeadline {
  float: left;
}

.frameWithdrawalDeadline {
  width: 100%;
}

.frameWithdrawal h1 {
  margin-top: 20px;
  padding-bottom: 14px;
}

.frameWithdrawal h2 {
  padding-bottom: 14px;
}

.frameWithdrawal p {
  padding-bottom: 14px;
}

.btnWithdrawal {
  margin-top: 20px;
  margin-bottom: 50px;
}

.contentWithdrawal {
  margin: 0 !important;
}

/* -------- RegistrationItemSelection -------- */
.categoriesDiv {
  padding: 10px;
}

.categoryIcon {
  width: 255px;
}

.chkInCategoryIconCart {
  margin-top: 10px;
  height: 32px;
  width: 32px;
  background-size: 32px;
  display: block;
  float: right;
}

.bgCatSel {
  width: 641px;
  height: 100%;
}

.categoryButton {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
  height: auto;
}

.categoryButton .sbutton-control-text, .categoryButton a.sbutton-control-link-button-disabled .sbutton-control-text, a.sbutton-control-link-button-disabled .categoryButton .sbutton-control-text {
  float: right;
  height: calc(100% - 10px);
  width: calc(100% - 80px);
  margin-left: 0;
  margin-right: 10px;
}

.categoryButton .sbutton-control-image {
  width: 50px;
  height: 50px;
  margin: 10px;
  background-size: auto;
}

.catSelChkIn {
  margin: 0;
  width: auto;
  height: 100%;
}

.bgCategoryContent {
  width: 587px;
  height: 100%;
  margin: 0;
  padding: 7px 16px;
  border: 3px solid;
  box-sizing: border-box;
}

.bgCategorySelectedContent {
  width: 587px;
  height: 100%;
  padding: 5px 14px;
  border: 2px solid;
  box-sizing: border-box;
}

.textOutside {
  margin-top: 10px;
  margin-left: 10px;
  padding-bottom: 10px;
}

.catSelChkInIcon {
  width: 48px;
  height: 59px;
  display: inline-block;
  margin-top: 5px;
  background-size: 48px;
}

.catSelChkInIcon.CategoryIcon,
.chkInCategoryIconCart.CategoryIcon,
.categoryIconFX.CategoryIcon,
.chkInCategoryIconCartMobile.CategoryIcon {
  background: center center no-repeat;
}

.h1CatSelChkIn {
  margin-left: 35px;
  width: 277px;
  height: 59px;
  border-right: 1px solid;
  display: inline-block;
}

.h1CatSelChkIn span {
  height: 59px;
  vertical-align: middle;
  display: table-cell;
}

.catSelChkInArticle {
  width: 100%;
  height: 100%;
  padding-bottom: 5px;
}

.catSelChkInArticle > * {
  vertical-align: middle;
}

.catSelChkInCustomer {
  padding-left: 20px;
  padding-right: 10px;
  margin-right: 10px;
  width: 145px;
  height: 59px;
  overflow: hidden;
  display: inline-block;
}

.catSelChkInAdditional {
  border-top: 1px solid;
  padding: 10px 0;
  height: 34px;
  width: 591px;
}

.cbAdditional {
  width: 33.3%;
}

/* -------- Registration Expander OrderSummaryBeforeFinish  -------- */
.categoryIconFX {
  display: inline-block;
  margin-top: 5px;
  width: 38px;
  height: 38px;
  background-size: 32px;
  float: right;
  margin-right: 1.6%;
}

.catselChkInAddToCustomer {
  width: 44px;
  height: 59px;
  display: inline-block;
  float: right;
  text-align: right;
}

.catselChkInAddToCustomer div {
  margin-top: 5px;
}

.timeOut .text4ColumnsStandard {
  width: inherit;
  margin-top: 26px;
}

/* ---------------------------------------- Group Registration  ---------------------------------------- */
.divGroupMemberName {
  height: 20px;
  padding-top: 2px;
  font-size: 14px;
  font-weight: bold;
}

.attentionArrowGroupView {
  margin-top: -2px;
  height: 24px;
  width: 24px;
  margin-left: 0;
  background: no-repeat center center;
  background-size: 24px 24px;
  margin-left: 10px;
}

.navButtonsGroupTop {
  position: relative;
  margin-top: 0px;
  height: 32px;
  width: 971px;
}

.buttonLRightWithTextTop {
  position: absolute;
  right: 0;
  top: 15px;
}

.regular {
  text-align: left;
}

.textOutsideGroupReg {
  width: 255px;
  height: 35px;
}

.buttonNextGroupReg {
  width: 210px;
  height: 32px;
}

.box971DarkTop {
  margin-top: 10px;
  width: 971px;
  height: 3px;
}

.box971Dark {
  padding-left: 16px;
  width: 955px;
  height: 44px;
  margin-top: 10px;
}

.tableRowGroup {
  margin-left: 21px;
  height: 33px;
  width: 971px;
}

.tableHeadRowGroup {
  margin-left: 21px;
  height: 44px;
  font-size: 14px;
  font-weight: bold;
}

.tableRowGroupContent {
  position: relative;
}

.baseGroupTableHeadColumn, .GroupTableHeadLastColumn, .GroupTableHeadMiddleColumnSkill, .GroupTableHeadMiddleColumn, .GroupTableHeadFirstColumn {
  padding-left: 10px;
  border-right: 1px solid;
  border-left: 1px solid;
  vertical-align: middle;
  height: 33px;
  position: relative;
}

.GroupTableHeadFirstColumn {
  border-left: none;
  padding-left: 12px;
}

.GroupTableHeadMiddleColumn {
  width: 102px;
}

.GroupTableHeadMiddleColumnSkill {
  width: 123px;
}

.GroupTableHeadLastColumn {
  border-right: none;
  width: 102px;
}

.lblInfoBoxGroupS {
  float: left;
  width: 80px;
}

.lblInfoBoxGroupM {
  width: 100px;
  float: left;
}

.iconSpaceRight {
  margin-left: 10px;
  margin-right: 10px;
  width: 20px;
  height: 20px;
  margin-top: -2px;
  background: no-repeat center center;
  background-size: 20px;
}

.boxGroupEditable {
  padding-top: 16px;
  padding-left: 16px;
  padding-bottom: 6px;
  width: 955px;
}

.DDLGroupEditable {
  width: 168px;
}

.inputGroup {
  width: 200px;
}

.inputBoxGroup {
  width: 168px;
}

.lineHorizontal802Top {
  width: 802px;
  height: 1px;
  overflow: hidden;
}

.columnGroupEditable {
  width: 200px;
}

.floatGroupColumns {
  width: 600px;
}

.columnGroupEditableDDL {
  margin-top: 4px;
}

.attentionArrowGroup {
  margin-left: -4px;
  margin-top: 8px;
  height: 16px;
  width: 16px;
}

.columnGroupEditable .frame-checkbox {
  margin-top: 7px;
}

.columnGroupEditable .frameToggle {
  width: 200px;
}

.columnGroupEditable .btn_toggleLeftNotSel,
.columnGroupEditable .btn_toggleRightNotSel,
.columnGroupEditable .btn_toggleLeftSel,
.columnGroupEditable .btn_toggleRightSel {
  width: 76px;
}

.columnGroupEditable .icnToggle {
  display: none;
}

.columnGroupEditable .buttonTextToggle {
  left: 0;
  text-align: center;
  width: 76px;
}

.attentionArrowGroupCalendar,
.attentionArrowGroupEditableDDL {
  margin-top: 8px;
  margin-left: -4px;
  height: 16px;
  width: 16px;
}

.columnGroupEditable .DDLScale {
  width: 50px;
}

.columnGroupEditable .DDLValueScale {
  width: 110px;
}

.columnGroupEditable .DDLDoubleInfoBtn .DDLScale {
  width: 50px;
}

.columnGroupEditable .DDLDoubleInfoBtn .DDLValueScale {
  width: 74px;
}

.columnGroupEditable .DDLInfoBtn .ddl-control, .columnGroupEditable .DDLInfoBtn .DDL_disabled {
  width: 132px;
}

.columnGroupAvatar {
  width: 137px;
}

.navButtonsGroup {
  position: relative;
  margin-top: -16px;
  width: 955px;
  height: 44px;
}

.floatGroupEdit {
  width: 315px;
  height: auto;
  margin-right: 297px;
}

.groupEdit {
  width: 330px;
  height: 40px;
}

.GroupTableHeadName {
  padding-left: 16px;
  width: 874px;
}

.tdGroupMemberIcons {
  padding-right: 16px;
}

.iconGroup {
  margin: 5px;
  margin-top: 3px;
  float: right;
  margin-left: 10px;
}

.iconGroup a {
  height: 24px;
  width: 24px;
}

.iconGroup a.imgDeleteCustomerIcon_disabled,
.iconGroup a.imgEditCustomerIcon_disabled {
  opacity: 0.3;
}

.baseGroupTableColumn, .GroupTableLastColumn, .GroupTableMiddleColumnSkill, .GroupTableMiddleColumn, .GroupTableFirstColumn {
  padding-left: 10px;
  border-right: 1px solid;
  border-left: 1px solid;
  height: 33px;
  vertical-align: middle;
}

.GroupTableFirstColumn {
  padding-left: 12px;
  border-left: none;
}

.outerDivGroupRegItem {
  margin-top: 10px;
}

.outerDivGroupRegItem:has(.validationErrorTable) {
  border: 2px solid;
}

.validationErrorTable .GroupTableFirstColumn {
  border-right: 1px solid;
}

.GroupTableMiddleColumn {
  width: 102px;
}

.GroupTableMiddleColumnSkill {
  width: 123px;
}

.GroupTableLastColumn {
  border-right: none;
  width: 102px;
}

.validationErrorTable .GroupTableLastColumn {
  border-left: 1px solid;
}

.divNavButtonsGroupBottom {
  float: left;
  width: 517px;
}

.navButtonsGroupBottom {
  position: relative;
  margin-top: 0px;
  height: 44px;
}

.frameSummaryGroup {
  float: left;
  margin: 0;
  padding: 0;
  width: 84%;
}

.frameSummaryGroup .textSummaryFrame1of2Small {
  width: 35%;
}

.frameSummaryGroup .textSummaryFrame1of2Big {
  width: 65%;
}

.frameGroupSummaryItems {
  width: 50%;
  float: left;
}

/* -------- CookieBar -------- */
.cookieBarMessage {
  line-height: 16px;
  max-width: 1200px;
  padding-bottom: 10px;
  width: 93.6%;
  padding-right: 3.2%;
  padding-left: 3.2%;
}

span.cookieBarLink {
  text-decoration: underline;
}

.cookieBarButton {
  /*margin-top: 10px;*/
  border-width: 0px;
  border-radius: 5px;
  /*display: inline-block;*/
}

/* Fixes für Layout im IE bei kleiner Client-Width */
.cc-banner .cc-message {
  /*flex: 1 1 auto;*/
  max-width: 100%;
}

/* Fixes für Layout im IE bei kleiner Client-Width */
.cc-window.cc-banner .cc-compliance {
  /*flex: 1 1 auto;*/
}

.cc-window.cc-banner {
  flex-direction: column;
  padding: 20px 0;
}

.cc-btn {
  padding: 10px;
  min-width: 191px !important;
}

.gm-style img {
  width: 56px;
  height: 56px;
}

.validation-error-frame-icon,
.attentionArrowCatSel,
.attentionArrowGroupView,
.validation-error-info::before {
  height: 28px;
  width: 28px;
  border-radius: 50%;
  background: no-repeat center center;
  background-size: 24px 24px;
}

body {
  width: 100%;
  max-width: 1280px;
}

.master-content {
  width: 100%;
  position: relative;
  margin: 0;
  max-width: 1200px;
  text-align: left;
}

.master-header {
  width: 100%;
  height: auto;
}

.master-header a {
  width: 100%;
  height: auto;
}

.master-header a img {
  width: 100%;
  height: auto;
}

.master-inner-content {
  width: 100%;
  z-index: 1;
  padding: 0px;
  margin: 14px auto 0px auto;
  border: none;
  float: left;
}

.workflow-bar-control-nav-buttons, .workflow-bar-control-status-bar, .master-footer {
  width: 96.8%;
  margin-right: 1.6%;
  margin-left: 1.6%;
}

.workflow-bar-control-nav-buttons {
  position: relative;
  min-height: 44px;
  padding: 0 0 15px 0;
}

.title-section-control-content {
  width: 100%;
  box-sizing: border-box;
}

.title-section-control-inner-content {
  margin-left: 1.6%;
}

.cart-title-section-inner-content .title-section-control-inner-content {
  margin-left: 4%;
}

.cart-title-section-inner-content .title-section-control-content {
  width: 100%;
  margin-top: 0;
  box-sizing: border-box;
  margin-bottom: 0 !important;
}

.cart-title-section {
  width: 40%;
}

.content-section {
  padding-left: 3.2%;
  padding-right: 3.2%;
  width: 93.6%;
}

.ddl-control-full-section-width {
  width: 21.6%;
  min-width: 250px;
}

/* -------- Labels -------- */
.label-position-above {
  padding-bottom: 3px;
  display: block;
}

/* -------- Buttons -------- */
.sbutton-control-link-button {
  width: 100%;
  max-width: 206px;
  border-radius: 5px;
}

.sbutton-control-link-button-disabled {
  width: 100%;
  max-width: 206px;
  border-radius: 5px;
}

/* -------- Icons -------- */
.bullet-icon {
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 6px 6px;
  width: 10px;
  height: 24px;
  display: inline-block;
  padding-right: 14px;
  margin: 7px 0;
  vertical-align: middle;
}

/* -------- RadioButtons -------- */
.radioButtonImagePayPal {
  height: 24px;
  margin-left: 10px;
  margin-top: -2px;
}

.radioButtonImageWireCard {
  height: 24px;
  margin-left: 10px;
  margin-top: -6px;
}

.radio-button-frame input[type=radio]:not(old) {
  width: 0%;
  margin: 0;
  padding: 0;
  opacity: 0;
}

.radio-button-frame input[type=radio]:not(old) + label {
  display: block;
  width: 100%;
  height: 100%;
  color: #424242;
}

.radio-button-frame input[type=radio]:not(old) + label > div {
  position: absolute;
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 0;
  border-radius: 24px;
  vertical-align: bottom;
  margin-right: 4%;
}

.radio-button-frame input[type=radio]:not(old) + label > p {
  margin-left: 40px;
  padding-top: 5px;
  padding-right: 10px;
  line-height: 16px;
}

.radio-button-frame input[type=radio]:not(old):checked + label > div > div {
  display: block;
  width: 12px;
  height: 12px;
  margin: 6px;
  border-radius: 12px;
}

.radioElementNoPicture {
  margin-top: -4px;
}

/* -------- CheckBoxes -------- */
.pickup-section-earlier-pickup .frame-checkbox {
  max-width: 90%;
}

.divButtonFeedbackMobile .sbutton-size-xs .sbutton-control-link-button, .divButtonFeedbackMobile .sbutton-size-xs .sbutton-control-link-button-disabled {
  box-sizing: border-box;
}

/* -------- Spacer -------- */
.spacer-default-size {
  height: 50px;
}

#divVSpacer {
  height: 10px !important;
}

.spacer, .spacerBtnAddCustomer {
  height: 10px;
}

.spacer11 {
  height: 11px;
}

.spacerFirstGroup {
  height: 13px;
}

.spacer8 {
  height: 8px;
}

.spacerGroupEditable {
  height: 6px;
  width: 100%;
}

/* -------- Lines -------- */
.baseLines, .group-data-section-horizontal-line, .lineHorizontalNoMarginTop, .lineHorizontal {
  height: 1px;
  overflow: hidden;
}

.lineHorizontal {
  margin-top: 14px;
  margin-bottom: 14px;
  width: 279px;
}

.lineHorizontalNoMarginTop {
  margin-bottom: 14px;
  width: 279px;
}

/* ------- Validation Errors --------- */
.validation-error-infos-section {
  width: 96.8%;
  margin-right: 1.6%;
  margin-left: 1.6%;
  margin-top: 30px;
  content: "";
}

.validation-error-info {
  border: 2px solid;
  border-radius: 5px;
  padding: 28px 28px 28px 70px;
  display: block;
  margin-top: 10px;
  position: relative;
}

/* -------- Home -------- */
.pickup-section-left-section {
  width: 40%;
}

.pickup-section-right-section {
  width: 60%;
}

.pickup-section-google-map {
  width: 100%;
  height: 500px !important;
}

.pickup-section-inner-content-column {
  width: 100%;
}

.pickup-section-frame-txt-rent-duration {
  margin-right: 8px;
}

.pickup-section-txt-rent-duration {
  width: 198px;
}

.pickup-section-sbutton-calendar-frame {
  position: relative;
  z-index: 1;
  height: 44px;
  width: 44px;
}

.pickup-section-watermark-rent-duration {
  color: #b3b2b3;
  width: 198px;
  padding-top: 5px;
  padding-left: 5px;
}

.earlier-pickup-frame-validation-error {
  margin-left: -4px;
  margin-top: 17px;
  width: 16px;
}

.pickup-section-earlier-pickup {
  margin-bottom: 19px;
}

.accepted-payments-section-lbl-payment-method {
  display: inline-block;
  margin: 0;
  width: 92%;
  padding-right: 0;
  line-height: 17px;
  vertical-align: middle;
}

.accepted-payments-section-payment-logos-frame {
  box-sizing: border-box;
}

.group-data-spacer {
  height: 30px;
}

.group-data-section-left-side {
  width: 50%;
}

.group-data-section-right-side {
  width: 50%;
}

.group-data-section-group-size-label-frame {
  width: 100%;
}

.group-data-section-group-name-validation-error-frame {
  margin-top: 8px;
  margin-left: -4px;
  height: 16px;
  width: 16px;
}

.text-box-group-size {
  width: 44px;
  height: 19px;
  padding-left: 5px;
  padding-top: 5px;
}

.group-data-section-horizontal-line {
  margin-top: 5px;
  margin-bottom: 1px;
  width: 536px;
}

.group-data-section-download-info-frame {
  float: right;
  width: 60%;
  padding: 15px 0 15px 1.6%;
  background: #fff;
}

.group-data-section-download-info-text {
  width: 68.6%;
  border-right: 1px solid #f1f1f1;
  padding: 7px;
}

.group-data-section-download-button-frame {
  width: 19.8%;
  height: 36px;
  text-align: center;
  margin-left: 3.2%;
  margin-top: 9px;
  margin-right: 1.6%;
  background-position: center center;
}

/* -------- BookingItemSelection2 -------- */
.helpDiv {
  width: 100%;
}

.textIndent1of5Col {
  margin-left: 1.6%;
  width: 16.5%;
}

.textIndent2of2Col {
  width: 78.7%;
  padding-left: 0;
}

.textIndent1Col {
  margin-left: 1.6%;
  width: 95.2%;
}

.bgCatSelTop {
  margin-left: 1%;
  width: 59%;
}

.customers {
  width: 41%;
}

.catSel {
  width: 59%;
}

.cart {
  width: 100%;
  background-size: 100% 100% !important; /* %%%  muss noch optimiert werden*/
}

.bgCatSel {
  width: 100%;
}

.boxCart, .boxCartChkIn {
  width: 100%;
}

.cartAdditional {
  width: 100%;
}

.textCart,
.boxCartSummaryInnerDiv {
  margin-left: 5%;
}

.boxCustomer .iconExpander, .boxCartChkIn .iconExpander {
  width: 12.5%;
  height: auto;
}

.boxCart .iconExpander {
  width: 12.5%;
  height: auto;
}

.customerNameCartSelected {
  margin-left: 2%;
  width: 44.5%;
  margin-right: 4.5%;
}

.iconCustomerCartSummary {
  width: 10%;
}

.boxCustomer,
.boxAddCustomer {
  width: 97%;
}

.boxCartSummary {
  width: 97%;
}

.customerNameCart {
  margin-left: 2%;
  width: 44.5%;
}

.lineCustomerSelected {
  width: 100%;
}

.textCart .textCartPositionRow {
  width: 100%;
  min-height: 40px;
}

.cartMobile .boxAddCustomer {
  width: 100%;
}

.spacerCustomersEnd {
  width: 100%;
}

.frameBtnAddCustomer {
  margin-left: 4%;
  width: 96%;
}

/* ItemSelection*/
.h1CatSel {
  padding-left: 1.6%;
}

.boxBright614 {
  padding-left: 1.1%;
  padding-right: 0;
  width: 95.7%;
  margin: 0 1.6% 10px 1.6%;
}

.h1TextExpander, .h1TextExpanderPO {
  width: calc(100% - 160px);
}

/* CustomTabContainer, statisch gebaut, ohne Ajax-Control */
.customHeader {
  margin: 0px 0px 0px 1.6%;
}

.customHeader table {
  width: 98.4%;
}

.customBody {
  margin: 0px 0px 10px 1.6%;
  width: 96.8%;
}

/* BookingItemSelection2 TabContent */
.lblCategoryExample {
  width: 31.7%;
  padding-right: 1.6%;
}

.containerItemInfo {
  width: 100%;
}

.categoryTabContainer {
  margin-left: 1.6%;
  width: 96.8%;
  margin-right: 1.6%;
  padding-right: 0;
  padding-left: 0;
}

.floatDDLItems {
  padding: 0 0 15px 0;
  max-width: 250px;
  width: 45.5%;
  margin-right: 4.5%;
}

.containerDDLItems {
  width: 100%;
}

.categoryInfoTabContainer {
  width: 90%;
  padding: 0 0 20px 0;
}

.categoryImagesTabContainer {
  width: 100%;
  padding: 0;
}

.categoryImage {
  max-width: 100%;
}

.categoryImage img {
  max-width: 190px;
}

.containerAdditionalItemsTabContainer {
  width: 100%;
  padding: 0 0 20px 0;
  margin-left: 0;
}

.containerAdditionalItemsTabContainer .toggleCustom div {
  width: 50%;
  float: left;
}

.containerTextRiskFee {
  width: 46.8%;
}

.containerToggleRiskFee {
  width: 48.4%;
}

.containerTabContainer .DDLInfoBtn .ddl-control, .containerTabContainer .DDLInfoBtn .DDL_disabled {
  width: 81%;
  min-width: 105px;
  float: left;
}

.containerBookingItem {
  width: 96.8%;
  margin: 0 1.6%;
}

.lblDurationlblTabContainerDisabled {
  margin-left: 0;
}

.lblDurationTabContainerDisabled {
  margin-left: 0;
}

.durationItemTabContainer {
  width: 50%;
}

.priceItemTabContainer {
  width: 50%;
}

.lblPriceOldTabContainer {
  width: 66%;
}

.lblCurrencyOldTabContainer {
  width: 31%;
  padding-left: 2%;
}

.lblPriceTabContainer {
  width: 66%;
}

.textErrorCart {
  width: 97%;
}

.textErrorCart {
  width: 93%;
  margin-left: 4%;
}

/* ------ BookingItemSelectionMobile ------ */
.selectionCategoryMobile {
  display: none;
  height: 54px;
}

/* ------ SpecifyCustomerDetails ------ */
.panTypeOfSkierMobile {
  display: none;
}

/* ------ SpecifyOrdererDetails ------ */
.txtComment {
  width: 50%;
}

.text1ColumnCustomerDetails {
  width: 100%;
}

/* -------- PaymentOptions -------- */
.boxBright {
  width: 100%;
}

.boxBright .iconExpander {
  margin-left: 0.8%;
}

.textSummary1of5Small {
  padding-right: 1.5%;
}

.frameSummaryMobile {
  width: 82.5%;
  float: left;
}

.text1ColumnRight {
  min-width: inherit;
}

/* -------- OrderSummary -------- */
.textPaymentsResult {
  margin-top: 9px;
  width: 100%;
}

/* ------------------------ Registration ------------------------------ */
.bgCategoryContent {
  width: 100%;
  padding: 7px 1.6%;
}

.bgCategorySelectedContent {
  width: 100%;
  padding: 7px 1.6%;
}

.catSelChkInIcon {
  width: 8.3%;
}

.h1CatSelChkIn {
  margin-left: 4.2%;
  width: 40%;
  padding-right: 1.6%;
}

.catSelChkInCustomer {
  padding-left: 1.6%;
  padding-right: 1.6%;
  margin-right: 1.6%;
  width: 26.9%;
}

.catSelChkInAdditional {
  width: 100%;
}

.catselChkInAddToCustomer {
  width: 8%;
}

.catSelChkInAdditional .cbAdditional {
  margin-top: 0;
  width: 50%;
}

.catSelChkInAdditional {
  height: 100%;
  padding: 0;
}

.buttonTextToggle {
  left: 30%;
  width: 70%;
}

.iconTS {
  display: none;
}

/* ----------------------------------- Warenkorb Mobile alleine ----------------------------------- */
.cartMobile .customers {
  width: 100%;
}

.cartMobile .textCart {
  margin-left: 3.1%;
  max-width: 590px;
  padding-right: 3.2%;
}

.cartMobile .boxCart .iconExpander {
  display: none;
}

.cartMobile .frameBtnAddCustomer {
  margin-left: 1.6%;
  margin-right: 1.6%;
  width: 96.8%;
}

.cartMobile .frameBtnAddCustomer .sbutton-control-link-button,
.cartMobile .frameBtnAddCustomer .sbutton-control-link-button-disabled {
  width: 45%;
  box-sizing: border-box;
}

.cartMobile .textCart .textCartPositionRow, .cartMobile .textCartPositionRow, .cartMobile .boxCartSummary .textCartPositionRow {
  width: 100%;
}

.cartMobile .textCartPositionRow, .frameCartMobileMax {
  max-width: 590px;
}

.cartMobile .boxCartSummary, .cartMobile .boxCartSummaryBrighter {
  width: 93.6%;
  margin-right: 0;
  margin-left: 0;
  padding-left: 3.2%;
  padding-right: 3.2%;
}

.cartMobile .boxCartFinal {
  box-sizing: border-box;
  width: 100% !important;
  padding-left: 3.2%;
  padding-right: 3.2%;
}

.cart.cartMobile {
  background-image: none;
}

.cartMobile .textErrorCart {
  margin-bottom: 20px;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.chkInCategoryIconCartMobile {
  display: none;
}

.cartMobile .chkInCategoryIconCartMobile {
  display: block;
  float: right;
  width: auto;
  margin-top: 9px;
  background-size: 32px;
  height: 32px;
}

.cartMobileBooking .chkInCategoryIconCartMobile {
  display: none;
}

.cartMobile .frameCartMobileSelected {
  display: none;
}

.cartMobile .chkInCategoryIconCartMobile,
.cartMobile .iconCustomerCart,
.cartMobile .iconCustomerCartSummary {
  width: auto;
}

.cartMobile .boxCartChkIn .customerNameCartSelected {
  padding-right: 0;
  width: 56.5%;
}

.cartMobileBooking .boxCartChkIn .customerNameCartSelected {
  width: 65.5%;
}

.cartMobile .boxCartSummaryInnerDiv {
  margin-left: 0;
  padding-right: 0;
}

.cartMobile .itemPriceSummaryCustomerSelected {
  padding-right: 0;
  margin-right: 44px;
}

/* -------- InstructionsOnWithdrawal -------- */
.btnWithdrawal {
  margin-left: 3.2%;
}

@media only screen and (max-width: 767px) {
  .master-footer {
    padding-bottom: 30px;
  }
  .workflow-bar-control-nav-buttons, .workflow-bar-control-status-bar, .master-footer {
    width: 93.6%;
    margin-right: 3.2%;
    margin-left: 3.2%;
  }
  .btnOSBFNext .sbutton-control-link-button,
  .btnOSBFNext .sbutton-control-link-button-disabled {
    height: 74px;
    width: 100%;
  }
  .btnOSBFNext {
    width: 100%;
  }
  .iconCustomerCartSummary {
    width: 44px;
  }
  .textPaymentsResult {
    margin-top: 0;
  }
  .radioElementNoPicture {
    margin-top: 0px;
  }
  .bullet-icon {
    width: 2%;
    padding-right: 2%;
  }
  .title-section-control-inner-content {
    margin-left: 3.2%;
  }
  .h1Text, .h1TextToggle {
    width: 86.8%;
  }
  .textGroupViewTS {
    display: table-cell;
    padding-right: 3.2%;
    height: 50px;
    vertical-align: middle;
    text-align: right !important;
    width: 16.8%;
    min-width: 120px;
  }
  /* ------- Feedback --------- */
  .panFeedback {
    max-width: 100%;
  }
  .h1Feedback {
    width: 100%;
  }
  .divButtonFeedback {
    display: none;
  }
  .divButtonFeedbackMobile {
    float: right;
    margin-right: 0;
    padding-bottom: 20px;
  }
  .innerTrTableFeedbackMobile td.legals {
    height: 90px;
    vertical-align: bottom;
  }
  .divButtonFeedbackMobile .sbutton-size-xs .sbutton-control-link-button, .divButtonFeedbackMobile .sbutton-size-xs .sbutton-control-link-button-disabled {
    box-sizing: border-box;
  }
  .bgFeedback {
    width: 100%;
    height: 100%;
    padding: 30px 25px 15px 25px;
    box-sizing: border-box;
  }
  .feedbackQuestion {
    width: 100%;
    padding-bottom: 0;
  }
  .textAreaFeedback {
    width: 100%;
  }
  .navButtonFeedback {
    width: 100%;
  }
  /* ------- Spacer --------- */
  .spacer-default-size {
    height: 20px;
  }
  /* ------- Errors --------- */
  .validation-error-infos-section {
    width: 93.6%;
    margin-right: 3.2%;
    margin-left: 3.2%;
  }
  .cart {
    background: none;
  }
  .textQRCode, .textQRCode2 {
    width: 20%;
    margin-right: 2%;
  }
  .textQRCode2 {
    margin-left: 6%;
  }
  .pickup-section-left-section {
    width: 100%;
  }
  .pickup-section-right-section {
    width: 100%;
    margin-top: 50px;
  }
  .pickup-section-google-map {
    height: 280px !important;
  }
  /* --------- ErrorPage --------- */
  .messageErrorPage {
    width: 100%;
  }
  /* --------- BookingItemSelectionMobile --------- */
  .customers, .cart-title-section {
    display: none;
  }
  .cartMobile .customers {
    display: block;
  }
  .selectionCategoryMobile {
    display: block;
    width: 100%;
    padding-top: 10px;
  }
  .boxNoBG {
    margin: 0 3.2%;
    width: 93.6%;
  }
  .floatMobileSelection, .floatMobileSelection3 {
    float: left;
    width: 45%;
    margin-bottom: 10px;
  }
  .floatMobileSelection2 {
    float: right;
    width: 44px;
    margin-bottom: 10px;
    margin-top: -7px;
  }
  .floatMobileSelectionCustomer {
    float: left;
    width: calc(100% - 100px);
    margin-left: 10px;
  }
  .selectionCategoryMobile .avatarSelected_10, .selectionCategoryMobile .avatar_10 {
    margin-top: 3px;
  }
  .floatMobileSelectionCustomer .ddl-control, .floatMobileSelection3 .ddl-control {
    width: 100%;
    max-width: 100%;
  }
  /* --------- BookingItemSelection --------- */
  .bgCatSelTop {
    display: none;
  }
  .catSel {
    width: 100%;
  }
  .customHeader {
    margin-left: 3.2%;
    width: 93.6%;
  }
  .customHeader table {
    width: 100%;
  }
  .boxBright614 {
    width: 98.4%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 1.6%;
  }
  .bgCatSel .boxBrightVSpacerOrderSummaryItem {
    height: 0;
  }
  .customBody {
    width: 93.6%;
    margin-left: 3.2%;
  }
  .categoryTabContainer {
    margin-left: 3.2%;
    width: 93.6%;
    margin-right: 3.2%;
  }
  .categoryImagesTabContainer, .containerAdditionalItemsTabContainer {
    width: 46.8%;
    padding-right: 3.2%;
  }
  .containerAdditionalItemsTabContainer .toggleCustom div {
    width: 100%;
  }
  .floatDDLItems {
    width: 46.8%;
    max-width: 46.8%;
    margin-right: 3.2%;
  }
  .ddlCourse.DDLInfoBtn.float {
    width: 100%;
    max-width: 100%;
  }
  .categoryImage {
    text-align: left;
  }
  .containerBookingItem {
    margin: 0 3.2%;
    width: 93.6%;
  }
  /* --------- Home --------- */
  .pickup-section-spacer {
    height: 20px;
  }
  /* --------- RegistrationItemSelection --------- */
  .registrationItemSelection .cart-title-section, .registrationItemSelection .customers {
    display: none;
  }
  .registrationItemSelection .bgCatSelTop {
    min-height: 50px;
    height: auto;
  }
  .registrationItemSelection .bgCatSelTop {
    display: block;
    margin-left: 0;
    width: 96.8%;
    padding-left: 3.2%;
  }
  .registrationItemSelection .h1CatSel {
    margin-top: 5px;
  }
  .catSelChkInIcon {
    width: 8.3%;
    background-size: 38px;
  }
  .catSelChkInCustomer {
    width: 28%;
  }
  .catselChkInAddToCustomer {
    width: 15%;
    float: right;
    text-align: right;
  }
  .categoriesDiv {
    margin-right: 2%;
  }
  /* ------- SpecifyCustomerDetails --------- */
  .textLabelsCustomerDetails {
    margin-left: 0;
  }
  .text1ColumnCustomerDetails {
    width: 100%;
  }
  .text-box-large-frame {
    width: 100%;
  }
  .text-box-large, .inputBoxLargeDisabled {
    width: 100%;
    max-width: inherit;
  }
  .mobileFloat, .columnDescriptionOrderer {
    width: 45%;
    margin-right: 5%;
  }
  .mobileFloatGender {
    width: 100%;
  }
  .mobileFloatDDL .ddl-control {
    width: 54.7%;
  }
  .frameToggle {
    width: 50%;
  }
  .mobileFloatGender .btn_toggleLeftNotSel, .mobileFloatGender .btn_toggleRightNotSel, .mobileFloatGender .btn_toggleLeftSel, .mobileFloatGender .btn_toggleRightSel {
    width: 44%;
    height: 44px;
    box-sizing: border-box;
  }
  .mobileFloatGender .btn_toggleLeftNotSel, .mobileFloatGender .btn_toggleLeftSel {
    margin-right: 2%;
  }
  .mobileFloat .ddl-control, .mobileFloat .DDL_disabled {
    width: 100%;
  }
  .mobileFloat .DDLScale {
    width: 31.3%;
    margin-right: 2%;
  }
  .mobileFloat .DDLValueScale {
    width: 66.6%;
  }
  .mobileFloat .DDLInfoBtn .ddl-control {
    width: calc(99% - 34px);
    margin-right: 5px;
  }
  .mobileFloat a.infoIcon {
    margin-left: 1%;
  }
  .mobileFloat .DDLValueScaleInfoBtn {
    width: 51.6%;
  }
  .mobileFloat .watermarkCustomerCalendar, .mobileFloat .inputBoxCalendar {
    margin-right: 2% !important;
    width: calc(100% - 54px);
  }
  .mobileFloat .sbutton-size-xs {
    text-align: right;
    width: 19%;
  }
  textarea.txtAdditionalInformation {
    width: 95%;
  }
  .infoBoxTypeOfSkierOnClick tr:nth-child(even) {
    background-color: #f1f1f1;
  }
  .column4TableTypeOfSkier, .hl4TableTypeOfSkier {
    background-color: #f1f1f1;
  }
  .tableinfoBoxDefault {
    max-height: 300px;
    overflow-y: auto;
    padding: 15px 0 0;
    max-width: 400px;
  }
  .tableinfoBoxDefault table {
    width: 100%;
    table-layout: fixed;
  }
  .infoBoxTypeOfSkierOnClickMobile {
    max-height: 400px;
    overflow-y: scroll;
  }
  /* --------- PaymentOptions --------- */
  .textSummary1of5Small {
    padding-right: 3.2%;
    width: 24%;
  }
  .frameSummaryMobile {
    width: 71.8%;
  }
  .frameCartItems {
    width: 76%;
  }
  .additionalCategoryOrderSummary, .attributeOrderSummary {
    width: inherit;
  }
  .textPriceOSCartItem, .priceCartSummaryAdditional {
    width: 25%;
  }
  .cartName {
    width: 85.5%;
  }
  .framePersonData {
    width: 100%;
    min-height: 1px;
  }
  /* ------- SpecifyOrdererDetails --------- */
  .lineHorizontalCustomerDetails {
    width: 95%;
  }
  /* ------- OrderSummary --------- */
  .textIndent1Col {
    margin-left: 3.2%;
    width: 93.6%;
  }
  .textQRCode, .textQRCode2 {
    width: 65%;
    margin-left: 0;
    margin-right: 5%;
    height: 140px;
    margin-top: 0;
  }
  .mobileClear {
    clear: both;
  }
  .textSummary1of5SmallComment {
    width: 35%;
  }
  .textSummary4of5Comment {
    width: 65%;
  }
  .frameCartItemWithAdditional, .frameCartAdditional {
    width: calc(75% - 44px);
  }
  /* --------- Cart --------- */
  .cartMobile .frameBtnAddCustomer {
    margin-left: 3.2%;
    margin-right: 3.2%;
    width: 93.6%;
  }
  .cartMobile .frameBtnAddCustomer .sbutton-control-link-button, .cartMobile .frameBtnAddCustomer .sbutton-control-link-button-disabled {
    width: 45%;
    max-width: 45%;
  }
  /* --------- InstructionsOnWithdrawal --------- */
  .contentWithdrawal {
    margin: 0 3.2% !important;
  }
  .btnsPopUp .sbutton-control-image {
    margin-left: 5%;
    margin-right: 5%;
    width: 15%;
  }
}
@media screen and (max-width: 479px) {
  .cc-compliance {
    width: 93.6%;
    margin-right: 3.2%;
    margin-left: 3.2%;
  }
  .workflow-bar-control-button-previous {
    width: 15%;
  }
  .workflow-bar-control-button-previous .sbutton-control-text-right-aligned {
    display: none !important;
  }
  .workflow-bar-control-button-previous .sbutton-control-link-button, .workflow-bar-control-button-previous .sbutton-control-link-button-disabled {
    max-width: 44px;
    text-align: center;
  }
  .workflow-bar-control-button-previous .sbutton-control-image, .workflow-bar-control-button-next .sbutton-control-image {
    max-width: 32px;
    width: 32px;
  }
  .workflow-bar-control-button-next {
    width: 80%;
  }
  .workflow-bar-control-button-next .sbutton-control-image {
    margin-right: 0%;
    margin-left: 9%;
  }
  .workflow-bar-control-button-next .sbutton-control-link-button, .workflow-bar-control-button-next .sbutton-control-link-button-disabled {
    max-width: 100%;
    height: 44px !important;
    box-sizing: border-box;
  }
  .btnOSBFNext .sbutton-control-link-button, .btnOSBFNext .sbutton-control-link-button-disabled {
    height: 74px !important;
  }
  .bgFeedback {
    padding: 30px 10px 15px 10px;
  }
  .frameFeedback {
    max-height: 280px;
    overflow-y: scroll;
  }
  .legals {
    width: 65%;
  }
  .copyright {
    width: 35%;
  }
  .copyright a {
    background-size: 75px;
    width: 75px;
  }
  /* ------- Home --------- */
  .ddl-control-full-section-width, .pickup-section-inner-content-column, .pickup-section-inner-content-column-span-2 {
    width: 100%;
  }
  .pickup-section-frame-txt-rent-duration {
    margin-right: 1%;
    width: 89%;
  }
  .pickup-section-txt-rent-duration {
    width: 100%;
  }
  .pickup-section-sbutton-calendar-frame {
    text-align: right;
    width: 10%;
  }
  .ddl-control {
    width: 100%;
  }
  /* --------- BookingItemSelectionMobile --------- */
  .floatMobileSelection {
    width: 100%;
  }
  .floatMobileSelection2 {
    width: 44px;
    text-align: center;
  }
  .floatMobileSelection3 {
    width: 100%;
  }
  .floatMobileSelectionCustomer {
    width: calc(100% - 100px);
    margin-left: 10px;
  }
  /* --------- ItemSelection --------- */
  .categoryImagesTabContainer, .containerAdditionalItemsTabContainer {
    width: 100%;
    padding-right: 0;
  }
  .containerTextRiskFee {
    width: 93.6%;
    padding-right: 3.2%;
    padding-left: 3.2%;
    padding-bottom: 0;
  }
  .containerToggleRiskFee {
    width: 93.6%;
    padding-right: 3.2%;
    padding-left: 3.2%;
    padding-bottom: 10px;
  }
  .floatDDLItems {
    width: 100%;
    max-width: 100%;
    margin-right: 0;
  }
  .categoryImage {
    text-align: center;
  }
  .lblCategoryExample {
    width: 100%;
    padding-right: 0;
  }
  .containerTabContainer .DDLInfoBtn .ddl-control, .containerTabContainer .DDLInfoBtn .DDL_disabled {
    width: 91%;
    max-width: 91%;
  }
  .ddlCourse .relativeIndex {
    width: 8%;
    margin-left: 1%;
  }
  .ddlCourse .relativeIndex a.infoIcon {
    margin: 8px 0 0 0;
  }
  .ddlCourse {
    width: 100%;
  }
  .durationItemTabContainer {
    width: 30%;
  }
  .priceItemTabContainer {
    width: 70%;
  }
  .containerTextRiskFee .float {
    max-width: 91%;
  }
  .containerTextRiskFee .floatInfoIcon {
    width: 8%;
    margin-left: 1%;
  }
  /* --------- RegistrationItemSelectionMobile --------- */
  .h1CatSelChkIn {
    width: 50%;
    padding-right: 0;
    margin-left: 0;
  }
  .catSelChkInIcon {
    display: none;
  }
  .categoryButton,
  .categoryButton .sbutton-control-link-button,
  .categoryButton .sbutton-control-link-button-disabled {
    width: 100%;
    max-width: unset;
  }
  .categoryButton .sbutton-control-link-button,
  .categoryButton .sbutton-control-link-button-disabled {
    height: 44px;
  }
  .categoryButton .sbutton-control-text,
  .categoryButton .sbutton-control-text span {
    height: 36px;
    width: calc(100% - 72px);
  }
  .categoryButton .sbutton-control-image {
    height: 36px;
    width: 36px;
    margin-top: 5px;
    margin-bottom: 5px;
  }
  /* --------- SpecifyCustomerDetails --------- */
  .textCustomerDetails {
    margin-right: 20px;
  }
  .mobileFloat, .frameToggle {
    width: 100%;
  }
  .mobileFloatGender .btn_toggleLeftNotSel, .mobileFloatGender .btn_toggleRightNotSel, .mobileFloatGender .btn_toggleLeftSel, .mobileFloatGender .btn_toggleRightSel {
    height: 44px;
    width: 36.5%;
    box-sizing: border-box;
  }
  .mobileFloat a.infoIcon {
    margin-left: 1%;
  }
  .mobileFloat .DDLValueScaleInfoBtn {
    width: 57.6%;
  }
  .mobileFloat .watermarkCustomerCalendar, .mobileFloat .inputBoxCalendar {
    margin-right: 1% !important;
  }
  .mobileFloat .sbutton-size-xs {
    text-align: right;
    width: 12%;
  }
  textarea.txtAdditionalInformation {
    width: 100%;
  }
  .bgJSInfoBoxImage, .bgJSInfoBox {
    padding: 25px 10px;
  }
  .bgJSInfoBox .tableinfoBoxDefault table {
    table-layout: auto;
  }
  .bgJSInfoBox .tableinfoBoxDefault td {
    min-width: 40px;
  }
  .btnJSInfoBoxClose {
    right: 10px;
  }
  .mobileFloat .btnJSInfoBoxClose {
    right: 14px;
  }
  .ddlCourse .btnJSInfoBoxClose, .bgFeedback .btnJSInfoBoxClose {
    right: 10px;
  }
  .panTypeOfSkierMobile {
    display: block;
  }
  .panTypeOfSkier {
    display: none;
  }
  .btnLeftPopUp {
    width: 100%;
    max-width: 100%;
  }
  .btnRightPopUp {
    float: left;
    width: 100%;
    margin-left: 0;
    max-width: 100%;
    margin-top: 20px;
  }
  .btnLeftPopUp .sbutton-control-link-button, .btnRightPopUp .sbutton-control-link-button {
    width: 100%;
    max-width: 100% !important;
    height: 44px !important;
    box-sizing: border-box;
  }
  .PanelContent:has(.PopUpLarge) {
    width: 100%;
  }
  .infoBoxStanceOnClick .divStanceIcon {
    width: 100% !important;
  }
  /* ------- PaymentOptions --------- */
  .textSummary1of5Small {
    display: none;
  }
  .frameSummaryMobile {
    width: 100%;
  }
  .frameCartItems {
    width: 100%;
  }
  .mobileFloatDDL .ddl-control {
    width: 100%;
  }
  .lineHorizontalCartPaymentOptions {
    width: 88%;
  }
  /* ---------- SpecifyOrdererDetails ---------- */
  .columnDescriptionOrderer {
    width: 100%;
    margin-bottom: 20px;
  }
  .txtComment {
    width: 100%;
  }
  .lineHorizontalCustomerDetails {
    width: 100%;
  }
  /* ---------- OrderSummary ---------- */
  .textIndent1of5Col {
    margin-left: 3.2%;
    width: 34.9%;
  }
  .textIndent2of2Col {
    padding-left: 0;
    width: 58.7%;
  }
  .textQRCode, .textQRCode2 {
    height: 140px;
    margin-left: 0;
    margin-right: 5%;
    margin-top: 0;
    width: 45%;
  }
  .h1Text, .h1TextToggle {
    width: 93.6%;
  }
  .iconTS {
    display: table-cell;
    min-width: 40px;
    cursor: pointer;
  }
  .textGroupViewTS {
    display: none;
  }
  .h1TextExpander, .h1TextExpanderPO {
    width: calc(100% - 100px);
  }
  .categoryIconFX {
    display: none;
  }
  /* --------- Warenkorb Mobile alleine --------- */
  .cartMobile .frameBtnAddCustomer .sbutton-control-link-button, .cartMobile .frameBtnAddCustomer .sbutton-control-link-button-disabled {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }
  /* --------- Cart --------- */
  .cartMobile .textErrorCart {
    width: 93.6%;
    margin-left: 3.2%;
    margin-right: 3.2%;
  }
  .cartMobile .chkInCategoryIconCartMobile,
  .cartMobile .iconCustomerCart,
  .cartMobile .iconCustomerCartSummary {
    width: auto;
  }
  .cartMobile .boxCartChkIn .customerNameCartSelected {
    width: 46%;
  }
  .cartMobileBooking .boxCartChkIn .customerNameCartSelected {
    width: 58.5%;
  }
  /* -------- InstructionsOnWithdrawal -------- */
  .btnWithdrawal {
    width: 93.6%;
  }
  .btnWithdrawal .sbutton-control-link-button {
    max-width: 100%;
  }
}
@media screen and (max-width: 400px) {
  .workflow-bar-control-button-previous {
    width: 18%;
  }
  .workflow-bar-control-button-next {
    width: 77%;
  }
  .pickup-section-frame-txt-rent-duration {
    margin-right: 1%;
    width: 84%;
  }
  .pickup-section-txt-rent-duration {
    width: 100%;
  }
  .pickup-section-sbutton-calendar-frame {
    text-align: right;
    width: 15%;
  }
  .mobileFloat a.infoIcon {
    margin-left: 1%;
  }
  .mobileFloat .DDLValueScaleInfoBtn {
    width: 55.6%;
  }
  .mobileFloat .watermarkCustomerCalendar, .mobileFloat .inputBoxCalendar {
    margin-right: 1% !important;
  }
  .mobileFloat .sbutton-size-xs {
    text-align: right;
    width: 15%;
  }
  .btnJSInfoBoxClose {
    right: 10px;
  }
  .mobileFloat .btnJSInfoBoxClose {
    right: 14px;
  }
  .ddlCourse .btnJSInfoBoxClose {
    right: 10px;
  }
  .containerTabContainer .DDLInfoBtn .ddl-control, .containerTabContainer .DDLInfoBtn .DDL_disabled {
    width: 89%;
    max-width: 89%;
  }
  .ddlCourse .relativeIndex {
    width: 10%;
    margin-left: 1%;
  }
  .containerTextRiskFee .float {
    max-width: 89%;
  }
  .containerTextRiskFee .floatInfoIcon {
    width: 10%;
    margin-left: 1%;
    background-position: left;
    float: right;
  }
  .categoryName {
    max-width: 50%;
    line-height: 120%;
    letter-spacing: 0;
  }
  .discountImg {
    max-width: 50%;
  }
}
@media screen and (min-width: 480px) and (max-width: 767px) {
  /* --------- Buttons ---------- */
  .ddl-control-full-section-width {
    width: 45%;
    min-width: inherit;
    margin-right: 5%;
    border-radius: 5px;
  }
  .workflow-bar-control-button-previous, .workflow-bar-control-button-next {
    width: 45%;
  }
  .workflow-bar-control-button-previous .sbutton-control-link-button, .workflow-bar-control-button-next .sbutton-control-link-button {
    width: 100%;
    max-width: 100%;
    height: 44px !important;
    box-sizing: border-box;
  }
  .workflow-bar-control-button-previous .sbutton-control-link-button-disabled, .workflow-bar-control-button-next .sbutton-control-link-button-disabled {
    width: 100%;
    max-width: 100%;
    height: 44px !important;
    box-sizing: border-box;
  }
  .btnOSBFNext .sbutton-control-link-button, .btnOSBFNext .sbutton-control-link-button-disabled {
    height: 74px !important;
  }
  .pickup-section-inner-content-column-span-2 .ddl-control, .pickup-section-inner-content-column-span-2 .DDL_disabled {
    width: 45%;
  }
  /* ---------- Home ---------- */
  .pickup-section-inner-content-column {
    width: 45%;
    float: left;
    margin-right: 5%;
  }
  .pickup-section-inner-content-column-span-2 {
    width: 100%;
  }
  .pickup-section-frame-txt-rent-duration {
    margin-right: 2%;
    width: 79%;
  }
  .pickup-section-txt-rent-duration {
    width: 100%;
  }
  .pickup-section-sbutton-calendar-frame {
    text-align: right;
    width: 19%;
  }
  /* ------- SpecifyCustomerDetails --------- */
  .buttonTextToggle {
    left: 45%;
    width: 55%;
  }
  /* ------- BookingItemSelection2 --------- */
  .textIndent1of5Col {
    margin-left: 3.2%;
    width: 22.5%;
  }
  .textIndent2of2Col {
    width: 69.6%;
  }
  .containerTextRiskFee {
    width: 43.9%;
    padding-right: 4.5%;
    padding-left: 1.6%;
  }
  .containerTextRiskFee .float {
    width: 82.4%;
  }
  .containerTextRiskFee .floatInfoIcon {
    width: 17.6%;
    margin-left: 0;
  }
  .containerTextRiskFee a.infoIcon {
    margin-left: 8px;
    float: left;
  }
  /* --------- Cart --------- */
  .cartMobile .textErrorCart {
    margin-bottom: 20px;
    width: 93.6%;
    margin-left: 3.2%;
    margin-right: 3.2%;
  }
  .cartMobile .boxCartChkIn .customerNameCartSelected {
    margin-left: 0;
    width: 58.5%;
  }
  /* --------- InstructionsOnWithdrawal --------- */
  .btnWithdrawal {
    width: 41.6%;
  }
  .btnWithdrawal .sbutton-control-link-button {
    width: 100%;
    max-width: 100%;
  }
  .textCustomerDetails {
    width: calc(96% - 85px);
  }
}
@media screen and (min-width: 620px) and (max-width: 767px) {
  .pickup-section-frame-txt-rent-duration {
    margin-right: 2%;
    width: 84%;
  }
  .pickup-section-sbutton-calendar-frame {
    text-align: right;
    width: 14%;
  }
  .mobileFloat .watermarkCustomerCalendar, .mobileFloat .inputBoxCalendar {
    margin-right: 2% !important;
  }
  .mobileFloat .sbutton-size-xs {
    text-align: right;
    width: 14%;
  }
  .mobileFloat a.infoIcon {
    margin-left: 1%;
  }
  .mobileFloat .DDLValueScaleInfoBtn {
    width: 54.6%;
  }
  .buttonTextToggle {
    left: 35%;
    width: 65%;
  }
}
@media screen and (min-width: 768px) {
  /* --------- Buttons --------- */
  .master-content {
    width: 100%;
    margin: 0;
    max-width: 1200px;
  }
  .divButtonFeedbackMobile {
    display: none;
  }
  /* -------- Home -------- */
  .pickup-section-left-section {
    width: 50%;
  }
  .pickup-section-right-section {
    width: 50%;
  }
  .pickup-section-inner-content-column {
    width: 100%;
  }
  .pickup-section-frame-txt-rent-duration {
    margin-right: 8px;
  }
  /* --------- BookingItemSelection2 --------- */
  .cart-title-section {
    width: 40%;
  }
  .bgCatSelTop {
    margin-left: 1%;
    width: 59%;
  }
  .customers {
    width: 41%;
  }
  .catSel {
    width: 59%;
  }
  /* --------- SpecifyCustomerDetails --------- */
  .textCustomerDetails {
    max-width: 450px;
  }
  .text1ColumnCustomerDetails {
    max-width: 564px;
  }
  .imgQRCode {
    width: 25%;
    height: auto;
  }
  .textQRCode, .textQRCode2 {
    width: 23%;
    margin-right: 2%;
  }
  .textQRCode2 {
    margin-left: 0;
  }
  .containerTextRiskFee {
    width: 43.9%;
    padding-right: 4.5%;
    padding-left: 1.6%;
  }
  .containerTextRiskFee .float {
    width: 79.4%;
  }
  .containerTextRiskFee .floatInfoIcon {
    width: 18%;
  }
  .containerTextRiskFee a.infoIcon {
    margin-left: 8px;
    float: left;
  }
  /* --------- RegistrationItemSelection --------- */
  .catSelChkInIcon {
    background-size: 36px;
  }
  .h1CatSelChkIn {
    width: 35.9%;
  }
  .catSelChkInCustomer {
    width: 31%;
  }
  .catselChkInAddToCustomer {
    width: 12%;
    float: right;
    text-align: right;
  }
  .catSelChkInAdditional .cbAdditional {
    width: 50%;
  }
  /* --------- OrderSummary --------- */
  .txtbookingConfirmation {
    width: 90%;
  }
  /* --------- Cart --------- */
  .cartMobile .textErrorCart {
    width: 96.8%;
    margin-left: 1.6%;
    margin-right: 1.6%;
  }
  /* -------- InstructionsOnWithdrawal -------- */
  .contentWithdrawal {
    margin: 0 1.6% !important;
  }
  .btnWithdrawal {
    margin-left: 1.6%;
  }
  /* ----------------- Popups ------------------ */
  .PopUpSmall {
    min-width: 350px;
  }
  .PopUpLarge {
    min-width: 500px;
  }
}
@media only screen and (min-width: 1024px) {
  body {
    width: 100%;
    max-width: 1280px;
  }
  .master-content {
    width: 95%;
    margin: 0 2.5%;
  }
  .master-footer {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
  .workflow-bar-control-nav-buttons {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
  .workflow-bar-control-status-bar {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
  /* --------- Home --------- */
  .pickup-section-left-section {
    width: 40%;
  }
  .pickup-section-right-section {
    width: 60%;
  }
  .validation-error-infos-section {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
  /* --------- BookingItemSelection2 --------- */
  .cart-title-section {
    width: 33%;
  }
  .bgCatSelTop {
    margin-left: 1%;
    width: 66%;
  }
  .cart {
    width: 100%;
    display: flex;
  }
  .customers {
    width: 34%;
  }
  .catSel {
    width: 66%;
  }
  .frameBtnAddCustomer {
    margin-left: 0%;
    width: 100%;
  }
  .categoryInfoTabContainer {
    width: 31.7%;
    padding: 0 1.6% 0 0;
  }
  .categoryImagesTabContainer {
    width: 31.7%;
    padding-right: 1.6%;
  }
  .categoryImage img {
    width: 100%;
    height: auto;
  }
  .categoryImage {
    text-align: left;
  }
  .containerAdditionalItemsTabContainer {
    width: 31.7%;
    padding-right: 1.6%;
    margin-left: 0;
  }
  .containerAdditionalItemsTabContainer .toggleCustom div {
    width: 100%;
  }
  .containerTextRiskFee {
    width: 63.4%;
    padding-left: 1.6%;
    padding-right: 1.6%;
    padding-bottom: 10px;
  }
  .containerToggleRiskFee {
    width: 31.7%;
    padding-right: 1.6%;
    padding-left: 0;
  }
  .containerTextRiskFee .float {
    max-width: 91%;
    width: auto;
  }
  .containerTextRiskFee .floatInfoIcon {
    width: 7%;
    margin-right: 1%;
  }
  .containerTextRiskFee a.infoIcon {
    margin-left: 0;
  }
  .durationItemTabContainer {
    width: 65%;
  }
  .priceItemTabContainer {
    width: 35%;
    float: right;
  }
  .textErrorCart {
    width: 97%;
    margin-left: 0;
  }
  /* --------- SpecifyCustomerDetails --------- */
  .textCustomerDetails {
    max-width: 735px;
  }
  .text1ColumnCustomerDetails {
    max-width: 846px;
  }
  /* --------- OrderSummary --------- */
  .textQRCode {
    width: 30%;
  }
  .imgQRCode {
    min-width: 130px;
    width: 15%;
  }
  .textQRCode2 {
    margin-left: 6%;
    width: 30%;
  }
  .txtbookingConfirmation {
    width: 95.2%;
  }
  /* --------- RegistrationItemSelection --------- */
  .catSelChkInIcon {
    background-size: 48px;
  }
  .catSelChkInAdditional .cbAdditional {
    width: 33.3%;
  }
  /* --------- Cart --------- */
  .cartMobile .textErrorCart {
    margin-bottom: 20px;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  /* --------- InstructionsOnWithdrawal --------- */
  .contentWithdrawal {
    margin: 0 !important;
  }
  .btnWithdrawal {
    margin-left: 0;
  }
}
/* ------------------------ Gruppe ------------------------------ */
.frameContentGroupRegistration .master-content {
  width: 95%;
  margin: 0 2.5%;
}

.frameContentGroupRegistration .divNavButtons {
  width: 100%;
  margin-right: 0;
  margin-left: 0;
}

.frameContentGroupRegistration .workflow-bar-control-button-previous, .frameContentGroupRegistration .workflow-bar-control-button-next {
  width: 210px;
}

.frameContentGroupRegistration .ddl-control-full-section-width {
  width: 21.6%;
  min-width: 250px;
  margin-right: 0;
}

.frameContentGroupRegistration .title-section-control-inner-content {
  margin-left: 1.6%;
}

.frameContentGroupRegistration .pickup-section-inner-content-column {
  width: 100%;
  margin-right: 0;
}

.frameContentGroupRegistration .pickup-section-left-section, .frameContentGroupRegistration .pickup-section-right-section {
  width: 50%;
  float: left;
  margin-top: 0;
}

.frameContentGroupRegistration .pickup-section-frame-txt-rent-duration {
  margin-right: 8px;
  width: auto;
}

.frameContentGroupRegistration .pickup-section-txt-rent-duration {
  width: 198px;
}

.frameContentGroupRegistration .pickup-section-sbutton-calendar-frame {
  width: 44px;
}

.frameContentGroupRegistration .pickup-section-google-map {
  height: 500px !important;
  width: 100%;
}

.frameContentGroupRegistration .spacer-default-size {
  height: 50px;
}

.frameContentGroupRegistration .pickup-section-spacer {
  height: 0;
}

.frameContentGroupRegistration .text-box-large, .frameContentGroupRegistration .inputBoxLargeDisabled {
  width: 250px;
}

.frameContentGroupRegistration .validation-error-infos-section, .frameContentGroupRegistration .master-footer {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.frameContentGroupRegistration .divButtonFeedback {
  display: block;
}

.frameContentGroupRegistration .divButtonFeedbackMobile {
  display: none;
}

.frameContentGroupRegistration .text1ColumnCustomerDetails {
  width: 846px;
  max-width: 846px;
}

.frameContentGroupRegistration .mobileFloatGender {
  width: inherit;
}

.frameContentGroupRegistration .mobileFloatGender .btn_toggleLeftNotSel, .frameContentGroupRegistration .mobileFloatGender .btn_toggleRightNotSel, .frameContentGroupRegistration .mobileFloatGender .btn_toggleLeftSel, .frameContentGroupRegistration .mobileFloatGender .btn_toggleRightSel {
  width: 121px;
  height: 44px;
  box-sizing: border-box;
}

.frameContentGroupRegistration .mobileFloatGender .btn_toggleLeftNotSel, .frameContentGroupRegistration .mobileFloatGender .btn_toggleLeftSel {
  margin-right: 8px;
}

.frameContentGroupRegistration .mobileFloat, .frameContentGroupRegistration .columnDescriptionOrderer {
  width: 250px;
  margin-right: 32px;
}

.frameContentGroupRegistration .iconTS {
  display: none;
}

.frameContentGroupRegistration .textGroupViewTS {
  display: table-cell;
  padding-right: 1.6%;
  height: 50px;
  vertical-align: middle;
  text-align: right !important;
  width: 18.4%;
  min-width: 200px;
}

.frameContentGroupRegistration .divButtonFeedback, .frameContentGroupRegistration .divButtonFeedbackMobile {
  display: none;
}

.frameContentGroupRegistration .workflow-bar-control-button-previous {
  width: 100%;
  max-width: 210px;
}

.frameContentGroupRegistration .workflow-bar-control-button-previous .sbutton-control-text-right-aligned {
  display: inline-block;
}

.frameContentGroupRegistration .workflow-bar-control-button-previous .sbutton-control-link-button, .frameContentGroupRegistration .workflow-bar-control-button-previous .sbutton-control-link-button-disabled {
  max-width: inherit;
  text-align: inherit;
}

.frameContentGroupRegistration .workflow-bar-control-button-next {
  width: 100%;
  max-width: 210px;
}

.frameContentGroupRegistration .workflow-bar-control-button-next .sbutton-control-image {
  margin-right: 5%;
  margin-left: 5%;
}

.tableRowGroup {
  margin-left: 1.6%;
  width: 98.4%;
}

.navButtonsGroupTop {
  width: 100%;
}

.textErrorGroupBottom {
  width: 50%;
}

.divNavButtonsGroupBottom {
  width: 50%;
}

.tableBoxGroup {
  width: 100%;
}

.tableBoxGroup table {
  width: 100%;
  border: 0;
  table-layout: fixed;
}

.box971DarkTop {
  width: 100%;
}

.box971Dark {
  padding-left: 1.6%;
  width: 98.4%;
}

.boxGroupEditable {
  padding-left: 1.6%;
  width: 98.4%;
}

.GroupTableHeadFirstColumn {
  padding-left: 1.6%;
  width: 13%;
}

.GroupTableHeadMiddleColumn {
  padding-left: 0.5%;
  width: 11.5%;
}

.GroupTableHeadMiddleColumnSkill {
  padding-left: 0.5%;
  width: 12.9%;
}

.GroupTableHeadLastColumn {
  padding-left: 0.5%;
  width: 11.5%;
}

.GroupTableFirstColumn {
  padding-left: 1.6%;
  width: 13%;
}

.GroupTableMiddleColumn {
  padding-left: 0.5%;
  width: 11.5%;
}

.GroupTableMiddleColumnSkill {
  padding-left: 0.5%;
  width: 12.9%;
}

.GroupTableLastColumn {
  padding-left: 0.5%;
  width: 11.5%;
}

.GroupTableHeadName {
  padding-left: 1.6%;
  width: 78.6%;
}

.tdGroupMemberIcons {
  width: 18.8%;
  padding-right: 1.2%;
}

/* --------- GroupRegItemEditable --------- */
.tableRowGroupContent {
  width: 98.6%;
  margin-right: 1.6%;
}

.columnGroupAvatar {
  width: 13%;
}

.floatGroupColumns {
  width: 87%;
  float: left;
}

.lineHorizontal802Top {
  width: 100%;
}

.columnGroupEditable {
  width: 25%;
}

.inputGroup {
  width: 100%;
}

.inputBoxGroup {
  width: 84%;
}

.DDLGroupEditable {
  width: 84%;
}

.columnGroupEditable .frameToggle {
  width: 100%;
}

.columnGroupEditable .btn_toggleLeftNotSel, .columnGroupEditable .btn_toggleRightNotSel, .columnGroupEditable .btn_toggleLeftSel, .columnGroupEditable .btn_toggleRightSel {
  width: 40%;
  height: 44px;
  box-sizing: border-box;
}

.columnGroupEditable .btn_toggleLeftNotSel, .columnGroupEditable .btn_toggleLeftSel {
  margin-right: 4%;
}

.columnGroupEditable .buttonTextToggle {
  width: 100%;
}

.columnGroupEditable .buttonTextToggleSpan {
  text-align: center;
}

.frameGroupInputs {
  width: 84%;
}

.frameGroupInputs .sbutton-size-xs {
  text-align: right;
  width: 26%;
  box-sizing: border-box;
}

.columnGroupEditable .inputBoxCalendar {
  width: 73%;
  margin-right: 1% !important;
}

.columnGroupEditable .watermarkCustomerCalendar {
  margin-right: 1% !important;
}

.columnGroupEditable .DDLScale {
  width: 26%;
  margin-right: 4%;
}

.columnGroupEditable .DDLValueScale {
  width: 54%;
}

.columnGroupEditable .DDLDoubleInfoBtn .DDLScale {
  width: 31%;
  margin-right: 4%;
}

.columnGroupEditable .DDLDoubleInfoBtn .DDLValueScale {
  width: 46%;
}

.columnGroupEditable .DDLInfoBtn .ddl-control {
  width: 81%;
}

.columnGroupEditable a.infoIcon {
  margin-left: 2%;
  text-align: right;
}

.navButtonsGroup {
  width: 100%;
}

.buttonLRightGroupEdit {
  right: 0;
}

.buttonLRightGroupEdit table {
  width: 100%;
  margin: 0;
  padding: 0;
}

.floatGroupEdit {
  width: 100%;
  margin-right: 0;
}

@media only screen and (max-width: 1023px) {
  .cart {
    background: none !important;
  }
}

.toast-title {
  font-weight: bold;
  color: #000;
}
.toast-message {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  color: #000;
  margin-left: 5px;
  padding-right: 30px;
}
.toast-message a,
.toast-message label {
  color: #ffffff;
}
.toast-message a:hover {
  color: #cccccc;
  text-decoration: none;
}
.toast-close-button {
  position: relative;
  right: -0.2em;
  top: 0em;
  float: right;
  font-size: 28px;
  font-weight: bold;
  color: #b20030;
  /*-webkit-text-shadow: 0 1px 0 #ffffff;
  text-shadow: 0 1px 0 #ffffff;*/
  /*opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);*/
}
.toast-close-button:hover,
.toast-close-button:focus {
  /*color: #000000;*/
  text-decoration: none;
  cursor: pointer;
  /*opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);*/
}
/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  border: 2px solid;
  -webkit-appearance: none;
  margin-top: 0;
  position: absolute;
  top: 5px;
  right: 5px;
  width: 32px;
  height: 32px;
  line-height: 28px;
  border-radius: 5px;
  margin: 5px;
}

/* Browserhack f�r IE9 und IE10 */
@media screen and (min-width:0\0) {
    button.toast-close-button {
    top: 10px;
    }
}


.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-left {
  top: 12px;
  left: 12px;
}
.toast-top-right {
  top: 12px;
  right: 12px;
}
.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}
.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}
#toast-container {
  position: fixed;
  z-index: 999999;
  /*overrides*/

}
#toast-container * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#toast-container > div {
  position: relative;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  -moz-box-shadow: 0 0 12px #999999;
  -webkit-box-shadow: 0 0 12px #999999;
  box-shadow: 0 0 12px #999999;
  color: #ffffff;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
}
#toast-container > :hover {
  -moz-box-shadow: 0 0 12px #000000;
  -webkit-box-shadow: 0 0 12px #000000;
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  cursor: pointer;
}
#toast-container > .toast-info {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
}
#toast-container > .toast-error {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
}
#toast-container > .toast-success {
  /*background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;*/
    background-size: 31px 31px;
}
#toast-container > .toast-warning {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;
}
#toast-container.toast-top-center > div,
#toast-container.toast-bottom-center > div {
  width: 300px;
  margin: auto;
}
#toast-container.toast-top-full-width > div,
#toast-container.toast-bottom-full-width > div {
  width: 96%;
  margin: auto;
}
.toast {
  background-color: #fff;
}
.toast-success {
  background-color: #fff;
}
.toast-error {
  background-color: #bd362f;
}
.toast-info {
  background-color: #2f96b4;
}
.toast-warning {
  background-color: #f89406;
}
.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
}
/*Responsive Design*/
/*@media all and (max-width: 240px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}

  #toast-container > div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }

}*/

@media all and (max-width: 480px) {
    .toast-bottom-right {
        width: 96%;
      right: 2%;
      bottom: 12px;
    }

    #toast-container > div{
        width: 100% !important; 
    }
}


#toast-container > .toast-success::before {
  content: "";
  position: absolute;
  left: 14px;
  top: 14px;
  width: 24px; 
  height: 24px;
  border-radius: 50%;
  border: 2px solid;
}