@charset "UTF-8";
/* noto-sans-300 - latin */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 300;
  src: local(""), url("/media/fonts/noto-sans-v27-latin-300.woff2") format("woff2"), url("/media/fonts/noto-sans-v27-latin-300.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* noto-sans-regular - latin */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 400;
  src: local(""), url("/media/fonts/noto-sans-v27-latin-regular.woff2") format("woff2"), url("/media/fonts/noto-sans-v27-latin-regular.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
* {
  margin: 0px;
  padding: 0px;
}
img {
  border: none;
}
a, a:hover {
  color: #000;
  text-decoration: underline;
}
/* Struktur */
html, body {
  width: 100%;
  height: 100%;
}
body {
  background-color: #FDFFE5;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #000000;
  word-wrap: break-word;
}
#Rahmen {
  width: 100vw;
}
#Gesamt {
  background-color: #ffffff;
  display: flex;
  min-height: 100vh;
  flex-direction: column;
  width: 100%;
}
#Header {
  height: 154px;
  background-color: #ffffff;
  border-bottom: solid 3px #000000;
}
#Header #banner {
  border-top: 10px solid #899C1F;
}
#Header .Headerspruch {
  padding-top: 25px;
  color: #899C1F;
  font-weight: bold;
}
#Header #White {
  width: 900px;
  height: 100px;
  position: absolute;
  top: 0px;
  left: 260px;
  background-color: #ffffff;
}
#White h1 {
  position: absolute;
  bottom: 5px;
  left: 10px;
  font-family: arial, helvetica, sans-serif;
  font-size: 2em;
  color: #000000;
  margin: 0;
  padding: 0;
}
#grayBar {
  position: absolute;
  top: 0;
  left: 0px;
  width: 635px;
  height: 25px;
  background-color: #EAEAEA;
}
#grayBar2 {
  position: absolute;
  top: 0;
  left: 635px;
  width: 265px;
  height: 25px;
  background-color: #cccccc;
}
#LogInOut {
  display: none;
  border-left: solid 1px #cccccc;
  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;
}
#RahmenInhalte {
  flex-grow: 1;
}
#Inhalte {
  width: 1170px;
  margin-left: 0px;
  min-height: 400px;
  position: relative;
  background-color: #ffffff;
}
#Footer {
  border-top: 10px solid #899C1F;
  font-size: 10px;
  padding: 20px;
  padding-left: 210px;
}
#Footer ul {
  list-style-type: none;
  margin-left: 0px;
}
#Footer ul li {
  float: left;
  padding-right: 20px;
}
/* Inhaltsseiten */
/* Individuelle Einstellungen können jeweils über die ID vorgenommen werden */
.Inhalt {
  width: 600px;
  float: left;
  padding: 20px 30px;
}
.Sidebar {
  width: 265px;
  float: right;
  padding-top: 20px;
}
/* Allgemeiner Definitionen */
p {
  margin-bottom: 10px;
}
h1 {
  color: #209AA0;
  font-size: 14px;
  margin: 0;
  padding: 0;
  margin-bottom: 20px;
}
h2 {
  color: #209AA0;
  font-size: 13px;
  margin-top: 0px;
  margin-bottom: 3px;
}
h3 {
  color: #209AA0;
  font-size: 12px;
  margin-bottom: 3px;
}
ul {
  margin-left: 16px;
}
li {
  margin-bottom: 12px;
}
p {
  line-height: 1.4em;
}
/* Darstellung in Listen */
.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;
}
/* Spezielle allgemeine Seiten-Elemente, oft mit identischem Aussehen */
.EventKontakt, .EventDownloads {
  width: 100%;
  padding: 10px;
  padding-left: 0px;
  font-size: 0.9em;
}
.GoogleMaps {
  /* allgemeiner Wrapper */
}
#GMap {
  width: 520px;
  height: 400px;
}
#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 {
  width: 100%;
  padding: 10px;
  font-size: 0.9em;
  color: #ffffff;
  background-color: #0099A1;
  text-align: center;
  box-sizing: border-box;
}
#Printbutton a:link, #Printbutton a:visited, #Printbutton a:hover {
  color: #ffffff;
}
.Link {
  /* allgemeine Link Klasse  */
  color: #000000;
  text-decoration: underline;
}
/* Einzeldarstellung von Veranstaltungen  */
.LongDescription {
  margin-top: 15px;
}
.Salutation2 {
  margin-top: 5px;
}
/* fallz Anrede in zwei Teilen  */
.EventName {
  margin-top: 10px;
  font-weight: bold;
  font-size: 1.1em;
}
.EventZeit {
  margin: 0px;
}
.EventLocation {
  margin: 0px;
}
.VListMeForm li {
  border: solid 1px #0099A1;
  padding: 10px;
}
/* Formulare  */
.Formular {
  /* für alle Formulare*/
  margin-left: 0px;
  width: 600px;
}
.submit, .IsButton {
  /* für alle submits  */
  background-color: #0099A1;
  color: #FFFFFF;
  cursor: pointer;
  font-size: 11px;
  text-decoration: none;
  width: auto;
}
.submitAnmeldung {
  clear: left;
  margin-left: 400px;
}
/* Buchungsnummer */
#EingabeBN {
  width: 300px;
  float: left;
}
#WeiterBN {
  width: 120px;
  float: left;
}
.Buchungsnr {
  /* ansonsten i.d.R. wie class Textinput */
  width: 280px;
}
.BuchungsnrLabel {
  /* wird i.d.R. ausgeblendet */
  display: none;
}
#SidebarEingabeBN .BuchungsnrLabel {
  display: block;
}
/*Anmeldeformulare */
#TestEMail {
  /* blendet das spezielle Honycomb E-Mail Feld aus */
  display: none;
}
.PflichtfeldStern {
  color: #0099A1;
  font-weight: bold;
}
.GroupFieldset {
  /* für alle Fragensätze */
  padding: 10px;
  margin-top: 10px;
  border: none;
}
.GroupFieldsetAttendance {
  /* Teilname */
}
.GroupFieldsetApplicant {
  /* Teilnehmer */
}
.GroupFieldsetEscort, .GroupFieldsetRepresentative {
  /*speziell für das Ausblenden der Begleitpersonen Fragen*/
  display: none;
}
.GroupFieldsetQuestions {
  /* alle Zusatzfragen */
}
.RadioGroupFieldset {
  display: block;
  margin-bottom: 3px;
  border: none;
}
.GroupFieldsetQuestions .Frage .RadioGroupFieldset .LabelRadiogroupInput {
  /* Zeilenweise Darstellung der Radios für "normale" Fragensätze */
  display: block;
}
.GroupFieldsetAttendance .LabelRadiogroupInput {
  margin-right: 10px;
}
#Attendance {
  clear: left;
  border: none;
  padding-top: 10px;
}
#Attendance h2 {
  margin-top: 0px;
}
#Attendance .LabelRadiogroupInput {
  display: block;
  margin-bottom: 3px;
  /* Zeilenweise Darstellung der Radios für "Teilname" */
}
.Frage {
  /*umschließt jede Einzelfrage */
  padding-top: 3px;
  padding-bottom: 13px;
  clear: left;
}
.LabelTextInput, .LabelRadioGroup, .LabelTextarea, .LabelDateInput, .LabelSelect {
  margin-bottom: 3px;
  width: 33%;
  margin-right: 2%;
  display: block;
  float: left;
}
.Buchungsnr, .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: block;
  padding-top: 20px;
}
#EndeFormular {
  clear: both;
}
.errorMessage {
  display: none;
}
.error {
  box-sizing: border-box;
}
.error em {
  border-color: #FFF transparent transparent;
}
#TextMiddle {
  clear: left;
  margin-top: 20px;
  padding-top: 30px;
}
#OffeneVeranstaltungen {
  clear: left;
  padding-top: 20px;
}
#TextTop, #TextTopMe, #TextTopFormular, #TextTopMeForm, #TextTopConfirmation, #Formular, #MeFormList, #Confirmation {
  margin-left: 0px;
}
#Formular {
  margin-bottom: 20px;
}
#EventStartFormular {
  margin-top: 20px;
}
#barcode {
  background-color: #ffffff;
  width: 520px;
}
.MeLongDescription {
  clear: both;
  margin-top: 10px;
  margin-bottom: 10px;
}
.AnmeldungTagesordnung {
  clear: left;
}
.InputFieldPicture {
  clear: both;
  display: block;
}
.EventStart {
  line-height: 1.3em;
  margin-bottom: 20px;
}
.EventConfirmationStart {
  margin-bottom: 20px;
}
.EventPicture {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 20px;
}
.ConfirmationPictureYes, .ConfirmationPictureNo {
  float: right;
}
#LogIn, #LogIn li {
  list-style-type: none;
  margin: 0;
  padding: 0 !important;
  margin-bottom: 2px;
}
#HauptMenu {
  width: 100%;
}
#HauptMenu ul {
  margin: 0 0 40px 10px;
  list-style-type: none;
}
#HauptMenu li {
  padding-left: 5px;
  margin-bottom: 0px;
}
#HauptMenu li a {
  display: list-item;
  font-size: 100%;
  font-weight: normal;
  text-decoration: none;
  color: #ffffff;
  margin-left: 15px;
  padding: 2px 0;
}
#HauptMenu li a:hover {
  text-decoration: underline;
}
#HauptMenu li a.Self {
  background-color: #005A9A;
  outline-color: #005A9A;
}
#HauptMenu li a.InSelf {
  background-color: #005A9A;
}
#HauptMenu li #MenueLevel2 {
  border: medium none;
  font-size: 100%;
  margin: 0 0 -1px;
  padding: 0;
  width: 100%;
  font-weight: bold;
}
#HauptMenu li li {
  border-bottom: 0 none;
  border-top: 1px solid #FFFFFF;
  margin: 0 0 0 0px;
  padding-left: 10px;
  position: relative;
  width: auto;
}
.Navigation {
  width: 100%;
  min-height: 400px;
  text-align: left;
}
#NavigationTop {
  height: 30px;
  margin-top: 10px;
  padding-left: 210px;
  position: absolute;
  top: 10px;
  left: 400px;
}
#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: #209AA0;
  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: #209AA0;
  text-decoration: underline;
  padding: 3px;
}
.SidebarHtml {
  border-bottom: 1px solid #CCCCCC;
  margin: 0 0 20px 0px;
  padding: 0 0 20px;
}
#CalendarSmallHome {
  margin-bottom: 20px;
}
.SidebarHtml h2 {
  font-weight: bold;
  font-familiy: arial, geneva, helvetica, verdana, tahoma, sans-serif;
}
.sideLink {
  margin-bottom: 20px;
}
#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;
}
#Zahlungspflicht {
  clear: left;
  margin-left: 0px;
  padding-top: 10px;
  margin-bottom: 10px;
}
.PflichtfeldHinweis {
  margin-left: 400px;
}
.LabelAlignleft, .LabelRadioGroupAlignleft {
  float: none;
  width: auto;
}
.InputfieldAlignleft {
  width: 95%;
}
.CheckboxInput {
  float: left;
  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;
}
.ErrorContainer {
  width: 400px;
  float: left;
  color: #ff0000;
}
.GroupFieldsetAttendance .LabelRadiogroupInput {
  margin-right: 10px;
  display: block;
}
#NewsletterAbmeldung {
  margin-top: 40px;
}
#LocaleSwitch {
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: 0;
  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;
}
.MeFormEventForm {
  clear: both;
}
#FormularSearch, #LocaleSwitch {
  display: none;
}
#FormularFragen {
  border: solid 1px #0099A1;
}
#FormTabs {
  margin-bottom: 20px;
  background-color: #0099A1;
  font-size: 11px;
}
#FormTabs::after {
  content: "";
  clear: both;
  display: block;
}
.FormStep {
  margin-top: 7px;
  padding-top: 7px;
  padding-bottom: 5px;
  height: auto;
  font-weight: normal;
}
.FormStep a {
  border-left: solid 1px #000000;
  color: #ffffff;
  padding: 0 10px;
}
.FormStep a.active, .FormStep a:hover {
  border-left: solid 1px #000000;
  color: #DBDB00;
  padding: 0 10px;
}
#FormStep0 a, #FormStep0 a.active {
  border: none;
}
.DataSummeryQuestion {
  margin-bottom: 6px;
}
.DsLabel {
  width: 30%;
  margin-right: 3%;
  display: inline-block;
}
.DsData {
  width: 60%;
  display: inline-block;
  vertical-align: top;
}
.SingeleEscortDataEnd {
  margin-bottom: 20px;
}
#CalendarSmallHome {
  margin-left: 0px !important;
}
.Inhalt img {
  max-width: 100%;
}
.MeFormListEvent::after {
  content: "";
  clear: both;
  display: block;
}
.MeFormListEvent .AttendanceCheckbox {
  float: left;
}
.MeFormListEvent .MeFormListEventDaten {
  float: left;
  padding-left: 8px;
}
.MeFormListEvent .MeFormListEventDaten .MeFormListEventName {
  margin-top: 0px;
}
#DataSummeryParticipationYes, #DataSummeryParticipationNo, #DataSummeryParticipationYesAddP {
  font-weight: normal;
}
.PaneButtons {
  list-style: none;
  padding-left: 0;
  margin-top: 20px;
  display: inline-block;
}
.PaneButtons::after {
  content: "";
  clear: both;
  display: block;
}
.PaneButtons .PaneButtonLeft, .PaneButtons .PaneButtonCenter, .PaneButtons .PaneButtonRight {
  float: left;
  width: calc(100% / 3);
}
.PaneButtons .PaneButtonLeft {
  text-align: left;
}
.PaneButtons .PaneButtonLeft a {
  display: inline-block;
}
.PaneButtons .PaneButtonCenter {
  text-align: center;
}
.PaneButtons .PaneButtonCenter .PaneButtonCenterContent {
  padding-top: 0;
}
.PaneButtons .PaneButtonRight {
  text-align: right;
  float: right;
}
.PaneButtons .PaneButtonRight a {
  display: inline-block;
}
#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;
}
#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: 700;
  display: inline-block;
  height: 25px;
  top: 6px;
  left: 11px;
  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 {
  height: 25px;
  width: 20px;
}
#CalendarSmallCage div#nav #week_days_header, .calendar_cage div#nav #week_days_header {
  width: 100%;
}
#CalendarSmallCage div#nav #week_days_header tr td, .calendar_cage div#nav #week_days_header tr td {
  color: #333;
  height: 40px;
  font-weight: bold;
}
#CalendarSmallCage #timetravel, .calendar_cage #timetravel {
  font-size: 18px;
  color: #333;
}
#CalendarSmallCage table td, .calendar_cage table td {
  width: 40px;
  height: 31px;
  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 {
  background-color: #C1022D !important;
  color: #FFF !important;
}
#GoogleMapsForm #GMap {
  width: 100%;
}
.inputLogIn.inputLogInU, .inputLogIn.inputLogInP {
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  box-sizing: border-box;
  padding: 5px 12px;
  width: 100% !important;
}
.sidebar-contact-area {
  margin-bottom: 23px;
}
.hidden {
  display: none;
}
#InhaltFormular {
  max-width: 850px;
  width: 75%;
}
#FooterContentText > p {
  text-align: center;
}
#Clickpath {
  display: inline-block !important;
  margin: 10px 30px;
}
#FormTabs {
  display: inline-block !important;
  margin-bottom: 5px;
  line-height: 36px;
  margin-bottom: 23px;
}
#FormTabs {
  margin-bottom: 20px;
}
#FormTabs, #InfoTabs {
  width: auto;
}
.placeholder {
  background-color: white;
  cursor: auto;
  /*opacity: 1;*/
}
.ServiceMode {
  width: 100%;
}