@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i,900,900i");
body, html, input[type="search"] {
  box-sizing: border-box;
}
*, *::before, *::after {
  box-sizing: inherit;
  margin: 0;
  padding: 0;
}
html {
  font-size: 16px;
  /*-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;*/
}
body, button, input, select, textarea {
  color: #111;
  font-family: "Roboto", Arial, Tahoma, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
}
img, figure {
  outline: 0;
}
select {
  padding: 0;
}
a img {
  border: 0;
}
img {
  display: block;
  max-width: 100%;
  height: auto;
}
ul, ol {
  padding-left: 15px;
}
#TopMenu ul, #HauptMenu ul, #LocaleSwitch ul, #Veranstaltungsliste ul, #LogIO ul {
  list-style: none;
  padding-left: 0;
}
.GroupFieldset > p > .LabelRadiogroupInput {
  display: block;
}
fieldset {
  border-right: 0;
  border-left: 0;
  border-top: 0;
}
fieldset:first-child {
  border-top: 1px;
}
fieldset fieldset {
  border: 0;
}
.Frage, #LogInUser, #LogInPassword {
  margin-bottom: 3px;
}
.GroupFieldsetInvoiceAddress {
  background-color: #efefef;
  border-top: 0 none;
  padding-top: 2px;
  padding: 10px 36px;
}
.FrageSeparateinvoiceAddress, .FrageSeparatedeliveryAddress {
  background-color: #efefef;
  margin-bottom: 0;
  padding: 14px 10px;
}
/* Hauptnavigation */
/* Topnavigation */
/* Buttons */
.submit, .IsButton, .prevPane, .firstPane, #Printbutton a, .PagebreaksInfoRegistrationLink {
  font-size: 1rem;
  color: #FFF;
  background-color: #CE1437;
  text-decoration: none;
  border: 2px solid #CE1437;
  padding: 9px 20px 10px;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  border-radius: 100px;
  -moz-transition: 0.2s ease;
  /* Firefox 4 */
  -webkit-transition: 0.2s ease;
  /* Safari and Chrome */
  -o-transition: 0.2s ease;
  transition: 0.2s ease;
  font-weight: 500;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.submit:hover, .IsButton:hover, .prevPane:hover, .firstPane:hover, #Printbutton a:hover, .PagebreaksInfoRegistrationLink:hover {
  text-decoration: none;
  background-color: #FFF;
  color: #CE1437;
}
.PageUnterseite-area p.IsButton {
  padding: 0;
  border: 0;
  border-radius: 0;
  color: unset;
  background-color: unset;
}
.PageUnterseite-area p.IsButton:hover {
  color: #CE1437;
  text-decoration: none;
}
.PageUnterseite-area p.IsButton a {
  color: #FFF;
  border: 2px solid #CE1437;
  padding: 9px 20px 10px;
  display: inline-block;
  border-radius: 100px;
  color: #FFF;
  background-color: #CE1437;
  -moz-transition: 0.2s ease;
  /* Firefox 4 */
  -webkit-transition: 0.2s ease;
  /* Safari and Chrome */
  -o-transition: 0.2s ease;
  transition: 0.2s ease;
  font-weight: 500;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.PageUnterseite-area p.IsButton a:hover {
  background-color: #FFF;
  color: #CE1437;
  text-decoration: none;
}
.PageUnterseite-area .PageUnterseiteSlider-area p.IsButton a {
  color: #FFF;
}
.PageUnterseite-area .PageUnterseiteSlider-area p.IsButton a:hover {
  color: #CE1437;
}
#Printbutton a {
  display: block;
  width: 100%;
  text-align: center;
}
#Printbutton a::before {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  display: inline-block;
  margin-right: 10px;
}
/* Input und Textfelder */
/* Anmeldeformular - Steps */
#FormTabs {
  margin-bottom: 5px;
  line-height: 36px;
  border-bottom: 1px solid #efefef;
  margin-bottom: 23px;
}
#FormTabs #FormSteps {
  list-style: none outside none;
  background-color: #f2efed;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  margin-bottom: 20px;
  display: inline-block;
  width: 100%;
  padding-left: 0px;
}
#FormTabs #FormSteps::after {
  content: "";
  clear: both;
  display: block;
}
#FormTabs #FormSteps .FormStep {
  height: auto;
  position: relative;
  border-right: 3px solid #FFF;
  padding-left: 13px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  width: calc(100% / 3);
}
#FormTabs #FormSteps .FormStep:last-child {
  border: 0px;
}
#FormTabs #FormSteps .FormStep a {
  top: 0;
  padding-left: 0px;
  padding-right: 16px;
}
#FormTabs #FormSteps .FormStep a.active {
  border-bottom: 0;
  text-decoration: none;
  color: #CD1536;
  font-weight: bold;
}
#FormTabs #FormSteps .FormStep:last-child::after {
  display: none;
}
/* Anmeldeformular - PaneButtons */
.PaneButtons {
  list-style: none;
  padding-left: 0;
  margin-top: 20px;
  margin-bottom: 35px;
  display: inline-block;
}
.PaneButtons::after {
  content: "";
  clear: both;
  display: block;
}
.PaneButtons .PaneButtonLeft, .PaneButtons .PaneButtonCenter, .PaneButtons .PaneButtonRight {
  float: left;
  width: calc(100% / 3);
  min-height: 1px;
}
.PaneButtons .PaneButtonLeft {
  text-align: left;
}
.PaneButtons .PaneButtonCenter {
  text-align: center;
}
.PaneButtons .PaneButtonCenter .PaneButtonCenterContent {
  padding-top: 0;
}
.PaneButtons .PaneButtonRight {
  text-align: right;
  float: right;
}
#Header #Navigation #HauptMenu ul::after, #Gesamt > #Navigation #HauptMenu ul::after {
  content: "";
  clear: both;
  display: block;
}
#Header #Navigation #HauptMenu ul .mainMenue, #Gesamt > #Navigation #HauptMenu ul .mainMenue {
  float: left;
}
#Header #Navigation #HauptMenu ul li, #Gesamt > #Navigation #HauptMenu ul li {
  position: relative;
}
#Header #Navigation #HauptMenu ul li ul, #Gesamt > #Navigation #HauptMenu ul li ul {
  display: none;
  position: absolute;
  left: 0;
}
#Header #Navigation #HauptMenu ul li:hover ul, #Gesamt > #Navigation #HauptMenu ul li:hover ul {
  display: inline-block;
}
.Sidebar #Navigation #HauptMenuRahmen #HauptMenu ul::after, .Leftbar #Navigation #HauptMenuRahmen #HauptMenu ul::after {
  content: "";
  clear: both;
  display: block;
}
.Sidebar #Navigation #HauptMenuRahmen #HauptMenu ul .mainMenue, .Leftbar #Navigation #HauptMenuRahmen #HauptMenu ul .mainMenue {
  float: none;
}
.Sidebar #Navigation #HauptMenuRahmen #HauptMenu ul .mainMenue a, .Leftbar #Navigation #HauptMenuRahmen #HauptMenu ul .mainMenue a {
  display: block;
}
#Buchungsnummer::after, #SearchForm::after {
  content: "";
  clear: both;
  display: block;
}
#Buchungsnummer #EingabeBN, #Buchungsnummer #WeiterBN, #Buchungsnummer #EingabeSearch, #Buchungsnummer #SearchBN, #SearchForm #EingabeBN, #SearchForm #WeiterBN, #SearchForm #EingabeSearch, #SearchForm #SearchBN {
  float: left;
}
.error {
  background-color: #ed6767;
  box-shadow: 0 4px 9px rgba(0, 0, 0, 0.3), 0 0 0 1px #fff inset;
  color: #fff;
  font-size: 0.9em;
  padding: 0 9px;
  padding-left: 30px;
  line-height: 23px;
  width: 23px;
  overflow: hidden;
  height: 23px;
  padding-left: 16px;
  box-sizing: border-box;
}
.error p {
  margin: 0;
  display: inline;
}
.error em {
  border-color: #fff transparent transparent !important;
  border-width: 9px;
  bottom: -18px;
}
.error em::after {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #ed6767 transparent transparent;
  border-image: none;
  border-style: solid;
  border-width: 9px;
  bottom: -7px;
  content: "";
  display: block;
  height: 0;
  left: -9px;
  position: absolute;
  width: 0;
}
.error::before {
  background-color: #d74141;
  border-color: #fff currentcolor #fff #fff;
  border-style: solid none solid solid;
  border-width: 1px 0 1px 1px;
  color: #fff;
  content: "";
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 13px;
  height: 23px;
  left: 0px;
  line-height: 21px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 24px;
}
.error:hover {
  -moz-transition: all 0.2s ease 0s;
  /* Firefox 4 */
  -webkit-transition: all 0.2s ease 0s;
  /* Safari and Chrome */
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
  width: auto;
  padding-left: 30px;
  height: auto;
  overflow: visible;
  z-index: 99999;
}
#SecondLevelMenu ul {
  list-style: none;
  padding-left: 0;
}
#SecondLevelMenu a {
  display: block;
  text-decoration: none;
}
#SecondLevelMenu #SecondLevelMenuRahmen ul #NavEventLI > a, #SecondLevelMenu #SecondLevelMenuRahmen ul li > a {
  padding-bottom: 5px;
  font-weight: bold;
  line-height: 20px;
}
#SecondLevelMenu #SecondLevelMenuRahmen ul #NavEventLI > a.Self, #SecondLevelMenu #SecondLevelMenuRahmen ul li > a.Self {
  color: #333;
}
#SecondLevelMenu #SecondLevelMenuRahmen ul #NavEventLI #EventNav .InfoStep, #SecondLevelMenu #SecondLevelMenuRahmen ul #NavEventLI #EventNav li, #SecondLevelMenu #SecondLevelMenuRahmen ul #NavEventLI ul .InfoStep, #SecondLevelMenu #SecondLevelMenuRahmen ul #NavEventLI ul li, #SecondLevelMenu #SecondLevelMenuRahmen ul li #EventNav .InfoStep, #SecondLevelMenu #SecondLevelMenuRahmen ul li #EventNav li, #SecondLevelMenu #SecondLevelMenuRahmen ul li ul .InfoStep, #SecondLevelMenu #SecondLevelMenuRahmen ul li ul li {
  border-bottom: 1px solid #acacac;
  list-style: outside none none;
  margin-bottom: 0;
  padding: 0 0 0 18px;
}
#SecondLevelMenu #SecondLevelMenuRahmen ul #NavEventLI #EventNav .InfoStep a, #SecondLevelMenu #SecondLevelMenuRahmen ul #NavEventLI #EventNav li a, #SecondLevelMenu #SecondLevelMenuRahmen ul #NavEventLI ul .InfoStep a, #SecondLevelMenu #SecondLevelMenuRahmen ul #NavEventLI ul li a, #SecondLevelMenu #SecondLevelMenuRahmen ul li #EventNav .InfoStep a, #SecondLevelMenu #SecondLevelMenuRahmen ul li #EventNav li a, #SecondLevelMenu #SecondLevelMenuRahmen ul li ul .InfoStep a, #SecondLevelMenu #SecondLevelMenuRahmen ul li ul li a {
  color: #333;
  text-decoration: none;
  font-weight: normal;
  padding: 6px 0px;
  line-height: 18px;
}
#SecondLevelMenu #SecondLevelMenuRahmen ul #NavEventLI #EventNav .InfoStep a.Self, #SecondLevelMenu #SecondLevelMenuRahmen ul #NavEventLI #EventNav .InfoStep a:hover, #SecondLevelMenu #SecondLevelMenuRahmen ul #NavEventLI #EventNav li a.Self, #SecondLevelMenu #SecondLevelMenuRahmen ul #NavEventLI #EventNav li a:hover, #SecondLevelMenu #SecondLevelMenuRahmen ul #NavEventLI ul .InfoStep a.Self, #SecondLevelMenu #SecondLevelMenuRahmen ul #NavEventLI ul .InfoStep a:hover, #SecondLevelMenu #SecondLevelMenuRahmen ul #NavEventLI ul li a.Self, #SecondLevelMenu #SecondLevelMenuRahmen ul #NavEventLI ul li a:hover, #SecondLevelMenu #SecondLevelMenuRahmen ul li #EventNav .InfoStep a.Self, #SecondLevelMenu #SecondLevelMenuRahmen ul li #EventNav .InfoStep a:hover, #SecondLevelMenu #SecondLevelMenuRahmen ul li #EventNav li a.Self, #SecondLevelMenu #SecondLevelMenuRahmen ul li #EventNav li a:hover, #SecondLevelMenu #SecondLevelMenuRahmen ul li ul .InfoStep a.Self, #SecondLevelMenu #SecondLevelMenuRahmen ul li ul .InfoStep a:hover, #SecondLevelMenu #SecondLevelMenuRahmen ul li ul li a.Self, #SecondLevelMenu #SecondLevelMenuRahmen ul li ul li a:hover {
  text-decoration: underline;
}
#SecondLevelMenu #SecondLevelMenuRahmen ul #NavEventLI #EventNav .InfoStep:last-child, #SecondLevelMenu #SecondLevelMenuRahmen ul #NavEventLI #EventNav li:last-child, #SecondLevelMenu #SecondLevelMenuRahmen ul #NavEventLI ul .InfoStep:last-child, #SecondLevelMenu #SecondLevelMenuRahmen ul #NavEventLI ul li:last-child, #SecondLevelMenu #SecondLevelMenuRahmen ul li #EventNav .InfoStep:last-child, #SecondLevelMenu #SecondLevelMenuRahmen ul li #EventNav li:last-child, #SecondLevelMenu #SecondLevelMenuRahmen ul li ul .InfoStep:last-child, #SecondLevelMenu #SecondLevelMenuRahmen ul li ul li:last-child {
  border-bottom: 0px;
}
#SecondLevelMenu #SecondLevelMenuRahmen ul #NavEventLI #EventNav > li, #SecondLevelMenu #SecondLevelMenuRahmen ul li #EventNav > li {
  position: relative;
}
#SecondLevelMenu #SecondLevelMenuRahmen ul #NavEventLI #EventNav > li:last-child, #SecondLevelMenu #SecondLevelMenuRahmen ul li #EventNav > li:last-child {
  margin-bottom: 0;
}
#SecondLevelMenu #SecondLevelMenuRahmen ul #NavEventLI #EventNav > li::before, #SecondLevelMenu #SecondLevelMenuRahmen ul li #EventNav > li::before {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  top: 0;
  left: 0;
  color: #333;
  margin-top: -10px;
  top: 50%;
}
#SecondLevelMenu #SecondLevelMenuRahmen ul #NavEventLI > a.Self {
  text-decoration: none;
}
.MeFormListEvent {
  padding-left: 20px;
}
.MeFormListEvent .AttendanceCheckbox {
  float: left;
  margin-left: -20px;
}
.MeFormListEventLi {
  padding-left: 20px;
}
.MeFormListEventLi .AttendanceCheckbox {
  display: inline-block;
  margin-left: -19px;
  position: relative;
  top: 5px;
}
.MeFormListEventLi .AttendanceCheckbox input[type="radio"], .MeFormListEventLi .AttendanceCheckbox input[type="checkbox"] {
  margin-right: 0px;
}
.MeFormListEventLi .MeFormListEventDatenWithCheckbox {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
#EventStartFormular .EventName, #EventStartFormular .EventAddText1, #EventStartFormular .EventDates, #EventStartFormular .EventAddText2, #EventStartFormular .EventLocation, .EventConfirmationStart .EventName, .EventConfirmationStart .EventAddText1, .EventConfirmationStart .EventDates, .EventConfirmationStart .EventAddText2, .EventConfirmationStart .EventLocation {
  padding-left: 0px;
}
#HTMLAbAnswers {
  margin-bottom: 25px;
}
.Slideshow img {
  max-width: 100%;
  height: auto;
  width: 100%;
}
.Slideshow .SlideshowElementText {
  position: absolute;
  left: calc(50% - (500px / 2));
  top: calc(50% - (208px / 2));
  width: 500px;
  text-align: center;
  font-size: 33px;
  color: #FFF;
}
.FieldseparateInvoiceDelivery .LabelCheckboxInput, .FieldObeyRules .LabelCheckboxInput, .FieldDatenschutz .LabelCheckboxInput, .FieldPermit .LabelCheckboxInput, .FieldWiderruf .LabelCheckboxInput {
  padding-left: 28px;
}
.FieldseparateInvoiceDelivery .LabelCheckboxInput .CheckboxInput, .FieldObeyRules .LabelCheckboxInput .CheckboxInput, .FieldDatenschutz .LabelCheckboxInput .CheckboxInput, .FieldPermit .LabelCheckboxInput .CheckboxInput, .FieldWiderruf .LabelCheckboxInput .CheckboxInput {
  margin-left: -28px;
}
.FieldseparateInvoiceDelivery .LabelCheckboxInput .CheckboxLabelText .PflichtfeldStern, .FieldObeyRules .LabelCheckboxInput .CheckboxLabelText .PflichtfeldStern, .FieldDatenschutz .LabelCheckboxInput .CheckboxLabelText .PflichtfeldStern, .FieldPermit .LabelCheckboxInput .CheckboxLabelText .PflichtfeldStern, .FieldWiderruf .LabelCheckboxInput .CheckboxLabelText .PflichtfeldStern {
  margin-left: -10px;
}
.LabelRadiogroupInputMultirowalignleft {
  float: none;
  width: 100%;
}
.LabelCheckboxInputAlignleft {
  display: inline-block;
}
#ZusatztextUnterDatenschutz, #FormHTMLTextAboveCancallationStatement, #FormHTMLTextBelowCancallationStatement, #FormHTMLTextAbovePrivacyStatement, #ZusatztextUeberDatenschutz, #FormHTMLTextBelowPrivacyStatement, #FormHTMLTextAboveObeyRules, #FormHTMLTextBelowObeyRules, #FormHTMLTextBelowPermit, #FormHTMLTextAbovePermit, .ProfileHTMLTextBot, .ProfileHTMLTextTop {
  font-size: 13px;
  margin-bottom: 6px;
  margin-top: 6px;
  background-color: #efefef;
  padding-top: 18px;
  padding-right: 25px;
  padding-bottom: 28px;
  padding-left: 25px;
}
#ZusatztextUnterDatenschutz *, #FormHTMLTextAboveCancallationStatement *, #FormHTMLTextBelowCancallationStatement *, #FormHTMLTextAbovePrivacyStatement *, #ZusatztextUeberDatenschutz *, #FormHTMLTextBelowPrivacyStatement *, #FormHTMLTextAboveObeyRules *, #FormHTMLTextBelowObeyRules *, #FormHTMLTextBelowPermit *, #FormHTMLTextAbovePermit *, .ProfileHTMLTextBot *, .ProfileHTMLTextTop * {
  font-size: 13px !important;
  line-height: 16px;
}
#GMap {
  width: 100%;
}
.Frage::after {
  content: "";
  clear: both;
  display: block;
}
/*.RadioGroupFieldsetStandard {
float: none;
clear: both;
margin-bottom: 0px;
display: inline-block;
width: 100%;
.LabelRadiogroupInputStandard {
display: block;
margin-bottom: 15px;
padding-right: 0;
&:last-child {
margin-bottom: 0;
}
}
}*/
.GroupFieldsetQuestions .Frage .LabelRadioGroup {
  font-weight: bold;
}
.GroupFieldsetQuestions .Frage .LabelRadiogroupInputAlignleft, .GroupFieldsetQuestions .Frage .LabelRadiogroupInputStandard {
  display: inline-block;
  margin-right: 23px;
}
.GroupFieldsetQuestions .Frage .LabelRadiogroupInputAlignleft:last-child, .GroupFieldsetQuestions .Frage .LabelRadiogroupInputStandard:last-child {
  margin-right: 0;
}
.GroupFieldsetQuestions .Frage .RadioGroupFieldset {
  margin-bottom: 23px;
}
.GroupFieldsetQuestions .Frage .LabelRadioGroupMultirowalignleft, .GroupFieldsetQuestions .Frage .LabelRadioGroupAlignleft {
  display: block;
  /*width: 100%;*/
  clear: both;
  margin-right: 0;
  margin-bottom: 8px;
}
.GroupFieldsetQuestions .Frage .RadioGroupFieldsetStandard .LabelRadiogroupInputStandard {
  padding-right: 0;
}
.GroupFieldsetQuestions .Frage .LabelRadiogroupInputStandard, .GroupFieldsetQuestions .Frage .LabelRadiogroupInputAlignleft {
  padding-left: 20px;
}
.GroupFieldsetQuestions .Frage .LabelRadiogroupInputStandard::after, .GroupFieldsetQuestions .Frage .LabelRadiogroupInputAlignleft::after {
  content: "";
  clear: both;
  display: block;
}
.GroupFieldsetQuestions .Frage .LabelRadiogroupInputStandard .RadiogroupInput, .GroupFieldsetQuestions .Frage .LabelRadiogroupInputAlignleft .RadiogroupInput {
  float: left;
  margin-left: -21px;
}
.LongDesFolded {
  margin-bottom: 25px;
  margin-top: 10px;
}
input[type="radio"], input[type="checkbox"] {
  margin-right: 9px;
}
#ZusatztextUnterDatenschutz:empty {
  display: none !important;
}
.LongDesHlFolded, .DisplayEventGroupHlFolded {
  border-bottom: 1px solid #EFEFEF;
  color: #666666;
  cursor: pointer;
  font-weight: normal;
  margin: 15px 0;
  padding: 4px 12px 13px;
  position: relative;
  min-height: 34px;
  font-size: 23px !important;
}
.LongDesHlFolded[title="Text verbergen"], .DisplayEventGroupHlFolded[title="Text verbergen"] {
  color: #333;
}
.LongDesHlFolded .ToggleLongDesIcon, .LongDesHlFolded .ToggleEventDisplayGroupIcon, .DisplayEventGroupHlFolded .ToggleLongDesIcon, .DisplayEventGroupHlFolded .ToggleEventDisplayGroupIcon {
  background-color: #FFF;
  color: #bdbf00;
  height: 26px;
  line-height: 0;
  position: absolute;
  right: 16px;
  top: 3px;
  width: 14px;
}
.LongDesHlFolded .ToggleLongDesIcon.fa-chevron-right::after, .LongDesHlFolded .ToggleLongDesIcon.fa-chevron-right::before, .LongDesHlFolded .ToggleLongDesIcon.fa-toggle-right::after, .LongDesHlFolded .ToggleLongDesIcon.fa-toggle-right::before, .LongDesHlFolded .ToggleEventDisplayGroupIcon.fa-chevron-right::after, .LongDesHlFolded .ToggleEventDisplayGroupIcon.fa-chevron-right::before, .LongDesHlFolded .ToggleEventDisplayGroupIcon.fa-toggle-right::after, .LongDesHlFolded .ToggleEventDisplayGroupIcon.fa-toggle-right::before, .DisplayEventGroupHlFolded .ToggleLongDesIcon.fa-chevron-right::after, .DisplayEventGroupHlFolded .ToggleLongDesIcon.fa-chevron-right::before, .DisplayEventGroupHlFolded .ToggleLongDesIcon.fa-toggle-right::after, .DisplayEventGroupHlFolded .ToggleLongDesIcon.fa-toggle-right::before, .DisplayEventGroupHlFolded .ToggleEventDisplayGroupIcon.fa-chevron-right::after, .DisplayEventGroupHlFolded .ToggleEventDisplayGroupIcon.fa-chevron-right::before, .DisplayEventGroupHlFolded .ToggleEventDisplayGroupIcon.fa-toggle-right::after, .DisplayEventGroupHlFolded .ToggleEventDisplayGroupIcon.fa-toggle-right::before {
  content: "";
  background-color: #AAA;
  display: inline-block;
  width: 2px;
  height: 16px;
  position: absolute;
  right: 0;
}
.LongDesHlFolded .ToggleLongDesIcon.fa-chevron-right::before, .LongDesHlFolded .ToggleLongDesIcon.fa-toggle-right::before, .LongDesHlFolded .ToggleEventDisplayGroupIcon.fa-chevron-right::before, .LongDesHlFolded .ToggleEventDisplayGroupIcon.fa-toggle-right::before, .DisplayEventGroupHlFolded .ToggleLongDesIcon.fa-chevron-right::before, .DisplayEventGroupHlFolded .ToggleLongDesIcon.fa-toggle-right::before, .DisplayEventGroupHlFolded .ToggleEventDisplayGroupIcon.fa-chevron-right::before, .DisplayEventGroupHlFolded .ToggleEventDisplayGroupIcon.fa-toggle-right::before {
  transform: rotate(45deg);
  bottom: 0;
}
.LongDesHlFolded .ToggleLongDesIcon.fa-chevron-right::after, .LongDesHlFolded .ToggleLongDesIcon.fa-toggle-right::after, .LongDesHlFolded .ToggleEventDisplayGroupIcon.fa-chevron-right::after, .LongDesHlFolded .ToggleEventDisplayGroupIcon.fa-toggle-right::after, .DisplayEventGroupHlFolded .ToggleLongDesIcon.fa-chevron-right::after, .DisplayEventGroupHlFolded .ToggleLongDesIcon.fa-toggle-right::after, .DisplayEventGroupHlFolded .ToggleEventDisplayGroupIcon.fa-chevron-right::after, .DisplayEventGroupHlFolded .ToggleEventDisplayGroupIcon.fa-toggle-right::after {
  transform: rotate(135deg);
  top: 0;
}
.LongDesHlFolded .ToggleLongDesIcon.down, .LongDesHlFolded .ToggleEventDisplayGroupIcon.down, .DisplayEventGroupHlFolded .ToggleLongDesIcon.down, .DisplayEventGroupHlFolded .ToggleEventDisplayGroupIcon.down {
  margin-top: -4px;
  transform: rotate(90deg);
}
#calroot {
  width: 251px;
  height: 227px;
  padding: 12px 11px;
  border: 0;
  -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.41), 0px 0px 0px 1px rgba(0, 0, 0, 0.11);
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.41), 0px 0px 0px 1px rgba(0, 0, 0, 0.11);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.41), 0px 0px 0px 1px rgba(0, 0, 0, 0.11);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
}
#calroot #calhead {
  margin-bottom: 13px;
}
#calroot #calhead #calprev, #calroot #calhead #calnext {
  width: 20px;
  height: 20px;
  background: unset;
}
#calroot #calhead #calprev::after, #calroot #calhead #calnext::after {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  text-align: center;
  display: block;
  padding-top: 3px;
  box-sizing: border-box;
}
#calroot #calhead #calnext::after {
  content: "";
}
#calroot #calhead #caltitle {
  width: calc(100% - 40px);
}
#calroot #calhead #caltitle select {
  font-size: 13px;
  border: 0;
  padding-right: 6px;
}
#calroot #calhead #caltitle select#calmonth {
  margin-right: 5px;
}
#calroot .calweek a {
  width: 29px;
  height: 23px;
  line-height: 24px;
  margin-left: 0px;
  margin-right: 4px;
  margin-bottom: 2px;
}
#calroot .calweek a:last-child {
  margin-right: 0px;
  margin-bottom: 0px;
}
#calroot #caldays {
  border-bottom: 0px;
  height: auto;
}
#calroot #caldays span {
  width: 29px;
  margin-right: 4px;
  margin-bottom: 2px;
  height: 23px;
  line-height: 24px;
}
#calroot #caldays span:last-child {
  margin-right: 0px;
}
#calroot #caldays span:nth-child(7), #calroot #caldays span:nth-child(6), #calroot .calweek a:nth-child(7), #calroot .calweek a:nth-child(6) {
  color: #d5473d;
}
#calroot #caldays span:nth-child(7)#calcurrent, #calroot #caldays span:nth-child(6)#calcurrent, #calroot .calweek a:nth-child(7)#calcurrent, #calroot .calweek a:nth-child(6)#calcurrent {
  color: #FFF;
}
#calroot #caldays span.caloff:nth-child(7), #calroot #caldays span.caloff:nth-child(6), #calroot .calweek a.caloff:nth-child(7), #calroot .calweek a.caloff:nth-child(6) {
  color: #f3968e;
}
#CalendarSmallCage .info, .calendar_cage .info {
  padding: 10px 20px;
}
#CalendarSmallCage div#nav, .calendar_cage div#nav {
  background-color: #FFF;
  color: #FFF;
}
#CalendarSmallCage div#nav #prev_month, #CalendarSmallCage div#nav #next_month, .calendar_cage div#nav #prev_month, .calendar_cage div#nav #next_month {
  background: none;
  border: none;
  height: auto;
  border-radius: unset;
  position: relative;
  padding: 0px;
  margin: 0px;
}
#CalendarSmallCage div#nav #prev_month > form, #CalendarSmallCage div#nav #next_month > form, .calendar_cage div#nav #prev_month > form, .calendar_cage div#nav #next_month > form {
  position: relative;
  z-index: 100;
}
#CalendarSmallCage div#nav #prev_month::after, #CalendarSmallCage div#nav #next_month::after, .calendar_cage div#nav #prev_month::after, .calendar_cage div#nav #next_month::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  display: inline-block;
  height: 25px;
  top: 3px;
  left: 22px;
  position: absolute;
  z-index: 99;
  color: #333;
}
#CalendarSmallCage div#nav #prev_month::after, .calendar_cage div#nav #prev_month::after {
  content: "";
}
#CalendarSmallCage div#nav #next_month::after, .calendar_cage div#nav #next_month::after {
  content: "";
}
#CalendarSmallCage div#nav #CalendarSmallPrevMonth, #CalendarSmallCage div#nav #CalendarSmallNextMonth, #CalendarSmallCage div#nav #CalendarLargePrevMonth, #CalendarSmallCage div#nav #CalendarLargeNextMonth, .calendar_cage div#nav #CalendarSmallPrevMonth, .calendar_cage div#nav #CalendarSmallNextMonth, .calendar_cage div#nav #CalendarLargePrevMonth, .calendar_cage div#nav #CalendarLargeNextMonth {
  border: 4px solid #FFF;
  background-color: #CD1536;
  border-radius: 100px;
  width: 40px;
  height: 40px;
  color: #FFF;
  font-weight: bold;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
}
#CalendarSmallCage #week_days_header, .calendar_cage #week_days_header {
  width: 100%;
}
#CalendarSmallCage #week_days_header tr th, .calendar_cage #week_days_header tr th {
  color: #333;
  height: 40px;
  font-weight: bold;
}
#CalendarSmallCage #timetravel, .calendar_cage #timetravel {
  font-size: 18px;
  color: #333;
}
#CalendarSmallCage table td, .calendar_cage table td {
  height: 40px;
  width: 40px;
  padding: 1px;
  background-color: #fff !important;
  border: 0;
  border-right: 1px solid #FFF;
  border-bottom: 1px solid #FFF;
}
#CalendarSmallCage table td.events, .calendar_cage table td.events {
  color: #FFF !important;
}
#CalendarSmallCage table td.events .CalendarTD, .calendar_cage table td.events .CalendarTD {
  background-color: #C1022D !important;
  width: 35px;
  height: 35px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  border-radius: 100%;
}
.InputfieldAlignleft {
  width: 100%;
}
.TextInput, .EmailInput, .UrlInput, .NumberInput, .CurrencyInput, .TextareaInput, .SelectInput, .FileInput, #SucheEingabe {
  width: 65%;
}
/*#FormTabs #FormSteps .FormStep {
&::after {
content: "";
position: absolute;
right: 12px;
top: -1px;
width: 100%;
height: 4px;
background-color: #000;
right: 0%;
}
&::before {
content: "";
display: block;
height: 30px;
width: 30px;
background-color: #FFF;
border-radius: 100%;
position: absolute;
top: -14px;
left: 46%;
text-align: center;
color: #fff;
z-index: 99999;
padding-top: 4px;
box-sizing: border-box;
border: 4px solid #000;
}
&:first-child::after {
left: 46%;
}
&:last-child::after {
left: -50%;
}
a {
margin-top: 32px;
}
}*/
.CaptchaSpam {
  border: 1px solid #efefef;
  padding: 20px 30px 25px;
}
.CaptchaSpam::after {
  content: "";
  clear: both;
  display: block;
}
.CaptchaSpam #CaptchaImage {
  margin-left: 45%;
}
.CaptchaSpam .LabelTextInput.LabelTextCaptchaSpam {
  width: 90%;
  margin-right: 0px;
}
.CaptchaSpam .LabelTextInput.LabelTextCaptchaSpam::after {
  content: "";
  clear: both;
  display: block;
}
.CaptchaSpam .LabelTextInput.LabelTextCaptchaSpam #CaptchaQuestion {
  width: 50%;
  display: inline-block;
  float: left;
  line-height: 40px;
}
.CaptchaSpam .LabelTextInput.LabelTextCaptchaSpam #CaptchaSpamResult {
  width: 50%;
  box-sizing: border-box;
  margin: 0px;
  float: left;
}
.CaptchaSpam .CaptchaSpamInfo {
  width: 10%;
  float: left;
  font-size: 13px;
  padding: 0 10px;
}
#RegHLSummery, #DataSummeryParticipation, #DataSummeryParticipant {
  margin-bottom: 20px;
}
#DataSummeryParticipation h3, #DataSummeryParticipant h3, #DataSummeryParticipantQuestions h3 {
  margin-bottom: 10px;
}
#DataSummeryParticipationYes, #DataSummeryParticipationNo, #DataSummeryParticipationYesAddP {
  font-weight: normal;
}
.GroupFieldsetQuestions {
  padding-top: 20px;
  padding-bottom: 20px;
}
.GroupFieldsetQuestions h3 {
  margin-bottom: 15px;
}
div > .GroupFieldset h3, form > .GroupFieldset h3 {
  font-weight: normal;
  margin-bottom: 10px;
}
.PanesInfo {
  margin-bottom: 20px;
}
#Clickpath {
  clear: both;
}
.Inhalt {
  float: left;
  width: calc(100% - 320px);
  margin: 0px;
}
.Inhalt.NewsPage {
  width: 100%;
}
#InhaltStart {
  width: 100%;
  float: none;
}
.Sidebar, .Leftbar {
  float: right;
  width: 270px;
  min-height: 1px;
}
.ListEventName a {
  text-decoration: none;
  color: #333;
}
.GroupFieldset {
  border-bottom: 0;
  border-radius: 3px;
  margin-bottom: 18px;
  margin-top: 20px;
}
.GroupFieldset, #EventStartFormular, .FormTopHintDoubleOptIn, #TextTopFormular, #Clickpath {
  margin-bottom: 18px;
  width: 100%;
}
.GroupFieldsetInvoiceAddress {
  display: none;
}
.GroupFieldsetInvoiceAddress, .GroupFieldsetDeliveryAddress {
  margin-top: 0px !important;
}
.DateSeperator, .TimeSeperator {
  margin-right: 4px;
}
.Dateinput .DateSelectInput {
  margin-bottom: 4px;
  border: 1px solid #bababa;
  padding: 6px 8px 7px;
  color: #666666;
}
#Navigation #HauptMenu ul li.mainMenue a {
  display: block;
  padding: 13px;
  margin-right: 1px;
  text-decoration: none;
  transition: all 0.2s ease 0s;
}
#Navigation #HauptMenu ul li.mainMenue a:hover {
  text-decoration: underline;
}
#Navigation #HauptMenu ul li.hasEntries::after {
  content: "";
  position: absolute;
  right: 10px;
  top: 10px;
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #FFF;
}
#Navigation #HauptMenu ul li.hasEntries a {
  padding-right: 30px !important;
}
.login-failed {
  display: block;
  padding: 8px 14px;
  background-color: #ec7f7f;
  border: 1px solid #dd5e5e;
  border-radius: 3px;
  color: #FFF;
  font-size: 14px;
  padding-left: 36px;
  position: relative;
}
.login-failed::before {
  content: "!";
  display: block;
  position: absolute;
  left: 0;
  padding: 0 14px;
  font-size: 32px;
  top: 5px;
}
.SidebarHtml, #PrintForm, #LogInOut, #CalendarSmallHome {
  margin-top: 0px;
  margin-bottom: 23px;
}
input[type="text"], .SelectInput, .TextInput, input[type="email"], input[type="password"], input[type="date"], input[type="number"], input[type="url"] {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  height: 34px;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 7px;
  padding-bottom: 9px;
  border-radius: 0;
  border: 1px solid #bababa;
  box-shadow: none;
  color: #666;
}
input[type="text"].invalid, .invalid.SelectInput, .invalid.TextInput, input[type="email"].invalid, input[type="password"].invalid, input[type="date"].invalid, input[type="number"].invalid, input[type="url"].invalid {
  box-shadow: 0px 0px 1px 1px #FFF inset, 0px 0px 7px -2px #ff7474 inset, 0px 0px 2px 0px #ff6868 !important;
  border-color: #FF5B5B;
  border-radius: 3px;
}
.SidebarHtml, #PrintForm, #LogInOut, #CalendarSmallHome {
  margin-top: 0px;
  margin-bottom: 23px;
}
.FieldPriceCategory {
  margin-top: 10px;
}
.HTMLtextBelow {
  margin-top: 26px;
  padding-top: 8px;
  border-top: 2px solid #FFF;
}
.Frage.FieldPListPermit {
  background-color: #c4c4c5;
  padding: 8px 10px;
}
.ParticipantListHQ {
  background-color: #c4c4c5;
  padding: 3px 34px;
}
.PListDesHTMLtop {
  margin-bottom: 16px;
}
.sb-c-imagetopofdata {
  margin-top: 14px;
  margin-bottom: 14px;
}
.LabelTextInput, .LabelRadioGroup, .LabelTextarea, .LabelDateInput, .LabelDatetimeInput, .LabelTimeInput, .LabelSelect, .LabelFileUpload {
  line-height: 23px;
  margin-bottom: 12px;
  padding-top: 4px;
  padding-bottom: 7px;
}
#TextTop > h1 {
  margin-bottom: 18px;
}
#TextTop {
  margin-bottom: 16px;
}
.QGroupHtmlTop, .QGroupHtmlBot {
  clear: both;
  margin-bottom: 8px;
  margin-top: 8px;
}
.Formular h3, #Answers h3, .Sidebar h2, .AnmeldungTagesordnung > h2 {
  font-size: 18px;
  font-weight: 400;
}
.Formular h3, #Answers h3, .AnmeldungTagesordnung > h2, .GroupFieldset legend {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 16px !important;
  display: inline-block;
  width: 100%;
}
#Answers {
  margin-bottom: 23px;
}
#Answers h3 {
  margin-top: 12px;
}
#Answers .AnswerPerson {
  margin-bottom: 14px;
}
#Answers .AnswerAntwortValue {
  font-weight: 400;
  vertical-align: top;
}
#Answers .AnswerAntwortLabel {
  display: inline-block;
  width: 35%;
  margin-bottom: 4px;
}
#Answers .AnswerAntwortHL {
  font-weight: 600;
}
#Confirmation #CalendarHint {
  margin: 12px 0px;
}
.Sidebar h2 {
  text-transform: uppercase;
  margin-bottom: 15px;
}
.Sidebar #SidebarBuchungsnummer #SidebarBuchungsnummerForm #SidebarEingabeBN .Buchungsnr {
  font-size: 23px;
  height: 44px;
}
.Sidebar #SidebarBuchungsnummer #SidebarBuchungsnummerForm #SidebarWeiterBN .submit {
  width: 100%;
}
#ObeyRulesFrage, .Frage.FieldDatenschutz, #PermitFrage, .Formular > .PflichtfeldHinweis {
  margin-bottom: 23px;
}
.Formular .PflichtfeldHinweis {
  margin: 10px 0px 26px;
}
.teilnehmerabfrage {
  float: none;
  clear: both;
}
.VList {
  list-style: none;
}
.MeFormListEventDaten.ListDatenDiv {
  padding-left: 24px;
}
.AttendanceCheckbox {
  left: 0px;
  position: relative;
  top: 25px;
}
.MeFormListEventDaten h2 {
  padding-left: 0px;
}
.OVList.OVListIconSet li {
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #8c8c8c;
}
.OVList.OVListIconSet li .OVListEventIcon, .OVList.OVListIconSet li .OVListEventDaten, .OVList.OVListIconSet li .OVListEventPicture {
  float: left;
}
.OVList.OVListIconSet li .OVListEventIcon {
  width: 5%;
}
.OVList.OVListIconSet li .OVListEventDaten {
  width: 70%;
}
.OVList.OVListIconSet li .OVListEventDaten .OVListEventname {
  color: #00589c;
  font-size: 22px;
  margin-bottom: 1rem;
}
.OVList.OVListIconSet li .OVListEventPicture {
  width: 25%;
}
#Zahlungspflicht {
  margin-top: 20px;
  margin-bottom: 20px;
}
.EventPictureDiv {
  margin-bottom: 30px;
}
#LogIn input[type="text"], #LogIn .SelectInput, #LogIn .TextInput, #LogIn input[type="password"] {
  width: 100%;
}
#EventStartFormular .EventName {
  margin-bottom: 0px !important;
  border-bottom: 0px;
}
#SidebarEventList {
  list-style: none;
  padding-left: 0px;
}
#SidebarEventList li {
  text-decoration: none;
  position: relative;
}
#SidebarEventList li .OVListShortD {
  display: none;
}
#SidebarEventList li:hover .OVListShortD {
  display: block;
  position: fixed;
}
#SidebarEventList li .OVListEventname {
  line-height: 23px;
}
.OVList.VList {
  margin-top: 45px;
}
#EMailFrage, #EMailFrageDecline {
  margin-bottom: 35px;
}
/* .hinweistextAnmeldezeitraum {
color: #F00;
padding: 10px 20px;
margin-bottom: 23px;
background-color: #ffebda;
border: 1px dashed #F00;
display: inline-block;
position: relative;
padding-left: 50px;
&::before {
content: "\f12a";
font-family: FontAwesome;
position: absolute;
left: -1px;
top: -1px;
background-color: #F00;
height: 39px;
width: 39px;
color: #FFF;
text-align: center;
line-height: 40px;
font-size: 23px;
}
} */
.FormSalutation2.Salutation2 {
  margin-top: 12px;
}
.FormSalutation.Salutation {
  margin-bottom: 12px;
}
.Salutation {
  margin-bottom: 23px;
}
.Salutation2 {
  margin-top: 23px;
}
.GoogleMapHTMLTextStart {
  margin-bottom: 12px;
}
.GoogleMapHTMLTextEnd {
  margin-top: 12px;
}
.RadioGroupFieldsetMultirowalignleft, .RadioGroupFieldsetMultirow, .RadioGroupFieldsetStandard {
  padding-top: 10px;
}
.RadioGroupFieldsetStandard label, .RadioGroupFieldsetAlignleft label {
  padding-right: 20px;
}
.GroupFieldsetAdditionalParticipants {
  padding: 20px 23px;
  border: 6px solid #efefef;
}
.LabelRadiogroupInputAlignleft {
  padding-bottom: 5px;
}
#InhaltCalendar {
  float: none;
  width: 100%;
}
#InhaltCalendar #CalendarLarge {
  width: 100%;
}
.LinkShowAdditionalParticipant a, .LinkHideAdditionalParticipant a {
  background-color: #312f36;
  color: #fff;
  border: 1px solid #312f36;
  padding: 7px 16px;
  padding-left: 38px;
  display: inline-block;
  -moz-transition: all 0.2s ease 0s;
  /* Firefox 4 */
  -webkit-transition: all 0.2s ease 0s;
  /* Safari and Chrome */
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
  height: 38px;
  line-height: 23px;
  position: relative;
  z-index: 2;
  font-size: 1rem;
  font-weight: bold;
  border-radius: 23px;
}
.LinkShowAdditionalParticipant a:hover, .LinkShowAdditionalParticipant a:focus, .LinkHideAdditionalParticipant a:hover, .LinkHideAdditionalParticipant a:focus {
  text-decoration: none;
  background-color: #fff;
  color: #312f36;
}
.LinkShowAdditionalParticipant a::after, .LinkHideAdditionalParticipant a::after {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  top: 6px;
  left: 10px;
  font-size: 23px;
}
.LinkHideAdditionalParticipant {
  margin-bottom: 12px;
}
.LinkHideAdditionalParticipant a::after {
  content: "";
}
#DataSummeryEvents {
  border: 1px solid #efefef;
  padding: 20px 30px 30px;
}
#DataSummeryEvents ul li {
  border-bottom: 0px;
  margin-bottom: 12px;
}
#DataSummeryEvents ul li h3 {
  border-bottom: 0px;
  padding: 0;
  margin: 0px !important;
  display: block;
}
.ConfEventData {
  margin-top: 12px;
}
#Confirmation > h2 {
  margin-bottom: 23px;
}
#Inhalte > #Clickpath {
  margin-top: -30px;
  font-size: 16px;
}
#Clickpath .breadcrumb {
  padding: 0px;
  background-color: transparent;
}
#Clickpath .breadcrumb .breadcrumb-item:last-child a {
  font-weight: 900;
  color: #cd1536;
}
#Clickpath .clickpath_link {
  margin-right: 12px;
}
#Clickpath .clickpath_link:last-child {
  margin-right: 0px;
}
#Clickpath .clickpath_link:last-child::after {
  display: none;
}
#Clickpath .clickpath_link::after {
  content: "-";
  margin-left: 10px;
}
#Clickpath .clickpath_link a:link {
  opacity: 0.6;
}
#Clickpath .clickpath_link a {
  font-size: 12px;
  font-weight: normal;
  font-family: Open Sans;
}
#barcode, #grcode, #qrcode {
  margin-bottom: 23px;
}
#GMapRahmen {
  margin-top: 18px;
}
#GoogleMapsConf h2 {
  margin-bottom: 12px;
}
.AnmeldungTagesordnung h2, div[id*="FktAddresses"] h2 {
  font-weight: normal;
  margin-bottom: 16px;
  padding-bottom: 9px;
}
.FieldSalutation .RadioGroupFieldset {
  padding-top: 4px;
}
#iconbar {
  margin-top: 3px;
  margin-left: 0px;
}
#iconbar ul li a {
  padding: 0px;
  border: 0px;
  font-size: 30px;
  text-decoration: none;
  line-height: 25px;
}
#iconbar ul li a:hover {
  text-decoration: none;
}
.sidebar-contact-area {
  margin: 0;
}
#CalendarSmallHome #CalendarSmallCage table .WeekDay5, #CalendarSmallHome #CalendarSmallCage table .WeekDay6 {
  background-color: #efefef !important;
  color: #868686;
}
#CalendarSmallHome #CalendarSmallCage table .WeekDay6 {
  background-color: #dedede !important;
}
.teilnehmerabfrage {
  margin-top: 6px;
}
.customfile {
  background: #fff !important;
  width: 65%;
  border: 1px solid #bababa !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
}
.customfile .customfile-feedback {
  color: #666666;
}
.customfile .customfile-feedback-populated {
  color: #666666;
  padding-left: 23px;
  font-size: 14px;
  font-weight: normal;
}
.customfile .customfile-feedbacksize {
  color: #666666;
  padding: 12px 28px;
  padding-right: 80px;
}
.customfile .customfile-feedbacksize:empty {
  padding: 0px;
}
.customfile .customfile-button {
  width: auto;
  font-size: 1rem;
  color: #fff !important;
  background-color: #CE1437;
  cursor: pointer;
  display: inline-block;
  padding: 6px 18px !important;
  border-radius: 3px;
  border: 0;
  -moz-transition: all 0.2s ease 0s;
  /* Firefox 4 */
  -webkit-transition: all 0.2s ease 0s;
  /* Safari and Chrome */
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
  font-weight: 500;
}
.customfile .customfile-button:hover {
  opacity: 0.8;
}
#WiderrufDiv {
  margin-bottom: 23px;
}
.PriceCatActionCodeOptionContainer {
  margin-bottom: 20px;
}
.PriceCatActionCodeOptionContainer::after {
  content: "";
  clear: both;
  display: block;
}
.PriceCatActionCodeOptionContainer .AdditionalPriceCategoryText {
  clear: both;
  padding-left: 28px;
}
#DataSummeryEvents {
  margin-bottom: 23px;
}
.SlideshowElement {
  width: 100%;
  position: absolute;
}
p [style*="font-size"], span [style*="font-size"], div [style*="font-size"] {
  font-size: 1rem !important;
}
#Header {
  height: 290px;
  background: #375ba5;
  /* Old browsers */
  background: -moz-linear-gradient(top, #375ba5 0%, #94d3e5 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #375ba5 0%, #94d3e5 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #375ba5 0%, #94d3e5 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#375ba5", endColorstr="#94d3e5",GradientType=0);
  /* IE6-9 */
  overflow: hidden;
}
#Footer .footer-area {
  color: #D9D4D2;
  font-size: 14px;
  font-weight: 300;
}
#Footer .footer-area ul {
  list-style: none;
}
#Footer .footer-area a {
  display: inline-block;
  color: #FFF;
  font-weight: 500;
  text-decoration: none;
  -moz-transition: all 0.2s ease 0s;
  /* Firefox 4 */
  -webkit-transition: all 0.2s ease 0s;
  /* Safari and Chrome */
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
#Footer .footer-area a:hover {
  color: #CE1437;
}
#Footer .footer-area-content {
  max-width: 1050px;
  width: 100%;
  margin: 0 auto;
}
#Footer .footer-top {
  background: #375ba5;
  /* Old browsers */
  background: -moz-linear-gradient(left, #375ba5 0%, #94d3e5 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #375ba5 0%, #94d3e5 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #375ba5 0%, #94d3e5 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#375ba5", endColorstr="#94d3e5",GradientType=1);
  /* IE6-9 */
  padding-top: 30px;
  padding-bottom: 26px;
}
#Footer .footer-bottom {
  background-color: #312f36;
  padding-top: 40px;
  padding-bottom: 70px;
}
#Footer .footer-bottom .footer-column.fc-2 {
  padding-top: 49px;
}
#Footer .footer-bottom .footer-column.fc-3 {
  padding-top: 49px;
}
#Footer .footer-column {
  float: left;
}
#Footer .footer-column.fc-1 {
  width: 365px;
}
#Footer .footer-column.fc-1 .footer-block {
  width: 34%;
}
#Footer .footer-column.fc-2 {
  width: 410px;
}
#Footer .footer-column.fc-3 {
  width: 275px;
  text-align: right;
}
#Footer .footer-column.fc-3 .footer-social {
  display: inline-block;
  margin-left: 8px;
}
#Footer .footer-column.fc-3 .footer-social .footer-icon {
  position: relative;
}
#Footer .footer-column.fc-3 .footer-social .footer-icon::before {
  color: #3A5BA7;
  display: inline-block;
  position: absolute;
  left: 9px;
  font-size: 18px;
  top: 8px;
}
#Footer .footer-column.fc-3 .footer-social .footer-icon.fa-facebook-f::before {
  left: 11px;
}
#Footer .footer-column.fc-3 .footer-social .footer-icon.fa-linkedin-in::before {
  left: 9px;
}
#Footer .footer-column.fc-3 .footer-social .footer-icon.fa-instagram::before {
  font-size: 23px;
  left: 6px;
  top: 5px;
}
#Footer .footer-column.fc-3 .footer-social .footer-icon.fa-xing::before {
  left: 10px;
  top: 8px;
}
#Footer .footer-column.fc-3 .footer-social .footer-icon.fa-vimeo-v::before {
  left: 9px;
  top: 8px;
}
#Footer .footer-column .footer-block {
  float: left;
  width: 50%;
}
#Footer .footer-column .footer-logo {
  margin-bottom: 6px;
}
.footer-support .footer-icon, .footer-newsletter .footer-icon {
  width: 44px;
  height: 44px;
}
.footer-icon {
  width: 32px;
  height: 32px;
  display: inline-block;
  border-radius: 100%;
  box-shadow: 1px 2px 3px 0 rgba(0, 0, 0, 0.4);
  transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  /* Firefox 4 */
  -webkit-transition: all 0.2s ease 0s;
  /* Safari and Chrome */
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
  background-color: #FFFFFF;
  background-position: center;
  background-repeat: no-repeat;
}
.footer-icon.fi-sup {
  background-image: url("/media/design-2/images/supp-icon.png");
}
.footer-icon.fi-newsl {
  background-image: url("/media/design-2/images/newsletter-icon.png");
  background-position-x: 10px;
}
strong {
  font-weight: 500;
  color: #FFF;
}
#Inhalte strong {
  color: inherit;
}
address {
  font-style: normal;
}
.clear, div.clear {
  visibility: hidden;
  height: 0;
  opacity: 0;
  width: 0;
}
#Inhalte {
  width: 100%;
  max-width: 1050px;
  margin: 0 auto;
}
.footer-support:hover .footer-icon, .footer-newsletter:hover .footer-icon, .footer-social:hover .footer-icon {
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
}
.footer-support .footer-icon, .footer-newsletter .footer-icon {
  float: left;
  margin-right: 8px;
}
#Footer .footer-area .footer-newsletter a {
  display: block;
}
.footer-fs-value, .footer-fn-value {
  color: #FFF;
}
.footer-fs-value strong, .footer-fn-value strong {
  display: block;
  font-size: 18px;
  line-height: 23px;
}
#Inhalte {
  padding-top: 70px;
}
#Navigation {
  display: inline-block;
}
.PageHomeCategoryContent {
  list-style: none;
  padding-left: 0px;
}
.PageHomeCategoryContent::after {
  content: "";
  clear: both;
  display: block;
}
.PageHomeCategoryContent .PageHomeCategoryItems {
  float: left;
  width: 345px;
  height: 240px;
  overflow: hidden;
  position: relative;
  background-color: #f2efed;
  margin-right: 7px;
}
.PageHomeCategoryContent .PageHomeCategoryItems a {
  color: #312f36;
  -moz-transition: all 0.3s ease 0s;
  /* Firefox 4 */
  -webkit-transition: all 0.3s ease 0s;
  /* Safari and Chrome */
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.PageHomeCategoryContent .PageHomeCategoryItems a:hover {
  color: #CE1437;
}
.PageHomeCategoryContent .PageHomeCategoryItems a .PageHomeCategoryValue .PageHomeCategoryShortDescription {
  color: #111;
}
.PageHomeCategoryContent .PageHomeCategoryItems:first-child {
  border-bottom-left-radius: 15px;
}
.PageHomeCategoryContent .PageHomeCategoryItems:last-child {
  margin-right: 0px;
  border-bottom-right-radius: 15px;
}
.PageHomeCategoryContent .PageHomeCategoryItems .PageHomeCategoryValue {
  background-color: #f2efed;
  padding-top: 18px;
  padding-left: 23px;
  padding-right: 23px;
  padding-bottom: 22px;
  position: absolute;
  top: 160px;
  -moz-transition: all 0.5s ease 0s;
  /* Firefox 4 */
  -webkit-transition: all 0.5s ease 0s;
  /* Safari and Chrome */
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
.PageHomeCategoryContent .PageHomeCategoryItems .PageHomeCategoryValue .PageHomeCategoryTitle {
  font-size: 18px;
  font-weight: 500;
  display: inline-block;
  line-height: 23px;
  margin-bottom: 16px;
}
.PageHomeCategoryContent .PageHomeCategoryItems .PageHomeCategoryValue .PageHomeCategoryShortDescription {
  opacity: 0;
  visibility: hidden;
  -moz-transition: all 0.5s ease 0s;
  /* Firefox 4 */
  -webkit-transition: all 0.5s ease 0s;
  /* Safari and Chrome */
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
.PageHomeCategoryContent .PageHomeCategoryItems:hover .PageHomeCategoryValue {
  position: absolute;
  top: 0px;
}
.PageHomeCategoryContent .PageHomeCategoryItems:hover .PageHomeCategoryValue .PageHomeCategoryShortDescription {
  opacity: 1;
  visibility: visible;
}
.Inhalt {
  margin-bottom: 70px;
  position: relative;
}
.Inhalt #FormularBuchungsnummer #Buchungsnummer #EingabeBN #Buchungsnr {
  font-size: 23px;
  height: 44px;
}
.Inhalt #FormularBuchungsnummer #Buchungsnummer #WeiterBN {
  margin-left: 1px;
}
.Inhalt #FormularBuchungsnummer #Buchungsnummer #WeiterBN .submit {
  height: 44px;
  margin-left: 0px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0;
  padding-left: 15px;
}
.SidebarHtml #SidebarBuchungsnr {
  width: 100%;
  margin-bottom: 4px;
  margin-top: 3px;
}
#InhaltStart::after {
  content: "";
  clear: both;
  display: block;
}
.zweiteHauptNavi-area {
  background: url("/media/design-2/images/wave_bg.svg") no-repeat 0 0;
  height: 208px;
  width: 100%;
  background-size: cover;
  margin-top: -130px;
  position: relative;
  z-index: 2;
}
.zweiteHauptNavi-area::after {
  content: "";
  position: absolute;
  bottom: 0px;
  height: 6px;
  width: 100%;
  box-shadow: 0 -23px 4px -20px rgba(0, 0, 0, 0.2) inset;
}
.zweiteHauptNavi-area ul {
  padding-left: 0px;
  list-style: none;
}
.zweiteHauptNavi-area ul::after {
  content: "";
  clear: both;
  display: block;
}
.zweiteHauptNavi-rahmen {
  width: 100%;
  max-width: 1050px;
  margin: 0 auto;
  position: relative;
  height: 100%;
}
#zweiteHauptNavi {
  bottom: 0px;
  position: absolute;
  list-style: none;
  padding-left: 0px;
  transition: all 0.2s ease 0s;
  margin-bottom: 0px;
  -moz-transition: all 0.2s ease 0s;
  /* Firefox 4 */
  -webkit-transition: all 0.2s ease 0s;
  /* Safari and Chrome */
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
#zweiteHauptNavi::after {
  content: "";
  clear: both;
  display: block;
}
#zweiteHauptNavi .first-nav {
  width: 237px;
  display: inline-block;
  background-color: #FFF;
  margin-right: 30px;
  border-top-right-radius: 15px;
  border-top-left-radius: 15px;
  padding-top: 12px;
  text-align: center;
  position: relative;
  vertical-align: bottom;
  display: inline-block;
}
#zweiteHauptNavi .first-nav:last-child {
  margin-right: 0px;
}
#zweiteHauptNavi .first-nav > a {
  font-size: 24px;
  font-weight: 600;
  text-decoration: none;
  color: #312f36;
  padding-left: 21px;
  padding-right: 21px;
  margin-bottom: 1px;
  display: inline-block;
  -moz-transition: all 0.3s ease 0s;
  /* Firefox 4 */
  -webkit-transition: all 0.3s ease 0s;
  /* Safari and Chrome */
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
#zweiteHauptNavi .first-nav > a:hover {
  color: #CE1437;
}
#zweiteHauptNavi .first-nav .zweiteHauptNavi-ShortDes {
  display: block;
  font-size: 16px;
  font-weight: 300;
  padding-left: 25px;
  padding-right: 25px;
  line-height: 20px;
}
#zweiteHauptNavi .first-nav:hover .nav-sub {
  opacity: 1;
  visibility: visible;
  height: 100%;
  transition: all 0.2s ease 0s;
}
#zweiteHauptNavi .first-nav:hover .nav-sub li {
  -moz-transition: all 0.5s ease 0s;
  /* Firefox 4 */
  -webkit-transition: all 0.5s ease 0s;
  /* Safari and Chrome */
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
#zweiteHauptNavi .first-nav:hover .nav-sub li a {
  line-height: 20px;
  padding-top: 10px;
  padding-bottom: 7px;
  font-size: 14px;
  visibility: visible;
  opacity: 1;
  height: 39px;
  -moz-transition: all 0.5s ease 0s;
  /* Firefox 4 */
  -webkit-transition: all 0.5s ease 0s;
  /* Safari and Chrome */
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
#zweiteHauptNavi .first-nav .first-nav-icon {
  position: absolute;
  top: -204px;
  left: 20px;
}
#zweiteHauptNavi .nav-sub {
  margin-top: 13px;
  position: relative;
}
#zweiteHauptNavi .nav-sub li {
  transition: all 0.5s ease 0s;
}
#zweiteHauptNavi .nav-sub li a {
  display: block;
  background-color: #312f36;
  color: #FFF;
  font-weight: 600;
  font-size: 5px;
  text-decoration: none;
  line-height: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  border-top: 1px solid #959597;
  border-bottom: 1px solid #616163;
  height: 0;
  opacity: 0;
  visibility: hidden;
  -moz-transition: all 0.5s ease 0.1s;
  /* Firefox 4 */
  -webkit-transition: all 0.5s ease 0.1s;
  /* Safari and Chrome */
  -o-transition: all 0.5s ease 0.1s;
  transition: all 0.5s ease 0.1s;
}
#zweiteHauptNavi .nav-sub li a:hover {
  background-color: #000;
  border-top: 1px solid #404040;
  border-bottom: 1px solid #808080;
}
#zweiteHauptNavi .nav-sub .nav-sub-sub {
  display: none;
}
.PageHomeShortNews-area {
  width: 640px;
  display: inline-block;
  float: right;
  margin-bottom: 23px;
}
.PageHomeShortNews-area .PageHomeShortNewsAreaTitle {
  font-size: 28px;
  font-weight: 300;
  color: #312F36;
}
.PageHomeShortNews-area .PageHomeShortNewsAreaTitle a {
  color: #111;
  text-decoration: underline;
}
.PageHomeShortNews-area .PageHomeShortNewsAreaTitle a:hover {
  color: #CE1437;
  text-decoration: none;
}
.PageHomeShortNews-area .PageHomeShortNewsList {
  padding-left: 0px;
  list-style: none;
}
.PageHomeShortNews-area .PageHomeShortNewsList .PageHomeShortNewsRow {
  margin-bottom: 7px;
  background-color: #f2efed;
}
.PageHomeShortNews-area .PageHomeShortNewsList .PageHomeShortNewsRow:first-child {
  border-top-right-radius: 15px;
}
.PageHomeShortNews-area .PageHomeShortNewsList .PageHomeShortNewsRow:last-child {
  border-bottom-right-radius: 15px;
}
.PageHomeShortNews-area .PageHomeShortNewsList .PageHomeShortNewsRow:nth-child(2n):last-child {
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 0px;
}
.PageHomeShortNews-area .PageHomeShortNewsList .PageHomeShortNewsRow:nth-child(2n) .PageHomeShortNewsImage {
  float: right;
}
.PageHomeShortNews-area .PageHomeShortNewsList .PageHomeShortNewsRow:hover .PageHomeShortNewsImage {
  background-position: -320px center;
}
.PageHomeShortNews-area .PageHomeShortNewsList .PageHomeShortNewsRow:hover .PageHomeShortNewsImage::after {
  content: "";
  background: url("/media/design-2/images/logo.svg") no-repeat center center transparent;
}
.PageHomeShortNews-area .PageHomeShortNewsList .PageHomeShortNewsRow:hover .PageHomeShortNewsImage img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.PageHomeShortNews-area .PageHomeShortNewsList .PageHomeShortNewsRow::after {
  content: "";
  clear: both;
  display: block;
}
.PageHomeShortNews-area .PageHomeShortNewsList .PageHomeShortNewsRow .PageHomeShortNewsImage, .PageHomeShortNews-area .PageHomeShortNewsList .PageHomeShortNewsRow .PageHomeShortNewsValue {
  float: left;
  width: 320px;
}
.PageHomeShortNews-area .PageHomeShortNewsList .PageHomeShortNewsRow .PageHomeShortNewsImage {
  overflow: hidden;
  width: 320px;
  height: 180px;
  background: url("/media/design-2/images/logo_w.svg") no-repeat center center transparent;
  transition: background 0.3s ease 0s;
}
.PageHomeShortNews-area .PageHomeShortNewsList .PageHomeShortNewsRow .PageHomeShortNewsImage::after {
  content: "";
  background: url("/media/design-2/images/logo.svg") no-repeat -320px center transparent;
  width: 320px;
  height: 180px;
  display: inline-block;
  transition: background 0.3s ease 0s;
}
.PageHomeShortNews-area .PageHomeShortNewsList .PageHomeShortNewsRow .PageHomeShortNewsImage img {
  -moz-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
.PageHomeShortNews-area .PageHomeShortNewsList .PageHomeShortNewsRow .PageHomeShortNewsValue {
  padding: 28px 30px 23px;
  line-height: 18px;
  position: relative;
}
.PageHomeShortNews-area .PageHomeShortNewsList .PageHomeShortNewsRow .PageHomeShortNewsValue a {
  color: #111;
  text-decoration: underline;
}
.PageHomeShortNews-area .PageHomeShortNewsList .PageHomeShortNewsRow .PageHomeShortNewsValue a:hover {
  color: #CE1437;
  text-decoration: none;
}
.PageHomeShortNews-area .PageHomeShortNewsList .PageHomeShortNewsRow .PageHomeShortNewsValue .PageHomeShortNewsDate {
  font-size: 12px;
  color: #7D7D7D;
  margin-bottom: 2px;
}
.PageHomeShortNews-area .PageHomeShortNewsList .PageHomeShortNewsRow .PageHomeShortNewsValue .PageHomeShortNewsLink {
  margin-bottom: 5px;
  display: block;
  font-weight: 500;
  color: #333;
  text-decoration: none;
  transition: all 0.3s ease 0s;
}
.PageHomeShortNews-area .PageHomeShortNewsList .PageHomeShortNewsRow .PageHomeShortNewsValue .PageHomeShortNewsLink:hover {
  color: #CE1437;
}
.PageHomeShortNews-area .PageHomeShortNewsList .PageHomeShortNewsRow .PageHomeShortNewsValue .PageHomeShortNews {
  font-weight: 300;
}
.PageHomeShortNews-area .PageHomeShortNewsList .PageHomeShortNewsRow .PageHomeShortNewsValue .PageHomeShortNews .PageHomeShortNewsReadMore {
  margin-top: 6px;
  display: inline-block;
}
#MultiNavRahmen {
  position: absolute;
  z-index: 9999;
  width: 100%;
  padding-top: 23px;
  padding-bottom: 20px;
}
#MultiNavRahmen.sticky {
  position: fixed;
  padding-bottom: 20px;
  background-color: rgba(55, 91, 165, 0.9);
}
#MultiNavRahmen #MultiNav {
  width: 100%;
  max-width: 1050px;
  margin: 0 auto;
  background-color: transparent;
}
#MultiNavRahmen #MultiNav .MultiNavAreaVisible {
  background-color: transparent;
}
#MultiNavRahmen #MultiNav .MultiNavArea1::after {
  content: "";
  clear: both;
  display: block;
}
#MultiNavRahmen #MultiNav .MultiNavArea::after {
  content: "";
  clear: both;
  display: block;
}
#MultiNavRahmen #MultiNav .MultiNavArea#MultiNavArea1 {
  text-align: right;
}
#MultiNavRahmen #MultiNav .MultiNavArea#MultiNavArea1 #FormularSearch #SearchForm {
  position: relative;
}
#MultiNavRahmen #MultiNav .MultiNavArea#MultiNavArea1 #FormularSearch #SearchForm #EingabeSearch .SucheLabel #Search {
  background-color: rgba(255, 255, 255, 0.2);
  color: #FFF;
  border: 0;
  height: 36px;
  border-radius: 100px;
  padding-left: 18px;
  padding-right: 40px;
  transition: all 0.3s ease 0s;
  width: 170px;
}
#MultiNavRahmen #MultiNav .MultiNavArea#MultiNavArea1 #FormularSearch #SearchForm #EingabeSearch .SucheLabel #Search:focus {
  width: 280px;
}
#MultiNavRahmen #MultiNav .MultiNavArea#MultiNavArea1 #FormularSearch #SearchForm #SearchBN {
  position: absolute;
  right: 0px;
}
#MultiNavRahmen #MultiNav .MultiNavArea#MultiNavArea1 #FormularSearch #SearchForm #SearchBN .submitSearch {
  background: url("/media/design-2/images/search_icon.svg") no-repeat center;
  text-indent: -9999px;
  width: 40px;
  height: 36px;
  border: 0px;
}
#MultiNavRahmen #MultiNav .MultiNavArea#MultiNavArea1.row {
  display: block;
  margin-right: 0px;
  margin-left: 0px;
  flex-wrap: unset;
}
#MultiNavRahmen #MultiNav .MultiNavArea#MultiNavArea1 .col {
  width: auto;
}
#MultiNavRahmen #MultiNav .MultiNavArea .MultiNavArea1Element {
  display: inline-block;
  vertical-align: top;
}
#MultiNavRahmen #MultiNav .MultiNavArea .MultiNavArea1Element.logo {
  float: left;
  margin-top: 0px;
  text-align: left;
}
#MultiNavRahmen #MultiNav .MultiNavArea .MultiNavArea1Element.logo:hover a img {
  opacity: 0;
}
#MultiNavRahmen #MultiNav .MultiNavArea .MultiNavArea1Element.logo:hover a::after {
  opacity: 1;
}
#MultiNavRahmen #MultiNav .MultiNavArea .MultiNavArea1Element.logo a {
  display: inline-block;
  position: relative;
  width: 165px;
  height: 32px;
}
#MultiNavRahmen #MultiNav .MultiNavArea .MultiNavArea1Element.logo a::after {
  content: "";
  background: url("/media/design-2/images/logo.svg") no-repeat 0 0 transparent;
  width: 165px;
  height: 32px;
  display: inline-block;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: 0.1s ease;
}
#MultiNavSwitch button {
  font-size: 28px;
  color: #fff;
  cursor: pointer;
  margin-left: 40px;
  line-height: 38px;
  width: 25px;
  text-align: center;
  padding-right: 76px;
  background-color: transparent;
  border: none;
}
#MultiNavSwitch button::after {
  content: "";
  display: inline-block;
  font-size: 20px;
  font-weight: 200;
  text-transform: uppercase;
  position: absolute;
  right: -16px;
  top: 0px;
}
.PageUnterseite-area .description-content {
  margin-bottom: 30px;
}
.PageUnterseite-area .description-content h1..title {
  margin-bottom: 14px;
}
.PageUnterseite-area .description-content .description::after {
  content: "";
  clear: both;
  display: block;
}
.PageUnterseite-area .description-content .description > h2, .PageUnterseite-area .description-content .description > h3, .PageUnterseite-area .description-content .description > h4, .PageUnterseite-area .description-content .description > h5, .PageUnterseite-area .description-content .description > h6 {
  font-weight: 400;
}
.PageUnterseite-area .description-content .description > h2 {
  font-size: 30px;
  line-height: 36px;
  margin-bottom: 0px;
}
.PageUnterseite-area .description-content .description > h3 {
  font-size: 26px;
}
.PageUnterseite-area .description-content .description > h4 {
  font-size: 23px;
}
.PageUnterseite-area .description-content .description > h5 {
  font-size: 18px;
}
.PageUnterseite-area .description-content .description ul li {
  margin-left: 15px;
}
.PageUnterseite-area .PageUnterseiteBlock-area .block-content {
  list-style: none;
  padding-left: 0px;
}
.PageUnterseite-area .PageUnterseiteBlock-area .block-content::after {
  content: "";
  clear: both;
  display: block;
}
.PageUnterseite-area .PageUnterseiteBlock-area .block-content li {
  background-color: #f2efed;
  float: left;
  width: 345px;
  margin-right: 7px;
  margin-top: 7px;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  overflow: hidden;
}
.PageUnterseite-area .PageUnterseiteBlock-area .block-content li h3.title {
  color: #FFF;
  background-color: #4a6bad;
  padding: 23px;
  line-height: 28px;
  min-height: 102px;
  font-size: 24px;
  margin-bottom: 0px;
}
.PageUnterseite-area .PageUnterseiteBlock-area .block-content li .description {
  padding: 20px 23px 70px;
  transition: all 0.3s ease 0s;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  min-height: 250px;
  max-height: 250px;
  position: relative;
}
.PageUnterseite-area .PageUnterseiteBlock-area .block-content li .description a.button {
  position: absolute;
  left: 20px;
  bottom: 10px;
  width: calc(100% - 40px);
  text-align: center;
}
.PageUnterseite-area .PageUnterseiteBlock-area .block-content li a.button {
  display: inline-block;
  padding: 9px 20px 10px;
  background-color: #CE1437;
  border-radius: 100px;
  text-decoration: none;
  color: #FFF;
  transition: all 0.3s ease 0s;
  margin-top: 23px;
  font-weight: 500;
}
.PageUnterseite-area .PageUnterseiteBlock-area .block-content li a.button:hover {
  background-color: #FFF;
  color: #CE1437;
}
.PageUnterseite-area .PageUnterseiteBlock-area .block-content li:hover .description {
  color: #312f36;
  background-color: #d9eff9;
}
.PageUnterseite-area .PageUnterseiteBlock-area .block-content.block-amount-1 li {
  width: 100%;
  margin-right: 0px;
}
.PageUnterseite-area .PageUnterseiteBlock-area .block-content.block-amount-2 li {
  width: calc((100% - 7px) / 2);
}
.PageUnterseite-area .PageUnterseiteBlock-area .block-content.block-amount-2 li:nth-child(2n) {
  margin-right: 0px;
}
.PageUnterseite-area .PageUnterseiteBlock-area .block-content.block-amount-3 li {
  width: calc((100% - 14px) / 3);
}
.PageUnterseite-area .PageUnterseiteBlock-area .block-content.block-amount-3 li:nth-child(3n) {
  margin-right: 0px;
}
.PageUnterseite-area .PageUnterseiteBlock-area .block-content.block-amount-4 li {
  width: calc((100% - 21px) / 4);
}
.PageUnterseite-area .PageUnterseiteBlock-area .block-content.block-amount-4 li:nth-child(4n) {
  margin-right: 0px;
}
#MultiNavRahmen {
  color: #FFF;
  background: transparent;
  transition: background 0.4s ease 0.15s;
}
#MultiNavRahmen.MultiNavActive {
  height: auto;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#385ba6+0,6298ca+100 */
  background: #385ba6;
  /* Old browsers */
  transition: background 0.2s ease 0s;
}
#MultiNavRahmen #MultiNav #MultiNavArea2 {
  padding-top: 50px;
}
#MultiNavRahmen #MultiNav #MultiNavArea2 .MainNavigation, #MultiNavRahmen #MultiNav #MultiNavArea2 .TopNavigation, #MultiNavRahmen #MultiNav #MultiNavArea2 .NavText1 {
  float: left;
}
#MultiNavRahmen #MultiNav #MultiNavArea2 .MainNavigation {
  width: 36.19%;
}
#MultiNavRahmen #MultiNav #MultiNavArea2 .MainNavigation #HauptMenu ul li {
  position: relative;
}
#MultiNavRahmen #MultiNav #MultiNavArea2 .MainNavigation #HauptMenu ul li.hasEntries::after {
  display: none;
}
#MultiNavRahmen #MultiNav #MultiNavArea2 .MainNavigation #HauptMenu ul li #MenueLevel2 {
  display: none;
}
#MultiNavRahmen #MultiNav #MultiNavArea2 .MainNavigation #HauptMenu ul li a {
  font-weight: 900;
  font-size: 18px;
}
#MultiNavRahmen #MultiNav #MultiNavArea2 .MainNavigation #HauptMenu ul li a[data-customicon*="mainMenueIcon"] {
  position: relative;
  padding-left: 58px;
  z-index: 2;
}
#MultiNavRahmen #MultiNav #MultiNavArea2 .MainNavigation #HauptMenu ul li a[data-customicon*="mainMenueIcon"]::after {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0px;
  top: 17px;
  background: url("") no-repeat 0 0 transparent;
  width: 35px;
  height: 35px;
}
#MultiNavRahmen #MultiNav #MultiNavArea2 .MainNavigation #HauptMenu ul li a[data-customicon*="cobraCRM"]::after {
  background-image: url("/media/design-2/images/cobra_crm_icon.svg");
  width: 35px;
  height: 35px;
}
#MultiNavRahmen #MultiNav #MultiNavArea2 .MainNavigation #HauptMenu ul li a[data-customicon*="eventmanager"]::after {
  background-image: url("/media/design-2/images/eventmanager_icon.svg");
  width: 42px;
  height: 31px;
}
#MultiNavRahmen #MultiNav #MultiNavArea2 .MainNavigation #HauptMenu ul li a[data-customicon*="selectLineERP"]::after {
  background-image: url("/media/design-2/images/selectline_erp_icon.svg");
  width: 32px;
  height: 38px;
}
#MultiNavRahmen #MultiNav #MultiNavArea2 .MainNavigation #HauptMenu ul li a[data-customicon*="itService"]::after {
  background-image: url("/media/design-2/images/schraubenschluessel_itservice.svg");
  width: 35px;
  height: 38px;
}
#MultiNavRahmen #MultiNav #MultiNavArea2 .MainNavigation #HauptMenu ul li a[data-customicon*="datenschutzService"]::after {
  background-image: url("/media/design-2/images/it_service_icon.svg");
  width: 35px;
  height: 38px;
}
#MultiNavRahmen #MultiNav #MultiNavArea2 .MainNavigation #HauptMenu ul li a[data-customicon*="editManager"]::after {
  background-image: url("/media/design-2/images/auge_editmanager.svg");
  width: 35px;
  height: 38px;
}
#MultiNavRahmen #MultiNav #MultiNavArea2 .MainNavigation #HauptMenu ul li a[data-customicon*="anmeldung"]::after {
  background-image: url("/media/design-2/images/anmeldung_icon.svg");
  width: 34px;
  height: 38px;
}
#MultiNavRahmen #MultiNav #MultiNavArea2 .MainNavigation #HauptMenu ul li.mainMenue .NavTitle {
  font-weight: 300;
  padding-left: 57px;
  display: inline-block;
  font-size: 15px;
  position: relative;
  top: -17px;
  z-index: 1;
}
#MultiNavRahmen #MultiNav #MultiNavArea2 .TopNavigation {
  width: 40.952%;
  padding-top: 8px;
}
#MultiNavRahmen #MultiNav #MultiNavArea2 .TopNavigation #NavigationTop #TopMenu ul li {
  padding-top: 6px;
  padding-bottom: 6px;
}
#MultiNavRahmen #MultiNav #MultiNavArea2 .TopNavigation #NavigationTop #TopMenu ul li a {
  display: block;
  text-decoration: none;
  font-weight: 700;
  transition: all 0.3s ease 0s;
}
#MultiNavRahmen #MultiNav #MultiNavArea2 .TopNavigation #NavigationTop #TopMenu ul li a:hover {
  color: #CE1437;
}
#MultiNavRahmen a {
  color: #FFF;
}
#Header .PageHeadTitle-area {
  margin: 0 auto;
  width: 1050px;
  padding-top: 140px;
}
#Header .PageHeadTitle-area::after {
  content: "";
  clear: both;
  display: block;
}
#Header .PageHeadTitle-area .PageHeadTitle {
  display: inline-block;
  color: #fff;
  font-weight: 300;
  font-size: 21px;
  line-height: 28px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  padding-right: 23px;
  top: -20px;
  position: relative;
  margin-bottom: 180px !important;
}
#Header .PageHeadTitle-area .PageHeadTitle, #Header .PageHeadTitle-area .PageHeadImage {
  float: left;
  width: 50%;
  margin-bottom: 160px;
}
#Header.HeaderRoot .PageHeadTitle-area .PageHeadImage {
  display: none;
}
#Header.HeaderRoot .PageHeadTitle-area .PageHeadTitle {
  width: 100%;
}
.PageHomeCategory-area, .PageUnterseiteBlock-area, .PageUnterseiteSlider-area, .PageUnterseite-area {
  margin-bottom: 50px;
}
#InhaltStart .PageUnterseiteSlider-area:last-child {
  margin-bottom: -70px;
}
.PageUnterseiteSlider-area {
  background: #385ba6;
  background: -moz-linear-gradient(left, #385ba6 0%, #94d3e6 100%);
  background: -webkit-linear-gradient(left, #385ba6 0%, #94d3e6 100%);
  background: linear-gradient(to right, #385ba6 0%, #94d3e6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#385ba6", endColorstr="#94d3e6",GradientType=1);
  min-height: 280px;
  max-height: 490px;
  left: -50%;
  position: relative;
  margin-right: -100%;
}
.PageUnterseiteSlider-area.PageUnterseiteSliderSizeContent {
  left: 0;
  margin-right: 0;
  padding: 0 32px;
}
.PageUnterseiteSlider-area.PageUnterseiteSliderSizeContent .PageUnterseiteSlider-content {
  width: 100%;
}
.PageUnterseiteSlider-area .PageUnterseiteSlider-content {
  width: 1050px;
  margin: 0 auto;
  display: block;
  min-height: 10px;
  padding: 0;
  list-style: none;
  color: #FFF;
  padding: 52px 0;
}
.PageUnterseiteSlider-area .PageUnterseiteSlider-content a {
  color: #CE1437;
  font-weight: 600;
  text-decoration: none;
}
.PageUnterseiteSlider-area .PageUnterseiteSlider-content a.IsButton {
  color: #FFF;
}
.PageUnterseiteSlider-area .PageUnterseiteSlider-content a.IsButton:hover {
  color: #CE1437;
}
.PageUnterseiteSlider-area {
  margin-bottom: 0px;
  border-bottom: 3px solid #FFF;
}
.BZentriert .PageUnterseiteSliderImage {
  float: none !important;
  width: 100% !important;
}
#Gesamt {
  overflow: hidden;
}
#zweiteHauptNaviUnterseiten li.selected-lvl1 .selected-lvl1-sub li.lvl1.lvl1-deactivated {
  display: none;
}
#zweiteHauptNaviUnterseiten li.selected-lvl1 .selected-lvl1-sub li.lvl1.lvl1-deactivated.active {
  display: inline-block !important;
}
#zweiteHauptNaviUnterseiten, #zweiteTopNaviUnterseiten {
  position: absolute;
  bottom: 0;
  margin-bottom: 0px;
  width: 100%;
}
#zweiteHauptNaviUnterseiten .zweiteHauptNaviUnterseitenTitle, #zweiteHauptNaviUnterseiten .zweiteTopNaviUnterseitenTitle, #zweiteTopNaviUnterseiten .zweiteHauptNaviUnterseitenTitle, #zweiteTopNaviUnterseiten .zweiteTopNaviUnterseitenTitle {
  margin-bottom: 12px;
  width: 100%;
}
#zweiteHauptNaviUnterseiten .zweiteHauptNaviUnterseitenTitle a, #zweiteHauptNaviUnterseiten .zweiteTopNaviUnterseitenTitle a, #zweiteTopNaviUnterseiten .zweiteHauptNaviUnterseitenTitle a, #zweiteTopNaviUnterseiten .zweiteTopNaviUnterseitenTitle a {
  color: #FFF;
}
#zweiteHauptNaviUnterseiten li, #zweiteTopNaviUnterseiten li {
  display: none;
}
#zweiteHauptNaviUnterseiten li.selected-lvl1, #zweiteTopNaviUnterseiten li.selected-lvl1 {
  display: inline-block;
  width: 100%;
}
#zweiteHauptNaviUnterseiten li.selected-lvl1 li, #zweiteTopNaviUnterseiten li.selected-lvl1 li {
  float: left;
  display: inline-block;
}
#zweiteHauptNaviUnterseiten li.selected-lvl1 li.lvl1-deactivated > a, #zweiteTopNaviUnterseiten li.selected-lvl1 li.lvl1-deactivated > a {
  display: none !important;
}
#zweiteHauptNaviUnterseiten li.selected-lvl1 .selected-lvl1-sub li, #zweiteTopNaviUnterseiten li.selected-lvl1 .selected-lvl1-sub li {
  margin-right: 2px;
}
#zweiteHauptNaviUnterseiten li.selected-lvl1 .selected-lvl1-sub li a, #zweiteTopNaviUnterseiten li.selected-lvl1 .selected-lvl1-sub li a {
  display: inline-block;
  background-color: #fff;
  color: #000;
  font-weight: 600;
  text-decoration: none;
  padding: 12px 21px 8px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  position: relative;
  box-shadow: 0;
  transition: 0.2s ease;
  opacity: 0.9;
}
#zweiteHauptNaviUnterseiten li.selected-lvl1 .selected-lvl1-sub li.active > a, #zweiteHauptNaviUnterseiten li.selected-lvl1 .selected-lvl1-sub li:hover > a, #zweiteTopNaviUnterseiten li.selected-lvl1 .selected-lvl1-sub li.active > a, #zweiteTopNaviUnterseiten li.selected-lvl1 .selected-lvl1-sub li:hover > a {
  background-color: #fff;
  color: #000;
  z-index: 10;
  box-shadow: 0 -5px 8px -2px rgba(0, 0, 0, 0.2);
  opacity: 1;
}
#zweiteHauptNaviUnterseiten li.selected-lvl1 .selected-lvl1-sub li.lvl1 > .nav-sub-sub, #zweiteTopNaviUnterseiten li.selected-lvl1 .selected-lvl1-sub li.lvl1 > .nav-sub-sub {
  display: none;
}
#zweiteHauptNaviUnterseiten li.selected-lvl1 .selected-lvl1-sub li.lvl1.lvl1-deactivated > .nav-sub-sub, #zweiteTopNaviUnterseiten li.selected-lvl1 .selected-lvl1-sub li.lvl1.lvl1-deactivated > .nav-sub-sub {
  display: block !important;
}
.zweiteHauptNaviUnterseitenTitle, .zweiteTopNaviUnterseitenTitle {
  color: #FFF;
  font-size: 62px;
}
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track, .slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  visibility: hidden;
  max-height: 370px;
  display: none;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide.slick-active {
  visibility: visible;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
.slick-slider {
  text-align: center;
}
.slick-slider .slick-list {
  text-align: left;
}
.slick-slider .slick-list .slick-slide::after {
  content: "";
  clear: both;
  display: block;
}
.slick-slider .slick-list .slick-slide .PageUnterseiteSliderText, .slick-slider .slick-list .slick-slide .PageUnterseiteSliderImage {
  float: left;
  width: 50%;
}
.slick-slider .slick-list .slick-slide .PageUnterseiteSliderText {
  padding-right: 20px;
}
.slick-slider .slick-list .slick-slide .PageUnterseiteSliderImage {
  padding-left: 20px;
}
.slick-slider .slick-list .slick-slide .PageUnterseiteSliderImage img {
  width: 100%;
  height: auto;
  max-height: 260px;
  max-width: 100%;
  object-fit: contain;
}
.slick-slider .slick-list .slick-slide.BRechts .PageUnterseiteSliderText {
  padding-right: 20px;
  padding-left: 0px;
}
.slick-slider .slick-list .slick-slide.BRechts .PageUnterseiteSliderImage {
  padding-left: 20px;
  padding-right: 0px;
}
.slick-slider .slick-list .slick-slide.BRechts .PageUnterseiteSliderImage.PageUnterseiteSliderImageMockup, .slick-slider .slick-list .slick-slide.BRechts .PageUnterseiteSliderImage.PageUnterseiteSliderImageMockupNotebook {
  background: url("/media/design-2/images/content_slider_mockup_v2.png") no-repeat 49.5% 0px transparent;
  background-size: 520px;
  height: 344px;
  padding-top: 18px;
  padding-left: 64px;
  padding-right: 61px;
  padding-bottom: 78px;
}
.slick-slider .slick-list .slick-slide.BRechts .PageUnterseiteSliderImage.PageUnterseiteSliderImageMockup img, .slick-slider .slick-list .slick-slide.BRechts .PageUnterseiteSliderImage.PageUnterseiteSliderImageMockupNotebook img {
  max-height: 267px;
}
.slick-slider .slick-list .slick-slide.BRechts .PageUnterseiteSliderImage.PageUnterseiteSliderImageMockupSmartphone {
  background: url("/media/design-2/images/content_slider_mockup_phone.png") no-repeat 49.5% 0px transparent;
  background-size: 182px;
  height: 344px;
  padding-top: 15px;
  padding-left: 189px;
  padding-right: 191px;
  padding-bottom: 17px;
}
.slick-slider .slick-list .slick-slide.BRechts .PageUnterseiteSliderImage.PageUnterseiteSliderImageMockupSmartphone img {
  max-height: 313px;
  border-radius: 13px;
}
.slick-slider .slick-list .slick-slide.BRechts .PageUnterseiteSliderImage.PageUnterseiteSliderImageMockupTablet {
  background: url("/media/design-2/images/content_slider_mockup_tablet.png") no-repeat 49.5% 0px transparent;
  background-size: 286px;
  height: 344px;
  padding-top: 12px;
  padding-left: 148px;
  padding-right: 141px;
  padding-bottom: 18px;
}
.slick-slider .slick-list .slick-slide.BRechts .PageUnterseiteSliderImage.PageUnterseiteSliderImageMockupTablet img {
  max-height: 314px;
  border-radius: 3px;
}
.slick-slider .slick-list .slick-slide.BLinks .PageUnterseiteSliderText {
  padding-right: 0px;
  padding-left: 20px;
}
.slick-slider .slick-list .slick-slide.BLinks .PageUnterseiteSliderImage {
  padding-left: 0px;
  padding-right: 20px;
}
.slick-slider .slick-list .slick-slide.BLinks .PageUnterseiteSliderImage.PageUnterseiteSliderImageMockup, .slick-slider .slick-list .slick-slide.BLinks .PageUnterseiteSliderImage.PageUnterseiteSliderImageMockupNotebook {
  background: url("/media/design-2/images/content_slider_mockup_v2.png") no-repeat 49.5% 0px transparent;
  background-size: 520px;
  height: 344px;
  padding-top: 18px;
  padding-left: 64px;
  padding-right: 61px;
  padding-bottom: 78px;
}
.slick-slider .slick-list .slick-slide.BLinks .PageUnterseiteSliderImage.PageUnterseiteSliderImageMockup img, .slick-slider .slick-list .slick-slide.BLinks .PageUnterseiteSliderImage.PageUnterseiteSliderImageMockupNotebook img {
  max-height: 267px;
}
.slick-slider .slick-list .slick-slide.BLinks .PageUnterseiteSliderImage.PageUnterseiteSliderImageMockupSmartphone {
  background: url("/media/design-2/images/content_slider_mockup_phone.png") no-repeat 49.5% 0px transparent;
  background-size: 182px;
  height: 344px;
  padding-top: 15px;
  padding-left: 189px;
  padding-right: 191px;
  padding-bottom: 17px;
}
.slick-slider .slick-list .slick-slide.BLinks .PageUnterseiteSliderImage.PageUnterseiteSliderImageMockupSmartphone img {
  max-height: 313px;
  border-radius: 13px;
}
.slick-slider .slick-list .slick-slide.BLinks .PageUnterseiteSliderImage.PageUnterseiteSliderImageMockupTablet {
  background: url("/media/design-2/images/content_slider_mockup_tablet.png") no-repeat 49.5% 0px transparent;
  background-size: 286px;
  height: 344px;
  padding-top: 12px;
  padding-left: 148px;
  padding-right: 141px;
  padding-bottom: 18px;
}
.slick-slider .slick-list .slick-slide.BLinks .PageUnterseiteSliderImage.PageUnterseiteSliderImageMockupTablet img {
  max-height: 314px;
  border-radius: 3px;
}
.slick-slider .slick-list .slick-slide.BZentriert .PageUnterseiteSliderImage {
  padding-left: 0px;
}
.slick-slider .slick-list .slick-slide.BZentriert .PageUnterseiteSliderImage.PageUnterseiteSliderImageMockup, .slick-slider .slick-list .slick-slide.BZentriert .PageUnterseiteSliderImage.PageUnterseiteSliderImageMockupNotebook {
  background: url("/media/design-2/images/content_slider_mockup_v2.png") no-repeat 49.5% 0px transparent;
  background-size: 560px;
  height: 344px;
  padding-top: 18px;
}
.slick-slider .slick-list .slick-slide.BZentriert .PageUnterseiteSliderImage.PageUnterseiteSliderImageMockup img, .slick-slider .slick-list .slick-slide.BZentriert .PageUnterseiteSliderImage.PageUnterseiteSliderImageMockupNotebook img {
  max-height: 267px;
}
.slick-slider .slick-list .slick-slide.BZentriert .PageUnterseiteSliderImage.PageUnterseiteSliderImageMockupSmartphone {
  background: url("/media/design-2/images/content_slider_mockup_phone.png") no-repeat 49.5% 0px transparent;
  background-size: 182px;
  height: 344px;
  padding-top: 16px;
  text-align: center;
  padding-right: 8px;
}
.slick-slider .slick-list .slick-slide.BZentriert .PageUnterseiteSliderImage.PageUnterseiteSliderImageMockupSmartphone img {
  max-height: 313px;
  border-radius: 13px;
  display: inline-block;
  width: auto;
}
.slick-slider .slick-list .slick-slide.BZentriert .PageUnterseiteSliderImage.PageUnterseiteSliderImageMockupTablet {
  background: url("/media/design-2/images/content_slider_mockup_tablet.png") no-repeat 49.5% 0px transparent;
  background-size: 286px;
  height: 344px;
  padding-top: 12px;
  text-align: center;
  padding-left: 2px;
}
.slick-slider .slick-list .slick-slide.BZentriert .PageUnterseiteSliderImage.PageUnterseiteSliderImageMockupTablet img {
  max-height: 314px;
  border-radius: 3px;
  display: inline-block;
  width: auto;
}
.slick-slider .slick-list .slick-slide.TZentriert .PageUnterseiteSliderText {
  width: 100%;
  padding-right: 0px;
}
.slick-slider .slick-dots {
  list-style: none;
  padding-left: 0px;
  display: inline-block;
  margin-bottom: -40px;
}
.slick-slider .slick-dots::after {
  content: "";
  clear: both;
  display: block;
}
.slick-slider .slick-dots li {
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0);
  border: 0;
  text-indent: -9999px;
  border-radius: 100px;
  height: 23px;
  width: 23px;
  box-shadow: 0 0 0 3px #fff inset, 0 3px 3px 0 rgba(0, 0, 0, 0.5) inset;
  float: left;
  margin-right: 5px;
  transition: 1s ease;
  border: 1px solid transparent !important;
}
.slick-slider .slick-dots li:last-child {
  margin-right: 0px;
}
.slick-slider .slick-dots li.slick-active {
  box-shadow: 0 0 0 3px #fff inset, 0 3px 3px 0 rgba(0, 0, 0, 0.5) inset, 0 0 0 20px rgba(255, 255, 255, 0.5) inset;
}
.PageUnterseiteBulletpoint {
  list-style: none;
  padding: 0px;
}
.PageUnterseiteBulletpoint li {
  position: relative;
  margin-bottom: 14px;
  background: #efefef;
  /* Old browsers */
  background: -moz-linear-gradient(left, #efefef 0%, #ffffff 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #efefef 0%, #ffffff 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #efefef 0%, #ffffff 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#efefef", endColorstr="#ffffff",GradientType=1);
  /* IE6-9 */
  padding: 20px;
  height: auto;
  padding-left: 130px;
  border-top-left-radius: 100px;
  border-bottom-left-radius: 100px;
  transition: 0.3s ease;
  min-height: 92px;
}
.PageUnterseiteBulletpoint li .bp-icon {
  position: absolute;
  left: 18px;
  top: calc(50% - (62px / 2));
  border: 4px solid #cd1536;
  border-radius: 100px;
  width: 62px;
  height: 62px;
  background-color: #fff;
  text-align: center;
  font-size: 23px;
  box-shadow: 0 0px 0 4px white inset, 6px 5px 10px rgba(0, 0, 0, 0.2) inset;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 2;
  transition: 0.3s ease;
  padding: 12px;
}
.PageUnterseiteBulletpoint li .bp-content {
  position: relative;
  z-index: 2;
  max-width: 80%;
}
.PageUnterseiteBulletpoint li .bp-content h3 {
  font-size: 19px;
  font-weight: 700;
  line-height: 28px;
  margin-bottom: 0px;
}
.PageUnterseiteBulletpoint li::after {
  content: "";
  display: block;
  height: 100%;
  width: 100%;
  background: -moz-linear-gradient(left, #ce1437 75%, rgba(206, 20, 55, 0) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #ce1437 75%, rgba(206, 20, 55, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #ce1437 75%, rgba(206, 20, 55, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ce1437", endColorstr="#00ce1437",GradientType=1);
  /* IE6-9 */
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 0;
  opacity: 0;
  border-top-left-radius: 100px;
  border-bottom-left-radius: 100px;
  min-width: 200px;
  transition: width 0.3s ease 0s, opacity 0.3s ease 0s;
}
.PageUnterseiteBulletpoint li:hover {
  /*color: #FFF;*/
}
.PageUnterseiteBulletpoint li:hover::after {
  width: 100%;
  opacity: 1;
  display: none;
}
.PageUnterseiteBulletpoint li:hover .bp-icon {
  color: #CD1536;
  border-color: #FFF;
  font-size: 28px;
  box-shadow: 0 0px 0 4px #cd1536 inset, 6px 5px 10px rgba(0, 0, 0, 0.2) inset;
  padding: 11px;
  transform: rotate(0.001deg);
}
.product-block-area {
  margin-bottom: 30x;
}
.product-block-list {
  list-style: none;
  padding-left: 0;
}
.product-block-list::after {
  content: "";
  clear: both;
  display: block;
}
.product-block-list .product-block-list-item {
  min-height: 200px;
  float: left;
  width: calc((100% / 4) - 15px);
  margin-right: 20px;
  box-shadow: 0px 0px 32px -16px rgba(0, 0, 0, 0.2);
  border-radius: 15px;
  min-height: 300px;
  margin-bottom: 23px;
  position: relative;
  padding-bottom: 48px;
}
.product-block-list .product-block-list-item:last-child, .product-block-list .product-block-list-item:nth-child(4n) {
  margin-right: 0px;
}
.product-block-list .product-block-list-item.highlighted {
  /*box-shadow:  0px 0px 0px 3px #fff, 0px 0 18px -5px rgba(206, 20, 55, 0.9), 0px 0px 0px 0px #ce1437 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0.1);*/
  box-shadow: 0px 0px 0px 3px #fff, 0px 0 18px -5px rgba(20, 137, 206, 0.9), 0px 0px 0px 0px #1478ce inset, 0px 0px 0px 0px rgba(0, 0, 0, 0.1);
}
.product-block-list .product-block-list-item.highlighted .product-block-list-item-title {
  background-position-x: left;
}
.product-block-list .product-block-list-item.highlighted .product-block-list-item-button .button {
  background-color: #375ba5;
}
.product-block-list .product-block-list-item .product-block-list-item-title, .product-block-list .product-block-list-item .product-block-list-item-content {
  padding: 20px;
}
.product-block-list .product-block-list-item .product-block-list-item-title {
  background: url("/media/design-2/images/product_block_header_wave_v2.svg") no-repeat top right transparent;
  background-size: cover;
  border-radius: 15px;
  transition: all 1.7s cubic-bezier(0.65, 0.05, 0.36, 1);
  padding-top: 15px !important;
  border-bottom-right-radius: 0px;
  min-height: 89px;
}
.product-block-list .product-block-list-item .product-block-list-item-title h3 {
  line-height: 23px;
  color: #FFF;
  font-size: 18px;
}
.product-block-list .product-block-list-item:hover .product-block-list-item-title {
  background-position-x: left;
}
.product-block-list .product-block-list-item .product-block-list-item-content {
  font-size: 14px;
  line-height: 20px;
  height: 167px;
  overflow: hidden;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.product-block-list .product-block-list-item .product-block-list-item-button {
  position: absolute;
  width: 100%;
  bottom: 0;
}
.product-block-list .product-block-list-item .product-block-list-item-button .button {
  display: inline-block;
  width: 100%;
  background-color: #CE1437;
  color: #FFF;
  text-decoration: none;
  text-align: center;
  padding: 12px;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
.team-block-area {
  margin-bottom: 62px;
}
.team-block-area .team-block-content h2 {
  margin-bottom: 62px;
  text-align: left;
}
.team-block-area .team-block-content .team-block-list {
  padding-left: 0px;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}
.team-block-area .team-block-content .team-block-list::after {
  content: "";
  clear: both;
  display: block;
}
.team-block-area .team-block-content .team-block-list .team-block-list-item {
  text-align: center;
  margin-right: 42px;
  margin-bottom: 70px;
  flex: 1 0 21%;
}
.team-block-area .team-block-content .team-block-list .team-block-list-item:nth-child(4n), .team-block-area .team-block-content .team-block-list .team-block-list-item:last-child {
  margin-right: 0px;
}
.team-block-area .team-block-content .team-block-list .team-block-list-item .team-block-list-item-picture {
  border-radius: 100%;
  overflow: hidden;
  width: 200px;
  height: 200px;
  margin-bottom: 16px;
  display: inline-block;
}
.team-block-area .team-block-content .team-block-list .team-block-list-item .team-block-list-item-picture img {
  border-radius: 100%;
  -moz-transition: all 0.5s cubic-bezier(0.65, 0.05, 0.36, 1);
  /* Firefox 4 */
  -webkit-transition: all 0.5s cubic-bezier(0.65, 0.05, 0.36, 1);
  /* Safari and Chrome */
  -o-transition: all 0.5s cubic-bezier(0.65, 0.05, 0.36, 1);
  transition: all 0.5s cubic-bezier(0.65, 0.05, 0.36, 1);
}
.team-block-area .team-block-content .team-block-list .team-block-list-item .team-block-list-item-name {
  font-weight: 500;
}
.team-block-area .team-block-content .team-block-list .team-block-list-item .team-block-list-item-mail {
  font-weight: 200;
  font-size: 14px;
}
.team-block-area .team-block-content .team-block-list .team-block-list-item .team-block-list-item-mail a {
  text-decoration: none;
  color: #312f36;
}
.team-block-area .team-block-content .team-block-list .team-block-list-item:hover .team-block-list-item-picture img {
  transform: scale(1.3);
}
.team-block-area .team-block-content.tb-center {
  text-align: center;
}
.team-block-area .team-block-content.tb-center .team-block-list {
  display: inline-block;
}
.team-block-area .team-block-content.tb-center .team-block-list .team-block-list-item {
  float: none;
  display: inline-block;
  text-align: center;
}
.team-block-area .team-block-content.tb-center .team-block-list .team-block-list-item:nth-child(4n) {
  margin-right: 42px;
}
.team-block-area .team-block-content.tb-center .team-block-list .team-block-list-item:nth-child(3n) {
  margin-right: 0px;
}
.team-block-area .team-block-content.tb-center .team-block-list .team-block-list-item .team-block-list-item-picture {
  border-radius: 100%;
  overflow: hidden;
}
.team-block-area .team-block-content.tb-center .team-block-list .team-block-list-item .team-block-list-item-picture img {
  border-radius: 100%;
  -moz-transition: all 0.5s cubic-bezier(0.65, 0.05, 0.36, 1);
  /* Firefox 4 */
  -webkit-transition: all 0.5s cubic-bezier(0.65, 0.05, 0.36, 1);
  /* Safari and Chrome */
  -o-transition: all 0.5s cubic-bezier(0.65, 0.05, 0.36, 1);
  transition: all 0.5s cubic-bezier(0.65, 0.05, 0.36, 1);
}
.team-block-area .team-block-content.tb-center .team-block-list .team-block-list-item:hover .team-block-list-item-picture img {
  transform: scale(1.3);
}
.tile-grid-area .tile-grid-content .tile-grid-list {
  list-style: none;
  padding-left: 0px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center bottom;
}
.tile-grid-area .tile-grid-content .tile-grid-list::after {
  content: "";
  clear: both;
  display: block;
}
.tile-grid-area .tile-grid-content .tile-grid-list.grid .tile-grid-list-item {
  float: left;
  width: 200px;
  height: 200px;
  font-size: 14px;
  transition: all 0.2s ease 0s;
  z-index: 0;
  overflow: hidden;
  margin-bottom: 10px;
}
.tile-grid-area .tile-grid-content .tile-grid-list.grid .tile-grid-list-item.tile-grid-list-item-fix {
  z-index: 1;
}
.tile-grid-area .tile-grid-content .tile-grid-list.grid .tile-grid-list-item.tile-grid-list-item-fix .tile-grid-list-item-back {
  display: none;
}
.tile-grid-area .tile-grid-content .tile-grid-list.grid .tile-grid-list-item.grid-item-width1 {
  width: 200px;
}
.tile-grid-area .tile-grid-content .tile-grid-list.grid .tile-grid-list-item.grid-item-width2 {
  width: calc((200px * 2) + 10px);
}
.tile-grid-area .tile-grid-content .tile-grid-list.grid .tile-grid-list-item.grid-item-width3 {
  width: calc((200px * 3) + 20px);
}
.tile-grid-area .tile-grid-content .tile-grid-list.grid .tile-grid-list-item.grid-item-width4 {
  width: 800px;
}
.tile-grid-area .tile-grid-content .tile-grid-list.grid .tile-grid-list-item.grid-item-width5 {
  width: 1000px;
}
.tile-grid-area .tile-grid-content .tile-grid-list.grid .tile-grid-list-item.grid-item-height1 {
  height: 200px;
}
.tile-grid-area .tile-grid-content .tile-grid-list.grid .tile-grid-list-item.grid-item-height2 {
  height: calc((200px * 2) + 10px);
}
.tile-grid-area .tile-grid-content .tile-grid-list.grid .tile-grid-list-item.grid-item-height2 .tile-grid-list-item-content {
  height: calc(200px  + 10px);
}
.tile-grid-area .tile-grid-content .tile-grid-list.grid .tile-grid-list-item.grid-item-height3 {
  height: calc((200px * 3) + 20px);
}
.tile-grid-area .tile-grid-content .tile-grid-list.grid .tile-grid-list-item.grid-item-height4 {
  height: 800px;
}
.tile-grid-area .tile-grid-content .tile-grid-list.grid .tile-grid-list-item.grid-item-height5 {
  height: 1000px;
}
.tile-grid-area .tile-grid-content .tile-grid-list.grid .tile-grid-list-item .tile-grid-list-item-flip {
  transition: 0.6s;
  /*transform-style: preserve-3d;*/
  position: relative;
  height: 100%;
  display: block;
}
.tile-grid-area .tile-grid-content .tile-grid-list.grid .tile-grid-list-item .tile-grid-list-item-flip .tile-grid-list-item-content {
  padding: 24px 30px;
}
.tile-grid-area .tile-grid-content .tile-grid-list.grid .tile-grid-list-item .tile-grid-list-item-front, .tile-grid-area .tile-grid-content .tile-grid-list.grid .tile-grid-list-item .tile-grid-list-item-back {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #f2efed;
}
.tile-grid-area .tile-grid-content .tile-grid-list.grid .tile-grid-list-item .tile-grid-list-item-front {
  z-index: 2;
  /*transform: rotateY(0deg);*/
  display: table;
  text-align: center;
  color: #333;
  overflow: hidden;
}
.tile-grid-area .tile-grid-content .tile-grid-list.grid .tile-grid-list-item .tile-grid-list-item-front h4 {
  font-size: 20px;
}
.tile-grid-area .tile-grid-content .tile-grid-list.grid .tile-grid-list-item .tile-grid-list-item-front .tile-grid-list-item-content {
  vertical-align: middle;
  display: table-cell;
  font-weight: normal;
  font-size: 18px;
  line-height: 23px;
  padding-left: 15px;
  padding-right: 15px;
}
.tile-grid-area .tile-grid-content .tile-grid-list.grid .tile-grid-list-item .tile-grid-list-item-front .tile-grid-list-item-image-front {
  width: 200px;
  height: 200px;
}
.tile-grid-area .tile-grid-content .tile-grid-list.grid .tile-grid-list-item .tile-grid-list-item-front .tile-grid-list-item-content {
  width: 100%;
  height: 200px;
}
.tile-grid-area .tile-grid-content .tile-grid-list.grid .tile-grid-list-item .tile-grid-list-item-front.tile-grid-list-item-brtl, .tile-grid-area .tile-grid-content .tile-grid-list.grid .tile-grid-list-item .tile-grid-list-item-front.tile-grid-list-item-brtl::before {
  border-top-left-radius: 15px;
  -webkit-border-top-left-radius: 15px;
  -moz-border-top-left-radius: 15px;
  -ms-border-top-left-radius: 15px;
}
.tile-grid-area .tile-grid-content .tile-grid-list.grid .tile-grid-list-item .tile-grid-list-item-front.tile-grid-list-item-brtr, .tile-grid-area .tile-grid-content .tile-grid-list.grid .tile-grid-list-item .tile-grid-list-item-front.tile-grid-list-item-brtr::before {
  border-top-right-radius: 15px;
  -webkit-border-top-right-radius: 15px;
  -moz-border-top-right-radius: 15px;
  -ms-border-top-right-radius: 15px;
}
.tile-grid-area .tile-grid-content .tile-grid-list.grid .tile-grid-list-item .tile-grid-list-item-front.tile-grid-list-item-brbl, .tile-grid-area .tile-grid-content .tile-grid-list.grid .tile-grid-list-item .tile-grid-list-item-front.tile-grid-list-item-brbl::before {
  border-bottom-left-radius: 15px;
  -webkit-border-bottom-left-radius: 15px;
  -moz-border-bottom-left-radius: 15px;
  -ms-border-bottom-left-radius: 15px;
}
.tile-grid-area .tile-grid-content .tile-grid-list.grid .tile-grid-list-item .tile-grid-list-item-front.tile-grid-list-item-brbr, .tile-grid-area .tile-grid-content .tile-grid-list.grid .tile-grid-list-item .tile-grid-list-item-front.tile-grid-list-item-brbr::before {
  border-bottom-right-radius: 15px;
  -webkit-border-bottom-right-radius: 15px;
  -moz-border-bottom-right-radius: 15px;
  -ms-border-bottom-right-radius: 15px;
}
.tile-grid-area .tile-grid-content .tile-grid-list.grid .tile-grid-list-item .tile-grid-list-item-back {
  /*transform: rotateY(180deg);*/
  background-color: #cd1536;
  color: #FFF;
  font-size: 16px;
  overflow: hidden;
  transition: all 0.2s ease 0s;
  /* border-radius: 1000px; 
						border-top-right-radius: 15px;
						border-bottom-right-radius: 15px;
						border-top-right-radius: 15px;
						border-top-left-radius: 15px;*/
  display: table;
  position: relative;
}
.tile-grid-area .tile-grid-content .tile-grid-list.grid .tile-grid-list-item .tile-grid-list-item-back .tile-grid-list-item-content {
  font-weight: 200;
  overflow: hidden;
  transition: all 0.3s ease 0s;
  vertical-align: middle;
  display: table-cell;
}
.tile-grid-area .tile-grid-content .tile-grid-list.grid .tile-grid-list-item .tile-grid-list-item-back.tile-grid-list-item-brtl, .tile-grid-area .tile-grid-content .tile-grid-list.grid .tile-grid-list-item .tile-grid-list-item-back.tile-grid-list-item-brtl::before {
  border-top-left-radius: 15px;
}
.tile-grid-area .tile-grid-content .tile-grid-list.grid .tile-grid-list-item .tile-grid-list-item-back.tile-grid-list-item-brtr, .tile-grid-area .tile-grid-content .tile-grid-list.grid .tile-grid-list-item .tile-grid-list-item-back.tile-grid-list-item-brtr::before {
  border-top-right-radius: 15px;
}
.tile-grid-area .tile-grid-content .tile-grid-list.grid .tile-grid-list-item .tile-grid-list-item-back.tile-grid-list-item-brbl, .tile-grid-area .tile-grid-content .tile-grid-list.grid .tile-grid-list-item .tile-grid-list-item-back.tile-grid-list-item-brbl::before {
  border-bottom-left-radius: 15px;
}
.tile-grid-area .tile-grid-content .tile-grid-list.grid .tile-grid-list-item .tile-grid-list-item-back.tile-grid-list-item-brbr, .tile-grid-area .tile-grid-content .tile-grid-list.grid .tile-grid-list-item .tile-grid-list-item-back.tile-grid-list-item-brbr::before {
  border-bottom-right-radius: 15px;
}
.tile-grid-area .tile-grid-content .tile-grid-list.grid .tile-grid-list-item .tile-grid-list-item-back a.IsButton {
  border: 2px solid #fff;
}
.tile-grid-area .tile-grid-content .tile-grid-list.grid .tile-grid-list-item .tile-grid-list-item-back {
  right: -100%;
  opacity: 0;
  transition: 1s ease;
  z-index: 10;
}
.tile-grid-area .tile-grid-content .tile-grid-list.grid .tile-grid-list-item:hover .tile-grid-list-item-back {
  right: 0;
  opacity: 0.95;
}
.tile-grid-area .tile-grid-content .tile-grid-list.grid .tile-grid-list-item.tile-grid-list-item-image-front-left-top .tile-grid-list-item-front .tile-grid-list-item-content {
  display: inline-block;
}
.SidebarPageunterseiteOn .PageUnterseiteSlider-area {
  left: 0px;
  margin-right: 0px;
}
.SidebarPageunterseiteOn .PageUnterseiteSlider-area .PageUnterseiteSlider-content {
  width: 100%;
}
.SidebarPageunterseiteOn .PageUnterseiteSlider-area .PageUnterseiteSlider-content .slick-list {
  padding: 0 32px;
}
.SidebarPageunterseiteOn .tile-grid-area .tile-grid-content .tile-grid-list.grid .tile-grid-list-item {
  width: 250px;
  height: 250px;
  margin-bottom: 10px;
}
.SidebarPageunterseiteOn .tile-grid-area .tile-grid-content .tile-grid-list.grid .tile-grid-list-item.grid-item-width1 {
  width: 250px;
}
.SidebarPageunterseiteOn .tile-grid-area .tile-grid-content .tile-grid-list.grid .tile-grid-list-item.grid-item-width2 {
  width: calc((250px * 2) + 10px);
}
.SidebarPageunterseiteOn .tile-grid-area .tile-grid-content .tile-grid-list.grid .tile-grid-list-item.grid-item-width3 {
  width: calc((250px * 3) + 20px);
}
.SidebarPageunterseiteOn .tile-grid-area .tile-grid-content .tile-grid-list.grid .tile-grid-list-item.grid-item-width4 {
  width: 1000px;
}
.SidebarPageunterseiteOn .tile-grid-area .tile-grid-content .tile-grid-list.grid .tile-grid-list-item.grid-item-width5 {
  width: 1250px;
}
.SidebarPageunterseiteOn .tile-grid-area .tile-grid-content .tile-grid-list.grid .tile-grid-list-item.grid-item-height1 {
  height: 250px;
}
.SidebarPageunterseiteOn .tile-grid-area .tile-grid-content .tile-grid-list.grid .tile-grid-list-item.grid-item-height2 {
  height: calc((250px * 2) + 10px);
}
.SidebarPageunterseiteOn .tile-grid-area .tile-grid-content .tile-grid-list.grid .tile-grid-list-item.grid-item-height2 .tile-grid-list-item-content {
  height: calc(250px  + 10px);
}
.SidebarPageunterseiteOn .tile-grid-area .tile-grid-content .tile-grid-list.grid .tile-grid-list-item.grid-item-height3 {
  height: calc((250px * 3) + 20px);
}
.SidebarPageunterseiteOn .tile-grid-area .tile-grid-content .tile-grid-list.grid .tile-grid-list-item.grid-item-height4 {
  height: 1000px;
}
.SidebarPageunterseiteOn .tile-grid-area .tile-grid-content .tile-grid-list.grid .tile-grid-list-item.grid-item-height5 {
  height: 1250px;
}
.SidebarPageunterseiteOn .tile-grid-area .tile-grid-content .tile-grid-list.grid .tile-grid-list-item .tile-grid-list-item-front .tile-grid-list-item-image-front {
  width: 250px;
  height: 250px;
}
.SidebarPageunterseiteOn .tile-grid-area .tile-grid-content .tile-grid-list.grid .tile-grid-list-item .tile-grid-list-item-front .tile-grid-list-item-content {
  width: 100%;
  height: 250px;
}
.vertical.flip-container {
  position: relative;
}
.vertical .back {
  transform: rotateX(180deg);
}
.vertical.flip-container .flipper {
  transform-origin: 100% 213.5px;
  /* half of height */
}
.vertical.flip-container:hover .flipper {
  transform: rotateX(-180deg);
}
.clear {
  clear: both;
  display: block;
  height: 0px;
  visibility: hidden;
}
#InhaltStart #SidebarEvents {
  float: left;
  width: 345px;
}
#InhaltStart #SidebarEvents h2 {
  font-size: 28px;
  font-weight: 300;
  color: #312f36;
}
#InhaltStart #SidebarEvents h2 a {
  text-decoration: none;
  color: #312f36;
  text-decoration: underline;
}
#InhaltStart #SidebarEvents h2 a:hover {
  color: #CE1437;
  text-decoration: none;
}
#InhaltStart #SidebarEvents li {
  background-color: #f2efed;
  margin-bottom: 12px;
  overflow: hidden;
}
#InhaltStart #SidebarEvents li::after {
  content: "";
  clear: both;
  display: block;
}
#InhaltStart #SidebarEvents li:first-child {
  border-top-right-radius: 15px;
}
#InhaltStart #SidebarEvents li:last-child {
  border-bottom-right-radius: 15px;
}
#InhaltStart #SidebarEvents li:hover .MouseOverText {
  right: 0px;
}
#InhaltStart #SidebarEvents li:hover .OVListEventname {
  right: -250px !important;
}
#InhaltStart #SidebarEvents li .MouseOverText {
  position: absolute;
  right: -260px;
  background-color: #CE1437;
  height: 100%;
  width: calc(100% - 85px);
  transition: 0.5s cubic-bezier(0.47, 0, 0.74, 0.71);
  text-align: right;
  line-height: 80px;
  padding-right: 40px;
}
#InhaltStart #SidebarEvents li .MouseOverText .eventLink {
  color: #fff;
  text-decoration: none;
  font-weight: 600;
  font-size: 18px;
}
#InhaltStart #SidebarEvents li .EventDateSpecial, #InhaltStart #SidebarEvents li .EventData {
  float: left;
}
#InhaltStart #SidebarEvents li .EventData {
  width: calc(100% - 85px);
  padding: 14px 18px;
}
#InhaltStart #SidebarEvents li .EventData .OVListEventname {
  font-size: 16px;
  font-weight: 400;
  display: inline-block;
  line-height: 18px;
  position: relative;
  right: 0px;
  transition: 0.5s cubic-bezier(0.47, 0, 0.74, 0.71);
  margin-bottom: 0px;
}
#InhaltStart #SidebarEvents li .EventDateSpecial {
  float: left;
  width: 85px;
}
#InhaltStart #SidebarEvents li .EventDateSpecial .EventDateSpecialA {
  background-color: #CE1437;
  color: #FFF;
  height: 30px;
  font-weight: lighter;
  text-align: center;
  vertical-align: middle;
  display: table-cell;
  width: 85px;
}
#InhaltStart #SidebarEvents li .EventDateSpecial .EventDateSpecialB {
  height: 56px;
  background: #3a5ba7;
  /* Old browsers */
  background: -moz-linear-gradient(top, #3a5ba7 0%, #95d3e6 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #3a5ba7 0%, #95d3e6 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #3a5ba7 0%, #95d3e6 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3a5ba7", endColorstr="#95d3e6",GradientType=0);
  /* IE6-9 */
  font-size: 47px;
  color: #FFF;
  text-align: center;
  padding: 0px 0;
  font-weight: 500;
  line-height: 54px;
}
.MultiNavAreaElementMultiNavArea2Element.NavText1 {
  width: 22.8%;
}
.back-btn {
  display: inline-block;
  position: fixed;
  z-index: 99999;
  background-color: #fff;
  padding: 10px 20px;
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
  box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.2);
  top: calc(50% - 23px);
  color: #385ba6;
  padding-left: 38px;
  width: 106px;
  height: 36px;
  padding-top: 9px;
  transition: 0.3s ease 0s;
}
.back-btn::before {
  text-align: center;
  left: 13px;
  position: absolute;
}
.back-btn:hover {
  text-decoration: none;
  color: #CE1437;
}
.back-btn span {
  font-family: "Roboto", Arial, Tahoma, sans-serif;
  font-weight: 200;
}
.home-btn a.fas {
  line-height: 21px;
  font-size: 18px;
  height: 44px;
}
.home-btn a span {
  text-indent: -999999px;
  display: inline-block;
}
p {
  margin-bottom: 0px;
}
.col {
  padding-left: 0px;
  padding-right: 0px;
}
.SlideshowWrapper {
  z-index: 1;
  padding-top: 83px;
}
.multinav-teamviewer-area {
  display: block;
  margin-top: 10px;
}
.multinav-teamviewer-area::after {
  content: "";
  clear: both;
  display: block;
}
.multinav-teamviewer-area .mt-icon {
  float: left;
}
.multinav-teamviewer-area .mt-content {
  float: left;
  padding-left: 16px;
}
.multinav-teamviewer-area .mt-content a {
  display: block;
  line-height: 21px;
  font-weight: bold;
}
#TopBildW {
  margin-bottom: 23px;
}
.Inhalt h1 {
  margin-bottom: 12px;
}
#NewsListe > ul {
  list-style: none;
  padding-left: 0px;
}
#NewsListe > ul > li {
  padding-bottom: 10px;
  position: relative;
  background-color: #efefef;
  padding: 0px;
  max-height: 180px;
  margin-bottom: 12px;
  overflow: hidden;
}
#NewsListe > ul > li::after {
  content: "";
  clear: both;
  display: block;
}
#NewsListe > ul > li:hover .NewsListImage {
  background-position: -320px center;
}
#NewsListe > ul > li:hover .NewsListImage::after {
  content: "";
  background: url("/media/design-2/images/logo.svg") no-repeat center center transparent;
}
#NewsListe > ul > li:hover .NewsListImage img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
#NewsListe > ul > li .NewsListContent {
  position: relative;
  z-index: 2;
  color: #111;
  transition: all 0.4s ease;
  float: left;
  width: calc(100% - 320px);
  padding: 23px 40px;
}
#NewsListe > ul > li .NewsListContent .NewsListShort {
  line-height: 23px;
}
#NewsListe > ul > li .NewsListContent .NewsListShort td {
  padding-right: 20px;
}
#NewsListe > ul > li .NewsListContent .NewsListShort td:last-child {
  padding-right: 0px;
}
#NewsListe > ul > li .NewsListContent .dateGesamt {
  font-size: 16px;
  color: #7d7d7d;
  margin-bottom: 2px;
}
#NewsListe > ul > li .NewsListContent h2 {
  font-size: 23px;
  color: #CE1437;
}
#NewsListe > ul > li .NewsListContent .NewsListButton {
  color: #111;
  text-decoration: underline;
}
#NewsListe > ul > li .NewsListImage {
  float: left;
  position: relative;
  z-index: 2;
  overflow: hidden;
  width: 320px;
  height: 180px;
  background: url("/media/design-2/images/logo_w.svg") no-repeat center center transparent;
  transition: background 0.3s ease 0s;
}
#NewsListe > ul > li .NewsListImage::after {
  content: "";
  background: url("/media/design-2/images/logo.svg") no-repeat -320px center transparent;
  width: 320px;
  height: 180px;
  display: inline-block;
  transition: background 0.3s ease 0s;
}
#NewsListe > ul > li .NewsListImage img {
  -moz-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
#NewsListe .LayoutAktuellLink {
  font-size: 1rem;
  color: #FFF;
  background-color: #CE1437;
  text-decoration: none;
  border: 2px solid #CE1437;
  padding: 9px 20px 10px;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  border-radius: 100px;
  font-weight: 500;
  -moz-transition: 0.2s ease;
  /* Firefox 4 */
  -webkit-transition: 0.2s ease;
  /* Safari and Chrome */
  -o-transition: 0.2s ease;
  transition: 0.2s ease;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
#NewsListe .LayoutAktuellLink:hover {
  text-decoration: none;
  background-color: #FFF;
  color: #CE1437;
}
.PageHeaderGMap {
  display: inline-block;
  width: 100%;
}
.PageHeaderGMap iframe {
  width: 100%;
  padding-top: 83px;
}
.RahmenT16 .InhaltSidebarHidden .VListTableSidebarHidden {
  width: 100%;
}
.RahmenT16 #InhaltStart {
  width: calc(100% - 290px);
  float: left;
}
.MainRow {
  background-color: #efefef;
  border-bottom: 6px solid #FFF;
}
.partner-block-area::after {
  content: "";
  clear: both;
  display: block;
}
.partner-block-area .partner-block {
  float: left;
}
.partner-block-area .partner-block:first-child {
  width: 365px;
}
.partner-block-area .partner-block strong {
  margin-bottom: 3px;
  display: inline-block;
}
.partner-block-area .partner-block img {
  display: inline-block;
  margin-right: 12px;
}
.partner-block-area .partner-block img:last-child {
  margin-right: 0px;
}
.OVListTable thead tr {
  border-bottom: 4px solid #FFF;
}
.OVListTable thead tr th {
  padding: 10px 0;
  border-right: 1px solid;
  padding-left: 23px;
  background-color: #312f36;
  color: #FFF;
}
.OVListTable tr.MainRow td {
  padding-bottom: 20px;
  padding-top: 20px;
  padding-left: 23px;
}
.OVListTable tr.MainRow td .OVListEventname {
  font-size: 1.2rem;
}
.OVListTable tr.MainRow td.td1 {
  width: 120px;
}
.OVListTable tr.MainRow td.td2 {
  width: 380px;
}
.OVListTable tr.MainRow td.td5 {
  width: 250px;
}
p {
  margin-bottom: 8px;
}
.SidebarPageunterseiteOn .SidebarPageUnterseite {
  width: 250px;
  min-height: 1px;
  float: right;
  position: relative;
  z-index: 0;
}
.SidebarPageunterseiteOn .SidebarPageUnterseite::after {
  content: "";
  background-color: #FFF;
  height: calc(100% + 10px);
  width: calc(100% + 40px);
  position: absolute;
  display: inline-block;
  top: -10px;
  left: 0px;
  border-left: 1px solid #CD1536;
  display: none;
}
.SidebarPageunterseiteOn .SidebarPageUnterseite .description-content-sidebar {
  position: relative;
  z-index: 999;
}
.SidebarPageunterseiteOn .SidebarPageUnterseite .description-content-sidebar a:not(.IsButton) {
  position: relative;
  display: block;
  float: none;
  clear: both;
  color: #333;
}
.SidebarPageunterseiteOn .SidebarPageUnterseite .description-content-sidebar a:not(.IsButton):hover {
  padding: 5px 8px;
  margin-left: -6px;
  border: 1px solid #cd1536;
  border-radius: 7px;
  background-color: #FFF;
  color: #cd1536;
}
.SidebarPageunterseiteOn .SidebarPageUnterseite .description-content-sidebar .description-sidebar {
  background-color: #FFF;
}
.SidebarPageunterseiteOn .PageUnterseite-area {
  width: 780px;
  float: left;
  z-index: 1;
  position: relative;
}
.SidebarPageunterseiteOn .PageUnterseite-area::after {
  content: "";
  display: none;
  position: absolute;
  right: -21px;
  top: 0px;
  height: 100%;
  width: 1px;
  border-right: 1px solid #F00;
}
.SidebarPageunterseiteOn .product-block-list .product-block-list-item {
  width: calc((100% / 3) - 15px);
}
.SidebarPageunterseiteOn .product-block-list .product-block-list-item:last-child, .SidebarPageunterseiteOn .product-block-list .product-block-list-item:nth-child(3n) {
  margin-right: 0px !important;
}
.SidebarPageunterseiteOn .product-block-list .product-block-list-item:last-child, .SidebarPageunterseiteOn .product-block-list .product-block-list-item:nth-child(4n) {
  margin-right: 20px;
}
.SidebarPageunterseiteOn .PageUnterseite-area .PageUnterseiteBlock-area .block-content li {
  width: 255px;
  margin-bottom: 23px;
}
.SidebarPageunterseiteOn .PageUnterseite-area .PageUnterseiteBlock-area .block-content li h3.title {
  line-height: 23px;
  font-size: 18px;
  margin-bottom: 0px;
}
.SidebarPageunterseiteOn .PageUnterseite-area .PageUnterseiteBlock-area .block-content.block-amount-1 li {
  width: 100%;
  margin-right: 0px;
}
.SidebarPageunterseiteOn .PageUnterseite-area .PageUnterseiteBlock-area .block-content.block-amount-2 li {
  width: calc((100% - 7px) / 2);
}
.SidebarPageunterseiteOn .PageUnterseite-area .PageUnterseiteBlock-area .block-content.block-amount-2 li:nth-child(2n) {
  margin-right: 0px;
}
.SidebarPageunterseiteOn .PageUnterseite-area .PageUnterseiteBlock-area .block-content.block-amount-3 li {
  width: calc((100% - 14px) / 3);
}
.SidebarPageunterseiteOn .PageUnterseite-area .PageUnterseiteBlock-area .block-content.block-amount-3 li:nth-child(3n) {
  margin-right: 0px;
}
.Sidebar a {
  margin-bottom: 6px;
  display: block;
}
.Sidebar a[class*="fa-"] {
  padding-left: 23px;
  position: relative;
}
.Sidebar a[class*="fa-"]:hover {
  text-decoration: none !important;
}
.Sidebar a[class*="fa-"]::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-left: -23px;
  margin-right: 12px;
}
.Sidebar h6[class*="fa-"], .Sidebar h5[class*="fa-"] {
  padding-left: 23px;
  position: relative;
  color: #CD1536;
  font-weight: normal;
}
.Sidebar h6[class*="fa-"]::before, .Sidebar h5[class*="fa-"]::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-left: -20px;
  margin-right: 17px;
  display: inline-block;
  width: 20px;
  padding: 4px 7px;
  color: #000;
}
.SidebarPageUnterseite p {
  margin-bottom: 23px;
  padding-bottom: 10px;
}
.SidebarPageUnterseite p:last-child {
  margin-bottom: 0px;
}
.description-sidebar {
  border: 1px solid #a5a5a5;
}
.description-sidebar > p {
  padding-left: 40px;
  font-size: 14px;
  padding-right: 20px;
  line-height: 18px;
}
.description-sidebar::after {
  content: "";
  display: inline-block !important;
  position: absolute;
  top: 0px;
  left: -19px;
  background: url(/media/design-2/images/sidebar_shadow.png) repeat-y 0 0 transparent;
  width: 19px;
  height: 100%;
}
.description-sidebar .IsButton {
  margin-left: -20px;
}
.TermineNewsArea {
  margin-bottom: 32px;
}
#OffeneVeranstaltungen #EventListFilter {
  margin-bottom: 12px;
}
#OffeneVeranstaltungen #EventListFilter label {
  font-weight: bold;
}
#OffeneVeranstaltungen #EventListFilter select {
  border: 1px solid #bababa;
  padding-left: 10px;
  padding-top: 6px;
  padding-bottom: 6px;
  max-width: 180px;
  width: 100%;
}
#OffeneVeranstaltungen #EventListFilter #EventListFilterForm ul {
  padding-left: 0px;
}
#OffeneVeranstaltungen #EventListFilter #EventListFilterForm ul li:last-child {
  margin-right: 0px;
}
#OffeneVeranstaltungen #EventListFilter #EventListFilterForm ul::after {
  content: "";
  clear: both;
  display: block;
}
.PageUnterseite-area > div:last-child {
  margin-bottom: 0px;
}
a {
  color: #575656;
  transition: all 0.3s ease 0s;
}
a:hover {
  color: #ce1437;
  text-decoration: none;
}
.Sidebar {
  line-height: 23px;
  clear: right;
}
a {
  color: #CE1437;
}
a:hover {
  color: #312f36;
}
.Sidebar h6[class*="fa-"], .Sidebar h5[class*="fa-"] {
  padding-left: 27px;
  position: relative;
  color: #ce1437;
  font-weight: normal;
  font-size: 17px;
  font-weight: bold;
}
.Sidebar h6[class*="fa-"]::before, .Sidebar h5[class*="fa-"]::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-left: -20px;
  margin-right: 12px;
  display: inline-block;
  width: 20px;
  padding: 4px 7px;
  color: #000;
  font-size: 15px;
}
.description-sidebar {
  border: 0;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.13) inset, 0 0 0 1px rgba(0, 0, 0, 0.11), 0px 0 10px 2px rgba(0, 0, 0, 0.33);
  border-radius: 15px;
  padding-top: 23px;
  transition: 0.3s ease;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.description-sidebar::after {
  display: none !important;
}
.description-sidebar:hover {
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.13) inset, 0 0 0 1px rgba(0, 0, 0, 0.11), 0px 0px 20px 2px rgba(0, 0, 0, 0.7);
}
.SidebarPageUnterseite p {
  margin-bottom: 3px;
}
/*.tile-grid-list-item-front::before {
content: "";
clear: both;
display: inline-block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 1px solid #95a6b1;
}*/
img[align="left"] {
  margin-right: 23px;
  margin-bottom: 23px;
}
img[align="right"] {
  margin-left: 23px;
  margin-bottom: 23px;
}
img[align="middle"] {
  margin: 23px;
}
/* ---- grid ---- */
.grid-test {
  max-width: 1200px;
}
/* clearfix */
.grid-test::after {
  content: "";
  display: block;
  clear: both;
}
/* ---- grid-item ---- */
.grid-item-test {
  width: 253px;
  height: 253px;
  float: left;
  /* vertical gutter */
  margin-bottom: 10px;
  border-color: rgba(0, 0, 0, 0.5);
  display: flex;
  flex-direction: row;
  overflow: hidden;
}
.grid-item-test .grid-item-front-test, .grid-item-test .grid-item-back-test {
  display: flex;
  align-items: stretch;
  flex: 1;
  transition: 0.8s cubic-bezier(0.39, 0.58, 0.57, 1);
  text-align: center;
  align-items: center;
  justify-content: center;
  color: #333;
}
.grid-item-test .grid-item-front-test {
  background-color: #f2efed;
  position: relative;
  z-index: 9;
  position: relative;
  right: 0px;
  transition: 1s ease;
}
.grid-item-test .grid-item-back-test {
  background-color: #cd1536;
  position: absolute;
  right: -100%;
  z-index: 10;
  width: 100%;
  height: 100%;
  color: #fefefe;
  padding: 23px;
  opacity: 0;
}
.grid-item-test:hover .grid-item-back-test {
  right: 0;
  opacity: 0.95;
}
.grid-item--width2 {
  width: 516px;
}
.grid-item--width3 {
  width: 779px;
}
.grid-item--width4 {
  width: 1042px;
}
.grid-item--height2 {
  height: 516px;
}
.grid-item--height3 {
  height: 779px;
}
.grid-item--height4 {
  height: 1042px;
}
#NavEventLI > a {
  font-size: 19px;
  margin-bottom: 1px;
  color: #fff;
  padding-left: 23px;
  padding-right: 23px;
  background: linear-gradient(to right, #375ba5 0%, #94d3e5 100%);
  padding-top: 20px;
  padding-bottom: 20px;
  border-top-right-radius: 15px;
}
#NavEventLI > a.Self {
  font-weight: bold;
}
#EventNav li {
  margin-bottom: 1px;
  position: relative;
  background-color: #f2efed;
}
#EventNav li a {
  color: #312f36;
  padding: 10px 23px;
  position: relative;
  z-index: 1;
}
#EventNav li a.Self, #EventNav li a:hover {
  color: #FFF;
  background-color: #cd1536;
}
.VListSe .SeListEventDaten {
  width: calc(100% - 180px);
}
.VListSe .SeListDateFloat {
  width: 180px;
}
.VListSe li {
  border-bottom: 1px solid #e6e6e6;
  padding-top: 12px;
  padding-bottom: 8px;
}
.EventKontakt a {
  display: inline-block !important;
  margin-bottom: 0px;
}
.Sidebar h2 {
  position: relative;
  color: #333;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}
.SidebarHtmlText {
  display: inline-block;
  width: 100%;
  position: relative;
}
.first-nav .fni-1 object {
  display: inline-block;
  width: 194px;
  height: 215px;
}
.first-nav .fni-2 object {
  display: inline-block;
  width: 191px;
  height: 216px;
}
.first-nav .fni-3 object {
  display: inline-block;
  width: 185px;
  height: 215px;
}
.first-nav .fni-4 object {
  display: inline-block;
  width: 193px;
  height: 215px;
}
#iFrameOverlay {
  position: fixed;
  background: rgba(48, 69, 92, 0.6);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-align: center;
  z-index: 9999;
  display: none;
}
#iFrameOverlay iframe {
  margin-top: 4%;
  background-color: #FFF;
  padding: 45px 23px 32px;
}
#iFrameOverlay .iFrameCancel {
  background-color: #FFF;
  width: 30px;
  height: 30px;
  display: inline-block;
  position: absolute;
  margin-top: 4.4%;
  right: 18.5%;
  font-size: 23px;
  opacity: 0.5;
  cursor: pointer;
}
.description > h2, .description > h3, .description > h4, .description > h5, .description > h6 {
  font-weight: 400;
}
.description > h2 {
  font-size: 30px;
  line-height: 36px;
  margin-bottom: 0px;
}
.description > h3 {
  font-size: 26px;
}
.description > h4 {
  font-size: 23px;
}
.description > h5 {
  font-size: 18px;
}
/* Termine Kalender */
.EventAppointmentMonth {
  margin-top: 30px;
}
.EventAppointmentMonth > div:first-child[id^=EventAppointmentMonth] {
  width: 50%;
  padding-right: 10px;
  border-right: 1px solid #AAA;
}
.EventAppointmentMonth > div:first-child[id^=EventAppointmentMonth] .EventAppointmentMonthHeader {
  padding: 7px 0;
  padding-top: 0px;
}
.EventAppointmentMonth > div:first-child[id^=EventAppointmentMonth] .EventAppointmentMonthHeader::after {
  clear: "";
  clear: both;
  display: block;
}
.EventAppointmentMonth > div:first-child[id^=EventAppointmentMonth] .EventAppointmentMonthHeader .EventAppointmentMonthPrev .UpdateEventAppointmentsMonth, .EventAppointmentMonth > div:first-child[id^=EventAppointmentMonth] .EventAppointmentMonthHeader .EventAppointmentMonthNext .UpdateEventAppointmentsMonth {
  border: 4px solid #FFF;
  background-color: #CD1536;
  border-radius: 100px;
  width: 40px;
  height: 40px;
  color: #FFF;
  font-weight: bold;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
}
.EventAppointmentMonth > div:first-child[id^=EventAppointmentMonth] .EventAppointmentMonthHeader .EventAppointmentMonthPrev .UpdateEventAppointmentsMonth[disabled~=disabled], .EventAppointmentMonth > div:first-child[id^=EventAppointmentMonth] .EventAppointmentMonthHeader .EventAppointmentMonthNext .UpdateEventAppointmentsMonth[disabled~=disabled] {
  opacity: 0.1;
  cursor: not-allowed;
  background-color: #333;
}
.EventAppointmentMonth > div:first-child[id^=EventAppointmentMonth] .EventAppointmentMonthHeader .EventAppointmentMonthCenter {
  line-height: 40px;
  color: #333;
  font-weight: bold;
  font-size: 23px;
}
.EventAppointmentMonth > div:first-child[id^=EventAppointmentMonth] .EventAppointmentMonthTable button.ActiveAppointmentsByDay {
  background-color: rgba(205, 21, 54, 0.1);
  color: #cd1536;
  padding: 0.25rem;
  border-radius: 100%;
  transition: all 0.3s ease 0s;
  border: 0;
}
.EventAppointmentMonth > div:first-child[id^=EventAppointmentMonth] .EventAppointmentMonthTable button.ActiveAppointmentsByDay.SelectedEventAppointmentDay {
  background-color: #cd1536;
  color: #FFF;
}
.EventAppointmentMonth > div:first-child[id^=EventAppointmentMonth] .EventAppointmentMonthTable thead tr th {
  color: #555555;
}
.EventAppointmentMonth > div:first-child[id^=EventAppointmentMonth] .EventAppointmentMonthTable thead tr th.EventAppointmentKW {
  color: #cd1536;
}
.EventAppointmentMonth > div:first-child[id^=EventAppointmentMonth] .EventAppointmentMonthTable tbody tr th.EventAppointmentKW {
  color: rgba(205, 21, 54, 0.5);
}
.EventAppointmentMonth > div:first-child[id^=EventAppointmentMonth] .EventAppointmentMonthTable tbody tr td {
  color: #a6a6a6;
  height: 40px;
  width: 40px;
  padding: 1px;
}
.EventAppointmentMonth > div:first-child[id^=EventAppointmentMonth] .EventAppointmentMonthTable tbody tr td span {
  padding: 0.25rem;
  height: 40px;
  width: 40px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.EventAppointmentMonth > div:first-child[id^=EventAppointmentMonth] .EventAppointmentMonthTable tbody tr td button {
  height: 100%;
  width: 100%;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.EventAppointmentMonth .DayListEventAppointments {
  list-style: none;
  text-align: left;
}
.EventAppointmentMonth .EventAppointmentMonthData {
  width: 50%;
  text-align: left;
  border-left: 1px solid #AAA;
  position: relative;
  left: -1px;
}
.EventAppointmentMonth .EventAppointmentMonthData .EventAppointmentsByDayHeader {
  border-bottom: 1px solid #AAA;
  color: #333;
  font-weight: bold;
  font-size: 23px;
  padding: 0px 23px 14px;
}
.EventAppointmentMonth .EventAppointmentMonthData ul {
  padding-left: 0px;
  list-style: none;
  border-top: 0px;
}
.EventAppointmentMonth .EventAppointmentMonthData ul li {
  padding-left: 23px;
}
.EventAppointmentMonth .EventAppointmentMonthData ul li p.EventappointementDates::before {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 7px;
  margin-left: -1px;
}
.EventAppointmentMonth .EventAppointmentMonthData ul li .EventappointementLabel {
  font-weight: bold;
}
.EventAppointmentMonth .EventAppointmentMonthData ul li .EventappointementDates {
  color: #777;
}
.SelectedEventAppointment {
  border-bottom: 2px solid #AAA;
  padding: 10px 0;
}
.SelectedEventAppointments {
  list-style: none;
}
.SelectedEventAppointments .SelectedEventAppointment .EventappointementDates::before {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 7px;
  margin-left: -1px;
}
.EventAppointmentMonth .EventAppointmentMonthTable td.Appointments span {
  border-radius: 100px;
}
.OVListEventCategory {
  background-color: #CD1536;
  padding: 2px 9px;
  color: #FFF;
  float: left;
  width: 142px;
  font-size: 15px;
  line-height: 23px;
  height: 28px;
  margin-bottom: 0px;
}
.OVListEventCategory::before {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  display: inline-block;
  margin-right: 8px;
}
.OVListDate.ListDate {
  float: left;
  margin-left: 21px;
  margin-right: 21px;
  color: #757575;
  font-size: 14px;
  margin-bottom: 0px;
  margin-top: 3px;
}
.OVListDate.ListDate::before {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 4px;
  display: inline-block;
}
.EventKeywords span {
  background-color: #f7edd6;
  padding: 2px 7px;
  margin-right: 2px;
  border-radius: 7px;
  color: #b98f62;
  margin-bottom: 2px;
  display: inline-block;
  font-size: 12px;
}
.OVList.VList {
  clear: both;
}
.OVList.VList::after {
  content: "";
  clear: both;
  display: block;
}
.OVList.VList > li {
  padding-bottom: 12px;
  margin-bottom: 16px;
  position: relative;
}
.OVList.VList > li::after {
  content: "";
  clear: both;
  display: block;
}
.OVList.VList > li::before {
  content: "";
  display: inline-block;
  width: 100%;
  position: absolute;
  top: 28px;
  height: 2px;
  background-color: #CD1536;
  left: 0;
}
.OVList.VList > li .OVListEventIcon {
  float: left;
  width: 40px;
  height: 40px;
  margin-right: 18px;
}
.OVList.VList > li .OVListEventDaten {
  float: left;
  width: calc(100% - 30%);
  padding-left: 20px;
}
.OVListPicture {
  margin-bottom: 12px;
}
.ListPictureDiv {
  float: left;
  width: 142px;
  clear: left;
  margin-top: 8px;
}
.webExAnmeldeFristAbgelaufen {
  background-color: #FF000038;
  padding: 8px 11px;
  color: #9D2222;
  position: relative;
  padding-left: 50px;
  border: 1px solid #9D22223D;
}
.webExAnmeldeFristAbgelaufen .fas.fa-exclamation {
  width: 30px;
  position: absolute;
  left: 0;
  padding: 12px 12px;
  height: 40px;
  top: 0;
  border-right: 1px solid #E8A0A0;
}
.OVListShortDescription.ShortDescription {
  color: #777;
}
.OVListEventname.ListEventName {
  font-size: 23px;
  margin-top: 6px;
}
#InhaltSuche #FormularSuche #Suche::after {
  content: "";
  clear: both;
  display: block;
}
#InhaltSuche #FormularSuche #Suche .SucheLabel {
  font-weight: bold;
}
#InhaltSuche #FormularSuche #Suche #SucheEingabe {
  font-size: 23px;
  height: 44px;
}
#InhaltSuche #FormularSuche #Suche #SucheBN {
  margin-left: 1px;
}
#InhaltSuche #FormularSuche #Suche #SucheBN .submit {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0;
  padding-left: 15px;
}
#InhaltSuche #Searchresults .OVList.VList {
  padding-left: 0px;
}
#InhaltSuche #Searchresults .OVList.VList > li {
  float: none;
  border-bottom: 2px solid #CD1536;
  margin-bottom: 0px;
  padding: 7px 0;
}
#InhaltSuche #Searchresults .OVList.VList > li .OVListEventDaten {
  float: none;
  width: 100%;
  padding-left: 0px;
}
#InhaltSuche #Searchresults .OVList.VList > li::before {
  display: none;
}
#InhaltSuche #Searchresults .OVList.VList > li .OVListDate.ListDate {
  float: none;
  margin-left: 0px;
}
#InhaltSuche #SiteSearchResults .OVList.VList {
  padding-left: 0px;
}
#InhaltSuche #SiteSearchResults .OVList.VList > li {
  float: none;
}
#InhaltSuche #SiteSearchResults .OVList.VList > li .OVListEventDaten {
  float: none;
  width: 100%;
  padding-left: 0px;
}
#InhaltSuche #SiteSearchResults .OVList.VList > li::before {
  display: none;
}
#InhaltSuche #SiteSearchResults .OVList.VList > li .OVListDate.ListDate {
  float: none;
  margin-left: 0px;
}
.video-content-area .video-content-item {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  margin-bottom: 23px;
}
.video-content-area .video-content-item iframe, .video-content-area .video-content-item video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
#LocaleSwitch ul {
  margin-top: 8px;
  margin-bottom: 0px;
}
#LocaleSwitch ul::after {
  content: "";
  clear: both;
  display: block;
}
#LocaleSwitch ul li {
  margin-left: 4px;
}
#LocaleSwitch ul li > img {
  display: none;
}
.zweiteHauptNaviSwitch {
  display: none;
}
.EventOverview .AboveBlocksTopContainer #EO_RegisterButton a {
  display: inline-block;
  border-top-right-radius: 15px;
  border-top-left-radius: 15px;
  background-color: #cd1536;
  color: #FFF;
  padding: 9px 20px;
}
.EventOverview .row .Blocks {
  padding-bottom: 12px;
}
.EventOverview .row .Blocks > *:not(.headline) {
  padding: 0 20px;
}
.EventOverview .row .Blocks .headline {
  margin-bottom: 12px;
}
.EventOverview .row .Blocks .headline a {
  display: inline-block;
  background-color: #cd1536;
  color: #FFF;
  padding: 9px 20px;
  width: 100%;
}
.EventOverview .row .Blocks .headline a h2 {
  font-size: 23px;
  margin-bottom: 0px;
}
#LogInOut #LogIO #LogIn .LogInButton::after {
  content: "";
  clear: both;
  display: block;
}
#LogInOut #LogIO #LogIn .LogInButton #LogInAuto {
  font-size: 12px !important;
  margin-top: 9px;
}
#LogInOut #LogIO #LogIn .LogInButton #LogInAuto label {
  line-height: 19px;
  vertical-align: top;
}
#LogInOut #LogIO #LogIn .LogInButton #LogInSubmit {
  margin-bottom: 9px;
}
#LogInOut #LogIO #LogIn .LogInButton #LogInSubmit #LogInButton {
  width: 100%;
}
#LogInOut #LogIO #LogIn .LogInHint a {
  font-size: 12px;
  margin-bottom: 3px;
  line-height: 18px;
}
.GroupFieldsetQuestions .Frage .LabelTextInput {
  font-weight: bold;
}
.OVListEventCategory + .OVListEventDaten {
  float: none !important;
  clear: both !important;
  margin-left: 142px;
}
.UserVeranstaltungsliste .OVList.VList {
  padding-left: 0px;
}
.UserVeranstaltungsliste .OVList.VList > li::before {
  display: none;
}
.UserVeranstaltungsliste .OVList.VList > li .OVListEventDaten {
  padding-left: 0px;
  width: calc(100% - 170px);
}
.UserVeranstaltungsliste .OVList.VList > li .ListPictureDiv {
  clear: unset;
  float: right;
}
.UserVeranstaltungsliste .OVList.VList > li .OVListDate.ListDate {
  margin-left: 0px;
}
.UserVeranstaltungsliste .OVList.VList > li .OVListLocation.ListLocation {
  display: inline-block;
  color: #757575;
  font-size: 14px;
  margin-bottom: 0px;
  margin-top: 3px;
}
.UserVeranstaltungsliste .OVList.VList > li .OVListLocation.ListLocation::before {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-weight: 700;
  margin-right: 8px;
}
.UserVeranstaltungsliste .OVList.VList > li .OVListEventname.ListEventName {
  border-bottom: 2px solid #cd1536;
  padding-bottom: 8px;
}
div[class*="_popover"] .btn, div[class*="_modal"] .btn {
  font-size: 9px;
  padding: 6px;
  width: 23px;
  height: 23px;
  line-height: 0;
  background-color: #0066ff;
}
div[class*="endOfQuestion"] {
  display: inline-block;
  margin-left: 10px;
}
div[class*="afterLabel"] {
  display: inline-block;
  margin-right: 10px;
}
div[class*="beforeLabel"] {
  display: inline-block;
  margin-right: 10px;
  float: left;
}
div[class*="beforeQuestion"] {
  display: inline-block;
  float: left;
}
.LabelTextInput, .LabelRadioGroup, .LabelTextarea, .LabelDateInput, .LabelDatetimeInput, .LabelTimeInput, .LabelSelect, .LabelFileUpload {
  width: 30%;
  margin-right: 2%;
  display: block;
  float: left;
}
.endOfQuestion_popover_bottom, .endOfQuestion_popover_right, .endOfQuestion_popover_left, .endOfQuestion_popover_top {
  margin-right: -35px;
  position: relative;
  left: -40px;
}
div[class*="_popover"] .btn {
  background-color: #93d2e5;
  border-color: #81b9ca;
}
.placeholder {
  background-color: white;
  cursor: auto;
  /*opacity: 1;*/
}
#ParticipantsList ul.PListSocialMediaIcons {
  margin: 1rem 0 1rem 0;
  padding-left: 0;
  list-style-type: none;
}
#ParticipantsList ul.PListSocialMediaIcons li {
  margin-left: 0;
  margin-right: 1rem;
  float: none;
  display: inline;
}
#ParticipantsList ul.PListSocialMediaIcons .PListFacebookIcon {
  color: #3b5998;
}
#ParticipantsList ul.PListSocialMediaIcons .PListXIcon {
  color: #000;
}
#ParticipantsList ul.PListSocialMediaIcons .PListYouTubeIcon {
  color: #dd2c00;
}
#ParticipantsList ul.PListSocialMediaIcons .PListLinkedInIcon {
  color: #0a66c2;
}
#ParticipantsList ul.PListSocialMediaIcons .PListXINGIcon {
  color: #0698A0;
}
#ParticipantsList ul.PListSocialMediaIcons .PListInstagramIcon {
  color: #E4405F;
}
.GMapEO {
  min-height: 350px;
}
.EventDateSpecial div {
  display: inline;
}
.input-icon {
  position: relative;
  display: inline-block;
  /* oder block/width:100% wenn du volle Breite brauchst */
}
.input-icon i {
  position: absolute;
  left: 12px;
  /* Abstand vom linken Rand */
  top: 50%;
  /* vertikal zentrieren */
  transform: translateY(-50%);
  pointer-events: none;
  /* damit Klicks aufs Input durchgehen */
  color: #666;
  /* Icon-Farbe */
  font-size: 1em;
  /* an Input-Textgröße anpassen */
}
.input-icon input {
  padding-left: 2.5em;
  /* genug Platz für Icon + Abstand */
}
#LogInButton {
  position: relative;
  padding-left: 2.5em;
}
#LogInButton::before {
  content: "";
  /* Font-Awesome Unicode für user */
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
  /* Regular */
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  font-size: 1em;
}
#LogInSubmit i, #iconbar {
  display: none;
}
.LongDesHlFolded, .DisplayEventGroupHlFolded, .NavResponsiveSwitch, .ResponsiveSwitchNew, .MenuIcon, .close {
  all: unset;
  /* Alle Browser-Defaults zurücksetzen */
  cursor: pointer;
  /* Zeigeschrifts-Cursor für Klickbarkeit */
  font: inherit;
  /* Schriftart, -größe, -gewicht erben */
  color: inherit;
  /* Textfarbe erben */
  background-color: inherit;
  /* Optional: Ausrichtung, wenn der Button inline-block sein soll */
  display: inline;
}
.LongDesHlFolded:focus, .DisplayEventGroupHlFolded:focus, .NavResponsiveSwitch:focus, .ResponsiveSwitchNew:focus, .MenuIcon:focus, .close:focus {
  outline: 3px solid currentColor;
  outline-offset: 2px;
}
.LongDesHlFolded:focus-visible, .DisplayEventGroupHlFolded:focus-visible, .NavResponsiveSwitch:focus-visible, .ResponsiveSwitchNew:focus-visible, .MenuIcon:focus-visible, .close:focus-visible {
  outline: 3px solid currentColor;
  outline-offset: 2px;
}
#CalendarSmallHome table, #CalendarLarge table {
  width: 100%;
}