@import "fonts.oekk.css";
@import "fonts.oekk.css";
.inheritFont {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
}
.font_default {
  font-family: 'OEKK Nova Normal', Arial, sans-serif;
  font-size: 20px;
  line-height: 150%;
}
.font_controls {
  font-family: 'OEKK Nova Normal', Arial, sans-serif;
  font-size: 18px;
  line-height: 150%;
  color: #000;
}
.font_nav_seiten {
  font-family: 'OEKK Nova Normal', Arial, sans-serif;
  font-size: 13px;
  line-height: 150%;
  color: #EB0000;
}
.font_h1 {
  font-family: 'OEKK Nova DemiBold', Arial, sans-serif;
  font-size: 38px;
  line-height: 150%;
}
.font_h2 {
  font-family: 'OEKK Nova DemiBold', Arial, sans-serif;
  font-size: 28px;
  line-height: 150%;
}
.font_h3 {
  font-family: 'OEKK Nova DemiBold', Arial, sans-serif;
  font-size: 24px;
  line-height: 150%;
}
.font_h4 {
  font-family: 'OEKK Nova DemiBold', Arial, sans-serif;
  font-size: 20px;
  line-height: 150%;
}
.font_h5 {
  font-family: 'OEKK Nova DemiBold', Arial, sans-serif;
  font-size: 18px;
  line-height: 150%;
}
.font_link {
  font-family: 'OEKK Nova DemiBold', Arial, sans-serif;
  font-size: 14px;
  line-height: 150%;
  text-decoration: none;
  color: #8e0505;
}
.font_link_hover {
  font-family: 'OEKK Nova DemiBold', Arial, sans-serif;
  font-size: 14px;
  line-height: 150%;
  text-decoration: none;
  color: #EB0000;
  /*color: @color_grau_dunkel;*/
}
.inlineform {
  display: inline-block;
  margin-right: 20px;
  vertical-align: top;
  width: auto;
}
.inlineform input,
.inlineform input[type=text],
.inlineform input[type=password],
.inlineform textarea,
.inlineform select,
.inlineform input[type=date],
.inlineform input[type=email],
.inlineform input[type=tel] {
  width: 100%;
  color: #9c1719;
}
input[type=checkbox] {
  transform: scale(1.5);
  transform-origin: 50% 50%;
}
/*.inlineformlabel
{
	width:auto;
	
}*/
.SprechBlaseBase {
  text-decoration: none;
  color: #8e0505;
  margin-top: 30px;
  margin-bottom: 20px;
  margin-left: 8px;
}
.panelSprechblaseZusatz {
  padding-top: 15px;
  margin-bottom: 2px;
  text-decoration: none;
  color: #8e0505;
}
.footnote {
  margin-top: 15px;
  display: block;
  font-size: 15px;
  margin-bottom: 5px;
}
.labelPromo {
  font-weight: normal !important;
  font-family: 'OEKK Nova DemiBold' !important;
  font-size: 18px;
  color: #8e0505;
}
/* Checkboxen Version LIVE */
/*  OEKK Liste */
.oekkList {
  list-style-type: none;
}
.oekkList li:before {
  content: "\2014";
  position: absolute;
  margin-left: -1.5em;
  color: #EB0000;
}
/* sonstiges */
.flexColumn {
  display: flex;
  flex-direction: column;
}
.flexRow {
  display: flex;
  flex-direction: row;
}
.flexGrow {
  flex-grow: 1;
}
.customCheckBox {
  font-family: 'OEKK Nova DemiBold';
  display: inline-block;
  vertical-align: middle;
  padding: 5px 0;
  /* checkbox aspect */
  /* checked mark aspect */
  /* checked mark aspect changes */
}
.customCheckBox [type="checkbox"]:not(:checked),
.customCheckBox [type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
  display: none;
}
.customCheckBox [type="checkbox"]:not(:checked) + label,
.customCheckBox [type="checkbox"]:checked + label {
  position: relative;
  padding: 0 0 0 50px;
  cursor: pointer;
  border: none;
  background: transparent;
  line-height: 100%;
}
.customCheckBox [type="checkbox"]:not(:checked) + label:before,
.customCheckBox [type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left: 6px;
  top: -1px;
  /*calc((26px - #{$fontsize }) / 7.0);*/
  width: 26px;
  height: 25px;
  border: 0.05em solid #8e0505;
  background: transparent;
  border-radius: 4px;
  line-height: 100%;
}
.customCheckBox [type="checkbox"]:checked + label:before {
  box-shadow: none;
  background-color: #FFF;
}
.customCheckBox [type="checkbox"]:not(:checked) + label:after,
.customCheckBox [type="checkbox"]:checked + label:after {
  content: '\e65e';
  font-family: 'oekk', Arial, sans-serif;
  font-size: 20px;
  position: absolute;
  left: 11px;
  top: 2px;
  /*calc(6px - (26px - #{$fontsize}) / 7);*/
  line-height: 100%;
  color: #8e0505;
  transition: all 0.1s;
  font-weight: normal;
}
.customCheckBox [type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
.customCheckBox [type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
.unselectable,
.customCheckBox [type="checkbox"]:not(:checked) + label,
.customCheckBox [type="checkbox"]:checked + label {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.button {
  color: white !important;
}
.button:hover {
  color: #8e0505 !important;
}
.notrequired {
  font-family: 'OEKK Nova Normal', Arial, sans-serif;
  font-size: 14px;
  line-height: 100%;
  margin-left: 10px;
}
.hidden {
  visibility: hidden;
}
.overflowHidden {
  overflow: hidden;
  position: relative;
  height: 100%;
}
/* mobile */
@keyframes animateIn {
  0% {
    transform: scaleY(0);
    animation-timing-function: ease-out;
  }
  40% {
    transform: scaleY(2);
    animation-timing-function: ease;
  }
  100% {
    transform: scaleY(1);
    animation-timing-function: ease-in;
  }
}
@keyframes animateInInner {
  from {
    width: 100%;
    right: 100%;
  }
  to {
    width: 20%;
    right: 0;
  }
}
.lifeline {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 20px;
  z-index: 17;
  background: #EB0000;
  animation: animateIn 1s forwards;
  transform-origin: bottom center;
}
.lifeline__inner {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #8E0505;
  animation: animateInInner 1.4s cubic-bezier(0, 0.2, 0.175, 1) forwards;
}
.lifeline--animation-complete {
  animation: none;
  transform: scaleY(1);
}
.lifeline--animation-complete .lifeline__inner {
  animation: none;
  width: 20%;
  right: 0;
}
.border {
  position: fixed;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.borderTop {
  top: 0;
  left: 0;
  width: 100%;
  height: 16px;
  background: #EB0000;
  z-index: 15;
}
.borderRight {
  top: 0;
  right: 0;
  width: 16px;
  height: 100vh;
  background: #EB0000;
  z-index: 11;
}
.borderBottom {
  bottom: 0;
  left: 0;
  width: 100%;
  height: 16px;
  background: #EB0000;
  z-index: 15;
}
.borderLeft {
  top: 0;
  left: 0;
  z-index: 0;
  width: 16px;
  height: 100vh;
  background: #EB0000;
  z-index: 11;
}
.mainContainer {
  min-height: 100%;
  display: flex;
  flex-direction: column;
}
.mainForm {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
#universeContainer {
  position: relative;
  flex-grow: 1;
}
#globalContainer {
  margin: 0 auto 0 auto;
  text-align: center;
  display: none;
}
#globalContainer.nobarometer {
  width: 960px;
  border: none;
}
#globalContentContainer {
  vertical-align: top;
  min-height: 100%;
  text-align: left;
  width: 100%;
}
#globalContentContainerTop {
  width: 100%;
}
div[role=main] {
  min-height: 100%;
  width: calc(calc(100% - 230px) - 230px);
  max-width: 1170px;
  margin: 0 auto;
}
.headerTopRow {
  height: 70px;
  width: 100%;
}
#header #imgPartnerLogo {
  float: right;
  max-height: 40px;
  margin-left: 0px !important;
  margin-right: 54px;
  width: auto !important;
}
#header #navLeiste {
  margin-top: 15px;
  color: #717274;
  font-family: 'OEKK Nova Normal', Arial, sans-serif;
  font-size: 14px;
  line-height: 150%;
  height: 40px;
  margin-bottom: 8px;
}
#header #navLeiste #navLinkWebSeite {
  margin-left: 39px;
  display: inline-block;
  margin-top: 0;
  margin-bottom: 0;
}
#header #navLeiste #navLinks {
  margin-right: calc(45px - 5px);
  float: right;
  margin-top: 0;
  margin-bottom: 0;
}
#header #navLeiste a,
#header #navLeiste input,
#header #navLeiste select {
  font-family: 'OEKK Nova Normal', Arial, sans-serif;
  font-size: 14px;
  line-height: 150%;
  margin-left: 25px;
  color: #717274;
}
#header #navLeiste input,
#header #navLeiste select {
  height: 39px;
  border: none;
  padding: 0 20px 0 0;
}
#header #navLeiste select:hover {
  cursor: pointer;
  color: #EB0000;
}
#header #navLeiste option {
  color: #000 !important;
}
#header #navLeiste #comboBoxSprache {
  font-family: 'OEKK Nova Normal', Arial, sans-serif;
  font-size: 14px;
  line-height: 150%;
}
#header #navLeiste a:hover,
#header #navLeiste #comboBoxSprache:link:hover,
#header #navLeiste a:active:hover,
#header #navLeiste a:visited:hover,
#header #navLeiste a:link:focus,
#header #navLeiste a:active:focus,
#header #navLeiste a:visited:focus {
  color: #EB0000;
}
#header #navLeiste .fbLink::before {
  font-family: 'oekk', Arial, sans-serif;
  font-size: 22px;
  line-height: 150%;
  content: "\e60a";
  color: #333;
  top: 3px;
  position: relative;
  right: 0;
}
#header #logoLeiste {
  padding-top: 25px;
  padding-bottom: 25px;
  padding-left: 45px;
  position: relative;
  border-top: 1px solid #E3E3E3;
  border-bottom: 1px solid #E3E3E3;
  height: 97px;
}
#header #logoLeiste #logoMarker {
  position: absolute;
  left: -6px;
  width: 0;
  height: 0;
  content: "";
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 12;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 6px solid #FFF;
  -webkit-transition: top 0.25s cubic-bezier(0.44, 0.06, 0.35, 0.88);
  transition: top 0.25s cubic-bezier(0.44, 0.06, 0.35, 0.88);
  top: 46px;
}
#header #logoLeiste img {
  width: auto;
  height: 42px;
}
.appHeader {
  width: calc(calc(100% - 230px) - 230px);
  max-width: 1170px;
  margin-left: auto;
  margin-right: auto;
}
.headerSeiten {
  display: flex;
  flex-wrap: wrap;
  margin-top: 45px;
  margin-bottom: 20px;
  font-family: 'OEKK Nova Normal', Arial, sans-serif;
  font-size: 13px;
  line-height: 150%;
  color: #EB0000;
}
.headerEntry {
  display: flex;
}
.headerLabel {
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
  font-family: 'OEKK Nova Normal', Arial, sans-serif !important;
  font-size: 13px !important;
  line-height: 150% !important;
  color: #EB0000 !important;
}
.headerLabel > a,
.headerLabel a:link,
.headerLabel a:active,
.headerLabel a:visited {
  font-family: 'OEKK Nova Normal', Arial, sans-serif !important;
  font-size: 13px !important;
  line-height: 150% !important;
  color: #EB0000 !important;
}
.headerLabel > a:hover {
  font-family: 'OEKK Nova DemiBold' !important;
  color: #EB0000 !important;
}
.headerLabelInaktiv .headerLabel {
  color: #717274 !important;
}
.divArrowNext {
  width: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.svgArrowNext {
  height: 8px;
  width: 8px;
  margin-left: 16px;
  margin-right: 16px;
  stroke: #717274;
}
.title {
  font-family: 'OEKK Nova DemiBold', Arial, sans-serif;
  font-size: 48px;
  line-height: 150%;
  color: #000;
  margin-top: 35px;
}
.title .infoLink a,
.title .infoLink a:link {
  font-size: 32px !important;
}
footer {
  flex-grow: 0;
  width: 100%;
  margin: 32px auto 48px auto;
  border-top: 1px solid #E3E3E3;
}
#footerInhalt {
  padding-top: 35px;
  margin: 0 auto;
  width: calc(100% - 230px);
  max-width: calc(100% - 230px);
  position: relative;
  font-family: 'OEKK Nova Normal', Arial, sans-serif !important;
  font-size: 18px !important;
  line-height: 30px !important;
  color: #000;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
#footerInhalt span {
  padding: 0 10px;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
}
#footerInhalt a {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
}
#footerInhalt .legal {
  float: left;
  font-size: 14px;
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 70px;
}
#footerInhalt .legal div {
  font-size: 14px;
}
#footerInhalt #aImpressum:hover {
  color: #EB0000;
}
#footerInhalt .firma {
  float: left;
  width: auto;
  color: #ccc;
  font-size: 13px;
  line-height: 33px;
}
#footerInhalt .socialmedia {
  border: solid 1px;
  float: right;
  width: auto;
}
#footerInhalt .socialmedia img {
  height: 38px;
  width: auto;
}
#footerInhalt .qs {
  width: 50%;
  float: right;
}
#footerInhalt .qs img {
  height: 117px;
  width: auto;
  display: block;
  margin: auto;
  float: right;
}
#footerInhalt .footerSpracheOuter {
  margin-bottom: 12px;
  margin-top: 8px;
  width: 100%;
}
#footerInhalt .footerSpracheOuter .footerSpracheInner {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
#footerInhalt .footerSpracheOuter .footerSpracheInner #divLabelSprache {
  margin-top: auto;
  margin-bottom: auto;
  font-size: 13px;
  padding-bottom: 2px;
}
#footerInhalt .footerSpracheOuter .footerSpracheInner #divSelectSprache {
  display: flex;
  flex-direction: row;
}
#footerInhalt .footerSpracheOuter .footerSpracheInner #divSelectSprache select {
  display: block;
  margin: 0;
  font-family: 'OEKK Nova DemiBold';
  font-size: 13px;
  color: #000;
  border: none;
  background: none;
  width: 100px;
  height: 34px;
  cursor: pointer;
}
#footerInhalt .footerSpracheOuter .footerSpracheInner #divSelectSprache option {
  color: #000;
  cursor: pointer;
  background-color: #FFF;
  padding-top: 0;
  padding-bottom: 0;
}
#footerInhalt .footerSpracheOuter .footerSpracheInner #divSelectSprache::after {
  margin-top: auto;
  margin-bottom: auto;
  font-family: 'oekk';
  font-size: 13px;
  content: "\e604";
  color: #000;
  margin-left: -20px;
  pointer-events: none;
}
#divAdminLogin {
  margin: auto;
  padding: 20px 10px 10px 10px;
  border: 1px solid black;
  width: 60%;
}
.gridViewVertraege {
  width: 100% !important;
  border: 1px solid #8e0505 !important;
  background-color: #FFF;
}
.gridViewHeaderStyle {
  background-color: #8e0505 !important;
  font-style: normal;
}
.gridViewFooterStyle {
  background-color: #FFF !important;
  font-style: normal;
  color: #8e0505;
}
.adminContainer {
  width: 100%;
  padding: 0px 5px 5px 5px;
}
.adminHyperLink {
  margin: 0px 5px 0px 5px;
  color: #EB0000;
}
.adminTextBoxWide {
  width: 80% !important;
  height: 40px !important;
  margin: 2px 0px 2px 0px !important;
}
.adminTextBoxMiddle {
  width: 60% !important;
  height: 40px !important;
  margin: 2px 0px 2px 0px !important;
}
.adminTextBoxNarrow {
  width: 25% !important;
  height: 40px !important;
  margin: 2px 0px 2px 0px !important;
}
.btnLanguage {
  margin: 0px 5px 0px 5px;
}
.imgLogo {
  vertical-align: text-bottom;
  width: 188px;
  height: 70px;
}
.imgPartnerLogo {
  vertical-align: text-bottom;
  width: 30%;
}
.errorlabel {
  color: #EB0000;
}
.alignRight {
  text-align: right;
  white-space: nowrap;
  width: 50%;
}
.alignLeft {
  text-align: left;
  white-space: nowrap;
  width: 50%;
}
.FormTable {
  width: 60%;
  margin: 0px 5px 0px 5px;
}
.TouristTitle {
  font-family: 'OEKK Nova Normal', Arial, Helvetica, sans-serif;
  font-size: larger;
  white-space: nowrap;
  font-weight: normal;
  color: #8e0505;
}
.TouristDescription {
  font-family: 'OEKK Nova Normal', Arial, Helvetica, sans-serif;
  font-size: smaller;
  color: #000;
  white-space: nowrap;
  font-weight: normal;
}
#globalMenuRechts {
  position: fixed;
  top: 10%;
  right: 0px;
  z-index: 10;
  transform: rotate(-90deg);
  transform-origin: 100% 100%;
}
#globalMenuRechts ul {
  display: block;
  margin: 0px;
  list-style-type: none;
}
#globalMenuRechts ul li {
  display: inline-block;
  padding: 10px;
  background: #FFF;
  padding: 7.5px 15px 7.5px 15px;
  border: 2px solid #8e0505;
  margin-right: 5px;
  border-bottom: none;
  vertical-align: bottom;
}
/*#globalSpeichernRechts {
	display:none;
	z-index:10; //(Grösser als der Switch label-Index)
	background: @color_weiss;
	position: absolute;
	right: 0;
	top: 160px;
	padding: 10px;
	border: 1px solid @color_grau;
	border-bottom: none;
	-ms-transform-origin: 100% 100%;
	-webkit-transform-origin: 100% 100%;
	-moz-transform-origin: 100% 100%;
	-o-transform-origin: 100% 100%;
	transform-origin: 100% 100%;
	-ms-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
}*/
#globalKontaktSheet {
  /*  Kein Unterschied mehr zum separator auf allen anderen Seiten
	.separator {
		margin-top: 32px;
		margin-bottom: 32px;
	}*/
}
#globalKontaktSheet input {
  width: 450px;
}
#globalKontaktSheet #buttonLinkKontaktClose::after {
  font-family: 'oekk';
  font-size: 24px;
  content: "\e601";
  margin: 0;
  padding: 0;
  color: #8e0505;
  line-height: 24px;
}
#globalKontaktSheet #buttonLinkKontaktClose:hover::after {
  color: #EB0000;
}
#globalKontaktSheet .kontaktText {
  font-family: 'OEKK Nova Normal', Arial, sans-serif;
  font-size: 18px;
  line-height: 150%;
}
#globalKontaktSheet .hotlineText {
  font-family: 'OEKK Nova Normal', Arial, sans-serif;
  font-size: 18px;
  line-height: 150%;
}
#globalKontaktSheet .hotlineTexthours {
  font-family: 'OEKK Nova Normal', Arial, sans-serif;
  font-size: 18px;
  line-height: 150%;
}
#globalKontaktSheet .hotlineTextNumber {
  font-family: 'OEKK Nova DemiBold', Arial, sans-serif;
  font-size: 24px;
  line-height: 150%;
  color: #8e0505;
}
#globalKontaktSheet .hotlineTextNumber:hover {
  color: #EB0000;
}
#globalKontaktSheet .link * {
  font-family: 'OEKK Nova DemiBold', Arial, sans-serif;
  font-size: 24px;
  line-height: 200%;
  color: #8e0505;
}
#globalKontaktSheet .link:hover * {
  color: #EB0000;
}
#globalKontaktSheet,
#globalSpeichernSheet {
  z-index: 14;
  display: none;
  background: #FFF;
  position: fixed;
  right: 16px;
  top: 16px;
  left: 16px;
  bottom: 16px;
  text-align: left;
}
#globalKontaktSheet .schliessen,
#globalSpeichernSheet .schliessen {
  position: absolute;
  top: 32px;
  right: 32px;
  height: 24px;
}
#globalKontaktSheet .popupMenuTop,
#globalSpeichernSheet .popupMenuTop {
  position: relative;
  height: 88px;
  width: 100%;
}
#globalKontaktSheet .popupMenuTop .titleContainer,
#globalSpeichernSheet .popupMenuTop .titleContainer {
  display: inline-block;
  width: 100%;
}
#globalKontaktSheet .popupMenuTop .titleContainer .title,
#globalSpeichernSheet .popupMenuTop .titleContainer .title {
  width: calc(100% - 96px) !important;
  max-width: 1400px;
  margin: 22px auto 0px auto;
}
#globalKontaktSheet .popupMenuLine,
#globalSpeichernSheet .popupMenuLine {
  width: 100%;
  border-bottom: 1px solid #E3E3E3;
}
#globalKontaktSheet .popupMenuContent,
#globalSpeichernSheet .popupMenuContent {
  padding: 32px 0px;
  width: calc(100% - 96px) !important;
  max-width: 1400px;
  margin: 0 auto;
}
#globalKontaktSheet .popupMenuInnerContent,
#globalSpeichernSheet .popupMenuInnerContent {
  max-width: 900px;
}
#globalKontaktSheet .text,
#globalSpeichernSheet .text {
  font-family: 'OEKK Nova Normal', Arial, sans-serif;
  font-size: 18px;
  line-height: 150%;
}
#globalSpeichernSheet #buttonLinkSpeichernClose::after {
  font-family: 'oekk';
  font-size: 24px;
  content: "\e601";
  margin: 0;
  padding: 0;
  color: #8e0505;
  line-height: 24px;
}
#globalSpeichernSheet #buttonLinkSpeichernClose:hover::after {
  color: #EB0000;
}
#globalSpeichernSheet #divOfferteSpeichernEmailadresse {
  display: flex;
  margin-top: 20px;
}
#globalSpeichernSheet #divOfferteSpeichernEmailadresse #txtOfferteSpeichernEmailadresse {
  width: 421px;
}
#globalSpeichernSheet #divOfferteSpeichernEmailadresse #buttonSpeichern {
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 16px;
}
#globalBarometerPanel {
  display: inline-block;
  vertical-align: top;
  width: 250px;
  height: auto;
  min-height: 100%;
  max-height: 100vh;
  /*margin-top: 30px;*/
  /*padding-top: 38px;*/
  text-align: left;
}
#globalBarometerPanel .globalBarometer {
  margin-top: 30px;
  padding-top: 34px;
  width: 250px;
}
#globalBarometerPanel.notopmargin {
  padding-top: 0;
}
#globalContainer.nobarometer #globalBarometerPanel {
  display: none;
}
#personHeader {
  border-top: solid 1px #999;
  border-bottom: solid 1px #999;
  padding: 10px 0;
  /*select {
		width: 400px;
		//border:none;
	}*/
}
#personHeader div {
  display: inline-block;
  width: 49%;
}
#personHeader div:nth-child(1) {
  font-family: 'OEKK Nova DemiBold', Arial, sans-serif;
  font-size: 25px;
  line-height: 150%;
}
#personHeader div:nth-child(2) {
  text-align: right;
}
#personHeader div:nth-child(2) span {
  padding-left: 15px;
  font-family: 'OEKK Nova DemiBold', Arial, sans-serif;
  font-size: 25px;
  line-height: 150%;
}
.separator {
  margin-top: 32px;
  margin-bottom: 32px;
  border-bottom: 1px solid #E3E3E3;
  width: 100%;
}
.buttonRowBottom {
  float: right;
  display: flex;
  flex-direction: row;
}
.sprechblase {
  text-decoration: none;
  color: #8e0505;
  margin-top: 30px;
  margin-bottom: 20px;
  min-height: 100px;
  margin-left: 8px;
}
.sprechblase ul {
  display: inline-block;
}
.triangle-border {
  width: 85%;
  position: relative;
  padding: 15px;
  margin: 1em 0 3em;
  border: 3px solid #999;
  /* css3 */
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  font-size: 17px;
  min-height: 60px;
}
.triangle-border span {
  font-size: 17px;
}
/* Variant : for left positioned triangle
------------------------------------------ */
.triangle-border.left {
  margin-left: 30px;
}
/* Variant : for right positioned triangle
------------------------------------------ */
.triangle-border.right {
  margin-right: 30px;
}
/* THE TRIANGLE
------------------------------------------------------------------------------------------------------------------------------- */
.triangle-border:before {
  content: "";
  position: absolute;
  bottom: -20px;
  left: 40px;
  border-width: 20px 20px 0;
  border-style: solid;
  border-color: #999 transparent;
  display: block;
  width: 0;
}
.triangle-border:after {
  content: "";
  position: absolute;
  bottom: -13px;
  left: 47px;
  border-width: 13px 13px 0;
  border-style: solid;
  border-color: #fff transparent;
  display: block;
  width: 0;
}
/* creates the larger triangle */
.triangle-border.left:before {
  top: 39px;
  /* controls vertical position */
  bottom: auto;
  left: -30px;
  /* value = - border-left-width - border-right-width */
  border-width: 15px 30px 15px 0;
  border-color: transparent #999;
}
/* creates the smaller  triangle */
.triangle-border.left:after {
  top: 42px;
  /* value = (:before top) + (:before border-top) - (:after border-top) */
  bottom: auto;
  left: -21px;
  /* value = - border-left-width - border-right-width */
  border-width: 12px 24px 12px 0;
  border-color: transparent #fff;
}
/*Neue Spinnerlösung*/
#skm_LockBackground {
  display: flex;
  flex-direction: column;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 100000;
}
#skm_LockBackground .lottieContainer {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
#skm_LockBackground .lockBackgroundTop {
  height: 160px;
  margin-top: 16px;
  margin-left: 16px;
  margin-right: 16px;
  flex-grow: 0;
  flex-shrink: 0;
}
#skm_LockBackground .lockBackgroundBottom {
  flex-grow: 1;
  flex-shrink: 0;
  background-color: #FFF;
  margin-left: 16px;
  margin-right: 16px;
  margin-bottom: 16px;
}
.lockInnerContainer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 200px;
}
.LockOff {
  visibility: hidden;
  display: none;
}
.button.buttonMobile {
  height: 48px;
}
.jsMobileBudgetSwitch {
  display: flex;
  flex: auto;
  align-items: center;
  text-align: center;
  height: 48px;
  position: relative;
  cursor: pointer;
  background-color: #FFF;
  line-height: 100%;
  font-size: 18px;
  border: 1px solid #DADAD9;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.jsMobileBudgetSwitch:hover {
  border-color: #EB0000;
  background-color: #EB0000;
  color: #FFF;
}
.stickyBar {
  background-color: #FFF;
  padding-top: 24px;
  padding-bottom: 16px;
  -webkit-box-shadow: 0 4px 5px 0 rgba(31, 31, 31, 0.14), 0 1px 10px 0 rgba(31, 31, 31, 0.12), 0 2px 4px -1px rgba(31, 31, 31, 0.2);
  box-shadow: 0 4px 5px 0 rgba(31, 31, 31, 0.14), 0 1px 10px 0 rgba(31, 31, 31, 0.12), 0 2px 4px -1px rgba(31, 31, 31, 0.2);
  border-radius: 4px;
}
.stickyBar .total {
  margin: 15px auto;
  width: calc(calc(100% - 230px) - 230px);
  max-width: 1170px;
  color: #000;
}
.stickyBar .totalWeiter {
  margin: 15px auto 30px auto;
  width: calc(calc(100% - 230px) - 230px);
  max-width: 1170px;
}
.totalPraemie {
  font-size: 16px;
  color: #717274;
}
.totalPreis {
  margin-left: 15px;
  font-family: 'OEKK Nova DemiBold';
  font-size: 24px;
}
@supports (position: sticky) or (position: -webkit-sticky) {
  .stickyBar {
    position: -webkit-sticky;
    /* Safari */
    position: sticky;
    bottom: 0;
  }
}
@supports (-ms-ime-align:auto) {
  .selector {
    property: value;
  }
  .stickyBar {
    position: static;
  }
}
.blur {
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
}
.ui-widget-overlay.ui-front {
  background: none;
  opacity: 1;
  filter: unset;
}
#flyoutLockBackground {
  z-index: 10;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
}
#flyoutLockBackground .locked {
  display: block;
}
.button.buttonMobile.buttonStickyZurueck {
  background-color: #FFF !important;
  border-color: #8e0505;
  color: #8e0505 !important;
}
.button.buttonMobile.buttonStickyZurueck:hover {
  background-color: #8e0505 !important;
  border-color: #8e0505 !important;
  color: #FFF !important;
}
.mobileOnly {
  display: none !important;
}
b {
  font-weight: normal !important;
  font-family: 'OEKK Nova DemiBold' !important;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  height: 30px !important;
  width: 30px !important;
  top: 9px !important;
  cursor: pointer;
  border: none !important;
  background: none !important;
}
.ui-datepicker .ui-datepicker-prev {
  left: 4px !important;
}
.ui-datepicker .ui-datepicker-next {
  right: 4px !important;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  opacity: 0.7;
}
.ui-datepicker .ui-datepicker-title select {
  height: 40px !important;
  padding: 0px 20px 0px 10px !important;
  cursor: pointer;
  background-position-x: 90% !important;
}
.ui-datepicker .ui-datepicker-title {
  display: flex;
  justify-content: space-between;
  margin: 0px 41px;
}
.ui-datepicker .ui-datepicker-month,
.ui-datepicker .ui-datepicker-year {
  width: 80px;
}
.ui-datepicker .ui-datepicker-calendar .ui-state-default,
.ui-datepicker .ui-datepicker-calendar .ui-state-hover {
  cursor: pointer;
  background: none !important;
  border-radius: 4px;
  text-align: center;
  font-weight: normal !important;
  font-family: 'OEKK Nova Normal' !important;
}
.ui-datepicker .ui-datepicker-calendar .ui-state-default {
  border: 1px solid #DADAD9 !important;
  color: #8e0505 !important;
}
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-today .ui-state-default,
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-today .ui-state-hover {
  background-color: #8e0505 !important;
  box-shadow: inset 0px 0px 100px 100px rgba(255, 255, 255, 0.8);
}
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-current-day .ui-state-default,
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-current-day .ui-state-hover {
  font-family: 'OEKK Nova DemiBold' !important;
}
.ui-datepicker .ui-datepicker-calendar .ui-state-hover {
  border: 1px solid #EB0000 !important;
  color: #EB0000 !important;
}
.ui-datepicker th span {
  font-weight: normal !important;
  font-family: 'OEKK Nova DemiBold' !important;
}
.ui-datepicker table {
  table-layout: fixed;
}
.ui-datepicker .ui-widget-header {
  border-bottom: 1px solid #CCC !important;
  border-radius: 0px !important;
  padding-bottom: 5px !important;
}
.geschlechtIcon {
  font-family: 'oekk' !important;
}
.geschlechtOuterContainerWithIcon {
  height: 74px !important;
}
.geschlechtOuterContainerWithIcon .geschlechtInnerContainer .geschlechtTextContainer {
  height: 74px !important;
}
.geschlechtOuterContainerWithIcon .geschlechtInnerContainer .spanGeschlecht {
  font-size: 14px !important;
  line-height: 100% !important;
}
.geschlechtOuterContainerWithIcon .geschlechtInnerContainer .spanGeschlecht .geschlechtIcon {
  font-size: 33px !important;
  line-height: 110% !important;
  margin-bottom: 3px;
}
html {
  height: 100%;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
body,
body > form {
  padding: 0;
  margin: 0;
  font-family: 'OEKK Nova Normal', Arial, sans-serif;
  font-size: 20px;
  line-height: 150%;
  height: 100%;
}
body,
form,
div,
span,
p,
input:not([type=radio]),
fieldset,
select,
textarea,
blockquote,
table th,
td dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
legend {
  padding: 0;
  margin: 0;
  font-family: 'OEKK Nova Normal', Arial, sans-serif;
  font-size: 20px;
  line-height: 150%;
  box-sizing: inherit;
}
ul {
  margin-left: 25px;
}
img {
  vertical-align: middle;
}
h1 {
  font-family: 'OEKK Nova DemiBold', Arial, sans-serif;
  font-size: 38px;
  line-height: 150%;
  margin: 20px 0 5px 0;
}
h1.first,
h2.first,
h3.first {
  margin-top: 0;
}
h2 {
  font-family: 'OEKK Nova DemiBold', Arial, sans-serif;
  font-size: 28px;
  line-height: 150%;
  margin: 10px 0 0 0;
}
h3 {
  font-family: 'OEKK Nova DemiBold', Arial, sans-serif;
  font-size: 24px;
  line-height: 150%;
  margin: 10px 0 0 0;
}
h4 {
  font-family: 'OEKK Nova DemiBold', Arial, sans-serif;
  font-size: 20px;
  line-height: 150%;
}
h5 {
  font-family: 'OEKK Nova DemiBold', Arial, sans-serif;
  font-size: 18px;
  line-height: 150%;
}
.hidden {
  display: none !important;
}
.hiddenPanelBasis {
  display: none;
}
.oekkIndicatorLight {
  font-family: 'oekk', Arial, sans-serif;
  font-size: 30px;
  line-height: 100%;
  padding: 0 5px;
  color: #8e0505;
}
a,
a:link,
a:active,
a:visited {
  font-family: 'OEKK Nova DemiBold', Arial, sans-serif;
  font-size: 14px;
  line-height: 150%;
  text-decoration: none;
  color: #8e0505;
  border: none;
  outline: none;
}
a:hover,
a:link:hover,
a:active:hover,
a:visited:hover,
a:link:focus,
a:active:focus,
a:visited:focus {
  font-family: 'OEKK Nova DemiBold', Arial, sans-serif;
  font-size: 14px;
  line-height: 150%;
  text-decoration: none;
  color: #EB0000;
  /*color: @color_grau_dunkel;*/
  border: none;
  outline: none;
}
a.oekkIconLink,
a.oekkIconLink:link,
a.oekkIconLink:active,
a.oekkIconLink:visited,
a.oekkIconLink:hover,
a.oekkIconLink:focus {
  font-family: 'oekk', Arial, sans-serif;
  font-size: 18px;
  line-height: 100%;
}
.clear {
  clear: both;
}
.nofloat {
  float: none;
}
fieldset {
  border: none;
  /*
	input, input[type=text], input[type=password], textarea, select, 
	input[type=date], input[type=email]
	{
		width:100%;
	}*/
}
input[type=text],
input[type=password],
textarea,
select,
input[type=date],
input[type=email],
input[type=tel],
input[type=number] {
  /* tfy Basis- Style für alle Textboxen und Dropdownlisten */
  /* Definiert: die Höhe und die rounde Border */
  border-radius: 4px;
  outline: none;
  /*width: 100%;*/
  height: 48px;
  padding: 0 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: 'OEKK Nova Normal', Arial, sans-serif;
  font-size: 18px;
  line-height: 150%;
  color: #000;
}
input[type=text]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
select::-webkit-input-placeholder,
input[type=date]::-webkit-input-placeholder,
input[type=email]::-webkit-input-placeholder,
input[type=tel]::-webkit-input-placeholder,
input[type=number]::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #DADAD9;
}
input[type=text]:-moz-placeholder,
input[type=password]:-moz-placeholder,
textarea:-moz-placeholder,
select:-moz-placeholder,
input[type=date]:-moz-placeholder,
input[type=email]:-moz-placeholder,
input[type=tel]:-moz-placeholder,
input[type=number]:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #DADAD9;
  opacity: 1;
}
input[type=text]::-moz-placeholder,
input[type=password]::-moz-placeholder,
textarea::-moz-placeholder,
select::-moz-placeholder,
input[type=date]::-moz-placeholder,
input[type=email]::-moz-placeholder,
input[type=tel]::-moz-placeholder,
input[type=number]::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #DADAD9;
  opacity: 1;
}
input[type=text]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
textarea:-ms-input-placeholder,
select:-ms-input-placeholder,
input[type=date]:-ms-input-placeholder,
input[type=email]:-ms-input-placeholder,
input[type=tel]:-ms-input-placeholder,
input[type=number]:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #DADAD9;
}
input[type=text]::-ms-input-placeholder,
input[type=password]::-ms-input-placeholder,
textarea::-ms-input-placeholder,
select::-ms-input-placeholder,
input[type=date]::-ms-input-placeholder,
input[type=email]::-ms-input-placeholder,
input[type=tel]::-ms-input-placeholder,
input[type=number]::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #DADAD9;
}
input[type="date"]::-webkit-inner-spin-button {
  height: 35px;
  margin-top: 8px;
}
input[type="date"]::-webkit-calendar-picker-indicator {
  font-size: 25px;
  color: #aaa;
  outline: none;
}
input[type="date"]::-webkit-clear-button {
  -webkit-appearance: none;
  display: none;
}
.LabelFeld {
  height: 48px;
  font-family: 'OEKK Nova Normal', Arial, sans-serif;
  font-size: 18px;
  line-height: 150%;
  color: #000;
  color: #333;
}
input[type=text]:focus,
input[type=password]:focus,
textarea:focus,
select:focus {
  border: 1px solid #333;
}
input[type=radio] {
  margin-right: 10px;
}
select {
  outline: none;
  padding: 6px 38px 8px 10px;
  background: url("../Images/icon-arrow-select-black.png") no-repeat 95% center;
  background-size: 16px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
select:disabled {
  background-color: #E3E3E3 !important;
}
select::-ms-expand {
  display: none;
}
select.selectColorizedArrow {
  background: none;
}
select.selectColorizedArrow::after {
  font-family: 'oekk';
  content: "\e604";
  color: black;
}
fieldset p {
  width: 870px;
  margin-bottom: 10px;
}
fieldset p input[type=text],
fieldset p input[type=password],
fieldset p textarea,
fieldset p select,
fieldset p input[type=date],
fieldset p input[type=email] {
  width: 400px;
}
/*fieldset p input
{
	width:290px;
	border:1px solid green;
}*/
fieldset p label,
fieldset p span {
  display: inline-block;
  width: 340px;
}
fieldset input[type=radio] {
  height: 46px;
}
.formHinweis {
  margin: 20px 0 20px 0;
}
.feldInfo {
  float: none;
  width: 400px;
  position: relative;
  left: 340px;
  padding: 2px;
  margin: 0;
  display: block;
  color: #999;
}
.buttonBase {
  color: #FFF;
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  font-family: 'OEKK Nova DemiBold', Arial, sans-serif !important;
  font-size: 14px !important;
  line-height: 150% !important;
  line-height: normal;
  text-decoration: none;
  text-align: center;
  width: auto;
  white-space: normal;
}
.buttonSymbol {
  color: #333;
  border: none;
  display: inline-block;
  padding: 0 0 0 10px;
}
.zurueck {
  color: #333;
  border: none;
  display: inline-block;
  padding: 0 0 0 10px;
  text-transform: none !important;
  background-color: #FFF;
  font-size: medium;
  display: inline;
  margin-right: 20px;
  padding-left: 8px;
}
.buttonSymbol.plus::before {
  font-family: 'oekk', Arial, sans-serif;
  font-size: 30px;
  line-height: 150%;
  color: #8e0505;
  position: relative;
  left: -10px;
  content: "\e602";
}
.buttonSymbol:hover::before {
  color: #333;
}
.buttonSymbol.pfeil::before {
  font-family: 'oekk', Arial, sans-serif;
  font-size: 20px;
  line-height: 150%;
  position: relative;
  left: -10px;
  content: "\e606";
  color: #8e0505;
}
.buttonSymbol.pfeil:hover::before {
  color: #EB0000;
}
.buttonSymbol.kreuz::before {
  font-family: 'oekk', Arial, sans-serif;
  font-size: 30px;
  line-height: 150%;
  position: relative;
  left: -10px;
  content: "\e601";
  color: #8e0505;
}
.buttonSymbol.kreuz:hover::before {
  color: #EB0000;
}
.buttonSymbol.stift::before {
  font-family: 'oekk', Arial, sans-serif;
  font-size: 16px;
  line-height: 150%;
  position: relative;
  left: -10px;
  content: "\e637";
  color: #8e0505;
}
.buttonSymbol.stift:hover::before {
  color: #EB0000;
}
.buttonSymbol.stift_gross::before {
  font-family: 'oekk', Arial, sans-serif;
  font-size: 31px;
  line-height: 150%;
  position: relative;
  left: -10px;
  content: "\e637";
  color: #8e0505;
}
.buttonSymbol.stift_gross:hover::before {
  color: #EB0000;
}
.buttonSymbol.linien::before {
  font-family: 'oekk', Arial, sans-serif;
  font-size: 24px;
  line-height: 150%;
  position: relative;
  left: -10px;
  content: "\e662";
  top: 6px;
  color: #8e0505;
}
.buttonSymbol.linien:hover::before {
  color: #EB0000;
}
.afterPfeilRechts::after {
  font-family: 'oekk';
  margin-left: 5px;
  color: #8e0505;
  content: "\e65d";
}
.afterPfeilRechts:hover::after {
  color: #EB0000;
}
input.submitted:invalid,
input.notvalid,
select.submitted:invalid,
select.notvalid {
  box-shadow: none;
  border-color: #EB0000 !important;
}
input.submitted:invalid:focus,
input.notvalid:focus,
select.submitted:invalid:focus,
select.notvalid:focus {
  box-shadow: none;
  border-color: #EB0000 !important;
}
.errortooltip {
  color: #EB0000;
  padding: 2px;
  /*-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;*/
  margin: 0;
  display: block;
  border-radius: 4px;
}
.ui-menu .ui-menu-item a {
  font-family: 'OEKK Nova Normal', Arial, sans-serif;
  font-size: 18px;
  line-height: 150%;
}
/* ==========================================================================
   LockPanel
   ========================================================================== */
.StatusMessage {
  color: Red;
  font-size: 2em;
  font-weight: normal !important;
  font-family: 'OEKK Nova DemiBold' !important;
}
/*Alte Spinnerlösung*/
/* Lock Screen-related CSS Classes */
/*.LockOff {
	visibility: hidden;
	display: none;
	position: absolute;
	top: -100px;
	left: -100px;
}

.LockBackground {
	position: absolute;
	top: 0px;
	left: 0px;
	visibility: visible;
	display: block;
	width: 100%;
	height: 100%;
	background: #aaa;
	opacity: .3;
	z-index: 999;
	filter: alpha(opacity=55);
	opacity:0.45;
	padding-top: 0%;
	cursor:pointer;
}
.LockPane {
	z-index: 1000;
	position: absolute;
	top: 0px;
	left: 0px;
	padding-top: 25%;
	visibility: visible;
	display: block;
	text-align: center;
	width: 100%;
}
.LockPane div {
	width: 40px;*/
/*background-color: White; */
/*color: White;
	font-size: large;
	//border: dotted 1px White; 
	padding: 0;
	margin-left: auto;
	margin-right: auto;
}*/
.required ul {
  margin-left: 25px;
}
/* 
	JQuery Dialog
*/
.dialogClass {
  /*.ui-button,
	.ui-button:hover {
		border:solid 1px #000;
	}*/
}
.dialogClass .ui-widget-header {
  text-transform: none;
  border-bottom: 1px solid #E3E3E3 !important;
}
.dialogClass .ui-corner-all {
  border-radius: 0;
}
.dialogClass .ui-button,
.dialogClass .ui-button .ui-icon,
.dialogClass .ui-button:hover,
.dialogClass .ui-button:active,
.dialogClass .ui-button:focus {
  background: none;
  border: none;
}
.dialogClass .ui-icon-closethick {
  display: none;
}
.dialogClass .ui-button-icon-only {
  text-indent: 0;
}
.dialogClass .ui-button-icon-space {
  display: none;
}
.dialogClass .ui-dialog-content {
  font-size: 18px;
  padding-top: 32px !important;
}
.dialogClass .ui-dialog-content ol,
.dialogClass .ui-dialog-content ul,
.dialogClass .ui-dialog-content li,
.dialogClass .ui-dialog-content span,
.dialogClass .ui-dialog-content div,
.dialogClass .ui-dialog-content label,
.dialogClass .ui-dialog-content a {
  font-size: 18px;
}
.dialogClass .ui-dialog-content ul {
  list-style-type: none;
}
.dialogClass .ui-dialog-content ul li:before {
  content: "\2014";
  position: absolute;
  margin-left: -1.5em;
  color: #EB0000;
}
.dialogClass .ui-dialog-content table {
  border-collapse: collapse;
  width: 100%;
}
.dialogClass .ui-dialog-content th,
.dialogClass .ui-dialog-content td {
  text-align: left;
  padding: 5px;
}
.dialogClass .ui-dialog-content th {
  background-color: #E3E3E3;
  font-size: 16px;
}
.dialogClass .ui-dialog-content td {
  vertical-align: top;
  font-size: 16px;
  border-bottom: solid 1px #E3E3E3;
}
.dialogClass.ui-dialog .ui-dialog-content {
  padding: 20px 36px;
  font-size: 18px;
}
.dialogClass.ui-dialog .ui-dialog-titlebar-close {
  font-family: 'oekk', Arial, sans-serif;
  font-size: 24px;
  line-height: 100%;
  color: #8e0505;
  right: 20px;
  width: auto;
  height: auto;
}
.dialogClass.ui-dialog .ui-dialog-titlebar-close:hover {
  color: #EB0000;
}
.dialogClass.ui-dialog .ui-dialog-titlebar-close:before {
  content: '\e601';
}
.jdialogNoHeader input[type='radio'] {
  transform: scale(1.25);
  float: left;
  margin-top: 10px;
  outline: none;
}
.jdialogNoHeader label {
  margin-left: 25px;
  display: block;
}
.onoffswitch {
  display: inline-block;
  position: relative;
  height: 51px;
  width: 137px;
  background: transparent;
  border: solid 1px #DADAD9;
  border-radius: 4px;
  float: none;
  margin-top: 0px;
  /*
	 * Note:  using adjacent or general sibling selectors combined with
	 *       pseudo classes doesn't work in Safari 5.0 and Chrome 12.
	 *       See this article for more info and a potential fix:
	 *       http://css-tricks.com/webkit-sibling-bug/
	 */
}
.onoffswitch label {
  position: relative;
  z-index: 2;
  float: left;
  width: 64.5px !important;
  line-height: 49px;
  text-align: center;
  cursor: pointer;
  color: #8e0505;
  display: inline-block;
  margin: 0;
  vertical-align: initial;
  font-family: 'OEKK Nova Normal';
  font-size: 18px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.onoffswitch label:active {
  opacity: 1;
}
.onoffswitch .switch-label-off,
.onoffswitch .switch-label-on {
  padding-left: 2px;
}
.onoffswitch input {
  display: none;
}
.onoffswitch input:checked + label,
.onoffswitch input:not(:checked) + label + label {
  color: #FFF;
  opacity: 1;
  text-shadow: 0 1px rgba(255, 255, 255, 0.25);
  -webkit-transition: 0.15s ease-out;
  -moz-transition: 0.15s ease-out;
  -o-transition: 0.15s ease-out;
  transition: 0.15s ease-out;
}
.onoffswitch input:not(:checked) ~ .switch-selection {
  left: 68.5px;
  /* Note:  left: 50% doesn't transition in WebKit */
}
.onoffswitch .switch-selection {
  display: block;
  position: absolute;
  z-index: 1;
  top: 2px;
  left: 2px;
  width: 64.5px !important;
  height: 45px;
  background: #EB0000;
  border-radius: 3px;
  -webkit-transition: left 0.15s ease-out;
  -moz-transition: left 0.15s ease-out;
  -o-transition: left 0.15s ease-out;
  transition: left 0.15s ease-out;
  float: none;
  margin: 0;
}
.seiteHilfe .description {
  margin: 15px 0 15px 0;
}
.infoLink {
  display: inline-flex;
  align-items: center;
}
.infoLink a,
.infoLink a:link,
.infoLink a:hover,
.infoLink a:link:hover,
.infoLink a:active:hover,
.infoLink a:visited:hover,
.infoLink a:link:focus,
.infoLink a:active:focus,
.infoLink a:visited:focus {
  font-family: 'OEKK Nova DemiBold', Arial, sans-serif;
  font-size: 14px;
  line-height: 100%;
  font-weight: normal;
}
.hilfeText b {
  font-weight: normal !important;
  font-family: 'OEKK Nova DemiBold' !important;
}
.infoLinkLarge {
  display: inline-flex;
  margin: 0;
}
.infoLinkLarge a,
.infoLinkLarge a:link,
.infoLinkLarge a:hover,
.infoLinkLarge a:link:hover,
.infoLinkLarge a:active:hover,
.infoLinkLarge a:visited:hover,
.infoLinkLarge a:link:focus,
.infoLinkLarge a:active:focus,
.infoLinkLarge a:visited:focus {
  font-family: 'OEKK Nova DemiBold', Arial, sans-serif;
  font-size: 24px;
  line-height: 100%;
}
/*.infoLink,
.infoLink a,
.infoLink a:link{

}*/
.infoimage {
  margin-left: 5px;
}
.smallinfoicon {
  width: 20px;
  height: 20px;
}
.jDialogSubTitle {
  margin-top: 15px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-bottom: solid 1px #E3E3E3;
  padding-bottom: 10px;
}
.jDialogSubTitle::before {
  font-family: 'oekk', Arial, sans-serif;
  font-size: 18px;
  line-height: 100%;
  color: #8e0505;
  margin-right: 10px;
  content: "\e604";
  -moz-transition: all 0.175s linear;
  -webkit-transition: all 0.175s linear;
  -ms-transition: all 0.175s linear;
  transition: all 0.175s linear;
}
.jDialogSubTitle.isClosed::before {
  /*.oekkButtonLink();
	content: "\e606";*/
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
}
.jDialogSubInfotext {
  display: none;
  padding: 10px 15px 20px 28px;
}
.jDialogSubInfotext .leistungsuebersicht .container {
  width: 100%;
  border: solid #999;
  border-width: 1px 0;
  display: flex;
  margin: 0 0 10px 0;
  padding: 0;
}
.jDialogSubInfotext .leistungsuebersicht .leistung,
.jDialogSubInfotext .leistungsuebersicht .detail {
  font-size: 16px;
  width: 50%;
  padding: 10px;
  display: inline-block;
}
.jDialogSubInfotext .leistungsuebersicht .container:last-child {
  border-bottom-width: 1px;
}
.jDialogSubInfotext .leistungsuebersicht .bereich {
  font-weight: normal;
  font-family: 'OEKK Nova DemiBold' !important;
  width: 25%;
  background: #E3E3E3;
  padding: 10px;
}
.jDialogSubInfotext .leistungsuebersicht .leistungsdetails {
  width: 75%;
  display: inline-block;
}
.jDialogSubInfotext .leistungsuebersicht .detail {
  border-right: solid 1px #999;
}
.jDialogSubInfotext .leistungsuebersicht .leistungsdetail {
  width: 100%;
  display: flex;
  border-bottom: solid 1px #999;
}
.jDialogSubInfotext .leistungsuebersicht .leistungsdetail:last-child {
  border: none;
}
.jDialogSubInfotext .leistungsuebersicht .footnote {
  margin: 3px 0;
  font-size: 14px;
}
.jDialogSubInfotext.individuelleLeistungsUebersicht {
  padding: 10px 15px 0 28px;
}
.jDialogSubInfotext.individuelleLeistungsUebersicht .detail,
.jDialogSubInfotext.individuelleLeistungsUebersicht .leistung,
.jDialogSubInfotext.individuelleLeistungsUebersicht .produkt {
  font-size: 16px;
  padding: 5px;
  display: inline-block;
}
.jDialogSubInfotext.individuelleLeistungsUebersicht .leistungItem {
  width: 100%;
  display: flex;
  border: solid #999;
  border-width: 0 0 1px 0;
}
.jDialogSubInfotext.individuelleLeistungsUebersicht .detail {
  width: 100%;
  background: #F5F5F5;
  border: solid #999;
  border-width: 1px 0;
}
.jDialogSubInfotext.individuelleLeistungsUebersicht .leistung {
  width: 65%;
}
.jDialogSubInfotext.individuelleLeistungsUebersicht .produkt {
  width: 35%;
  border-right: solid 1px #999;
  text-transform: uppercase;
}
.jDialogSubInfotext.individuelleLeistungsUebersicht .footnote {
  margin: 3px 0;
  font-size: 14px;
}
/*.ui-dialog {
	box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
}*/
.ui-dialog-content.ui-widget-content .innerContentContainer {
  max-width: 900px;
}
.ui-dialog-content.ui-widget-content .innerContentContainer a {
  color: #8e0505 !important;
}
.ui-dialog-content.ui-widget-content .innerContentContainer a:hover {
  color: #EB0000 !important;
}
.ui-dialog-content.ui-widget-content .innerContentContainer b {
  font-weight: normal !important;
  font-family: 'OEKK Nova DemiBold';
}
.element {
  display: inline-block;
  position: relative;
  /*width:auto;*/
}
.errorMessageBox {
  display: none;
  font-family: 'OEKK Nova Normal', Arial, sans-serif;
  font-size: 16px;
  z-index: 1;
  background-color: #ffffff;
  width: auto;
  max-width: 250px;
  color: #EB0000;
}
.errorMessageBox.BoxLeft {
  right: 0px;
}
.errorMessageBox.BoxRight {
  left: 5px;
}
.errorMessageBox.BoxBottom {
  top: 59px !important;
}
/*.errorMessageBox.BoxTop{
	bottom:59px;
}*/
.errorMessageSpacer {
  display: none;
}
/*
.Triangle
{
	content: "";
    position: absolute;
	border-style:solid;
	width: 0;
	display:block;
}

.errorMessageBox.TriangleTop:before {
	border-color:@color_grau_desktop transparent;
	top:-10px;
	bottom:auto;
	border-width:0 10px 10px;
	z-index:1;
	.Triangle
}

.errorMessageBox.TriangleTop:after {
	border-width:0 9px 9px;
	top:-9px;
	bottom:auto;
	border-color:white transparent;
	z-index:1;
	.Triangle
}

.errorMessageBox.TriangleBottom:before {
    bottom: -10px;
    border-width: 10px 10px 0;
    border-color: @color_grau_desktop transparent;
	.Triangle
}

.errorMessageBox.TriangleBottom:after {
    bottom: -9px;
    border-width: 9px 9px 0;
    border-color: #fff transparent;
	.Triangle
}

.errorMessageBox.TriangleLeft:before {
		left:10px;
}

.errorMessageBox.TriangleLeft:after {
		left:11px;
}


.errorMessageBox.TriangleRight:before {
	// ToDo (mh):	- wird nur einmal verwendet und ist derzeit auf dieses ausgerichtet
	//				- generische Implementierung fehlt, before und after können über jquery nicht angesprochen werden,
	//				  sind Pseudoelemente...
		right:80px;
}

.errorMessageBox.TriangleRight:after {
		right:81px;
}*/
input:not([type=checkbox]).invalid {
  border: solid 1px red;
}
input:not([type=checkbox]).invalid:focus {
  border: solid 1px red;
}
select.invalid {
  border: solid 1px red;
}
select.invalid:focus {
  border: solid 1px red;
}
#seiteAngaben .zeroHeight {
  height: 0px;
  margin: 0px;
  padding: 0px;
}
#seiteAngaben .buttonWeiter {
  margin-bottom: 20px;
  font-size: 14px !important;
}
#seiteAngaben .panelAnzahlPersonen {
  margin: 0px 0px 15px 0px;
  line-height: 90% !important;
  font-size: 15px !important;
}
#seiteAngaben .normalText {
  font-size: 18px;
}
#seiteAngaben .titleBold {
  font-family: 'OEKK Nova DemiBold';
  font-size: 24px;
  margin-bottom: 18px;
  display: inline-block;
}
#seiteAngaben .infoText {
  margin-bottom: 18px;
}
#seiteAngaben .limitedWidthText {
  max-width: 73%;
  margin-bottom: 18px;
  display: inline-block;
}
#seiteAngaben .noMarginBottom {
  margin-bottom: 0;
}
#seiteAngaben .limitedWidthTextGV {
  max-width: 86%;
  margin-bottom: 18px;
  display: inline-block;
}
#seiteAngaben .anzahlPersonenContainer {
  margin-top: 5px;
  border-radius: 4px;
  /*[type="checkbox"]:checked + div {
			background-color: @color_rot_normal;
			color: @color_weiss;
		}*/
}
#seiteAngaben .anzahlPersonenContainer .anzahlPersonenButton {
  display: inline-block;
  width: 90px;
  height: 48px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  font-family: 'OEKK Nova DemiBold';
  font-size: 20px;
  line-height: 48px;
  border: 1px solid #DADAD9;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#seiteAngaben .anzahlPersonenContainer .anzahlPersonenButton div {
  line-height: 48px;
  border-radius: 4px;
}
#seiteAngaben .anzahlPersonenContainer .anzahlPersonenButton:hover {
  border: 1px solid #EB0000;
}
#seiteAngaben .anzahlPersonenContainer [type="checkbox"] {
  position: absolute;
  left: -9999px;
  display: none;
}
#seiteAngaben .panelHilfe {
  text-align: right;
}
#seiteAngaben .infoLinkGV {
  font-size: 14px;
  margin-bottom: 18px;
}
#seiteAngaben .angabenFlexContainer {
  display: flex;
}
#seiteAngaben .switch {
  border: 10px 0px 0px 0px;
}
#seiteAngaben .gvSwitchContainer {
  margin-top: 50px;
}
#seiteAngaben .angabenMarginRight {
  margin-right: 20px !important;
}
#seiteAngaben .angabenOuterContainer {
  margin: 30px 0px 30px 0px;
}
#seiteAngaben .angabenOuterContainer .angabenBeduerfnis {
  width: 370px;
  display: block;
  position: relative;
  margin: 10px 0px;
}
#seiteAngaben .angabenOuterContainer .angabenInnerContainer {
  vertical-align: middle;
  align-self: center;
  text-align: center;
  /*[type="checkbox"]:checked + div {
				background-color: @color_rot_normal;
				color: @color_weiss;
			}*/
}
#seiteAngaben .angabenOuterContainer .angabenInnerContainer [type="checkbox"] {
  position: absolute;
  left: -9999px;
  display: none;
}
#seiteAngaben .angabenOuterContainer .angabenInnerContainer .spanAngabenContainer {
  margin: 5px;
  overflow: hidden;
  width: 100%;
  line-height: 110%;
}
#seiteAngaben .angabenOuterContainer .angabenInnerContainer .spanAngaben {
  display: inline-block;
  max-width: 100%;
  word-wrap: break-word;
  overflow-wrap: break-word;
  font-family: 'OEKK Nova DemiBold';
  font-size: 20px;
  line-height: 120%;
}
#seiteReisedaten {
  /*mwr 29.03.2023: KLICKSW-1201: AK3: Nach jedem Inputfeld zusätzlichen Abstand von 20px einbauen */
}
#seiteReisedaten .hinweisBeginnContainer {
  display: inline-block;
  margin: 10px;
}
#seiteReisedaten .hinweisBeginnContainer > span {
  font-size: 15px !important;
}
#seiteReisedaten .versicherungsendeLabel {
  margin-top: 20px;
  margin-bottom: 5px;
}
#seiteReisedaten .panelAssistentAussage {
  margin: 5px 0px 5px 0px;
  line-height: 90% !important;
  font-size: 15pt !important;
}
#seiteReisedaten .panelHilfe {
  text-align: right;
}
#seiteReisedaten .switch {
  border: 10px 0px 0px 0px;
}
#seiteReisedaten .textBoxElem {
  margin-left: 0px;
  margin-bottom: 20px;
  width: 100%;
}
#seiteReisedaten .datenOuterContainer {
  margin: 0px;
}
#seiteReisedaten .datenOuterContainer .hrStyle {
  border-top: 1px solid black;
}
#seiteReisedaten .datenOuterContainer > span {
  font-size: 15px;
}
#seiteAngebot {
  /*.customCheckBox.border {
		border-radius: 4px;
		border: 1px solid @color_rot_normal;
		width: 100%;
		display: inline-block;
		vertical-align: middle;
		padding: 0px;
	}

	.customCheckBox.no_border {
		border-radius: 4px;
		border: 1px solid @color_grau_sehr_hell;
		width: 100%;
		display: inline-block;
		vertical-align: middle;
		padding: 0px;
	}*/
  /*mwr 04.04.2023: KLICKSW-1201: Unfall Angebot neues Notch Design */
  /*Alte Linklösung über "Buttons"*/
  /*.angebotLink {
		border: 1px solid @color_rot_theme !important;
		width: 470px !important;
		//mwr 06.04.2022: Farbe entspricht nun dem Standard
		//color: @color_rot_theme !important;
	}

	.angebotLink:hover {
		//mwr 06.04.2022: Farbe entspricht nun dem Standard
		//border: 1px solid @color_rot_theme !important;
	}*/
  /*Neue Linklösung über Links in Listen*/
}
#seiteAngebot .panelAssistentAussage {
  margin: 5px 0px 20px 0px;
  line-height: 90% !important;
  font-size: 15pt !important;
}
#seiteAngebot .hrStyle {
  border-top: 1px solid black;
}
#seiteAngebot .hrStyle {
  border-top: 1px solid black;
}
#seiteAngebot .panelVersicherungsdauer {
  display: flex;
  flex-direction: column;
  margin-bottom: 55px;
}
#seiteAngebot .textVersicherungsdauer {
  color: #717274;
}
#seiteAngebot .textVersicherungsdauerVonBis {
  font-size: 18px;
}
#seiteAngebot .linkVersicherungsdauerAnpassen {
  margin-top: 10px;
}
#seiteAngebot .panelAngebot {
  margin: 20px 0px 20px 0px;
  padding: 35px 30px;
  border-radius: 4px;
  -webkit-box-shadow: 0 4px 5px 0 rgba(31, 31, 31, 0.14), 0 1px 10px 0 rgba(31, 31, 31, 0.12), 0 2px 4px -1px rgba(31, 31, 31, 0.2);
  box-shadow: 0 4px 5px 0 rgba(31, 31, 31, 0.14), 0 1px 10px 0 rgba(31, 31, 31, 0.12), 0 2px 4px -1px rgba(31, 31, 31, 0.2);
}
#seiteAngebot .panelParentHint {
  position: relative;
}
#seiteAngebot .divFull {
  width: 100%;
  display: block;
  vertical-align: top;
}
#seiteAngebot .monatspraemie {
  padding: 0px 3px 0px 0px;
  text-align: right;
  display: inline-block;
  float: right;
  width: 100%;
  font-size: 15px;
}
#seiteAngebot .preis {
  padding: 0px 3px 0px 0px;
  text-align: right;
  display: inline-block;
  float: right;
  width: 100%;
  font-family: 'OEKK Nova DemiBold';
  font-size: 24px;
}
#seiteAngebot .produktBeschreibung {
  padding: 15px 0px 0px 55px;
  font-size: 18px;
}
#seiteAngebot .produktTitel {
  font-family: 'OEKK Nova DemiBold';
  font-size: 20px;
  color: #000;
}
#seiteAngebot .infoLink {
  padding: 15px 0px 0px 55px;
}
#seiteAngebot .customCheckBox {
  position: static;
  width: 100%;
  padding: 0px;
}
#seiteAngebot .tableFullWidth {
  width: 100%;
  padding: 0px 0px 0px 53px;
}
#seiteAngebot .tableFullWidth div {
  font-size: 18px !important;
  line-height: 100%;
}
#seiteAngebot .errorMessageBox.BoxBottom {
  top: 15px !important;
}
#seiteAngebot .panelBorder {
  margin: 0px 0px 45px 0px;
  padding: 35px 30px;
  border-radius: 4px;
  -webkit-box-shadow: 0 4px 5px 0 rgba(31, 31, 31, 0.14), 0 1px 10px 0 rgba(31, 31, 31, 0.12), 0 2px 4px -1px rgba(31, 31, 31, 0.2);
  box-shadow: 0 4px 5px 0 rgba(31, 31, 31, 0.14), 0 1px 10px 0 rgba(31, 31, 31, 0.12), 0 2px 4px -1px rgba(31, 31, 31, 0.2);
}
#seiteAngebot .unfallCheckliste {
  margin-top: 10px;
}
#seiteAngebot .unfallCheckliste ul {
  position: relative;
  list-style-type: none;
}
#seiteAngebot .unfallCheckliste li:before {
  font-family: 'oekk', Arial, sans-serif;
  content: '\e65e';
  margin: 0px 22px 0 -24px;
  font-size: 22px;
  line-height: 30px;
  color: #EB0000;
}
#seiteAngebot .unfallCheckliste li {
  font-size: 18px;
  margin-bottom: 12px;
}
#seiteAngebot .panelBedingungen {
  margin-top: 0px;
  margin-bottom: 0px;
}
#seiteAngebot .panelBedingungen ul {
  list-style-type: none;
  margin-left: 0px;
  /*li:before {
				content: '\2014';
				margin: 0px 5px 0 -24px;
				font-size: 18px;
				line-height: 30px;
				width: 15px;
				color: @color_rot_normal;
			}*/
}
#seiteAngebot .panelBedingungen ul li {
  font-size: 14px;
  margin-bottom: 5px;
}
#seiteAngebot .panelBedingungen ul li .linkBedingungen {
  font-size: 14px;
}
#seitePersonalien {
  /*mwr 29.03.2023: KLICKSW-1201: AK3: Nach jedem Inputfeld zusätzlichen Abstand von 20px einbauen. Deshalb hier margin-top nun 20px weniger. */
  /*mwr 29.03.2023: KLICKSW-1201: AK3: Nach jedem Inputfeld zusätzlichen Abstand von 20px einbauen*/
  /*.geschlechtOuterContainer:after {
		content: "";
		display: table;
		clear: both;
	}*/
  /*mwr 29.03.2023: KLICKSW-1201: AK3: Nach jedem Inputfeld zusätzlichen Abstand von 20px einbauen*/
}
#seitePersonalien input[type=text],
#seitePersonalien input[type=number],
#seitePersonalien input[type=password],
#seitePersonalien textarea,
#seitePersonalien select,
#seitePersonalien input[type=date],
#seitePersonalien input[type=email],
#seitePersonalien input[type=tel] {
  border: 1px solid #CCC;
  width: 100%;
  line-height: 100%;
  margin-bottom: 0.5rem;
  padding: 13px 15px 12px;
  border: 1px solid #dadad9;
  border-radius: 4px;
  outline: none;
  color: #000;
  font-size: 18px;
  line-height: 18px !important;
  height: 48px;
}
#seitePersonalien .iti.iti--allow-dropdown {
  width: 100%;
  margin-bottom: 0.5rem;
}
#seitePersonalien .iti.iti--allow-dropdown input[type=tel] {
  padding-left: 45px !important;
}
#seitePersonalien .flexJustifyContainer {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#seitePersonalien .buttonSpeichern {
  width: 228px !important;
  border-color: #8e0505;
  background-color: #8e0505;
  color: #FFF;
  padding: 0 !important;
  margin: 80px 0 0 0 !important;
}
#seitePersonalien .buttonSpeichern:hover {
  border-color: #EB0000;
  background-color: #EB0000;
  color: #FFF;
}
#seitePersonalien .upperCase {
  text-transform: capitalize;
}
#seitePersonalien .panelAssistentAussage {
  margin: 5px 0px 1px 0px;
  line-height: 90% !important;
}
#seitePersonalien .hrStyle {
  border-top: 1px solid black;
}
#seitePersonalien .panelHilfe {
  text-align: right;
}
#seitePersonalien .panelParentHint {
  position: relative;
}
#seitePersonalien .panelParentHint > .errorMessageBox.BoxBottom {
  top: 21px !important;
}
#seitePersonalien .switch {
  border: 10px 0px 0px 0px;
}
#seitePersonalien .textBoxElem {
  margin-left: 0px;
  margin-bottom: 20px;
  width: 100%;
}
#seitePersonalien .buttonSymbolPlus {
  content: "\e602";
  color: #FFF;
  background-color: #EB0000;
}
#seitePersonalien .datenOuterContainer {
  margin: 20px 0px 30px 0px;
}
#seitePersonalien .normalText {
  font-size: 18px;
}
#seitePersonalien .titleBold {
  font-family: 'OEKK Nova DemiBold';
  font-size: 32px;
  margin-bottom: 18px;
  display: inline-block;
  width: 100%;
}
#seitePersonalien .labelTitle {
  display: block;
  font-family: 'OEKK Nova DemiBold';
  font-size: 24px;
  display: inline-block;
  margin: 30px 0px 0px 0px;
}
#seitePersonalien .labelTitleNoIdent {
  display: block;
  font-family: 'OEKK Nova DemiBold';
  font-size: 24px;
  display: inline-block;
  margin: 105px 0px 0px 0px;
}
#seitePersonalien .labelTitleNoIdentUnfall {
  display: block;
  font-family: 'OEKK Nova DemiBold';
  font-size: 24px;
}
#seitePersonalien .inlineBlockAddPerson {
  display: inline-block;
  line-height: 50px;
  margin-top: 10px;
  margin-bottom: 10px;
}
#seitePersonalien .geschlechtOuterContainer {
  margin: 0px 0px 30px 0px;
  /*.geschlecht:last-child {
			float: right;
		}*/
}
#seitePersonalien .geschlechtOuterContainer .geschlecht {
  width: 49%;
  display: inline-block;
  position: relative;
  margin: 5px 0px 0px 0px;
}
#seitePersonalien .geschlechtOuterContainer .geschlechtInnerContainer {
  /*position: absolute;
			left: 0;
			right: 0;
			top: 0;
			bottom: 0;
			vertical-align: middle;
			align-self: center;*/
  text-align: center;
}
#seitePersonalien .geschlechtOuterContainer .geschlechtInnerContainer [type="checkbox"] {
  position: absolute;
  left: -9999px;
  display: none;
}
#seitePersonalien .geschlechtOuterContainer .geschlechtInnerContainer .spanGeschlechtContainer {
  margin: 0px;
  overflow: hidden;
  width: 100%;
  line-height: 110%;
}
#seitePersonalien .geschlechtOuterContainer .geschlechtInnerContainer .spanGeschlecht {
  margin: auto;
  max-width: 100%;
  word-wrap: break-word;
  overflow-wrap: break-word;
  font-size: 20px;
  line-height: 120%;
}
#seitePersonalien .geschlechtOuterContainer .geschlechtInnerContainer .geschlechtTextContainer {
  display: flex;
  flex: auto;
  align-items: center;
  text-align: center;
  height: 50px;
  position: relative;
  cursor: pointer;
  line-height: 100%;
  font-size: 20px;
  font-family: 'OEKK Nova DemiBold';
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #8e0505;
}
#seitePersonalien .geschlechtOuterContainer .geschlechtInnerContainer:hover {
  border-color: #8e0505;
}
#seitePersonalien .geschlechtOuterContainer .geschlechtInnerContainer:hover .geschlechtTextContainer {
  background-color: #EB0000;
  color: #FFF;
}
#seitePersonalien .geschlechtOuterContainer .geschlechtInnerContainer [type="checkbox"]:checked + div {
  background-color: #8e0505;
  color: #FFF;
}
#seitePersonalien .geschlechtOuterContainer .geschlechtInnerContainer [type="checkbox"]:checked + div:hover {
  border-color: #8e0505;
}
#seitePersonalien .panelNavigation {
  margin-top: 45px;
}
#seitePersonalien .panelNavigation .inputBlockRow {
  display: flex;
}
#seitePersonalien .commandControls .buttonSymbol.kreuz::before {
  position: relative;
  font-size: 25px !important;
  content: "\e601";
  bottom: -6px;
}
#seitePersonalien .buttonsEditDelete {
  display: flex;
  flex-direction: row;
}
#seitePersonalien ul.personenListe {
  list-style: none;
  margin: 0 0 70px 0;
}
#seitePersonalien ul.personenListe li {
  background-color: transparent;
  border: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.75rem;
  padding: 35px 30px;
  border-radius: 4px;
  -webkit-box-shadow: 0 4px 5px 0 rgba(31, 31, 31, 0.14), 0 1px 10px 0 rgba(31, 31, 31, 0.12), 0 2px 4px -1px rgba(31, 31, 31, 0.2);
  box-shadow: 0 4px 5px 0 rgba(31, 31, 31, 0.14), 0 1px 10px 0 rgba(31, 31, 31, 0.12), 0 2px 4px -1px rgba(31, 31, 31, 0.2);
}
#seitePersonalien ul.personenListe li .personenLabels {
  display: flex;
  width: 100%;
  flex-direction: column;
}
#seitePersonalien ul.personenListe li .personenLabels .subHeader span {
  font-size: 18px;
}
#seitePersonalien ul.personenListe li .personenLabels .subHeader span:after {
  content: ",";
}
#seitePersonalien ul.personenListe li .personenLabels .subHeader span:last-child:after {
  content: "";
}
#seitePersonalien ul.personenListe li .personenLabels span.vorname {
  line-height: 1.25rem;
  font-weight: normal;
  font-family: 'OEKK Nova DemiBold' !important;
  font-size: 18px;
  display: block;
  width: 100%;
}
#seiteUebersicht {
  /*mwr 29.03.2023: KLICKSW-1201: AK4: Neues Notch-Design Übersicht-Seite: Generelle Schriftgrösse hier 18px anstatt 16px */
  /*mwr 29.03.2023: KLICKSW-1201: AK4 & AK6: Neues Notch-Design Übersicht-Seite: Generelle Schriftgrösse hier 18px anstatt 16px */
  /*mwr 04.04.2023: KLICKSW-1201: Soll gleiches Schriftbild haben wie "Bitte prüfen Sie nochmals alle Ihre Angaben"*/
}
#seiteUebersicht span {
  font-size: 18px;
}
#seiteUebersicht .produktPreisTable,
#seiteUebersicht .produktGutscheinTable {
  width: 100%;
}
#seiteUebersicht .panelAssistentAussage {
  margin: 5px 0px 40px 0px;
  line-height: 90% !important;
  font-size: 15px !important;
}
#seiteUebersicht .descriptionSecondPart,
#seiteUebersicht .personenLabels .produktBeschreibung {
  display: inline-block;
}
#seiteUebersicht .hrStyle {
  border-top: 1px solid black;
  margin-bottom: 0px;
  margin-top: 0px;
}
#seiteUebersicht .hrStyleTop {
  margin-top: 8px;
}
#seiteUebersicht .panelParentHint {
  position: relative;
}
#seiteUebersicht .panelParentHint > .errorMessageBox.BoxBottom {
  top: 21px !important;
}
#seiteUebersicht .panelUebersicht:first-child {
  /*border-top: 1px solid @color_grau_desktop;*/
  padding-top: 8px;
}
#seiteUebersicht .totalTable {
  padding-top: 5px;
  padding-bottom: 8px;
  margin-top: 23px;
  margin-bottom: 23px;
  height: 50px;
}
#seiteUebersicht .tdTotalPraemie {
  width: 45%;
}
#seiteUebersicht .totalPraemie {
  padding: 0px 3px 0px 0px;
  font-family: 'OEKK Nova DemiBold';
  font-size: 24px;
  color: #000;
}
#seiteUebersicht .totalPreis {
  float: right;
}
#seiteUebersicht .totalPreis:after {
  content: '';
  display: table;
  clear: both;
}
#seiteUebersicht .produktTitelColumn,
#seiteUebersicht .produktKundeNameColumn {
  width: 233px;
  padding: 0px 3px 15px 0px;
}
#seiteUebersicht .produktKundeName {
  width: 320px;
}
#seiteUebersicht .produktPreisTable {
  border-collapse: collapse;
}
#seiteUebersicht .produktPreisTable tr:last-child td {
  border-bottom: none;
}
#seiteUebersicht .produktPreisTable .produktBeschreibung {
  color: #717274;
  font-size: 16px;
}
#seiteUebersicht .produktPreisTable .preisUebersicht {
  font-size: 17px;
}
#seiteUebersicht .produktPreisColumn {
  width: 100px;
  vertical-align: top;
}
#seiteUebersicht .divFull {
  width: 100%;
  display: block;
  vertical-align: top;
}
#seiteUebersicht .monatspraemie {
  padding: 0px 3px 0px 0px;
  text-align: right;
  display: inline-block;
  float: right;
  width: 100%;
}
#seiteUebersicht .preisUebersicht,
#seiteUebersicht .totalGutschein {
  padding: 0px 3px 0px 0px;
  text-align: right;
  display: inline-block;
  float: right;
  color: #000;
  width: 100%;
}
#seiteUebersicht .produktBeschreibung {
  padding: 0px 0px 0px 0px;
}
#seiteUebersicht .produktTitelUebersicht,
#seiteUebersicht .produktKundeName {
  color: #000;
  font-family: 'OEKK Nova DemiBold';
  font-size: 18px;
}
#seiteUebersicht .panelPraemieInfo {
  margin: 35px 0 145px 0;
}
#seiteUebersicht .praemieInfo {
  color: #717274;
  font-size: 14px;
}
#seiteUebersicht .gutscheinHeader {
  font-family: 'OEKK Nova DemiBold';
  font-size: 24px;
  margin-bottom: 15px;
}
#seiteUebersicht .gutscheinText {
  font-size: 18px;
}
#seiteUebersicht .gutscheinContainer {
  margin-bottom: 100px;
}
#seiteUebersicht .customCheckBox.border {
  border-radius: 4px;
  border: 1px solid #EB0000;
  width: 100%;
  display: inline-block;
  vertical-align: middle;
}
#seiteUebersicht .customCheckBox.no_border {
  border-radius: 4px;
  border: 1px hidden #EB0000;
  width: 100%;
  display: inline-block;
  vertical-align: middle;
}
#seiteUebersicht .panelBestaetigung {
  margin: 50px 0px 30px 0px;
  line-height: 90% !important;
  font-size: 12px !important;
}
#seiteUebersicht .panelBestaetigung > .customCheckBox > table {
  margin-bottom: 10px;
}
#seiteUebersicht .panelDetailOuter {
  margin: 0px 0px 45px 0px;
  padding: 35px 30px;
  border-radius: 4px;
  -webkit-box-shadow: 0 4px 5px 0 rgba(31, 31, 31, 0.14), 0 1px 10px 0 rgba(31, 31, 31, 0.12), 0 2px 4px -1px rgba(31, 31, 31, 0.2);
  box-shadow: 0 4px 5px 0 rgba(31, 31, 31, 0.14), 0 1px 10px 0 rgba(31, 31, 31, 0.12), 0 2px 4px -1px rgba(31, 31, 31, 0.2);
}
#seiteUebersicht .panelDetailInner {
  position: relative;
}
#seiteUebersicht .panelDetailTitle {
  margin-bottom: 25px;
}
#seiteUebersicht .detailTitle {
  font-family: 'OEKK Nova DemiBold';
  font-size: 18px;
}
#seiteUebersicht .panelTopRight {
  position: absolute;
  top: -8px;
  right: 0;
}
#seiteUebersicht .panelCenterRight {
  position: absolute;
  right: 0;
}
#seiteUebersicht .detailSubTitle {
  color: #717274;
  font-size: 16px;
}
#seiteUebersicht .panelDetailTextWithButton {
  position: relative;
  width: 100%;
}
#seiteUebersicht .panelDetailText {
  margin-bottom: 15px;
}
#seiteUebersicht .detailText {
  font-family: 'OEKK Nova Normal';
  font-size: 18px;
}
#seiteUebersicht .tableFullWidth {
  width: 100%;
}
#seiteUebersicht .lvInfo li:first-child {
  margin-bottom: 83px;
}
#seiteUebersicht .lvInfo li:nth-child(2) {
  border-top: 1px solid #DADAD9;
}
#seiteUebersicht .editDetailSeparator {
  display: inline-block;
}
#seiteUebersicht .editDetailText {
  font-family: 'OEKK Nova DemiBold';
  display: inline-block;
}
#seiteUebersicht ul {
  list-style: none;
  margin: 0;
}
#seiteUebersicht ul li {
  background-color: transparent;
  border-bottom: solid 1px #DADAD9;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 62px;
}
#seiteUebersicht ul li .personenLabels {
  display: flex;
  width: 100%;
  flex-direction: column;
}
#seiteUebersicht ul li .personenLabels .subHeader {
  line-height: 0.9rem;
}
#seiteUebersicht ul li .personenLabels .subHeader span {
  font-size: 0.9rem;
}
#seiteUebersicht ul li .personenLabels .subHeader span:after {
  content: ",";
}
#seiteUebersicht ul li .personenLabels .subHeader span:last-child:after {
  content: "";
}
#seiteUebersicht ul li .personenLabels span.vorname {
  line-height: 1.25rem;
  font-weight: normal;
  font-family: 'OEKK Nova DemiBold' !important;
  display: block;
  width: 100%;
}
#seiteUebersicht .lvHauptPersonalien .hauptPersonenHeader {
  font-family: 'OEKK Nova DemiBold';
  margin-top: 50px;
}
#seiteUebersicht .lvHauptPersonalien .hauptPersonenDetails {
  /*margin-left: 5px;*/
}
#seiteUebersicht .lvHauptPersonalien li {
  height: auto;
  margin-top: 8px;
  padding-bottom: 8px;
}
#seiteUebersicht .lvZusatzPersonalien .zusatzPersonenHeader {
  font-family: 'OEKK Nova DemiBold';
  margin-top: 50px;
}
#seiteUebersicht .lvZusatzPersonalien li {
  height: auto;
  margin-top: 8px;
  padding-bottom: 8px;
}
#seiteUebersicht .erklaerungstext {
  font-weight: normal;
  margin-left: 10px;
  font-size: 15px !important;
}
#seiteUebersicht .erklaerungstext ul {
  list-style: inside;
  margin: auto;
  font-size: 15px !important;
}
#seiteUebersicht .erklaerungstext ul li {
  display: list-item;
  height: auto;
  border-bottom: none;
  align-items: normal;
  justify-content: normal;
  text-indent: -25px;
  padding-left: 30px;
  font-size: 15px !important;
}
#seiteUebersicht .erklaerungstext a,
#seiteUebersicht .erklaerungstext a:link,
#seiteUebersicht .erklaerungstext a:active,
#seiteUebersicht .erklaerungstext a:visited {
  font-size: 15px !important;
}
#seiteUebersicht .customCheckBox [type="checkbox"]:not(:checked) + label,
#seiteUebersicht .customCheckBox [type="checkbox"]:checked + label {
  padding: 0 0 0 26px;
}
#seiteUebersicht .customCheckBox {
  margin-top: 6px;
}
#seiteUebersicht .customCheckBox [type="checkbox"]:not(:checked) + label::before,
#seiteUebersicht .customCheckBox [type="checkbox"]:checked + label::before {
  left: -2px;
  top: -5px;
  width: 26px;
  height: 26px;
}
#seiteUebersicht .customCheckBox [type="checkbox"]:not(:checked) + label::after,
#seiteUebersicht .customCheckBox [type="checkbox"]:checked + label::after {
  font-size: 22px;
  left: 1px;
  top: -3px;
}
#seiteUebersicht .redirectHinweis > span {
  font-size: 15px !important;
  line-height: 120% !important;
}
#seiteUebersicht.unfall .panelPraemieInfo {
  margin: 35px 0 40px 0;
}
#seiteUebersicht.unfall .lvHauptPersonalien li {
  align-items: start;
}
#seiteUebersicht.unfall .lvHauptPersonalien .hauptPersonenDetails,
#seiteUebersicht.unfall .lvHauptPersonalien .zusatzPersonenDetails {
  margin-top: auto;
  margin-bottom: auto;
}
#seiteUebersicht.unfall .erklaerungstext {
  font-weight: normal;
}
#seiteUebersicht.unfall .erklaerungstext ul {
  list-style: none;
  margin-left: 20px;
}
#seiteUebersicht.unfall .erklaerungstext ul li {
  border: none;
  display: list-item;
  padding: inherit;
  margin: inherit;
}
#seiteUebersicht.unfall .erklaerungstext ul li:before {
  content: '-';
  margin: 0px 5px 0 -12px;
  font-size: 18px;
  line-height: 30px;
}
#seiteUebersicht.unfall .confirmCheckbox {
  vertical-align: top;
}
#seiteUebersicht.unfall .confirmCheckbox > div {
  margin-top: 2px;
}
#seiteBestaetigung {
  /*	.curvedPlaneLine {
		stroke: @color_rot_normal;
		stroke-width: 2;
		margin-top: 40px;
		width: 900px;
		height: 160px;
	}*/
}
#seiteBestaetigung .panelAssistentAussage {
  margin: 5px 0px 5px 0px;
  line-height: 90% !important;
  font-size: 15pt !important;
}
#seiteBestaetigung .hrStyle {
  border-top: 1px solid black;
}
#seiteBestaetigung .planeContainer {
  position: relative;
  width: 900px;
  height: 210px;
}
#seiteBestaetigung .divPlane {
  position: absolute;
  top: 2px;
  right: 3px;
  transform: rotate(-43deg);
  -webkit-transform: rotate(-43deg);
  -moz-transform: rotate(-43deg);
  -ms-transform: rotate(-43deg);
  -o-transform: rotate(-43deg);
  font-family: 'oekk';
  font-size: 50px;
  color: #EB0000;
}
#seiteBestaetigung .panelAbschlussTextGross {
  font-size: 30px;
  color: #EB0000;
}
#seiteBestaetigung .productSelectionContainer {
  width: 100%;
  justify-content: space-between;
  display: flex;
}
#seiteBestaetigung .mobileOnly {
  display: none;
}
#seiteBestaetigung .productContainer {
  display: flex;
  flex-direction: row;
  width: 100%;
  margin-top: 40px;
  margin-bottom: 125px;
  border-radius: 4px;
  box-shadow: 0 4px 5px 0 rgba(31, 31, 31, 0.14), 0 1px 10px 0 rgba(31, 31, 31, 0.12), 0 2px 4px -1px rgba(31, 31, 31, 0.2);
  -webkit-box-shadow: 0 4px 5px 0 rgba(31, 31, 31, 0.14), 0 1px 10px 0 rgba(31, 31, 31, 0.12), 0 2px 4px -1px rgba(31, 31, 31, 0.2);
  transition: box-shadow 0.25s ease-in-out, transform 0.25s ease-in-out;
  transition: -webkit-box-shadow 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
  -webkit-transition: -webkit-box-shadow 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
}
#seiteBestaetigung .productContainer:hover {
  transform: translateY(-6px);
  -webkit-transform: translateY(-6px);
  box-shadow: 0 24px 38px 3px rgba(31, 31, 31, 0.14), 0 9px 46px 8px rgba(31, 31, 31, 0.12), 0 11px 15px -7px rgba(31, 31, 31, 0.2);
  -webkit-box-shadow: 0 24px 38px 3px rgba(31, 31, 31, 0.14), 0 9px 46px 8px rgba(31, 31, 31, 0.12), 0 11px 15px -7px rgba(31, 31, 31, 0.2);
}
#seiteBestaetigung .productContainer:hover .buttonLink,
#seiteBestaetigung .productContainer:hover .afterPfeilRechts::after {
  color: #EB0000 !important;
}
#seiteBestaetigung .productContainer img {
  width: 100%;
  height: 100%;
}
#seiteBestaetigung .productContainer .productTextAndButtonsContainer {
  flex-grow: 1;
  margin: 32px;
  display: flex;
  flex-direction: column;
}
#seiteBestaetigung .productContainer .panelText {
  flex-grow: 1;
}
#seiteBestaetigung .productContainer .panelText .boldText {
  font-family: 'OEKK Nova Normal';
  font-size: 14px;
  color: #000 !important;
}
#seiteBestaetigung .productContainer .panelText .normalText {
  color: #000 !important;
}
#seiteBestaetigung .productContainer .panelText .redBoldText {
  display: inline-block;
  margin-bottom: 19px;
  font-family: 'OEKK Nova DemiBold';
  font-size: 20px;
  color: #EB0000;
}
#seiteBestaetigung .productContainer .panelText .normalText {
  font-size: 16px;
  font-family: 'OEKK Nova Normal';
}
#seiteBestaetigung .productContainer .panelNavigation {
  margin-top: 32px;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  flex-direction: row;
  border-radius: 4px;
  font-family: 'OEKK Nova DemiBold' !important;
  font-size: 14px !important;
}
#seiteBestaetigung .productContainer .panelNavigation .button {
  width: 49%;
  float: right;
  margin: 0px 10px 18px 10px;
}
#seiteBestaetigung .productContainer .panelNavigation .a {
  margin: 0px 10px 18px 10px;
  float: right;
}
#seiteBestaetigung.unfall .abschlussTextContainer {
  height: 100px;
  flex-grow: 1;
  display: flex;
  vertical-align: bottom;
}
#seiteBestaetigung.unfall .abschlussIcon:before {
  font-family: 'oekk', Arial, sans-serif;
  content: '\e65C';
  margin: 0px 5px 0 -24px;
  font-size: 100px;
  line-height: 100px;
  color: #EB0000;
}
#seiteBestaetigung.unfall .abschlussIcon {
  display: inline-block;
  margin-left: 30px;
  margin-right: 10px;
}
#seiteBestaetigung.unfall .abschlussTextInnerContainer {
  margin-top: auto;
  margin-left: 5px;
}
#seiteBestaetigung.unfall .panelAbschlussTextGross {
  display: inline-block;
  width: 300px;
  line-height: 100%;
  font-family: 'OEKK Nova Normal';
}
#seiteBestaetigung.unfall .crossSellingBildContainer {
  flex-basis: 50%;
  overflow: hidden;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
#seiteBestaetigung.unfall .crossSellingBildContainer img {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
#seiteBestaetigung.unfall .crossSellingTextContainer {
  flex-basis: 50%;
  display: flex;
  flex-direction: column;
}
#seiteBestaetigung.tourist .crossSellingBildContainer {
  flex-basis: 50%;
  overflow: hidden;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
#seiteBestaetigung.tourist .crossSellingBildContainer img {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
#seiteBestaetigung.tourist .crossSellingTextContainer {
  flex-basis: 50%;
  display: flex;
  flex-direction: column;
}
#seiteFehler .panelAssistentAussage {
  margin: 5px 30px 5px 30px;
}
#seiteEinstieg .productSelectionContainer {
  width: 100%;
  justify-content: space-between;
  display: flex;
  margin-bottom: 125px;
}
#seiteEinstieg .mobileOnly {
  display: none;
}
#seiteEinstieg .limitedWidthText {
  max-width: 56%;
}
#seiteEinstieg .marginRightDesktop {
  margin-right: 44px;
}
#seiteEinstieg .visibilityHidden {
  visibility: hidden;
}
#seiteEinstieg .productContainer {
  /*background-color: @color_grau_sehr_hell;*/
  display: flex;
  flex-direction: column;
  flex-basis: 33.33333%;
  max-width: 33.33333%;
  border-radius: 4px;
  box-shadow: 0 4px 5px 0 rgba(31, 31, 31, 0.14), 0 1px 10px 0 rgba(31, 31, 31, 0.12), 0 2px 4px -1px rgba(31, 31, 31, 0.2);
  -webkit-box-shadow: 0 4px 5px 0 rgba(31, 31, 31, 0.14), 0 1px 10px 0 rgba(31, 31, 31, 0.12), 0 2px 4px -1px rgba(31, 31, 31, 0.2);
  transition: box-shadow 0.25s ease-in-out, transform 0.25s ease-in-out;
  transition: -webkit-box-shadow 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
  -webkit-transition: -webkit-box-shadow 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
  cursor: pointer;
}
#seiteEinstieg .productContainer:hover .buttonLink,
#seiteEinstieg .productContainer:hover .afterPfeilRechts::after {
  color: #EB0000 !important;
}
#seiteEinstieg .productContainer .productTextAndButtonsContainer {
  flex-grow: 1;
  margin: 32px;
  display: flex;
  flex-direction: column;
}
#seiteEinstieg .productContainer:hover {
  transform: translateY(-6px);
  -webkit-transform: translateY(-6px);
  box-shadow: 0 24px 38px 3px rgba(31, 31, 31, 0.14), 0 9px 46px 8px rgba(31, 31, 31, 0.12), 0 11px 15px -7px rgba(31, 31, 31, 0.2);
  -webkit-box-shadow: 0 24px 38px 3px rgba(31, 31, 31, 0.14), 0 9px 46px 8px rgba(31, 31, 31, 0.12), 0 11px 15px -7px rgba(31, 31, 31, 0.2);
}
#seiteEinstieg .productContainer img {
  width: 100%;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
#seiteEinstieg .productContainer .boldText {
  font-family: 'OEKK Nova Normal';
  font-size: 14px;
  color: #000 !important;
}
#seiteEinstieg .productContainer .normalText {
  color: #000 !important;
}
#seiteEinstieg .productContainer .redBoldText {
  display: inline-block;
  margin-bottom: 19px;
  font-family: 'OEKK Nova DemiBold';
  font-size: 20px;
  color: #EB0000;
}
#seiteEinstieg .productContainer .panelText {
  flex-grow: 1;
}
#seiteEinstieg .productContainer .panelNavigation {
  margin-top: 32px;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  font-family: 'OEKK Nova DemiBold' !important;
  font-size: 14px !important;
}
#seiteEinstieg .productContainer .panelNavigation .button {
  width: 49%;
  float: right;
  margin: 0px 10px 18px 10px;
}
#seiteEinstieg .productContainer .panelNavigation .a {
  margin: 0px 10px 18px 10px;
  float: right;
}
body,
form,
div,
span,
p,
input:not([type=radio]),
fieldset,
select,
textarea,
blockquote,
table th,
td dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
legend {
  font-size: 16px;
}
.labelTitle {
  display: block;
  font-family: 'OEKK Nova DemiBold';
  font-size: 24px;
}
.normalText {
  font-size: 16px;
}
.buttonBase {
  text-transform: none !important;
  background-color: #8e0505;
  border: solid 1px #8e0505;
  font-size: medium;
  font-family: 'OEKK Nova DemiBold';
}
.buttonSymbol {
  text-transform: none !important;
  background-color: #FFF;
  font-size: medium;
}
input:not([type=radio]),
input[type=text],
input[type=password],
textarea,
select,
input[type=date],
input[type=email],
input[type=tel] {
  border: 1px solid #DADAD9;
}
input[type=text],
input[type=number],
input[type=password],
textarea,
select,
input[type=date],
input[type=email],
input[type=tel] {
  caret-color: #EB0000;
}
input[type=submit],
.button {
  color: #FFF;
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  font-family: 'OEKK Nova DemiBold', Arial, sans-serif !important;
  font-size: 14px !important;
  line-height: 150% !important;
  line-height: normal;
  text-decoration: none;
  text-align: center;
  width: auto;
  white-space: normal;
  text-transform: none !important;
  background-color: #8e0505;
  border: solid 1px #8e0505;
  font-size: medium;
  font-family: 'OEKK Nova DemiBold';
  height: 48px;
  padding: 5px 20px 5px 20px;
  margin: 10px 5px 5px 0;
}
.button.nomargin {
  padding: 4px 17px 8px 17px;
  margin: 0;
  border: 1px solid #8e0505;
}
.button.nomargin:hover {
  border: 1px solid #EB0000;
}
.buttonHover {
  background-color: #EB0000;
  border-color: #EB0000;
}
input[type=submit]:hover,
.button:hover {
  background-color: #EB0000;
  border-color: #EB0000;
}
.button:hover {
  color: #FFF !important;
}
.button.buttonMobile {
  padding: 0px 20px 0px 20px;
  line-height: 48px !important;
  height: 48px;
}
.button.buttonDark {
  border-color: #8e0505;
  background-color: #8e0505;
  color: #FFF !important;
}
.button.buttonDark:hover {
  border-color: #EB0000;
  background-color: #EB0000;
  color: #FFF !important;
}
.button.buttonZurueck {
  background-color: #FFF !important;
  border-color: #8e0505;
  color: #8e0505 !important;
}
.button.buttonZurueck:hover {
  background-color: #EB0000 !important;
  border-color: #EB0000 !important;
  color: #FFF !important;
}
.button.buttonSpaeterFortfahrenDesktop {
  background-color: #FFF !important;
  border-color: #8e0505;
  color: #8e0505 !important;
}
.button.buttonSpaeterFortfahrenDesktop:hover {
  background-color: #EB0000 !important;
  border-color: #EB0000 !important;
  color: #FFF !important;
}
input[type="text"],
input[type="password"],
textarea,
select,
input[type="date"],
input[type="email"],
input[type="tel"],
input[type="number"] {
  width: 471px;
}
[type="checkbox"]:checked + div {
  background-color: #EB0000;
  color: #FFF;
}
#comboBoxSprache {
  width: auto;
}
.buttonLink {
  background-color: transparent !important;
  color: #8e0505 !important;
  border: none !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
}
.buttonLink:hover {
  background-color: transparent !important;
  color: #EB0000 !important;
}
.dialogClass {
  position: fixed !important;
  top: 16px !important;
  right: 16px !important;
  bottom: 16px !important;
  left: 16px !important;
  width: auto !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  z-index: 14 !important;
  border-radius: 0px !important;
  display: flex;
  flex-direction: column !important;
}
.dialogClass .ui-dialog-titlebar {
  position: relative;
  padding: 0px !important;
}
.dialogClass .ui-dialog-titlebar .ui-dialog-title {
  margin-top: 22px !important;
  margin-bottom: 0px !important;
  font-family: 'OEKK Nova DemiBold', Arial, sans-serif !important;
  font-size: 48px !important;
  line-height: 150% !important;
  color: #000;
  vertical-align: middle;
  float: none !important;
  font-weight: normal !important;
  height: 66px !important;
  width: calc(100% - 96px);
  max-width: 1400px;
  margin: 0 auto;
  display: block;
}
.dialogClass .ui-dialog-titlebar .ui-dialog-titlebar-close {
  position: absolute !important;
  top: 31px !important;
  right: 33px !important;
  margin: 0px !important;
  width: 24px !important;
  height: 24px !important;
}
.dialogClass .ui-widget-content {
  flex-grow: 1;
  margin-bottom: 20px;
}
.dialogClass .jdialogHilfe {
  height: auto !important;
  padding: 32px 0px !important;
  width: calc(100% - 96px) !important;
  max-width: 1400px;
  margin: 0 auto;
}