@charset "UTF-8";
/*Struktur START*/
* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
  word-wrap: break-word;
}
html, body {
  height: 100%;
}
html {
  font-family: Arial, Tahoma, sans-serif;
  font-size: 16px;
  color: #000;
}
body {
  background-color: #f2f2f2;
  color: #7e7f72;
}
img {
  border: none;
  max-width: 100%;
  height: auto;
}
a:link, a:visited {
  color: #777;
}
a:hover, a:focus, a:active {
  color: #333;
}
h1, h2, h3 {
  font-weight: bold;
  margin-bottom: 10px;
}
h2, h3 {
  margin-top: 20px;
}
p {
  /*padding-bottom: 10px;*/
}
ol {
  padding-left: 15px;
}
ul.OVList, #SecondLevelMenu ul, ul.VList, .DownloadHTMLText ul, ul#DataSummeryEvents, ul#Answerlist, #LocaleSwitch ul {
  list-style: none;
}
#Inhalte {
  margin: 20px auto 0;
  width: 1060px;
}
/*Struktur END*/
/*Sidebar links START*/
.Leftbar {
  width: 300px;
  display: inline-block;
  vertical-align: top;
  float: right;
  margin-bottom: 50px;
}
/*Sidebar links END*/
/*Sidebar rechts START*/
.Sidebar {
  width: 300px;
  float: right;
}
.Sidebar h2 {
  margin-top: 0;
}
.PagebreaksInfoRegistration a {
  padding: 8px 20px;
  display: block;
  width: 100%;
}
.Print, .sideLink {
  text-align: center;
}
/*Sidebar rechts END*/
/*---Inhaltsseiten START---*/
.Inhalt {
  display: inline-block;
  float: left;
  vertical-align: top;
}
.Inhalt {
  width: 700px;
  margin: 0 30px;
  padding-left: 18px;
  min-height: 450px;
}
.ListDatenDiv p {
  padding-bottom: 0;
}
.ListEventName {
  padding-bottom: 5px;
}
.ListDatenDiv {
  border-bottom: 2px solid rgba(254, 76, 0, 0.13);
  padding-bottom: 13px;
}
.ListEventName a {
  color: #7e7f72;
  font-weight: 600;
  text-decoration: none;
  transition: color 100ms ease;
}
.ListEventName a:hover {
  color: #fd4f00;
}
/*Startseite START*/
/*Buchungsnummer Formular*/
#Buchungsnummer {
  position: relative;
}
#EingabeBN {
  display: inline-block;
  vertical-align: top;
  position: relative;
}
#EingabeBN label {
  display: inline;
}
#WeiterBN {
  display: inline-block;
  left: 343px;
  position: absolute;
  top: 0;
  vertical-align: top;
  width: auto;
}
#BNbottom {
  clear: both;
  margin-top: 10px;
}
#BNtop {
  margin-bottom: 15px;
}
#BNtop p {
  font-weight: bold;
}
#OffeneVeranstaltungen {
  clear: both;
  margin-top: 20px;
  display: inline-block;
}
#Veranstaltungsliste ul li {
  margin-bottom: 30px;
}
#Veranstaltungsliste ul li p {
  margin-bottom: 5px;
}
/*Startseite END*/
/*---Inhaltsseiten END---*/
/*---Formulare START---*/
/*--- Buttons START ---*/
.submit, a.nextPane, a.prevPane, .LinkShowAdditionalParticipant a, .PagebreaksInfoRegistration a, .LinkHideAdditionalParticipant a, .sideLink a, .Print a {
  width: 100%;
}
.submit:hover, .submit:focus, .submit:active, a.nextPane:hover, a.nextPane:focus, a.nextPane:active, a.prevPane:hover, a.prevPane:focus, a.prevPane:active, .LinkShowAdditionalParticipant a:hover, .LinkShowAdditionalParticipant a:focus, .LinkShowAdditionalParticipant a:active, .PagebreaksInfoRegistration a:hover, .PagebreaksInfoRegistration a:focus, .PagebreaksInfoRegistration a:active {
  cursor: pointer;
}
li.PaneButtonRight, .submitAnmeldung {
  float: right;
}
li.PaneButtonLeft {
  width: 230px;
}
li.PaneButtonRight, .submitAnmeldung {
  float: right;
  width: 250px;
}
li.PaneButtonRight a, .submitAnmeldung a {
  font-size: 25px;
  height: 50px;
  padding: 6px;
}
.submitAnmeldungPaneButton, .prevPane {
  float: right;
  font-size: 25px !important;
  height: 50px !important;
  padding: 6px !important;
  font-family: inherit;
}
.LinkShowAdditionalParticipant a, .LinkHideAdditionalParticipant a {
  text-align: center;
}
.LinkShowAdditionalParticipant a {
  margin-top: 20px;
}
/*--- Buttons END ---*/
.Textinput, .TextInput, .EmailInput, .UrlInput, .NumberInput, .CurrencyInput, .TextareaInput, .SelectInput, .FileInput, #SucheEingabe, .inputLogIn {
  border: 1px solid #bfbfbf;
  border-radius: 3px;
  color: inherit;
  font-family: inherit;
  font-size: 1rem;
  height: 39px;
  line-height: 27px;
  padding: 0 14px;
  outline: none;
  transition: border-color 200ms ease 0s;
}
.Textinput:focus, .TextInput:focus, .EmailInput:focus, .UrlInput:focus, .NumberInput:focus, .CurrencyInput:focus, .TextareaInput:focus, .SelectInput:focus, .FileInput:focus, #SucheEingabe:focus, .inputLogIn:focus {
  border-color: #fd4f00;
}
.CheckboxInput {
  margin-right: 5px;
}
.TextareaInput {
  width: 100%;
}
.FormStep, #InfoTabs .InfoStep {
  float: none;
  display: inline-block;
  height: auto;
}
.EventName {
  font-weight: bold;
}
.EventZeit {
  padding-bottom: 0;
}
/* Damit Satz "Bitte teilen Sie uns mir ob sie kommen" auf selber Höhe wie Pflichtstern ist */
/* fieldset.GroupFieldsetAttendance > h2 + span + p {
padding: 0;
} */
.GroupFieldsetAttendance .LabelRadiogroupInput {
  display: block;
  clear: both;
  padding-bottom: 15px;
}
.GroupFieldsetAttendance .LabelRadiogroupInput.break {
  margin-bottom: 0px;
}
.GroupFieldset h2, .escortData h3, #Confirmation h3 {
  margin-bottom: 20px;
  border-bottom: 1px solid #fd4f00;
  padding-bottom: 12px;
}
#Attendance .IsEscortNum {
  display: block;
  float: left;
  width: auto;
  margin: 20px 5px 20px 0;
  height: 22px;
}
#Attendance input.IsEscortNum {
  width: 50px;
  text-align: center;
}
fieldset {
  border: none;
  margin-top: 20px;
}
fieldset fieldset {
  border: none;
  margin-top: 0;
}
.escortData, .AdditionalParticipantData {
  padding-top: 20px;
  clear: both;
}
.GroupFieldsetAdditionalParticipants {
  padding: 20px 0 0;
  border-top: 1px solid #fff;
}
.AdditionalParticipantData h3 {
  margin-top: 0;
}
.AdditionalParticipantQuestions {
  padding: 0 0 20px;
  border-bottom: 1px solid #fff;
  margin: 0 0 20px;
}
.GroupFieldset .Frage {
  margin-bottom: 10px;
}
.PaneButtons {
  margin-top: 20px;
  margin-bottom: 40px;
}
.PaneButtonCenterContent {
  width: 100%;
  padding-left: 70px;
  padding-top: 20px;
}
.slider a {
  border: none;
}
#DataSummeryParticipant, #DsAdditionalParticipants {
  padding: 0 0 20px;
}
#DsParticipants, #DsAdditionalParticipants, #DsEscorts {
  margin-top: 30px;
}
.DsAdditionalParticipant {
  margin-bottom: 20px;
}
.Dsheadline, .AnswerAntwortHL {
  font-weight: bold;
  margin-top: 15px;
  display: block;
}
#Zahlungspflicht, #ObeyRulesFrage, #FormHTMLTextAbovePrivacyStatement, #LabelDatenschutz, #AdditionalParticipantsEMail, #WiderrufDiv {
  clear: both;
  margin-top: 20px;
  display: inline-block;
}
.PflichtfeldHinweis {
  margin-top: 20px;
}
.PflichtfeldStern {
  color: red;
  font-weight: 900;
}
.error {
  box-sizing: border-box;
}
.error em {
  border-color: #FFF transparent transparent;
}
.invalid, input.invalid {
  border: 1px solid red;
  box-shadow: 0px 0px 2px 2px red;
}
#Answers {
  margin: 20px 0;
}
#GoogleMapsForm #GMap {
  width: 265px;
  height: 265px;
}
#GoogleMapsConf #GMap {
  width: 500px;
  height: 375px;
}
p.AnswerAntwort, p.AnswerAntwortHL {
  padding-bottom: 0;
  line-height: 140%;
}
.AnswerAntwortLabel {
  width: 33%;
  display: inline-block;
}
.AnswerAntwortValue {
  width: 60%;
}
.AnswerStatus {
  font-weight: normal;
}
#grcode img {
  width: auto;
}
/*Reihe START*/
.VListMeForm li {
  background-color: #f7f7f7;
  margin-bottom: 20px;
  border-radius: 3px;
  padding: 10px 30px 30px;
}
.AnswerEventName {
  font-weight: bold;
}
.AnswerItem p {
  padding-bottom: 0;
  line-height: 140%;
}
/*Reihe END*/
/*Formulare END*/
/*Tagesordnungspunkte START*/
.AnmeldungTagesordnung h2 {
  font-size: 1rem;
}
.SeListDateFloat, .SeListEventDaten {
  display: inline-block;
}
.SeListDateFloat {
  width: 25%;
}
.SeListEventDaten {
  width: 75%;
}
/*Tagesordnungspunkte END*/
/*Newsletter START*/
#FormHTMLTextBelowForm, .FormBottomHintDoubleOptIn, .NewsletterAbsageBottom {
  display: inline-block;
}
#EMailFrageAbsage {
  margin-bottom: 20px;
}
/*Newsletter END*/
/*Stammdatenänderung START*/
.MasterDataLinkHTMLTop {
  clear: both;
  margin-top: 20px;
}
/*Stammdatenänderung END*/
/*--- Portal Features START ---*/
/*Sidebar-Kalender Start*/
/*Sidebar-Kalender End*/
/*Suche Start*/
/*Suche End*/
/*Tagcloud Start*/
/*Tagcloud End*/
/*--- Portal Features END ---*/
/*CSS für zweites Menü klappt nach unten wie auf der klimadiskurs seite START*/
#HauptMenu ul:after {
  clear: both;
}
#HauptMenu ul li.mainMenue {
  vertical-align: top;
  margin: 0;
  float: left;
  margin-top: 40px;
}
#HauptMenu ul li a:link, #HauptMenu ul li a:visited {
  display: block;
  font-size: 16px;
  color: #7e7f72;
  /*12px*/
  font-weight: bold;
}
#HauptMenu > ul > li > a {
  z-index: 999;
  position: relative;
  height: 51px;
  line-height: 46px;
  padding: 0px 20px 0;
  margin-top: 0px;
}
#HauptMenu ul > li > a:hover, #HauptMenu ul > li > a:focus {
  color: #fd4f00;
}
#HauptMenu ul li.mainMenue:hover .wrapper-MenueLevel2 {
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  top: 91px;
  left: 0;
  background-color: #FFF;
  z-index: 1;
  height: 55px;
  box-shadow: 0 1px 3px -1px #98998f;
}
#HauptMenu ul ul.MenueLevel2 {
  display: none;
  position: absolute;
  padding: 10px 0 0;
  z-index: 998;
  left: 50%;
  margin-left: -470px;
}
#HauptMenu ul li.mainMenue:hover {
  border-bottom: none;
}
#HauptMenu ul li:hover ul.MenueLevel2 {
  display: block;
}
#HauptMenu ul ul.MenueLevel2 li {
  float: left;
  line-height: 30px;
}
#HauptMenu ul ul.MenueLevel2 li a {
  font-size: 14px;
  font-weight: bold;
  padding: 5px 15px;
}
/*CSS für zweites Menü klappt nach unten wie auf der klimadiskurs seite END*/
#TopMenu {
  width: 970px;
  margin: 0 auto;
}
#TopMenu:after {
  clear: both;
  content: "";
}
#TopMenu ul {
  float: right;
}
#TopMenu ul li {
  float: left;
  margin-left: 30px;
  line-height: 35px;
  list-style: none;
}
#TopMenu ul li a {
  float: left;
  color: #FFF;
  text-decoration: none;
  list-style: none;
}
#TopMenu ul li a:hover, #TopMenu ul li a:focus {
  text-decoration: underline;
}
#TopMenu ul:after {
  clear: both;
  content: "";
}
#NavigationTop {
  background-color: #98998f;
  text-align: right;
  padding: 0px;
  margin: 0px;
  color: #ffffff;
  font-size: 13px;
  position: fixed;
  font-weight: normal;
  width: 100%;
  height: 35px;
  z-index: 999;
}
#Navigation {
  width: 100%;
  height: 90px;
  box-sizing: content-box;
  border-bottom: 1px solid rgba(126, 127, 114, 0.56);
  box-shadow: 0 2px 3px -1px #98998f;
  position: fixed;
  z-index: 9999;
  background-color: #FFF;
  border-top: 35px solid #98998f;
}
#HauptMenu {
  width: 970px;
  margin: 0 auto;
  padding-left: 260px;
  height: 90px;
}
#HauptMenu li {
  list-style: none;
}
#HauptMenu li a {
  text-decoration: none;
}
.bgimage-area {
  width: 970px;
  position: relative;
  margin: 0 auto;
  padding: 0 15px;
  display: block;
  height: 100%;
}
.logo {
  background: url("/media/images/logo.png") no-repeat -102px 0px;
  position: fixed;
  width: 242px;
  top: 55px;
  left: 50%;
  display: inline-block;
  height: 56px;
  z-index: 9999;
  margin-left: -480px;
  text-indent: -99999px;
}
.logo.nav-down {
  background-position: 0px -15px;
  height: 40px;
  width: 55px;
  top: 30px;
}
.claim {
  color: #fff;
  font-size: 45px;
  font-weight: 700;
  line-height: 52px;
  padding: 0 30px;
  position: absolute;
  top: 190px;
  width: 100%;
}
.claim.claim2 {
  font-size: 1.415rem;
  top: 232px;
}
.banner {
  background: url("/media/images/Header_FABLF.jpg") no-repeat 50% -10% / cover;
  height: 600px;
}
#Rahmen.RahmenForm_1E199 .banner {
  background: url("/media/images/Neu-Save-the-date-75-Jahr-2440-x-1597-px_72dpi.jpg?r=463858617") no-repeat 50% 100% / cover;
}
.banner::before {
  background-color: rgba(137, 76, 76, 0.19);
  content: "";
  display: block;
  height: inherit;
  width: inherit;
}
#NavigationTop.nav-down {
  display: none;
}
#Navigation.nav-down {
  top: 0;
  border-top: 0;
}
.nav-down #HauptMenu {
  padding-left: 70px;
}
#Footer #FooterContent {
  border-top: 1px solid #fd4f00;
  margin: 60px auto 0;
  min-height: 80px;
  width: 1000px;
}
.submit, a.nextPane, a.prevPane, .sideLink a, .Print a, .LinkShowAdditionalParticipant a, .LinkHideAdditionalParticipant {
  background: #fd4f00 none repeat scroll 0 0;
  border: 0 none;
  border-radius: 4px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  height: 38px;
  line-height: 36px;
  margin: 0;
  padding: 0 14px;
  text-decoration: none;
  transition: background 200ms ease 0s;
}
.LinkShowAdditionalParticipant a, .LinkHideAdditionalParticipant a {
  width: 100%;
  display: block;
  color: #FFF;
  text-decoration: none;
}
.sideLink a, .Print a {
  margin-bottom: 20px;
  width: 100%;
}
.submit:hover, .submit:focus, .sideLink a:hover, .sideLink a:focus, .Print a:hover, .Print a:focus, .LinkShowAdditionalParticipant a:hover, .LinkShowAdditionalParticipant a:focus, .LinkHideAdditionalParticipant a:hover, .LinkHideAdditionalParticipant a:focus {
  background-color: rgba(254, 76, 0, 0.8);
}
.PflichtfeldHinweis {
  color: #ff4a4a;
}
.RadioGroupFieldset.RadioGroupFieldsetStandard {
  margin-bottom: 26px;
}
.SidebarHtml {
  margin-bottom: 20px;
}
.Sidebar h2 {
  font-size: 20px;
  margin-top: 0;
}
/*
.GroupFieldsetEscort {
background-color: #f1f1f1;
padding: 0 35px 30px;
border-radius: 3px;
}
*/
table {
  width: 100%;
}
#FooterContent table td {
  width: 120px;
  vertical-align: top;
}
.footer-navi-area {
  font-size: 14px;
  margin-top: 28px;
  line-height: 25px;
}
.footer-navi-area ul {
  list-style: none;
}
.footer-navi-area ul.footer-nav {
  margin-bottom: 15px;
}
.footer-navi-area ul a {
  text-decoration: none;
  color: #7e7f72;
}
.footer-navi-area ul a:hover, .footer-navi-area ul a:focus {
  color: #fd4f00;
}
#Footer {
  margin-bottom: 70px;
}
.social-nav {
  margin-top: 40px;
  margin-bottom: 20px;
}
.footer-navi-area ul::after {
  content: "";
  clear: both;
  display: block;
  height: 0;
}
.social-nav li {
  float: left;
  text-indent: -9999px;
  margin-right: 8px;
}
.social-nav li:last-child {
  margin-right: 0;
}
.social-nav .fb, .social-nav .tw, .social-nav .yt, .social-nav .rss {
  background: url("/media/images/icon_fb.svg") no-repeat 0 0 transparent;
  width: 40px;
  height: 40px;
  display: block;
}
.social-nav .tw {
  background-image: url("/media/images/icon_tw.svg");
}
.social-nav .yt {
  background-image: url("/media/images/icon_yt.svg");
}
.social-nav .rss {
  background-image: url("/media/images/icon_rss.svg");
}
.begruessung {
  color: #fd4f00;
  font-weight: 600;
  display: block;
  line-height: 23px;
  font-size: 15px;
}
.top-navi-special {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 99999;
  color: #FFF;
  line-height: 35px;
  font-size: 13px;
  font-weight: bold;
}
.top-navi-special a {
  color: #FFF;
  text-decoration: none;
}
.top-navi-special a:hover, .top-navi-special a:focus {
  text-decoration: underline;
}
.top-navi-special::after, .top-navi::after, .top-social::after {
  content: " ";
  clear: both;
  display: block;
  height: 0;
}
.top-navi-special ul {
  list-style: none;
}
.top-navi-special .top-search-btn {
  background-color: #fd4f00;
  width: 35px;
  height: 35px;
}
.top-number, .top-navi, .top-social, .top-search-btn, .top-social li, .top-navi li {
  float: left;
}
.top-number, .top-navi li, .top-navi {
  margin-right: 30px;
}
.top-social {
  margin-right: 15px;
  margin-top: 3px;
}
.top-navi li:last-child, .top-social li:last-child {
  margin-right: 0;
}
.top-social li {
  text-indent: -99999px;
}
.top-social li a {
  background: url("") no-repeat 50% 50% transparent;
  height: 30px;
  width: 30px;
  display: block;
}
.top-social li.top-ico-fb a {
  background-image: url("/media/images/top_icon_fb.svg");
}
.top-social li.top-ico-tw a {
  background-image: url("/media/images/top_icon_tw.svg");
}
.top-social li.top-ico-yt a {
  background-image: url("/media/images/top_icon_yt.svg");
}
.top-social li.top-ico-rss a {
  background-image: url("/media/images/top_icon_rss.svg");
}
#InhaltStart #FormularBuchungsnummer {
  margin-top: 40px;
}
#InhaltStart #TextTop, #OffeneVeranstaltungen {
  display: none;
}
#SecondLevelMenu ul li a {
  background-color: #FFF;
  display: block;
  margin-bottom: 1px;
  padding: 8px 20px;
  color: #727272;
  text-decoration: none;
  border-radius: 5px;
  border: 1px solid rgba(255, 80, 0, 0.4);
}
#SecondLevelMenu ul ul li a {
  padding-left: 40px;
}
#SecondLevelMenu ul li a:hover, #SecondLevelMenu ul li a:focus, #SecondLevelMenu ul li a.Self {
  background-color: #fd4f00;
  color: #FFF;
}
#ZusatztextUnterFormular {
  margin-top: 20px;
}
#HauptMenu > ul::after {
  content: "";
  clear: both;
  display: block;
}
/*li.PaneButtonRight a, .submitAnmeldung a {
    background: #fd4f00 url('/media/images/arrow_white.svg') no-repeat right 23px center;
    background-size: 13px;
    transition: all 0.2s ease 0s;
}
li.PaneButtonRight:hover a, .submitAnmeldung:hover a {
    background-position-x: right 18px;
}*/