@charset "UTF-8";
/* Struktur START */
* {
  margin: 0px;
  padding: 0px;
}
body {
  font-family: Arial, Helvetica, sans-serif;
  color: #666666;
  font-size: 16px;
  border-top: 16px solid #287DA8;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
img {
  border: none;
}
a {
  color: #287da8;
  text-decoration: none;
}
a:hover, a:focus, a:active {
  text-decoration: underline;
}
h1 {
  font-size: 2rem;
  font-weight: normal;
  color: #287da8;
  margin-bottom: 10px;
}
h2 {
  color: #666666;
  font-size: 1.4375rem;
  font-weight: 600;
  margin: 20px 0 10px;
}
h3 {
  color: #666666;
  font-size: 1.25rem;
  font-weight: 600;
  margin: 20px 0 10px;
}
ul {
  list-style: none;
}
p {
  padding-bottom: 15px;
}
#RahmenInhalte {
  padding-top: 0px;
  padding-bottom: 20px;
  width: 1170px;
}
/*Struktur END*/
/*Header START*/
#Header {
  background-image: url("/media/images/MV_LS_Claim_RGB.png");
  background-size: 120px;
  background-position-x: 20px;
  background-color: #ffffff;
  position: relative;
  background-repeat: no-repeat;
  max-width: 1170px;
  width: 100%;
  margin: 20px auto 0;
}
#HeaderContent {
  color: #287da8;
  padding-left: 200px;
  min-height: 75px;
}
#Header h1 {
  font-weight: normal;
  font-size: 24px;
  color: #287da8;
}
#emHtmlHeader {
  font-weight: normal;
  font-size: 24px;
  color: #287da8;
}
/*Header END*/
/*Navigation START*/
.Navigation {
  max-width: 250px;
  width: 100%;
  min-height: 1px;
  margin-right: 10px;
  text-align: left;
}
#NavigationTop {
  height: 30px;
  padding-left: 210px;
  background-color: #E7F7FD;
  border-top: 1px solid #287DA8;
  max-width: 1170px;
  width: 100%;
  margin: 20px auto 0;
  margin: 5px auto 0;
}
#NavigationTop #TopMenu ul {
  margin: 0;
  padding: 0;
}
#NavigationTop #TopMenu ul li {
  float: left;
  list-style-type: none;
  padding: 3px;
  padding-left: 5px;
  padding-right: 10px;
  height: 16px;
  margin: 0;
}
#NavigationTop #TopMenu ul li a:link, #NavigationTop #TopMenu ul li a:visited, #NavigationTop #TopMenu ul li a:hover {
  color: #ffffff;
  background-color: #A4C3D7;
  padding: 3px;
  font-weight: bold;
}
#NavigationTop #TopMenu ul li a.Self:link, #NavigationTop #TopMenu ul li a.Self:visited, #NavigationTop #TopMenu ul li a.Self:hover {
  color: #000000;
  text-decoration: underline;
  padding: 3px;
  background-color: #FFF200;
  outline-color: #FFF200;
}
.Leftbar {
  float: left;
  width: 250px;
}
#HauptMenu > ul {
  padding-left: 0;
}
#HauptMenu a {
  display: block;
  font-size: 1.125rem;
}
#NavEventLI > a.Self, #EventNav a.Self, #EventNav a.InSelf {
  color: #287DA8;
}
#NavEventLI > a.Self:hover, #NavEventLI > a.Self:focus, #NavEventLI > a.Self:active {
  text-decoration: none;
}
#EventNav {
  margin-left: 15px;
}
#EventNav li {
  margin-top: 7px;
}
#EventNav a {
  color: #666;
}
#EventNav li a:before {
  content: "> ";
  font-size: 1.4rem;
}
#EventNav a:hover, #EventNav a:focus, #EventNav a:active {
  text-decoration: underline;
  color: #287DA8;
}
/*Navigation END*/
/*Login START*/
#LogInOut {
  display: none;
  padding-left: 10px;
  border-left: solid 1px #cccccc;
  position: absolute;
  top: 0;
  left: 895px;
  font-size: 10px;
  height: 100px;
}
#LogInHeader h2 {
  margin: 0;
  padding: 0;
  font-size: 12px;
  padding-top: 5px;
  padding-bottom: 10px;
}
.inputLogIn {
  width: 120px;
}
.inputLogInU {
  width: 140px;
}
.inputLogInP {
  width: 100px;
}
.submitLogIn {
  float: none;
  width: 100px;
}
#LogInButton {
  float: right !important;
  width: 100px;
}
#LogOutButton {
  float: none;
}
#LogIn, #LogIn li {
  list-style-type: none;
  margin: 0;
  padding: 0 !important;
  margin-bottom: 2px;
}
/*Login END*/
/*Footer START*/
#Footer {
  background-color: #287DA8;
  font-size: 0.875rem;
  padding: 20px 20px 20px 230px;
  color: #fff;
  max-width: 1170px;
  width: 100%;
  margin: auto;
}
#Footer a:link, #Footer a:visited {
  color: #fff;
  text-decoration: none;
}
#Footer a:hover, #Footer a:focus, #Footer a:active {
  text-decoration: underline;
}
#Footer ul {
  list-style-type: none;
  margin-left: 0px;
}
#Footer ul li {
  float: left;
  padding-right: 20px;
}
/*Footer END*/
/* Inhaltsseiten START*/
#Inhalte {
  max-width: 1170px;
  width: 100%;
  margin: 20px auto 40px;
}
.Inhalt {
  max-width: 620px;
  width: 100%;
  float: left;
  margin: 0 20px;
}
.Inhalt div {
  width: 100%;
}
.Inhalt ul {
  list-style: none !important;
}
#TextMiddle {
  clear: left;
  margin-top: 20px;
  padding-top: 30px;
}
#OffeneVeranstaltungen {
  clear: left;
  padding-top: 20px;
}
.OVListEventDaten p {
  padding-bottom: 0;
}
.OVListLocationPrefix {
  display: inline-block;
}
.OVListLocation {
  display: inline-block;
}
.OVListLocationPrefix, #Veranstaltungsliste .EventDatesTimeStartPrefix {
  width: 63px;
}
/* --- Darstellung in Listen START ---*/
.VList {
  /* gültig für alle Listen ul-Tags, individuell über Einzelklassen */
  margin-left: 0px;
  list-style-type: none;
}
.EndeLi {
  /* Überhängende Floats beenden */
  clear: left;
}
.ListIconEmptyDiv, .ListIconDiv {
  /* gültig für alle Icons in Listen */
  width: 50px;
  float: left;
}
.ListDatenDiv {
  /* gültig für alle Datenbereiche in Listen */
  margin-left: 0px;
  width: 450px;
  float: left;
}
.ListPictureDiv {
  /* gültig für alle Vorschaubilder in Listen */
  margin-left: 0px;
  float: left;
}
.ListEventName {
  /* gültig für alle Eventnamen in Listen  html-Tag h2*/
  margin-bottom: 0px;
}
.ListDate {
  /* gültig für alle Datums-Absätze in Listen */
  margin-bottom: 0px;
}
.ListLocation {
  /* gültig für alle Ortangaben in Listen */
  margin-bottom: 0px;
}
.ListShortD {
  /* gültig für alle Kurzbeschreibungen in Listen */
  margin-bottom: 0px;
}
.OVListVr {
  margin-left: 50px;
}
.OVListVrEventDaten {
  width: 400px;
}
/* --- Darstellung in Listen END ---*/
/* Inhaltsseiten END*/
/*Sidebar START*/
.Sidebar {
  width: 240px;
  float: right;
}
.SidebarHtml {
  border-bottom: 1px dashed #287DA8;
  margin: 0 0 30px 0px;
  padding-bottom: 15px;
}
.SidebarHtml h2 {
  color: #287DA8;
  border-bottom: 5px solid #287DA8;
  padding-bottom: 5px;
}
.sideLink {
  margin-bottom: 20px;
}
#GoogleMapsForm #GMap {
  width: 250px;
  height: 250px;
}
.GMapHide {
  /*Blendet den Inhalt des MapFensters aus */
  visibility: hidden;
  width: 1px;
  height: 1px;
}
.Print {
  /* allgemeiner Wrapper umschließt die Print- Elemente  */
  margin-top: 10px;
}
#Printbutton {
  padding: 10px;
  color: #ffffff;
  text-align: left;
  /*background-color:#287DA8;*/
  padding-left: 0px;
}
#Printbutton a {
  font-size: 1.125rem;
  color: #287DA8;
}
#Printbutton a::before {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  display: inline-block;
  margin-right: 10px;
}
#Printbutton a:link, #Printbutton a:visited, #Printbutton a:hover {
  color: #287DA8;
}
/*Sidebar END*/
/* Formulare START  */
/* --- Buchungsnummer --- START*/
#EingabeBN {
  width: 300px;
  float: left;
}
#WeiterBN {
  width: 120px;
  float: left;
}
.Buchungsnr {
  /* ansonsten i.d.R. wie class Textinput */
  width: 280px;
  color: #666;
  font-size: 1rem;
  padding: 3px;
  border: 1px solid #287DA8;
}
.BuchungsnrLabel {
  /* wird i.d.R. ausgeblendet */
  display: none;
}
#WeiterBN .submitBuchungsnummer {
  padding: 5px 10px;
}
/* --- Buchungsnummer --- END*/
#FormTabs {
  margin-bottom: 20px;
  background-color: #A4C3D7;
  height: 30px;
  font-size: 11px;
}
.FormStep {
  margin-top: 7px;
  padding-top: 7px;
  padding-bottom: 5px;
  height: auto;
  font-weight: normal;
}
.FormStep a {
  color: #ffffff;
  padding: 0 10px;
}
.FormStep a.active, .FormStep a:hover {
  color: #265380;
  padding: 0 10px;
  border-bottom: 0px;
  text-decoration: underline;
}
#FormStep0 a, #FormStep0 a.active {
  border: none;
}
#TextTop, #TextTopMe, #TextTopFormular, #TextTopMeForm, #TextTopConfirmation, #Formular, #MeFormList, #Confirmation {
  margin-left: 0px;
}
#Formular {
  margin-bottom: 20px;
}
#EventStartFormular {
  margin-top: 20px;
}
#LocaleSwitch {
  position: absolute;
  right: 0;
}
#FormularFragen {
  border: solid 1px #A4C3D7;
}
.LongDescription {
  margin-top: 15px;
}
/* falls Anrede in zwei Teilen  */
.Salutation2 {
  margin-top: 5px;
}
.EventName {
  margin-top: 10px;
  font-weight: bold;
  font-size: 1.1em;
}
.EventZeit {
  margin: 0px;
  padding-bottom: 0;
}
.EventLocation {
  margin: 0px;
}
.EventDatesPrefix, .EventLocationPrefix {
  display: inline-block;
  width: 60px;
}
.EventDatesTimeStartPrefix {
  display: inline-block;
  width: 65px;
}
.submit, .IsButton, .prevPane, .firstPane {
  background-color: #A4C3D7;
  font-size: 16px;
  color: #FFFFFF;
  border: 1px solid #A4C3D7;
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  padding: 6px 18px 7px;
  transition: all 0.2s ease 0s;
}
.submit:hover, .IsButton:hover, .prevPane:hover, .firstPane:hover {
  text-decoration: none;
  background-color: #FFF;
  color: #A4C3D7;
}
#TestEMail {
  /* blendet das spezielle Honycomb E-Mail Feld aus */
  display: none;
}
.GroupFieldset {
  /* für alle Fragensätze */
  padding: 0px;
  padding-right: 0px;
  margin-top: 10px;
  border: none;
}
.GroupFieldsetEscort, .GroupFieldsetRepresentative {
  /*speziell für das Ausblenden der Begleitpersonen Fragen*/
  display: none;
}
.RadioGroupFieldset {
  display: block;
  margin-bottom: 3px;
  border: none;
}
.GroupFieldsetQuestions .Frage .RadioGroupFieldset .LabelRadiogroupInput {
  /* Zeilenweise Darstellung der Radios für "normale" Fragensätze */
  display: block;
}
#Attendance {
  clear: left;
  border: none;
  padding-top: 10px;
}
#Attendance h2 {
  margin-top: 0px;
}
.GroupFieldsetAttendance p label {
  padding: 0 0 10px;
  display: block;
}
.GroupFieldsetAttendance p br {
  display: none;
}
.Frage {
  /*umschließt jede Einzelfrage */
  padding-top: 3px;
  padding-bottom: 13px;
  clear: left;
}
.LabelTextInput, .LabelRadioGroup, .LabelTextarea, .LabelDateInput, .LabelSelect {
  margin-bottom: 3px;
  width: 37%;
  margin-right: 2%;
  display: block;
  float: left;
}
.TextInput, .EmailInput, .UrlInput, .NumberInput, .TextareaInput, .SelectInput {
  width: 60%;
  padding-left: 2px;
  padding-top: 2px;
  background: none repeat scroll 0 0 #FFFFFF;
  border-color: #BAC0C3 #BAC0C3 #BAC0C3 #BAC0C3;
  border-style: solid;
  border-width: 1px;
  color: #000000;
}
.NumberInput {
  width: 30%;
}
.TextareaInput {
  height: 200px;
}
#LabelDatenschutz {
  clear: left;
  display: inline-block;
  width: 100%;
  padding-top: 20px;
}
#EndeFormular {
  clear: both;
}
.AnmeldungTagesordnung {
  clear: left;
}
.InputFieldPicture {
  clear: both;
  display: block;
}
.EventStart {
  line-height: 1.3em;
  margin-bottom: 20px;
}
.EventPicture {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 20px;
  width: 100%;
  height: unset;
}
.LabelAlignleft, .LabelRadioGroupAlignleft {
  float: none;
  width: auto;
}
.InputfieldAlignleft {
  width: 95%;
}
.CheckboxInput {
  float: left;
  margin-left: 35%;
  margin-right: 1%;
}
.LabelCheckboxInput {
  display: block;
  width: 55%;
  float: left;
}
.CheckboxInputAlignleft {
  float: left;
  margin-left: 0%;
  margin-right: 1%;
}
.LabelCheckboxInputAlignleft {
  display: block;
  width: 90%;
  float: left;
}
.RadiogroupInputAlignleft, .RadiogroupInputStandard {
  display: inline;
}
.LabelRadiogroupInputAlignleft, .LabelRadiogroupInputStandard {
  display: inline !important;
  margin-right: 15px;
}
.RadiogroupInputMultirow, .RadiogroupInputMultirowalignleft {
  display: block;
  float: left;
  clear: left;
  margin-right: 1%;
}
.LabelRadiogroupInputMultirow, .LabelRadiogroupInputMultirowalignleft {
  display: block;
  width: 90%;
  float: left;
  padding-bottom: 5px;
}
.LabelRadioGroupMultirowalignleft {
  float: none;
  width: auto;
}
.DateSelectInputDay {
  width: 50px;
  text-align: right;
}
.DateSelectInputHour, .DateSelectInputMinute {
  width: 70px;
  text-align: right;
}
.DateSelectInputMonth {
  width: 60px;
  text-align: right;
}
.DateSelectInputYear {
  width: 50px;
  text-align: right;
}
.option {
  padding-right: 10px;
}
.Dateinput {
  float: left;
  padding-bottom: 5px;
}
.DateSeperator, .TimeSeperator {
  font-weight: bold;
}
.DatetimeSeperator {
  font-weight: bold;
}
#Zahlungspflicht {
  clear: left;
  margin-left: 0px;
  padding-top: 10px;
  margin-bottom: 10px;
}
.ErrorContainer {
  width: 400px;
  float: left;
  color: #ff0000;
}
.errorMessage {
  display: none;
}
.error {
  box-sizing: border-box;
}
.error em {
  border-color: #FFF transparent transparent;
}
.PflichtfeldHinweis {
  margin-top: 20px;
  clear: both;
  display: inline-block;
}
.PflichtfeldStern {
  color: #A4C3D7;
  font-weight: bold;
}
/*---Reihe START---*/
.VListMeForm li {
  border: solid 1px #A4C3D7;
  padding: 10px;
}
.GroupFieldsetAttendance .LabelRadiogroupInput {
  margin-right: 10px;
  display: block;
}
.MeFormEventForm {
  clear: both;
}
.MeLongDescription {
  clear: both;
  margin-top: 10px;
  margin-bottom: 10px;
}
/*---Reihe END---*/
/* Formulare END  */
/*Bestätigungsseite START*/
#InhaltConfirmation {
  margin-bottom: 40px;
}
#barcode {
  background-color: #ffffff;
  width: 520px;
}
.EventConfirmationStart {
  margin-bottom: 20px;
}
.ConfirmationPictureYes, .ConfirmationPictureNo {
  float: right;
}
#Confirmation #GMap {
  width: 520px;
  height: 400px;
}
#Answers {
  margin-top: 20px;
  margin-bottom: 20px;
}
#Answers h2 {
  margin-top: 10px;
}
#Answers h3 {
  margin-top: 10px;
}
.AnswerEventName {
  font-weight: bold;
  margin-bottom: 5px;
}
.AnswerItem .AnswerEventName {
  margin-bottom: 2px;
}
.AnswerEventZeit {
  margin-bottom: 5px;
}
.AnswerItem .AnswerEventZeit {
  margin-bottom: 2px;
}
.AnswerEventLocation {
  margin-bottom: 5px;
}
.AnswerItem .AnswerEventLocation {
  margin-bottom: 2px;
}
.AnswerItem h3 {
  margin-top: 5px;
}
.AnswerAntwort {
  margin-bottom: 5px;
}
.AnswerItem .AnswerAntwort {
  margin-bottom: 2px;
}
.AnswerBottom {
  font-size: 4px;
  margin: 0px;
  padding: 0px;
  height: 6px;
}
#Answerlist .AnswerPerson {
  margin: 0;
}
.AnswerPerson {
  margin-top: 0;
  margin-bottom: 4px;
}
.DsLabel {
  width: 30%;
  margin-right: 3%;
  display: inline-block;
}
.DsData {
  width: 60%;
  display: inline-block;
  vertical-align: top;
}
.DataSummeryQuestion {
  margin-bottom: 6px;
}
.SingeleEscortDataEnd {
  margin-bottom: 20px;
}
/*Bestätigungsseite END*/
/*Newsletter START*/
#NewsletterAbmeldung {
  margin-top: 40px;
}
/*Newsletter END*/
/*Mehrsprachen START*/
#LocaleSwitch {
  margin: 0 0 20px auto;
  width: 48px;
}
#LocaleSwitch ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#LocaleSwitch ul li {
  list-style-type: none;
  float: left;
  margin: 0;
}
#LocaleSwitch ul li a {
  background-repeat: no-repeat;
  display: block;
}
#LocaleSwitch ul li a:hover img {
  visibility: hidden;
}
/*Mehrsprachen END*/
/* Anmeldeformular - PaneButtons */
.PaneButtons {
  list-style: none;
  padding-left: 0;
  margin-top: 20px;
  margin-bottom: 35px;
  display: inline-block;
  border-top: 1px solid #efefef;
  padding-top: 16px;
}
.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;
}
.LabelRadiogroupInputMultirow, .LabelRadiogroupInputMultirowPriceCategory, .LabelRadiogroupInputMultirowalignleft, .LabelCheckboxInputAlignleft {
  padding-left: 28px;
}
.LabelCheckboxInputAlignleft {
  display: inline-block;
}
.RadiogroupInputMultirow, .RadiogroupInputMultirowalignleft, .RadiogroupInputPriceCategory, .RadiogroupInputMultirowPriceCategory, .CheckboxInputAlignleft {
  margin-left: -28px;
}
.Inhalt ul {
  list-style: unset;
}
.Inhalt .PaneButtons, .Inhalt #FormSteps {
  list-style: none;
}
#FooterContentText::after {
  content: "";
  clear: both;
  display: block;
}
#FooterContentText .footer-col {
  float: left;
  width: 50%;
  max-width: 100%;
}
#FooterContentText .footer-col h3 {
  color: #FFF;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 18px;
  margin-bottom: 20px;
}
#FooterContentText .footer-col .footer-nav li {
  float: none !important;
  position: relative;
  padding-left: 10px;
  line-height: 21px;
  margin-top: 6px;
}
#FooterContentText .footer-col .footer-nav li::before {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  display: inline-block;
  position: absolute;
  top: 0px;
  left: 0px;
  font-size: 14px;
}
.MeFormListEvent {
  padding-left: 0px;
}
.MeFormListEvent .AttendanceCheckbox {
  float: left;
  margin-left: -20px;
}
.MeFormListEventLi {
  margin-top: 0px;
  padding-left: 30px;
}
.MeFormListEventLi .EventName {
  margin-top: 0px;
}
.MeFormListEventLi .AttendanceCheckbox {
  margin-left: -30px;
  position: relative;
  top: 2px;
  width: auto;
}
.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;
}
#SubEventsFormTop {
  margin-bottom: 23px;
}
.SidebarHtmlText img {
  width: 100%;
  height: auto;
}
.placeholder {
  background-color: white;
  cursor: auto;
  /*opacity: 1;*/
}