@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote,
a, abbr, acronym, address, big, cite,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  font: inherit;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

.tms-body {
  line-height: 1;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

.test {
  font-size: 12px;
}

table:not([class*=mat-]) {
  border-collapse: collapse;
  border-spacing: 0;
}

:export {
  teilnehmerliste_row_height: 30;
  teilnehmerliste_column_width: 200;
}

:root {
  --strong-font-weight: 500;
}

strong:not([class*=mat-]), .bold:not([class*=mat-]) {
  font-weight: var(--strong-font-weight) !important;
}

/* Palette generated by Material Palette - materialpalette.com/blue-grey/red */
.flex1_25percent {
  flex: 1 25%;
}

.flexrow_flex {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  flex: 1;
}

.flexrow_flexauto {
  display: flex;
  flex-direction: row;
  flex: 1 auto;
}

.flexrow {
  display: flex;
  flex-direction: row;
  width: 100%;
}

.flexrow_center {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
}

.flexrow_responsive {
  display: flex;
  flex-direction: row;
  flex: 1 auto;
}
@media (max-width: 900px) {
  .flexrow_responsive {
    flex-direction: column;
  }
  .flexrow_responsive .responsive_nopadding {
    padding: 0px !important;
  }
  .flexrow_responsive .responsive_nomargin {
    margin: 0px !important;
  }
}

.flexrow_responsive_center {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex: 1 auto;
}
@media (max-width: 900px) {
  .flexrow_responsive_center {
    flex-direction: column;
    align-items: flex-start;
  }
}

.flexrow_responsive_nocenter {
  display: flex;
  flex-direction: row;
  flex: 1 auto;
}
@media (max-width: 900px) {
  .flexrow_responsive_nocenter {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (min-width: 900px) {
  .hideOnGreaterThanM {
    display: none;
  }
}

.packets.flexrow_responsive_packets {
  display: flex;
  flex-direction: row;
  margin-bottom: 10px;
}
.packets.flexrow_responsive_packets .column1_checkbox {
  margin-right: 0px;
  margin-bottom: 0px;
  margin-right: 10px;
  order: 1;
}
.packets.flexrow_responsive_packets .column1 {
  margin-right: 20px;
  margin-bottom: 0px;
  margin-right: 10px;
  order: 1;
  min-width: 60px;
}
.packets.flexrow_responsive_packets .column2 {
  margin-right: 20px;
  margin-bottom: 0px;
  width: 100%;
  order: 2;
}
.packets.flexrow_responsive_packets .column2 label {
  font-weight: initial;
}
.packets.flexrow_responsive_packets .column3 {
  margin-bottom: 0px;
  width: 300px;
  order: 3;
}
@media (max-width: 900px) {
  .packets.flexrow_responsive_packets {
    flex-direction: column;
    align-items: flex-start;
  }
  .packets.flexrow_responsive_packets .column1_checkbox {
    margin-right: 0px;
    margin-top: 1px;
    margin-bottom: 20px;
    width: 30px;
    order: 1;
  }
  .packets.flexrow_responsive_packets .column1 {
    margin-right: 0px;
    margin-bottom: 20px;
    margin-top: 10px;
    width: 100%;
    order: 3;
  }
  .packets.flexrow_responsive_packets .column1 select {
    width: 100% !important;
  }
  .packets.flexrow_responsive_packets .column2 {
    margin-right: 0px;
    margin-bottom: 0px;
    width: 100%;
    order: 1;
  }
  .packets.flexrow_responsive_packets .column3 {
    margin-bottom: 0px;
    margin-top: 10px;
    margin-left: 27px;
    width: auto;
    order: 2;
  }
}
.packets.flexrow_responsive_packets .packetdivider {
  border-bottom: 1px solid #d2d2d2;
  width: 100%;
  margin-bottom: 15px;
  order: 10;
}
.packets.flexrow_responsive_packets:last-of-type .packetdivider {
  display: none;
}
.packets.flexrow_responsive_packets .packet_checkbox_input {
  margin: 5px 0 0 4px;
}

.flexrow_center {
  align-items: center;
  vertical-align: center;
  display: flex;
  flex: 1;
  height: 100%;
}

.flexcolumnauto {
  display: flex;
  flex-direction: column;
  flex: 1 auto;
}

.flexcolumn {
  display: flex;
  flex-direction: column;
  width: 100%;
  flex: 1 auto;
}

.flexcolumn_center {
  align-items: center;
  vertical-align: center;
  display: flex;
  flex: 1 auto;
  height: 100%;
}

@media (max-width: 900px) {
  .hideOnSizeS {
    display: none;
  }
}

.alignItemsFlexEnd {
  align-items: flex-end;
}

.twocolumns {
  display: flex;
  padding-bottom: 1px;
  flex-direction: column;
  width: 100%;
}
@media (min-width: 992px) {
  .twocolumns {
    flex-direction: row;
  }
}
.twocolumns .centercolumn {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
}
.twocolumns .centercolumn .modalcontent {
  padding: 20px;
}
.twocolumns .leftcolumn .modalcontent {
  padding: 20px;
}
@media (min-width: 992px) {
  .twocolumns .leftcolumn {
    width: 75%;
    order: 2;
  }
}
@media (min-width: 1600px) {
  .twocolumns .leftcolumn {
    width: 82%;
  }
}
.twocolumns .leftcolumn.singlecolumn {
  width: 100%;
}
.twocolumns .rightcolumn {
  padding: 40px 35px;
  border-right: 1px solid #fff;
  background-color: #BDBDBD;
  color: #fff;
}
.twocolumns .rightcolumn .fontcolor_dark {
  color: #333;
}
@media (min-width: 992px) {
  .twocolumns .rightcolumn {
    width: 25%;
    order: 1;
  }
}
@media (min-width: 1600px) {
  .twocolumns .rightcolumn {
    width: 25%;
  }
}
.twocolumns .rightcolumn .rightcolumn__container {
  position: -webkit-sticky;
  position: sticky;
  top: 40px;
  width: 100%;
}
.twocolumns .rightcolumn .rightcolumn__container input:not([type=checkbox]) {
  width: 100%;
}
.twocolumns .rightcolumn .rightcolumn__container.fixed {
  position: fixed;
}
.twocolumns .rightcolumn .rightcolumn__container.top166px {
  top: 166px;
}
.twocolumns .rightcolumn .rightcolumn__container.top120px {
  top: 120px;
}
.twocolumns .rightcolumn .rightcolumn__container.top116px {
  top: 116px;
}
.twocolumns .rightcolumn .rightcolumn__container.top40px {
  top: 40px;
}
.twocolumns .rightcolumn .rightcolumn__container.top80px {
  top: 80px;
}
.twocolumns .rightcolumn .rightcolumn__title {
  color: #212121;
  margin-bottom: 20px;
}
.twocolumns .rightcolumn label {
  font-weight: 300;
  margin-bottom: 20px;
  color: #212121;
}
.twocolumns .rightcolumn .language__selector {
  padding: 20px;
  margin-bottom: 20px;
  background-color: #CDDC39;
  border-radius: 3px;
}
.twocolumns .rightcolumn .whitebox {
  background: transparent;
}

/*#E4032E;*/
a:not([class*=mat-]) {
  transition: all 0.2s ease;
}
.tms-flex {
  display: flex;
}
.tms-flex.tms-flex-center {
  align-items: center;
}

#logo_aloom_small {
  position: fixed;
  right: 20px;
  top: -30px;
  z-index: 13;
  transition: all 0.2s ease;
}
#logo_aloom_small img {
  width: 80px;
}
#logo_aloom_small.visible {
  top: 27px;
}

#tipp {
  font-size: 11px;
  font-weight: 300;
  font-style: italic;
  color: #FF5252;
}

p.info {
  font-style: italic;
}

.no_event_hint {
  padding: 20%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0 1px 1px 0;
  font-size: 24px;
}
.no_event_hint div {
  margin-bottom: 35px;
}

form.uploadform input {
  opacity: 0;
  padding: 0;
  margin: 0;
  cursor: pointer;
}

.uploaditem.uploading {
  background-color: #00b9ef;
  color: white;
}

.uploaditem.error {
  background-color: #FF5252;
  color: white;
}

.progressbarwrapper {
  width: 100%;
}

.progressbar {
  height: 10px;
  width: 0;
  background: #FFFFFF;
}

div.plusminus {
  float: left;
  width: 16px;
  line-height: 1;
  margin-top: 1px;
  text-align: left;
  padding-left: 5px;
}
div.plusminus a {
  color: #202020;
}

.plusminusinputwrapper {
  float: left;
  width: calc(100% - 20px);
}

.minheight100px {
  min-height: 100px;
}

div.box div.zeile.checked {
  background-color: #f4fbe3;
}

.rightcolumn > .iconbutton {
  width: 100%;
}

.wrapperheader {
  background-color: #595959;
  color: #FFFFFF;
  padding: 25px 50px;
  margin-bottom: 1px;
}

#wrapper {
  padding: 0;
  flex: 1;
}
html:not([class*=mat-]) {
  height: 100%;
  padding: 0;
  margin: 0;
}

.tms_body {
  font-family: "Fira Sans", Arial, sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.4;
  color: #3F3F3F;
  background: #ffffff;
  min-height: 100%;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  flex: 1 auto;
}

a:not([class*=mat-]) {
  outline: none;
}

*:not([class*=mat-]) {
  box-sizing: border-box;
}

*::after:not([class*=mat-]), *::before:not([class*=mat-]) {
  box-sizing: border-box;
}

#layout {
  display: flex;
  flex-direction: column;
  flex: 1 auto;
}
@media all and (-ms-high-contrast: none) {
  #layout {
    min-height: 100vh;
  }
}
#layout #main {
  display: flex;
  flex-direction: column;
  flex: 1 auto;
}
#layout #main #pagewrapper {
  display: flex;
  flex-direction: column;
  flex: 1 auto;
}
#layout #main #pagewrapper .innerBody {
  display: flex;
  flex-direction: column;
  flex: 1 auto;
}
#layout #main #pagewrapper #content {
  display: flex;
  flex-direction: column;
  flex: 1 auto;
  min-width: 100%;
}
#layout #main #pagewrapper #footer {
  position: relative;
}

.frontpagelink {
  color: #202020 !important;
  text-decoration: none !important;
}

.frontpagelink:hover {
  color: #202020 !important;
  text-decoration: underline !important;
}

.event__title a,
.user__container a,
.company__container a {
  text-decoration: none !important;
}

.frontpage_container .navitem {
  color: #202020 !important;
  text-decoration: none;
}

a:not([class*=mat-]) {
  color: #202020;
  text-decoration: underline;
}
a:not([class*=mat-]).primary {
  border-radius: 3px;
  transition: all 0.3s ease;
}

.event__actions a,
.page__actions a,
.buttonboxcontainer a {
  color: white;
  text-decoration: none;
}

.textdecorationnone,
.conditionblock_wrapper a,
.report__title a,
.addfilter,
.full-width-link,
.email--container a,
.option_conditionblock a,
#footer a,
.toolbar_infotext a,
.toolbar_infotext a:hover,
.linavbutton a,
.linavbutton a:hover,
.navitem a,
.navitem a:hover,
.buttonboxcontainer a,
.buttonboxcontainer a:hover,
.page__actions a,
.page__actions a:hover,
.buttons .add, .buttons .remove,
a.nav_a {
  text-decoration: none !important;
}

.frontpage_container div#register,
.frontpage_container .passworterneuern {
  color: #202020;
  text-decoration: none;
}

.no_underline,
.no_underline:hover {
  text-decoration: none !important;
}

em:not([class*=mat-]), .italic:not([class*=mat-]) {
  font-style: italic;
}

p:not([class*=mat-]) {
  margin-bottom: 20px;
}

.medium:not([class*=mat-]) {
  font-weight: 400;
}

h1:not([class*=mat-]) {
  font-size: 25px;
}

h2:not([class*=mat-]) {
  font-size: 20px;
}

hr:not([class*=mat-]) {
  display: block;
  unicode-bidi: isolate;
  margin-block-start: 0.5em;
  margin-block-end: 0.5em;
  margin-inline-start: auto;
  margin-inline-end: auto;
  overflow: hidden;
  border: none;
  border-style: inset;
  border-width: 0px;
  height: 1px;
  background-color: #c6c6c6;
}

.notextselect:not([class*=mat-]) {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}

.error:not([class*=mat-]), .textcolorerror:not([class*=mat-]), .colorrot:not([class*=mat-]) {
  color: #FF5722 !important;
}

.bgcolor {
  background-color: #f0f0f0;
}

.bgerror {
  background-color: #FF5252 !important;
  color: white;
}

.bgwhite {
  background-color: white !important;
}

.bginfo {
  background-color: #FF5252;
}

.bgconfirmation {
  background-color: #FF5252 !important;
}

.bginfodarken10 {
  background-color: #0092bc;
}

.bgverpflegung {
  background-color: #e50052;
}

.bgtr {
  background-color: #81028e;
}

.bggr {
  background-color: #ae2abc;
}

.bgdienstleistung {
  background-color: #a503b6;
}

.bgheader, .bgheadertop {
  background-color: #707070;
}

.darkenbgcolor5 {
  background-color: #e3e3e3;
}

.lightenbgcolor5 {
  background-color: #fdfdfd;
}

.block {
  display: block;
}

.width100 {
  width: 100% !important;
}

.height100 {
  height: 100% !important;
}

.textcolorwhite {
  color: #fff;
}

.textcolorgrau {
  color: #727272;
}

.textcolorinfo {
  color: #00b9ef;
}

.textcolorconfirmation {
  color: #94C11E;
}

del:not([class*=mat-]) {
  color: #FF5252;
}

ins:not([class*=mat-]) {
  color: #94C11E;
}

.iconsize8 {
  font-size: 8px;
}

.iconsize10 {
  font-size: 10px;
}

.iconsize12 {
  font-size: 12px;
}

.iconsize15 {
  font-size: 15px;
}

.iconsize16 {
  font-size: 16px;
}

.width10 {
  width: 10% !important;
}

.width15 {
  width: 15% !important;
}

.width20 {
  width: 20% !important;
}

.width30 {
  width: 30% !important;
}

.width40 {
  width: 40% !important;
}

.width50 {
  width: 50% !important;
}

.width60 {
  width: 80% !important;
}

.width70 {
  width: 70% !important;
}

.width75 {
  width: 75% !important;
}

.width80 {
  width: 80% !important;
}

.width95 {
  width: 95% !important;
}

.width100-30px {
  width: calc(100% - 30px);
}

.width25px {
  width: 25px !important;
}

.width30px {
  width: 30px !important;
}

.width40px {
  width: 40px !important;
}

.width50px {
  width: 50px !important;
}

.width60px {
  width: 60px !important;
}

.width75px {
  width: 75px !important;
}

.width80px {
  width: 80px !important;
}

.width100px {
  width: 100px !important;
}

.min-height44px {
  min-height: 44px !important;
}

.left:not([class*=mat-]) {
  float: left;
}

.right:not([class*=mat-]) {
  float: right;
}

.clearfix:not([class*=mat-]), .paginator {
  *zoom: 1;
}
.clearfix:not([class*=mat-])::before, .clearfix:not([class*=mat-])::after, .paginator::before, .paginator::after {
  content: " ";
  display: table;
}
.clearfix:not([class*=mat-])::after, .paginator::after {
  clear: both;
}

.afterFloatLeft div {
  float: left;
}

.pointer:not([class*=mat-]) {
  cursor: pointer;
}

.nowrap:not([class*=mat-]) {
  white-space: nowrap;
}

.textaligncenter {
  text-align: center;
}

.textalignleft {
  text-align: left !important;
}

.textalignright {
  text-align: right;
}

.hidden:not([class*=mat-]) {
  display: none;
}

.hiddenimportant {
  display: none !important;
}

.borderbox {
  box-sizing: border-box;
}

.condensed {
  font-family: "Fira Condensed", Arial, sans-serif;
}

.uppercase {
  text-transform: uppercase;
}

.overflowhidden {
  overflow: hidden;
}

.positionrelative {
  position: relative;
}

.positionabsolute {
  position: absolute;
}

.top-5px {
  top: -5px;
}

.top5px {
  top: 5px;
}

.right0px {
  right: 0px;
}

.height100px {
  height: 100px;
}

.rightcolumnwidth {
  width: 280px;
}

.borderbottom {
  border-bottom: 1px solid #f0f0f0;
}

.border2pxsolidwhite {
  border: 2px solid white !important;
}

.opacity06 {
  opacity: 0.6;
}

.opacity50 {
  opacity: 0.5;
}

.verticalalignbottom {
  vertical-align: bottom;
}

.verticalalignmiddle {
  vertical-align: middle;
}

.lineheight0 {
  line-height: 0;
}

.m10 {
  margin: 10px;
}

.margintop0px, .mt0 {
  margin-top: 0px !important;
}

.margintop1px {
  margin-top: 1px !important;
}

.margintop2px {
  margin-top: 2px !important;
}

.margintop3px {
  margin-top: 3px !important;
}

.margintop4px {
  margin-top: 4px !important;
}

.margintop5px, .mt5 {
  margin-top: 5px !important;
}

.margintop6px {
  margin-top: 6px !important;
}

.margintop7px {
  margin-top: 7px !important;
}

.margintop8px {
  margin-top: 8px !important;
}

.margintop10px, .mt10 {
  margin-top: 10px !important;
}

.margintop11px {
  margin-top: 11px !important;
}

.margintop12px {
  margin-top: 12px !important;
}

.margintop13px {
  margin-top: 13px !important;
}

.margintop15px {
  margin-top: 15px !important;
}

.margintop20px, .mt20 {
  margin-top: 20px !important;
}

.margintop23px {
  margin-top: 23px !important;
}

.margintop25px {
  margin-top: 25px !important;
}

.margintop30px, .mt30 {
  margin-top: 30px !important;
}

.margintop35px {
  margin-top: 35px !important;
}

.margintop40px, .mt40 {
  margin-top: 40px !important;
}

.margintop50px {
  margin-top: 50px !important;
}

.margintop60px {
  margin-top: 60px !important;
}

.margintop70px {
  margin-top: 70px !important;
}

.margintop80px {
  margin-top: 80px !important;
}

.margintop90px {
  margin-top: 90px !important;
}

.margintop100px {
  margin-top: 100px !important;
}

.marginright0px, .mr0 {
  margin-right: 0px !important;
}

.marginright2px {
  margin-right: 2px !important;
}

.marginright4px {
  margin-right: 4px !important;
}

.marginright5px, .mr5 {
  margin-right: 5px !important;
}

.marginright8px {
  margin-right: 8px !important;
}

.marginright10px, .mr10 {
  margin-right: 10px !important;
}

.marginright15px {
  margin-right: 15px !important;
}

.marginright20px, .mr20 {
  margin-right: 20px !important;
}

.marginright30px {
  margin-right: 30px !important;
}

.marginright40px {
  margin-right: 40px !important;
}

.marginright50px {
  margin-right: 50px !important;
}

.marginright60px {
  margin-right: 60px !important;
}

.marginright70px {
  margin-right: 70px !important;
}

.marginright80px {
  margin-right: 80px !important;
}

.marginright90px {
  margin-right: 90px !important;
}

.marginright100px {
  margin-right: 100px !important;
}

.marginbottom0px, .mb0 {
  margin-bottom: 0px !important;
}

.marginbottom2px {
  margin-bottom: 2px !important;
}

.marginbottom3px {
  margin-bottom: 3px !important;
}

.marginbottom4px {
  margin-bottom: 4px !important;
}

.marginbottom5px, .mb5 {
  margin-bottom: 5px !important;
}

.marginbottom8px {
  margin-bottom: 8px !important;
}

.marginbottom10px, .mb10 {
  margin-bottom: 10px !important;
}

.marginbottom14px {
  margin-bottom: 14px !important;
}

.marginbottom15px {
  margin-bottom: 15px !important;
}

.marginbottom20px, .mb20 {
  margin-bottom: 20px !important;
}

.marginbottom23px {
  margin-bottom: 23px !important;
}

.marginbottom25px {
  margin-bottom: 25px !important;
}

.marginbottom30px, .mb30 {
  margin-bottom: 30px !important;
}

.marginbottom40px, .mb40 {
  margin-bottom: 40px !important;
}

.marginbottom50px {
  margin-bottom: 50px !important;
}

.marginbottom60px {
  margin-bottom: 60px !important;
}

.marginbottom70px {
  margin-bottom: 70px !important;
}

.marginbottom80px {
  margin-bottom: 80px !important;
}

.marginbottom90px {
  margin-bottom: 90px !important;
}

.marginbottom100px {
  margin-bottom: 100px !important;
}

.marginleft0px, .ml0 {
  margin-left: 0px !important;
}

.marginleft1px {
  margin-left: 1px !important;
}

.marginleft2px {
  margin-left: 2px !important;
}

.marginleft3px {
  margin-left: 3px !important;
}

.marginleft4px {
  margin-left: 4px !important;
}

.marginleft5px {
  margin-left: 5px !important;
}

.marginleft8px {
  margin-left: 8px !important;
}

.marginleft10px {
  margin-left: 10px !important;
}

.marginleft15px {
  margin-left: 15px !important;
}

.marginleft20px, .ml20 {
  margin-left: 20px !important;
}

.marginleft30px {
  margin-left: 30px !important;
}

.marginleft40px {
  margin-left: 40px !important;
}

.marginleft50px {
  margin-left: 50px !important;
}

.marginleft60px {
  margin-left: 60px !important;
}

.marginleft70px {
  margin-left: 70px !important;
}

.marginleft80px {
  margin-left: 80px !important;
}

.marginleft90px {
  margin-left: 90px !important;
}

.marginleft100px {
  margin-left: 100px !important;
}

.br0 {
  border-radius: 0px !important;
}

.br3 {
  border-radius: 3px !important;
}

.br5 {
  border-radius: 5px !important;
}

.p0 {
  padding: 0px !important;
}

.p10 {
  padding: 10px;
}

.p20 {
  padding: 20px;
}

.p35 {
  padding: 35px;
}

.p10-15 {
  padding: 10px 15px !important;
}

.p10-20 {
  padding: 10px 20px !important;
}

.p15-20 {
  padding: 15px 20px !important;
}

.padding5px {
  padding: 5px !important;
}

.padding8px {
  padding: 8px !important;
}

.padding10px {
  padding: 10px !important;
}

.padding35px {
  padding: 35px !important;
}

.paddingtop0px, .pt0 {
  padding-top: 0px !important;
}

.paddingtop5px, .pt5 {
  padding-top: 5px !important;
}

.paddingtop7px {
  padding-top: 7px !important;
}

.paddingtop8px {
  padding-top: 8px !important;
}

.paddingtop10px, .pt10 {
  padding-top: 10px !important;
}

.paddingtop12px, .pt12 {
  padding-top: 12px !important;
}

.paddingtop14px, .pt14 {
  padding-top: 14px !important;
}

.paddingtop15px, .pt15 {
  padding-top: 15px !important;
}

.paddingtop16px {
  padding-top: 16px !important;
}

.paddingtop20px, .pt20 {
  padding-top: 20px !important;
}

.paddingtop30px, .pt30 {
  padding-top: 30px !important;
}

.paddingtop40px, .pt40 {
  padding-top: 40px !important;
}

.paddingright0px, .pr0 {
  padding-right: 0px !important;
}

.paddingright5px, .pr5 {
  padding-right: 5px !important;
}

.paddingright8px {
  padding-right: 8px !important;
}

.paddingright10px, .pr10 {
  padding-right: 10px !important;
}

.paddingright15px {
  padding-right: 15px !important;
}

.paddingright20px {
  padding-right: 20px !important;
}

.paddingright30px {
  padding-right: 30px !important;
}

.paddingright120px {
  padding-right: 120px !important;
}

.paddingbottom0px, .pb0 {
  padding-bottom: 0px !important;
}

.paddingbottom5px {
  padding-bottom: 5px !important;
}

.paddingbottom10px, .pb10 {
  padding-bottom: 10px !important;
}

.paddingbottom15px {
  padding-bottom: 15px !important;
}

.paddingleft0px, .pl0 {
  padding-left: 0px !important;
}

.paddingleft5px, .pl5 {
  padding-left: 5px !important;
}

.paddingleft10px, .pl10 {
  padding-left: 10px !important;
}

.paddingleft20px {
  padding-left: 20px !important;
}

.fontsize10px {
  font-size: 10px;
}

.fontsize12px {
  font-size: 12px;
}

.fontsize13px {
  font-size: 13px;
}

.fontsize14px {
  font-size: 14px;
}

.fontsize16px {
  font-size: 16px;
}

.falink:not([class*=mat-]) i {
  font-size: 15px;
}
.falink:not([class*=mat-]):hover {
  text-decoration: underline;
}

i.icon:not([class*=mat-]), .iconlink i {
  font-size: 15px;
  position: relative;
  bottom: 1px;
}

div.question .iconlink {
  text-decoration: underline;
}

i.icon:not([class*=mat-]) {
  background: #707070;
  color: #ffffff;
}

.adminicon {
  position: relative;
  top: -8px;
}

a.iconlink:not([class*=mat-]) i {
  margin-right: 10px;
}

a.link:not([class*=mat-]) {
  text-decoration: underline;
}
a.textlink:not([class*=mat-]) {
  text-decoration: underline;
}
a.textlink:not([class*=mat-]):hover {
  color: #505050 !important;
}

div.confirmationdiv {
  color: #414141 !important;
}

span.required:not([class*=mat-]) {
  color: #FF5252;
}

i.onepixellower {
  position: relative;
  top: 1px;
}

i.onepixelhigher {
  position: relative;
  bottom: 1px;
}

.important_text {
  color: #FF5252;
}

#content {
  background-color: #f8f8f8;
}

#main {
  transition: all 0.3s ease;
}

#layout.open {
  transition: all 0.3s ease;
}
#layout.open #main {
  background-color: black;
}

.leftwidth {
  max-width: 860px;
}

.payment_page_wrapper {
  display: flex;
  flex-direction: column;
  flex: 1 auto;
}

.twocolumns {
  flex: 1 auto;
}

.lightgreybox {
  background-color: #f8f8f8;
}

.whitebox, .box {
  background: #f8f8f8;
}
.whitebox .boxheader, .box .boxheader {
  border-bottom: 1px solid #f0f0f0;
  background-color: #434343;
  color: #ffffff;
}
.whitebox .boxheader.p20, .box .boxheader.p20 {
  padding: 20px 20px;
}
.whitebox .anfrageheader, .box .anfrageheader {
  font-size: 16px;
  color: white;
  text-transform: uppercase;
  font-family: "Fira Condensed", Arial, sans-serif;
  ffont-weight: 500;
}
.whitebox .anfrageheader a.anfrageheaderbutton, .box .anfrageheader a.anfrageheaderbutton {
  float: right;
  display: block;
  padding: 15px 20px;
  border-left: 2px solid white;
  color: white;
}
.whitebox .anfrageheader.bginfo a.anfrageheaderbutton:hover, .box .anfrageheader.bginfo a.anfrageheaderbutton:hover {
  background-color: #00a5d6;
}
.whitebox .anfrageheader.bginfodarken10 a.anfrageheaderbutton:hover, .box .anfrageheader.bginfodarken10 a.anfrageheaderbutton:hover {
  background-color: #007ea3;
}
.whitebox .anfrageheader.bgconfirmation a.anfrageheaderbutton:hover, .box .anfrageheader.bgconfirmation a.anfrageheaderbutton:hover {
  background-color: #83ab1b;
}
.whitebox .anfrageheader.bgverpflegung a.anfrageheaderbutton:hover, .box .anfrageheader.bgverpflegung a.anfrageheaderbutton:hover {
  background-color: #cc0049;
}
.whitebox .anfrageheader.bgtr a.anfrageheaderbutton:hover, .box .anfrageheader.bgtr a.anfrageheaderbutton:hover {
  background-color: #6a0275;
}
.whitebox .anfrageheader.bggr a.anfrageheaderbutton:hover, .box .anfrageheader.bggr a.anfrageheaderbutton:hover {
  background-color: #9b25a7;
}
.whitebox .anfrageheader.bgdienstleistung a.anfrageheaderbutton:hover, .box .anfrageheader.bgdienstleistung a.anfrageheaderbutton:hover {
  background-color: #8e039d;
}

@media screen and (min-width: 1024px) {
  .whitebox, .box {
    background: #f8f8f8;
  }
  .whitebox .boxheader, .box .boxheader {
    border-bottom: 1px solid #f0f0f0;
    background-color: #434343;
    color: #ffffff;
  }
  .whitebox .boxheader.p20, .box .boxheader.p20 {
    padding: 20px 35px;
  }
}
.boxheader {
  border-bottom: 1px solid #f0f0f0;
  background-color: #434343;
  color: #ffffff;
}
.boxheader.p20 {
  padding: 20px 35px;
}

.graybox {
  background-color: #f0f0f0;
}
.graybox .grayboxheader {
  background: #e3e3e3;
  text-transform: uppercase;
  font-size: 16px;
}
.graybox a.headerbutton {
  float: right;
  display: block;
  padding: 15px 20px;
  border-left: 2px solid white;
  color: white;
}
.graybox a.headerbutton.bgerror:hover {
  background-color: #ff3939;
}
.graybox a.headerbutton.bginfo:hover {
  background-color: #00a5d6;
}

.buttonbox .buttonboxcontent {
  width: 70%;
}
.buttonbox .buttonboxcontent2 {
  width: 70%;
}
.buttonbox .buttonboxcontent3 {
  width: 70%;
}
.buttonbox .buttonboxcontainer {
  width: 30%;
  display: flex;
  flex-direction: row;
}
.buttonbox .buttonboxcontainer .buttonboxbutton, .buttonbox .buttonboxcontainer .buttonboxbutton2, .buttonbox .buttonboxcontainer .buttonboxbutton3 {
  display: flex;
  height: 50px;
  justify-content: center;
  align-items: center;
  border-left: 1px solid;
}
.buttonbox .buttonboxcontainer .buttonboxbutton i, .buttonbox .buttonboxcontainer .buttonboxbutton2 i, .buttonbox .buttonboxcontainer .buttonboxbutton3 i {
  font-size: 20px;
}
.buttonbox .buttonboxbutton.bgerror:hover, .buttonbox .buttonboxbutton2.bgerror:hover, .buttonbox .buttonboxbutton3.bgerror:hover {
  background-color: #ff3939 !important;
}

.listtable {
  width: 100%;
}
.listtable th {
  text-align: left;
  font-weight: 500;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 5px;
}
.listtable td {
  padding-right: 10px;
  vertical-align: middle;
}
.listtable td select {
  margin-bottom: 0;
}

div.emailvorschau ul,
div.infotextdiv ul {
  list-style: disc;
  margin: 0 0 0 25px;
  padding: 0;
}

div.emailvorschau ol,
div.infotextdiv ol {
  list-style: decimal;
  margin: 0 0 0 25px;
  padding: 0;
}

@media only screen and (min-width: 980px) {
  .w2 {
    float: left;
    width: 2%;
  }
  .w3 {
    float: left;
    width: 3%;
  }
  .w4 {
    float: left;
    width: 4%;
  }
  .w5 {
    float: left;
    width: 5%;
  }
  .w6 {
    float: left;
    width: 6%;
  }
  .w7 {
    float: left;
    width: 7%;
  }
  .w8 {
    float: left;
    width: 8%;
  }
  .w9 {
    float: left;
    width: 9%;
  }
  .w10 {
    float: left;
    width: 10%;
  }
  .w13 {
    float: left;
    width: 13%;
  }
  .w15 {
    float: left;
    width: 15%;
  }
  .w17 {
    float: left;
    width: 17%;
  }
  .w19 {
    float: left;
    width: 19%;
  }
  .w20 {
    float: left;
    width: 20%;
  }
  .w25 {
    float: left;
    width: 25%;
  }
  .w27 {
    float: left;
    width: 27%;
  }
  .w28 {
    float: left;
    width: 28%;
  }
  .w29 {
    float: left;
    width: 29%;
  }
  .w30 {
    float: left;
    width: 30%;
  }
  .w33 {
    float: left;
    width: 33%;
  }
  .w35 {
    float: left;
    width: 35%;
  }
  .w36 {
    float: left;
    width: 36%;
  }
  .w37 {
    float: left;
    width: 37%;
  }
  .w39 {
    float: left;
    width: 39%;
  }
  .w40 {
    float: left;
    width: 40%;
  }
  .w45 {
    float: left;
    width: 45%;
  }
  .w50 {
    float: left;
    width: 50%;
  }
  .w52 {
    float: left;
    width: 52%;
  }
  .w53 {
    float: left;
    width: 53%;
  }
  .w55 {
    float: left;
    width: 55%;
  }
  .w57 {
    float: left;
    width: 57%;
  }
  .w60 {
    float: left;
    width: 60%;
  }
  .w62 {
    float: left;
    width: 62%;
  }
  .w65 {
    float: left;
    width: 65%;
  }
  .w66 {
    float: left;
    width: 66%;
  }
  .w67 {
    float: left;
    width: 67%;
  }
  .w70 {
    float: left;
    width: 70%;
  }
  .w75 {
    float: left;
    width: 75%;
  }
  .w80 {
    float: left;
    width: 80%;
  }
  .w85 {
    float: left;
    width: 85%;
  }
  .w87 {
    float: left;
    width: 87%;
  }
  .w89 {
    float: left;
    width: 89%;
  }
  .w90 {
    float: left;
    width: 90%;
  }
  .w95 {
    float: left;
    width: 95%;
  }
  .w96 {
    float: left;
    width: 96%;
  }
  .w97 {
    float: left;
    width: 97%;
  }
  .w98 {
    float: left;
    width: 98%;
  }
}
@media print {
  #sidenavwrapper, .rightcolumn, #headerfixedwrapper, #headertop, #footer, .tabnav {
    display: none;
  }
  html:not([class*=mat-]), .tms-body {
    width: 860px;
    color: #000;
  }
  a:not([class*=mat-]) {
    color: #000 !important;
  }
  #layout {
    padding-left: 0;
  }
  .errorbox, .jserrorbox, .jsinfobox, .infobox, .confirmationbox,
  .errormessages, .infomessages, .confirmationmessages {
    border: 1px solid #000;
  }
  .buttom, .iconbutton {
    border: 1px solid #000 !important;
  }
  .box, .graybox {
    border: 1px solid #000;
  }
  .anfrageheader, .grayboxheader {
    border-bottom: 1px solid #000;
  }
  #content, #headercontent {
    padding-left: 0;
    padding-right: 0;
  }
  input, select, textarea {
    border: 1px solid #000 !important;
    color: #000 !important;
  }
  .borderbottom {
    border-bottom: 1px solid #000 !important;
  }
  /* Schwarze Schrift */
  .anfrageheader {
    color: #000 !important;
  }
  .w2 {
    float: left;
    width: 2%;
  }
  .w3 {
    float: left;
    width: 3%;
  }
  .w4 {
    float: left;
    width: 4%;
  }
  .w5 {
    float: left;
    width: 5%;
  }
  .w6 {
    float: left;
    width: 6%;
  }
  .w7 {
    float: left;
    width: 7%;
  }
  .w8 {
    float: left;
    width: 8%;
  }
  .w9 {
    float: left;
    width: 9%;
  }
  .w10 {
    float: left;
    width: 10%;
  }
  .w13 {
    float: left;
    width: 13%;
  }
  .w15 {
    float: left;
    width: 15%;
  }
  .w17 {
    float: left;
    width: 17%;
  }
  .w19 {
    float: left;
    width: 19%;
  }
  .w20 {
    float: left;
    width: 20%;
  }
  .w25 {
    float: left;
    width: 25%;
  }
  .w27 {
    float: left;
    width: 27%;
  }
  .w28 {
    float: left;
    width: 28%;
  }
  .w29 {
    float: left;
    width: 29%;
  }
  .w30 {
    float: left;
    width: 30%;
  }
  .w33 {
    float: left;
    width: 33%;
  }
  .w35 {
    float: left;
    width: 35%;
  }
  .w36 {
    float: left;
    width: 36%;
  }
  .w37 {
    float: left;
    width: 37%;
  }
  .w39 {
    float: left;
    width: 39%;
  }
  .w40 {
    float: left;
    width: 40%;
  }
  .w45 {
    float: left;
    width: 45%;
  }
  .w50 {
    float: left;
    width: 50%;
  }
  .w52 {
    float: left;
    width: 52%;
  }
  .w53 {
    float: left;
    width: 53%;
  }
  .w55 {
    float: left;
    width: 55%;
  }
  .w57 {
    float: left;
    width: 57%;
  }
  .w60 {
    float: left;
    width: 60%;
  }
  .w62 {
    float: left;
    width: 62%;
  }
  .w65 {
    float: left;
    width: 65%;
  }
  .w66 {
    float: left;
    width: 66%;
  }
  .w67 {
    float: left;
    width: 67%;
  }
  .w70 {
    float: left;
    width: 70%;
  }
  .w75 {
    float: left;
    width: 75%;
  }
  .w80 {
    float: left;
    width: 80%;
  }
  .w85 {
    float: left;
    width: 85%;
  }
  .w87 {
    float: left;
    width: 87%;
  }
  .w89 {
    float: left;
    width: 89%;
  }
  .w90 {
    float: left;
    width: 90%;
  }
  .w95 {
    float: left;
    width: 95%;
  }
  .w96 {
    float: left;
    width: 96%;
  }
  .w97 {
    float: left;
    width: 97%;
  }
  .w98 {
    float: left;
    width: 98%;
  }
}
.fixed:not([class*=mat-]) {
  position: fixed;
}

.sticky:not([class*=mat-]) {
  position: -webkit-sticky;
  position: sticky;
}

.relative:not([class*=mat-]) {
  position: relative;
}

.displayFlexImportant {
  display: flex !important;
}

.displayNoneImportant {
  display: none !important;
}

.questionsdivider {
  border-bottom: 1px solid #d2d2d2;
  margin: 20px 0;
}

.filterbutton {
  color: #607D8B;
  cursor: pointer;
}
.filterbutton.accent {
  color: #FF5252;
}

.delete_button {
  margin-top: 80px;
}

.mediaFlexRow {
  display: flex !important;
  flex-direction: column !important;
}

.mediaFlexPaddingRight10px {
  padding-right: 0 !important;
}

@media (min-width: 992px) {
  .mediaFlexRow {
    display: flex !important;
    flex-direction: row !important;
  }
  .mediaFlexPaddingRight10px {
    padding-right: 10px !important;
  }
}
.center_loading {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
}
.center_loading i {
  font-size: 30px;
}

#tinymce {
  padding: 10px;
  overflow-y: scroll;
  max-width: 600px;
  width: 100%;
}

.tinymce_header2_text_content p {
  padding: 0;
  margin: 0;
}
.tinymce_header2_text_content li {
  padding-inline-start: 40px;
}

@-webkit-keyframes seconds {
  0%, 100% {
    top: -200px;
    opacity: 0;
  }
  20%, 80% {
    top: 0;
    opacity: 1;
  }
}
@keyframes seconds {
  0%, 100% {
    top: -200px;
    opacity: 0;
  }
  20%, 80% {
    top: 0;
    opacity: 1;
  }
}
.messagebox {
  margin-bottom: 1px;
}

div.jsinfobox {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10000;
  padding: 25px;
  background: rgba(205, 220, 57, 0.95);
  color: #000000;
  margin-bottom: 1px;
  -webkit-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.8);
  box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.8);
}

div.jserrorbox {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10000;
  padding: 25px;
  background: rgba(255, 87, 34, 0.95);
  color: #FFFFFF;
  margin-bottom: 1px;
  -webkit-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.8);
  box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.8);
}

div.errorbox {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10000;
  padding: 25px;
  background: rgba(255, 87, 34, 0.95);
  color: #FFFFFF;
  margin-bottom: 1px;
  -webkit-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.8);
  box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.8);
  -webkit-animation: seconds 5s forwards;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease-out;
  animation: seconds 5s forwards;
  animation-iteration-count: 1;
  animation-timing-function: ease-out;
}

div.modalerrormessages {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10000;
  padding: 25px;
  background: rgba(255, 87, 34, 0.95);
  color: #FFFFFF;
  margin-bottom: 1px;
  -webkit-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.8);
  box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.8);
}

div.errormessages {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10000;
  padding: 25px;
  background: rgba(255, 87, 34, 0.95);
  color: #FFFFFF;
  margin-bottom: 1px;
  -webkit-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.8);
  box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.8);
}

div.confirmationbox {
  position: fixed;
  top: -200px;
  opacity: 0;
  left: 0;
  width: 100%;
  z-index: 10000;
  padding: 25px;
  background: rgba(205, 220, 57, 0.95);
  color: #212121;
  margin-bottom: 1px;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
  -webkit-animation: seconds 3s forwards;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease-out;
  animation: seconds 3s forwards;
  animation-iteration-count: 1;
  animation-timing-function: ease-out;
}
div.confirmationbox em {
  font-weight: 500;
}

div.confirmationmessages {
  padding: 10px;
}

div.zimmerabrufhinweise {
  padding: 20px;
  background: #e0e0e0;
  color: #212121;
  margin-bottom: 1px;
  border-radius: 3px;
}
div.zimmerabrufhinweise a {
  color: #212121 !important;
}

div.infobox {
  padding: 40px;
  padding-right: 110px;
  background: #FFEC18;
  color: #212121;
  margin-bottom: 1px;
  background-image: url(../img/attention.svg);
  background-position: calc(100% - 40px) center;
  background-repeat: no-repeat;
  background-size: 50px;
}
div.infobox a {
  color: #212121 !important;
}

div.warningbox {
  padding: 20px;
  padding-right: 110px;
  background: #FF5252;
  color: #FFFFFF;
  margin-bottom: 1px;
  font-size: small;
}
div.warningbox a {
  color: #FFFFFF !important;
}

div.paymentbox {
  background: #FFEC18;
  color: #212121;
}

div.infomessages {
  padding: 10px;
}

div.confirmationbox a,
div.confirmationmessages a, div.errormessages a, div.infomessages a {
  color: #fff;
  text-decoration: underline;
}

.ui-widget-overlay.ui-front {
  opacity: 0.4;
}

.jquery_ui_dialog {
  z-index: 5000 !important;
  border-radius: 6px;
  background-color: #F8F8F8;
  flex: 1 100%;
  font-family: "Fira Condensed", Arial, sans-serif;
}
.jquery_ui_dialog .push-right {
  margin-left: auto;
}
.jquery_ui_dialog .jquery_ui_dialog__title {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.jquery_ui_dialog .jquery_ui_dialog__content {
  display: flex;
  flex-direction: row;
  flex: 1 auto;
  justify-content: center;
}
.jquery_ui_dialog .jquery_ui_dialog__content .jquery_ui_dialog__content__container {
  display: flex;
  flex-direction: column;
  flex: 1 auto;
}
.jquery_ui_dialog .jquery_ui_dialog__content .jquery_ui_dialog__content__container .jquery_ui_dialog__content__text,
.jquery_ui_dialog .jquery_ui_dialog__content .jquery_ui_dialog__content__container .jquery_ui_dialog__content__loading-spinner {
  display: flex;
  flex-direction: row;
  flex: 1 auto;
  justify-content: center;
  padding: 20px 0;
}
.jquery_ui_dialog .jquery_ui_dialog__actions {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-content: stretch;
}
.jquery_ui_dialog .jquery_ui_dialog__actions .jquery_ui_dialog__actions__buttons {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.jquery_ui_dialog .jquery_ui_dialog__actions .jquery_ui_dialog__actions__buttons div {
  margin-left: 10px;
}

.teilnemherlistedialog {
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
}

#loading_modal {
  width: 100%;
  display: flex;
  flex: 1;
  background: rgba(205, 220, 57, 0.95);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
}
#loading_modal .modalbody {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 100%;
  background-color: #f0f0f0;
  min-height: 100%;
  background: transparent;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  margin-top: 0;
}
#loading_modal .modalbody .save_modal_info {
  margin-top: 35px;
  font-size: 24px;
  color: #212121;
  max-width: 100%;
}

.modal {
  display: flex;
  flex-direction: column;
  flex: 1 auto;
}
@media all and (-ms-high-contrast: none) {
  .modal {
    min-height: 100vh;
  }
}
.modal .modalheader {
  position: fixed;
  border-bottom: 1px solid #fff;
  width: 100%;
  z-index: 9999;
}
.modal .modalheader .modalinner {
  align-items: center;
  display: flex;
  height: 80px;
}
.modal .modalheader .modalleftcolumn {
  flex-grow: 1;
  margin-left: 20px;
}
.modal .modalheader .modalrightcolumn {
  flex-grow: 0;
  margin-right: 20px;
}
.modal .modalbody {
  flex: 1 auto;
  padding-top: 81px;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.modal .modalbody .modalinner {
  display: flex;
  flex-direction: column;
  flex: 1 auto;
}
.modal .modalbody .modalinner .twocolumns .leftcolumn {
  background-color: #f8f8f8;
}
.modal .modalbody .modalinner .modalfullcolumn {
  width: 100%;
}
.modal .modalbody .modalinner .modalfullcolumn .modalcontent {
  padding: 0px;
}
.modal .modalbody .modalinner .modalfullcolumn .modalcontent table {
  width: 100%;
}
.modal .modalbody .modalinner .modalfullcolumn .modalcontent table thead tr {
  background-color: #434343;
}
.modal .modalbody .modalinner .modalfullcolumn .modalcontent table thead tr th {
  padding: 15px;
  color: #fff;
  text-align: left;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
}
.modal .modalbody .modalinner .modalfullcolumn .modalcontent table tr {
  background-color: #dbdbdb;
}
.modal .modalbody .modalinner .modalfullcolumn .modalcontent table tr:nth-child(2n) {
  background-color: #f0f0f0;
}
.modal .modalbody .modalinner .modalfullcolumn .modalcontent table td {
  padding: 15px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
.modal .modalbody .modalinner .modalleftcolumn {
  flex-grow: 1;
}
.modal .modalbody .modalinner .modalleftcolumn .modalcontent {
  padding: 0px;
}
.modal .modalbody .modalinner .modalrightcolumn {
  flex-grow: 0;
  background-color: #BDBDBD;
}
.modal .modalbody .modalinner .modalrightcolumn .modalcontent {
  padding: 0px;
}
.modal .modalbody .modalinner .modalrightcolumn .fixed {
  position: fixed;
}

#modal____auskom, .modal____auskom {
  width: 100%;
  background: #f8f8f8;
  display: flex;
  height: 100%;
}
#modal____auskom .modalbody, .modal____auskom .modalbody {
  display: flex;
  width: 100%;
}
#modal____auskom .modalheader, .modal____auskom .modalheader {
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  align-items: center;
  height: 80px;
  border-bottom: 1px solid #fff;
}
#modal____auskom .modalheader .modalinner, .modal____auskom .modalheader .modalinner {
  display: flex;
  width: 100%;
  margin: 0 auto;
  padding: 0 35px;
  align-items: center;
}
#modal____auskom .modalheader .modalinner .modalfullcolumn, .modal____auskom .modalheader .modalinner .modalfullcolumn {
  width: 100%;
}
#modal____auskom .modalheader .modalinner .modalleftcolumn, .modal____auskom .modalheader .modalinner .modalleftcolumn {
  flex-grow: 1;
}
#modal____auskom .modalheader .modalinner .modalrightcolumn, .modal____auskom .modalheader .modalinner .modalrightcolumn {
  flex-grow: 0;
}
#modal____auskom .modalheader .modalinner .modalrightcolumn a.closelink, .modal____auskom .modalheader .modalinner .modalrightcolumn a.closelink {
  color: #fff;
}
#modal____auskom .modalheader .modalinner .modalrightcolumn a.closelink span, .modal____auskom .modalheader .modalinner .modalrightcolumn a.closelink span {
  margin-right: 5px;
}
#modal____auskom .modalbody, .modal____auskom .modalbody {
  background-color: #f8f8f8;
  padding-top: 80px;
  min-height: 100%;
  flex-direction: column;
}
#modal____auskom .modalbody .modalinner, .modal____auskom .modalbody .modalinner {
  display: flex;
  min-height: 100%;
  flex-direction: column;
}
#modal____auskom .modalbody .modalinner .modalfullcolumn, .modal____auskom .modalbody .modalinner .modalfullcolumn {
  width: 100%;
}
#modal____auskom .modalbody .modalinner .modalfullcolumn .modalcontent, .modal____auskom .modalbody .modalinner .modalfullcolumn .modalcontent {
  padding: 0px;
}
#modal____auskom .modalbody .modalinner .modalfullcolumn .modalcontent table, .modal____auskom .modalbody .modalinner .modalfullcolumn .modalcontent table {
  width: 100%;
}
#modal____auskom .modalbody .modalinner .modalfullcolumn .modalcontent table thead tr, .modal____auskom .modalbody .modalinner .modalfullcolumn .modalcontent table thead tr {
  background-color: #434343;
}
#modal____auskom .modalbody .modalinner .modalfullcolumn .modalcontent table thead tr th, .modal____auskom .modalbody .modalinner .modalfullcolumn .modalcontent table thead tr th {
  padding: 15px;
  color: #fff;
  text-align: left;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
}
#modal____auskom .modalbody .modalinner .modalfullcolumn .modalcontent table tr, .modal____auskom .modalbody .modalinner .modalfullcolumn .modalcontent table tr {
  background-color: #dbdbdb;
}
#modal____auskom .modalbody .modalinner .modalfullcolumn .modalcontent table tr:nth-child(2n), .modal____auskom .modalbody .modalinner .modalfullcolumn .modalcontent table tr:nth-child(2n) {
  background-color: #f0f0f0;
}
#modal____auskom .modalbody .modalinner .modalfullcolumn .modalcontent table td, .modal____auskom .modalbody .modalinner .modalfullcolumn .modalcontent table td {
  padding: 15px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
#modal____auskom .modalbody .modalinner .modalleftcolumn, .modal____auskom .modalbody .modalinner .modalleftcolumn {
  flex-grow: 1;
}
#modal____auskom .modalbody .modalinner .modalleftcolumn .modalcontent, .modal____auskom .modalbody .modalinner .modalleftcolumn .modalcontent {
  padding: 0px;
}
#modal____auskom .modalbody .modalinner .modalrightcolumn, .modal____auskom .modalbody .modalinner .modalrightcolumn {
  flex-grow: 0;
  background-color: #BDBDBD;
}
#modal____auskom .modalbody .modalinner .modalrightcolumn .modalcontent, .modal____auskom .modalbody .modalinner .modalrightcolumn .modalcontent {
  padding: 0px;
}
#modal____auskom .modalbody .modalinner .modalrightcolumn .fixed, .modal____auskom .modalbody .modalinner .modalrightcolumn .fixed {
  position: fixed;
}
#modal____auskom.save_modal, .modal____auskom.save_modal {
  background: rgba(205, 220, 57, 0.95);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
}
#modal____auskom.save_modal .modalbody, .modal____auskom.save_modal .modalbody {
  background: transparent;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  margin-top: 0;
}
#modal____auskom.save_modal .modalbody .save_modal_info, .modal____auskom.save_modal .modalbody .save_modal_info {
  margin-top: 35px;
  font-size: 24px;
  color: #212121;
}

#sideNavBackdrop {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 249;
}

#sidenav {
  position: fixed;
  transform: translateX(-330px);
  top: 0;
  bottom: 0;
  left: 0;
  width: 330px;
  border-right: 1px solid #fff;
  overflow: hidden;
  z-index: 250;
  transition: all 0.3s ease;
  display: flex;
  padding-top: 30px;
  flex-direction: column;
}
.sidenav_inner {
  padding-left: 20px;
}

#sidenav ul {
  list-style: none;
}

#sidenav ul li {
  font-size: 16px;
  margin-bottom: 10px;
  padding-left: 2px;
}

#sidenav ul li i {
  transform: rotate(270deg);
  display: inline-block;
  font-size: 19px;
  transition: left 0.3s ease;
}

#sidenav ul li a {
  text-decoration: none;
  transition: color 200ms;
}

#sidenav ul li.active a {
  font-weight: 500;
}

#sidenav.hover {
  border-right: 1px solid #202020 !important;
}

#sidenavtrigger {
  position: fixed;
  width: 50px;
  top: 0;
  bottom: 0;
  border-right: 1px solid #ffffff;
  left: 0;
  cursor: pointer;
  font-size: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: translateX(0);
  transition: all 0.3s ease;
  z-index: 1000;
}
#sidenavtrigger span {
  transform: rotate(-90deg);
}

#logowrapper {
  display: flex;
}

#logo {
  width: 100%;
}

#suchwrapper {
  margin-bottom: 20px;
}
#suchwrapper input {
  border-top: 0;
  border-right: 0;
  border-left: 0;
  border-radius: 0;
  font-style: italic;
  background-color: #ffffff;
  color: #fff;
}
#suchwrapper i {
  margin-left: -20px;
  cursor: pointer;
  color: #b4b4b4;
}
#suchwrapper i:hover {
  color: #00b9ef;
}

#sidenav.open {
  transform: translateX(0);
}

#sidenavtrigger {
  transform: translateX(7px);
  border-left: 1px solid #f0f0f0;
}

.sidebar-toggle {
  cursor: pointer;
  font-size: 17px;
  display: flex;
  align-items: center;
  margin-left: 7px;
}
.sidebar-toggle i {
  padding: 14px;
}
.sidebar-toggle.loggedout {
  margin-left: 28px;
}

.languageSelectWrapper {
  position: relative;
  width: 100%;
  font-size: 16px;
  /* style the items (options), including the selected item: */
  /* Style items (options): */
  /* Hide the items when the select box is closed: */
}
.languageSelectWrapper .languageselect {
  width: 100px;
}
.languageSelectWrapper .languageselect select {
  display: none; /*hide original SELECT element: */
}
.languageSelectWrapper * .selectedLanguageOption {
  padding-left: 20px;
}
.languageSelectWrapper * .languageOption {
  padding-left: 20px;
}
.languageSelectWrapper * i {
  position: absolute;
}
.languageSelectWrapper .select-selected {
  width: 80px;
}
.languageSelectWrapper .select-selected.select-arrow-active:after {
  border-color: transparent transparent #fff transparent;
  top: 10px;
  left: 3px;
}
.languageSelectWrapper .select-items div, .languageSelectWrapper .select-selected {
  border-color: transparent transparent rgba(0, 0, 0, 0) transparent;
  cursor: pointer;
}
.languageSelectWrapper .select-selected .fa-sort-desc {
  transform: rotate(-90deg);
  padding-top: 4px;
}
.languageSelectWrapper .select-selected .fa-sort-desc:before {
  font-size: 19px;
}
.languageSelectWrapper .select-selected.select-arrow-active .fa-sort-desc {
  transform: rotate(0deg);
  padding-top: 0px;
}
.languageSelectWrapper .select-selected.select-arrow-active .fa-sort-desc:before {
  padding-left: 7px;
  font-size: 19px;
}
.languageSelectWrapper .select-items {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}
.languageSelectWrapper .select-hide {
  display: none;
}
#footer a {
  color: #f0f0f0;
  font-size: 14px;
  line-height: 17px;
  margin-left: 20px;
}

#footer a:first-of-type {
  margin-left: 0;
}

#footer #footer1 {
  /* Oberer Footer-Bereich */
  height: 70px;
  padding-top: 25px;
  padding-left: 25px;
  background: #737373;
  border-bottom: 1px solid #f0f0f0;
}

#footer #footer2 {
  /* Unterer Footer-Bereich */
  height: 60px;
  text-align: center;
  background-color: #595959;
  color: #B4B4B4;
}

#footer2content {
  display: flex;
  flex-direction: row;
  align-items: center;
}

#header #headerfixedwrapper {
  position: fixed;
  z-index: 10;
  width: 100%;
  background: #E4032E;
  color: #fff;
}
#header #headerfixedwrapper .fixedheader.hidden {
  display: block;
}

.tabnav.teilnehmerliste {
  position: sticky;
}

.fixedheader {
  z-index: 12;
}
.fixedheader.tabnav {
  z-index: 10;
}

#header #headertop {
  position: relative;
}

#headertop {
  width: 100%;
  font-size: 11px;
  color: #fff;
}
#headertop .text {
  font-size: 11px;
  width: 60%;
}
#headertop a {
  color: #ffffff;
}
#headertop a:hover {
  text-decoration: underline;
}
#headertop .headerbutton {
  height: 100%;
  width: 130px;
  text-align: center;
}
#headertop .headerbutton a {
  display: block;
  padding: 16px 30px;
  color: #ffffff;
  text-decoration: none !important;
  background-color: #455A64;
}
#headertop .headerbutton ul {
  display: none;
  position: absolute;
  width: 10%;
}
#headertop .headerbutton:hover ul {
  display: block;
}

#header, .header {
  background: #455A64;
}
#header #headercontent, .header #headercontent {
  line-height: 1.4;
  color: #fff;
  background: #607D8B;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  border-bottom: 1px solid #fff;
  border-top: 1px solid #fff;
}
#header #headercontent .text_vorlage, .header #headercontent .text_vorlage {
  font-size: 12px;
}
#header #headercontent .iconlink_headercontent, .header #headercontent .iconlink_headercontent {
  font-size: 12px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
#header #headercontent .iconlink_headercontent i, .header #headercontent .iconlink_headercontent i {
  padding-right: 5px;
  padding-bottom: 3px;
  font-size: 11px;
}
#header #headercontent a, .header #headercontent a {
  color: #fff;
}
#header #headercontent.headerisfixed, .header #headercontent.headerisfixed {
  position: fixed;
  top: 0;
  width: 100%;
  height: 75px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
#header #headercontent.headerisfixed h1, .header #headercontent.headerisfixed h1 {
  font-size: 16px;
  margin-right: 20px;
  font-weight: 500;
}
#header #headercontent.headerisfixed span, .header #headercontent.headerisfixed span {
  font-size: 11px;
}
#header #headercontent.headerisfixed a.iconlink, .header #headercontent.headerisfixed a.iconlink {
  margin-left: 20px;
}

#header .tabnav {
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
  white-space: nowrap;
  overflow-y: hidden;
  overflow-x: auto;
  background: #fff;
  border-bottom: 1px solid #fff;
  transform: translateY(0);
  transition: all 0.3s ease;
}
#header .tabnav.tabnavisfixed {
  position: fixed;
  transform: translateY(27px);
  width: 100%;
  border-top: 1px solid #fff;
}
#header .tabnav li {
  display: inline-block;
  color: #212121;
  text-align: center;
  font-family: "Fira Condensed", Arial, sans-serif;
  position: relative;
  border-right: 1px solid #fff;
}

#header .tabnav li a {
  color: inherit;
  text-decoration: none;
  display: block;
  padding: 16px 20px;
}

#header .tabnav li.active {
  color: #212121;
  background-color: #ecf0f2;
  font-weight: 500;
}

#header .tabnav li:hover {
  color: #212121;
  background-color: #ecf0f2;
}

#headertopcontent {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex: 1;
  height: 47px;
}

#headertop .headerbutton ul {
  display: flex;
}

.headerbutton {
  outline: none;
}

.languagedropdown, .languagedropdown:focus, .languagedropdown:active, .languagedropdown:hover {
  border: none !important;
  background-color: #455A64;
  color: white;
  text-decoration: none;
  font: inherit;
  outline: none;
  box-shadow: none;
  width: 85px;
}
.languagedropdownoption, .languagedropdown:focusoption, .languagedropdown:activeoption, .languagedropdown:hoveroption {
  background-color: #455A64 !important;
  color: white !important;
  border: none !important;
  font: inherit;
  text-decoration: none;
  outline: none;
  box-shadow: none;
  width: 85px;
}

div.page div.boxheader {
  border-bottom: 0;
}
div.page div.buttonbox div.buttonboxcontent2 span {
  font-weight: 300;
  font-size: 14px;
}
div.page div.buttonbox div.buttonboxcontent2 input[type=text] {
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 15px;
  padding-top: 15px;
  width: 100%;
  border: 0;
  border-radius: 0;
  border-bottom: 1px solid #f0f0f0;
  transition: border-bottom 100ms;
  font-weight: 300;
  font-size: 18px;
  font-family: "Fira Sans", Arial, sans-serif;
}
div.page div.buttonbox div.buttonboxcontent2 input[type=text]:focus, div.page div.buttonbox div.buttonboxcontent2 input[type=text]:hover {
  border-color: #00B9EF;
}
div.page div.buttonbox div.buttonboxcontent2 a.edit {
  margin-left: 10px;
  margin-top: 5px;
}
div.page div.buttonbox div.buttonboxcontent2 label input[type=checkbox] {
  margin-bottom: 0px;
}
div.page div.pagefooter .createquestion {
  max-width: 100%;
  margin: 0 20px 20px 20px;
  width: auto;
  display: block;
}
div.page div.pagefooter .createquestion_multiproduct {
  max-width: 100%;
  margin: 0 20px 20px 20px;
  width: auto;
  display: block;
}
div.gallery {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
div.gallery div {
  margin: 5px;
}
div.gallery div a {
  line-height: 0;
  display: block;
}

div.questionwrapper {
  width: 100%;
}

.option_and_numeric label[for=price_unit] {
  font-weight: 300;
  display: inline;
}
.option_and_numeric input[name=price_unit] {
  width: 100px !important;
  margin-bottom: 0px !important;
}

div.question .contingentbadge {
  margin-bottom: 5px;
  white-space: nowrap;
  color: #212121;
  background-color: #CDDC39;
  border: 1px solid #CDDC39;
  border-radius: 15px;
  font-weight: 300;
  padding-right: 8px;
  padding-left: 8px;
}
div.question .contingentbadge.nichtverfuegbar {
  color: #fff;
  background-color: #cc0000;
  border-color: #cc0000;
}
div.question label .price {
  font-weight: 300;
  font-style: italic;
}
div.question label .contingentbadge {
  margin-left: 10px;
}
div.question div.optionWrapper {
  overflow: hidden;
  margin-bottom: 5px;
}
div.question div.optionWrapper label {
  overflow: hidden;
  display: inline;
}
div.question div.optionWrapper label .contingentbadge {
  margin-left: 10px;
}
div.question div.optionWrapper label > * {
  float: left;
}
div.question div.optionWrapper label input {
  margin-bottom: 0px;
  margin-top: 4px;
}
div.question div.optionWrapper label div.optionlabel {
  font-weight: 300;
  max-width: calc(100% - 30px);
}
div.question div.optionWrapper label div.optionlabel .mb2 {
  margin-bottom: 2px;
}
div.question div.optionWrapper label div.optionlabel span.price {
  font-style: italic;
}
div.question .packetstable {
  display: flex;
  flex-direction: column;
}
div.question .packetstable .row {
  display: flex;
  flex-direction: row;
}
div.question .packetstable .row .column {
  margin-bottom: 5px;
}
div.question .packetstable .row .column label {
  margin: 0px;
  display: inline;
  font-weight: 300;
}
div.question .packetstable .row .column input {
  margin: 0px;
  margin-right: 10px;
  margin-top: 4px;
}
div.question .packetstable .row .column .price {
  font-style: italic;
}
div.question .packetstable .row .column:nth-child(2) {
  width: calc(50% - 10px);
}
div.question .packetstable .row .column:nth-child(3) {
  width: calc(50% - 10px);
}
div.question div.formfield {
  margin-bottom: 0px;
}
div.question div.mapsymbol {
  width: 38px;
  text-align: center;
  margin: auto auto;
}
div.question div.mapsymbol a {
  color: black;
}
div.question div.mapstartend {
  display: flex;
  flex-direction: row;
  width: 100%;
}
div.question div.mapstartend div.mapend {
  text-align: end;
}
div.question div.mapstartend div:first-child {
  padding-left: 0px;
}
div.question div.mapstartend div:last-child {
  padding-right: 0px;
}
div.question div.mapstartend input {
  margin-bottom: 0px;
}
div.question div.maptravelmode {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
}
div.question div.maptravelmode select {
  margin-bottom: 0px !important;
  width: 100% !important;
}
div.question div.maptravelmode div {
  width: 50%;
}
div.question div.maptravelmode div:first-child {
  padding-left: 0px;
}
div.question div.maptravelmode div:last-child {
  padding-right: 0px;
}
div.question div.maptravelmode select {
  margin-bottom: 0px;
}
div.question div.maptravelmode button {
  width: 100%;
}
div.question div.map {
  height: 500px;
}
div.question textarea {
  width: 100%;
  height: 100px;
}

div.question:last-of-type {
  margin-bottom: 0px;
}

#modal div.errormessages {
  margin-bottom: 20px;
  display: none;
}
#modal a.pointer {
  cursor: pointer;
}
#modal .option_relation_of_conditions {
  margin-bottom: 0px;
}
#modal div.formfield {
  margin-bottom: 20px;
}
#modal div.scalawrapper input, #modal div.scalawrapper select {
  margin-bottom: 0px;
}
#modal div.useruploadwrapper input, #modal div.useruploadwrapper select, #modal div.useruploadwrapper p {
  margin-bottom: 0px;
}
#modal .origtranslation {
  color: #FF5252;
}
#modal .origtranslation span {
  font-style: italic;
}
#modal div.inlinelabel {
  padding: 5px;
  padding-left: 10px;
}
#modal div.inlinelabel label {
  font-weight: 300;
  margin-bottom: 0px;
  display: inline;
}
#modal div.inlinelabel label input {
  margin-right: 20px;
}
#modal div.calcvalue textarea {
  width: 100%;
  height: 150px;
}
#modal div.googlemap div {
  float: left;
}
#modal div.googlemap div.map_start, #modal div.googlemap div.map_end {
  width: 40%;
  padding: 10px;
}
#modal div.googlemap div.map_start span, #modal div.googlemap div.map_end span {
  font-weight: 300;
}
#modal div.googlemap div.map_start input, #modal div.googlemap div.map_end input {
  width: 100%;
}
#modal div.googlemap div.travel_mode {
  padding: 10px;
  width: 20%;
}
#modal input[type=checkbox], #modal input[type=radio] {
  margin-bottom: 0px;
}
#modal .zwischenheader {
  font-weight: 500;
}
#modal .relationofconditions .clearfix label {
  float: left;
  margin-right: 20px;
  margin-bottom: 0px;
  font-weight: 300;
}
#modal .relationofconditions .clearfix label input {
  margin-right: 20px;
}
#modal .relationofconditions .clearfix label:last-of-type {
  margin-right: 0px;
}
#modal .conditionblock {
  display: flex;
  flex-direction: column;
  background-color: #bdbdbd;
  margin-bottom: 1px;
}
#modal .conditionblock div.conditiontype {
  font-size: 11px;
  font-style: italic;
  width: 100%;
  height: 25px;
  display: flex;
  align-items: center;
  padding-left: 20px;
  background-color: #757575;
  color: #fff;
}
#modal .conditionblock div.wrapper {
  display: flex;
}
#modal .conditionblock div.wrapper div.content {
  padding: 10px;
  width: 90%;
  display: flex;
  flex-direction: row;
}
#modal .conditionblock div.wrapper div.content.mediaFlexRow {
  background-color: #bdbdbd;
}
#modal .conditionblock div.wrapper div.content div.condition_value_container div.timestamp img.ui-datepicker-trigger {
  display: none;
}
#modal .conditionblock div.wrapper div.content div.condition_value_container div.timestamp [name=conditionparam_date] {
  width: 85px;
  margin-right: 4px !important;
}
#modal .conditionblock div.wrapper div.content div.condition_value_container div.timestamp [name=conditionparam_hour], #modal .conditionblock div.wrapper div.content div.condition_value_container div.timestamp [name=conditionparam_minute] {
  width: 60px;
}
#modal .conditionblock div.wrapper div.buttons {
  width: 10%;
  display: flex;
  flex-direction: column;
}
#modal .conditionblock div.wrapper div.buttons a {
  width: 100%;
  height: 41px;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  margin-bottom: 1px;
}
#modal .conditionblock div.wrapper div.buttons a i {
  position: relative;
  top: auto;
  left: auto;
  color: #fff;
  font-size: 15px;
  text-align: center;
}
#modal .conditionblock div.wrapper div.buttons a:last-child {
  margin-bottom: 0;
}
#modal .conditionblock div.wrapper div.buttons a:first-of-type {
  margin-top: 1px;
}
#modal .conditionblock div.wrapper div.buttons a.bginfo:hover {
  background-color: #00a5d6 !important;
}
#modal .conditionblock div.wrapper div.buttons a.bgconfirmation:hover {
  background-color: #83ab1b !important;
}
#modal .conditionblock div.wrapper div.buttons a.bgerror:hover {
  background-color: #ff3939 !important;
}
#modal .conditionblock div.formfield {
  margin: 10px !important;
  margin-left: 0 !important;
}
#modal .conditionblock .formfield input[type=text], #modal .conditionblock .formfield select {
  margin: 0px !important;
}
#modal .conditionblock:first-of-type {
  margin-top: 0px;
}
#modal .boxicon1.bginfo:hover, #modal .boxicon2.bginfo:hover {
  background-color: #00a5d6 !important;
}
#modal .boxicon1.bgconfirmation:hover, #modal .boxicon2.bgconfirmation:hover {
  background-color: #83ab1b !important;
}
#modal .boxicon1.bgerror:hover, #modal .boxicon2.bgerror:hover {
  background-color: #ff3939 !important;
}
#modal #gallerylink {
  width: 200px;
}

.infotextdiv {
  overflow-x: hidden;
  max-width: 700px;
  font-size: 16px;
  line-height: 20px;
  font-stretch: 100%;
}
.infotextdiv table td {
  vertical-align: top;
}
.infotextdiv p {
  margin: 0px;
}

.questionview_hotelimages {
  display: flex;
  flex-direction: column;
}
.questionview_hotelimages .questionview_hotelimage_row {
  display: flex;
  flex-direction: row;
  margin-bottom: 10px;
}
.questionview_hotelimages .questionview_hotelimage_row .questionview_hotelimage_column {
  margin-right: 10px;
}
.questionview_hotelimages .questionview_hotelimage_row .questionview_hotelimage_column img {
  width: 100px;
}

.datev_box {
  background: #90d034;
  margin-left: 10px;
  margin-right: 10px;
  width: auto;
  font-size: 12px;
  border-radius: 3px;
}
.datev_box .datev-label {
  padding-left: 14px;
  padding-top: 5px;
  font-size: 14px;
}
.datev_box .formfield {
  padding-top: 2px !important;
}
.datev_box .formfield label {
  padding-left: 4px;
  margin-bottom: 0px;
}

.paginator__container {
  padding: 20px 50px;
  background-color: #d2d2d2;
  margin-bottom: 1px;
}

.paginator a {
  float: left;
  background-color: #707070;
  color: #ffffff;
  border-radius: 3px;
  text-align: center;
  margin-right: 5px;
  line-height: 1;
  padding: 11px 13px 9px 13px;
  text-decoration: none;
  font-weight: 300;
}
.paginator a:hover, .paginator a.current {
  background-color: #FF5252;
}

.emails__edit_wrapper input[type=text], .emails__edit_wrapper input[type=number], .emails__edit_wrapper input[type=password],
#teilnehmerloadedcontent input[type=text],
#teilnehmerloadedcontent input[type=number],
#teilnehmerloadedcontent input[type=password],
.page__header input[type=text],
.page__header input[type=number],
.page__header input[type=password],
.eventlistcontainer input[type=text],
.eventlistcontainer input[type=number],
.eventlistcontainer input[type=password] {
  font-family: "Fira Condensed", Arial, sans-serif;
  font-weight: 300;
  background: #FFFFFF;
  border: 1px solid #d2d2d2;
  border-radius: 3px;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 1.4;
  box-sizing: border-box;
  width: 300px;
  max-width: 100%;
  background-color: #fbfbfb;
  transition: all 0.3s ease;
}
.emails__edit_wrapper input[type=text]:focus, .emails__edit_wrapper input[type=number]:focus, .emails__edit_wrapper input[type=password]:focus,
#teilnehmerloadedcontent input[type=text]:focus,
#teilnehmerloadedcontent input[type=number]:focus,
#teilnehmerloadedcontent input[type=password]:focus,
.page__header input[type=text]:focus,
.page__header input[type=number]:focus,
.page__header input[type=password]:focus,
.eventlistcontainer input[type=text]:focus,
.eventlistcontainer input[type=number]:focus,
.eventlistcontainer input[type=password]:focus {
  background-color: #f4f4f4;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.37);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.37);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.37);
}

select:not([class*=Mui]),
textarea:not([class*=Mui]) {
  font-family: "Fira Condensed", Arial, sans-serif;
  font-weight: 300;
  background: #FFFFFF;
  border: 1px solid #d2d2d2;
  border-radius: 3px;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 1.4;
  box-sizing: border-box;
  width: 300px;
  max-width: 100%;
  background-color: #fbfbfb;
  transition: all 0.3s ease;
}
select:not([class*=Mui]):focus,
textarea:not([class*=Mui]):focus {
  background-color: #f4f4f4;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.37);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.37);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.37);
}

.tgl {
  display: none;
  position: absolute;
}
.tgl, .tgl:after, .tgl:before, .tgl *, .tgl *:after, .tgl *:before, .tgl + .tgl-btn {
  box-sizing: border-box;
}
.tgl::selection, .tgl:after::selection, .tgl:before::selection, .tgl *::selection, .tgl *:after::selection, .tgl *:before::selection, .tgl + .tgl-btn::selection {
  background: none;
}
.tgl + .tgl-btn {
  outline: 0;
  display: block;
  width: 60px;
  height: 30px;
  position: relative;
  cursor: pointer;
  user-select: none;
}
.tgl + .tgl-btn:after, .tgl + .tgl-btn:before {
  position: relative;
  display: block;
  content: "";
  width: 50%;
  height: 100%;
}
.tgl + .tgl-btn:after {
  left: 0;
}
.tgl + .tgl-btn:before {
  display: none;
}
.tgl:checked + .tgl-btn:after {
  left: 50%;
}

.tgl-flat + .tgl-btn {
  padding: 2px;
  transition: all 0.2s ease;
  background: #fff;
  border: 4px solid #5c5c5c;
  border-radius: 2em;
}
.tgl-flat + .tgl-btn:after {
  transition: all 0.2s ease;
  background: #5c5c5c;
  content: "";
  border-radius: 1em;
}
.tgl-flat:checked + .tgl-btn {
  border: 4px solid #CDDC39;
}
.tgl-flat:checked + .tgl-btn:after {
  left: 50%;
  background: #CDDC39;
}

.formfield_flex_container {
  display: flex;
  justify-content: space-between;
}
.formfield_flex_container > .formfield {
  width: 45%;
}

.rightcolumn__container select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.rightcolumn__container input[type=text], .rightcolumn__container select {
  padding: 10px;
  font-size: 16px;
  margin-bottom: 10px;
  font-family: "Fira Condensed", Arial, sans-serif;
  font-weight: 300;
  background: #FFFFFF;
  border: 1px solid #d2d2d2;
  border-radius: 3px;
  width: 100%;
  transition: all 0.3s ease;
}
.rightcolumn__container input[type=text]:focus, .rightcolumn__container select:focus {
  background-color: #f4f4f4;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.37);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.37);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.37);
}

.selectwrapper {
  position: relative;
  cursor: pointer;
  height: 44px;
}
.selectwrapper label {
  width: 100%;
}
.selectwrapper:after {
  content: "<>";
  font: 17px "Consolas", monospace;
  color: #333;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  right: 7px;
  /*Adjust for position however you want*/
  top: 12px;
  padding: 0 0 2px;
  /*left line */
  position: absolute;
  pointer-events: none;
}
.selectwrapper select::-ms-expand {
  display: none;
}
.selectwrapper select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Add some styling */
  cursor: pointer;
  display: block;
  width: 100%;
  height: 44px;
  float: right;
  padding-right: 30px !important;
  font-size: 16px;
  line-height: 1.2;
  color: #333;
  background-image: none;
  -ms-word-break: normal;
  word-break: normal;
}
.selectwrapper.small_select {
  height: 27px !important;
}
.selectwrapper.small_select:after {
  top: 3px;
}
.selectwrapper.small_select select {
  height: 27px !important;
}
.selectwrapper.small_select select option {
  font-size: 12px;
}

.stripe_account_country_select .selectwrapper label {
  margin-bottom: 0px !important;
}

.formfield {
  margin-bottom: 30px;
}
.formfield .iconbutton, .formfield .button {
  width: 100%;
}
.formfield label:not([class*=mat-]):not([class*=Mui]) {
  margin-bottom: 10px;
}
.formfield input[type=text]:not([class*=Mui]):not([class*=mat-]), .formfield input[type=password]:not([class*=Mui]):not([class*=mat-]), .formfield input[type=number]:not([class*=Mui]):not([class*=mat-]), .formfield select:not([class*=Mui]):not([class*=mat-]) {
  padding: 10px;
  font-size: 16px;
  font-family: "Fira Condensed", Arial, sans-serif;
  font-weight: 300;
  background: #FFFFFF;
  border: 1px solid #d2d2d2;
  border-radius: 3px;
  width: 100%;
  transition: all 0.3s ease;
  color: #000000;
}
.formfield input[type=text]:not([class*=Mui]):not([class*=mat-]):focus, .formfield input[type=password]:not([class*=Mui]):not([class*=mat-]):focus, .formfield input[type=number]:not([class*=Mui]):not([class*=mat-]):focus, .formfield select:not([class*=Mui]):not([class*=mat-]):focus {
  background-color: #f4f4f4;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.37);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.37);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.37);
}
.formfield .time__container {
  display: flex;
  align-items: center;
}
.formfield .time__container .formfield {
  margin: 0;
}
.formfield .time__container .formfield select {
  margin-bottom: 0;
}
.formfield .time__container .formfield .selectwrapper label {
  margin-bottom: 0;
}
.formfield .time__container span {
  margin: 0 3px;
}
.formfield .url__container .url_link__container input {
  margin-bottom: 0;
}
.formfield .added_user, .formfield .added_language {
  margin-bottom: 20px;
}
.formfield .adduser__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.formfield .adduser__container div {
  width: 45%;
}
.formfield .adduser__container input {
  margin: 0;
}
.formfield .user__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.formfield .user__container div {
  width: 45%;
}
.formfield .user__container .added_user__details {
  padding: 10px;
  font-size: 16px;
  font-family: "Fira Condensed", Arial, sans-serif;
  font-weight: 300;
  background: #CDDC39;
  color: #212121;
  border: 1px solid #d2d2d2;
  border-radius: 3px;
}
.formfield .user__container .added_user__details a {
  color: #212121;
}
.formfield .user__container .added_user__details a:hover {
  color: #FF5252;
}
.formfield .image_upload__container {
  display: flex;
  flex-direction: column;
}
.formfield .image_upload__container .image_container {
  margin-bottom: 20px;
}
.formfield .image_upload__container .button_container {
  margin-bottom: 20px;
}
.formfield .language__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.formfield .language__container select {
  margin-bottom: 0;
}
.formfield .language__container div {
  width: 45%;
}
.formfield .language__container .added_language__details {
  padding: 10px;
  font-size: 16px;
  font-family: "Fira Condensed", Arial, sans-serif;
  font-weight: 300;
  background: #CDDC39;
  color: #212121;
  border: 1px solid #d2d2d2;
  border-radius: 3px;
}
.formfield .input__note {
  font-weight: 300;
  font-size: 11px;
  font-style: italic;
  margin-left: 10px;
}

label {
  display: block;
  font-weight: var(--strong-font-weight);
}

label.error {
  color: #FF5722;
}

label.inlinelabel {
  display: inline;
  margin: 0;
  font-weight: 300;
}

label.checkboxlabel, label.inputboxlabel {
  padding-left: 27px;
  font-weight: 300;
  text-indent: -27px;
}

input:not([class*=Mui]) input[type=text], input:not([class*=Mui]) input[type=number], input:not([class*=Mui]) input[type=password] {
  font-family: "Fira Condensed", Arial, sans-serif;
  font-weight: 300;
  background: #FFFFFF;
  border: 1px solid #d2d2d2;
  border-radius: 3px;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 1.4;
  box-sizing: border-box;
  width: 300px;
  max-width: 100%;
  background-color: #fbfbfb;
  transition: all 0.3s ease;
}
input:not([class*=Mui]) input[type=text]:focus, input:not([class*=Mui]) input[type=number]:focus, input:not([class*=Mui]) input[type=password]:focus {
  background-color: #f4f4f4;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.37);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.37);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.37);
}

textarea {
  font-family: "Fira Condensed", Arial, sans-serif;
  font-weight: 300;
  background: #FFFFFF;
  border-radius: 4px;
  padding: 5px;
  font-size: 14px;
  line-height: 1.4;
}

input[type=checkbox], input[type=radio] {
  margin-right: 10px;
  margin-bottom: 10px;
}

input[type=text].error, input[type=number].error, input[type=password].error, select.error, textarea.error {
  border-color: #FF5722;
}

i.inputicon {
  color: #b4b4b4;
  font-size: 16px;
  margin-left: -24px;
}

#kaufen {
  background-color: #95c430;
}

button.transparent {
  box-sizing: border-box;
  border: 1px solid black;
  font-family: "Fira Condensed", Arial, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px !important;
  text-align: left;
  padding: 12px 17px;
  text-decoration: none !important;
  cursor: pointer;
  border-radius: 3px;
  transition: all 0.2s ease;
  outline: none;
  background-color: transparent !important;
  color: black;
}
button.transparent:hover {
  background-color: rgba(115, 115, 115, 0.3) !important;
}
button.transparent.disabled {
  background-color: #ccc !important;
}
button.transparent i {
  width: 15px;
  padding-right: 15px;
  margin-bottom: 0px;
  font-size: 20px;
}

/* Buttons */
.button, .iconbutton {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  border: none;
  width: 100%;
  font-family: "Fira Condensed", Arial, sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 20px !important;
  text-align: left;
  padding: 12px 17px;
  text-decoration: none !important;
  cursor: pointer;
  border-radius: 3px;
  line-height: 1;
  transition: all 0.2s ease;
  outline: none;
}
.button.disabled, .iconbutton.disabled {
  background-color: #ccc !important;
}
.button.white, .iconbutton.white {
  background-color: #fff;
  color: #212121;
}
.button.white:hover, .iconbutton.white:hover {
  background-color: #212121;
  color: #fff;
}

button.button::-moz-focus-inner, button.iconbutton::-moz-focus-inner {
  padding: 0;
  border: 0;
  outline: none;
}

.iconbutton i {
  width: 30px;
  padding-right: 15px;
}

#buttons {
  display: flex;
}
#buttons div {
  width: 100%;
}

.smallinputbutton {
  padding-top: 2px;
  padding-bottom: 2px;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  display: flex !important;
  flex-direction: row !important;
}

.small_datepicker_row {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex: 1 100%;
}
.small_datepicker_row div img.ui-datepicker-trigger {
  top: 6px;
}

button:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.materialswitch.disabled label, .materialswitch.disabled .materialswitchlabel {
  opacity: 0.4;
  cursor: not-allowed;
}

.checkbox[disabled] {
  opacity: 0.4;
  cursor: not-allowed;
}

.formfield_elementselection .formelementselection#formelementselectionquestiontype {
  background-color: #ff5252;
  color: white;
}
.formfield_elementselection .selectwrapper:after {
  color: white;
}

.codeblock pre[class*=language-] {
  position: relative !important;
  overflow: auto !important;
  /* make space  */
  margin: 5px 0 !important;
  padding: 1rem 0 1rem 1rem;
  border-radius: 10px !important;
  background: #545454 !important;
  color: white;
}
.codeblock pre[class*=language-] button {
  position: absolute !important;
  top: 5px !important;
  right: 5px !important;
  font-size: 0.9rem !important;
  padding: 0.15rem !important;
  background-color: #828282 !important;
  border: ridge 1px #7b7b7c !important;
  border-radius: 5px !important;
  text-shadow: #c4c4c4 0 0 2px !important;
}
.codeblock pre[class*=language-] button:hover {
  cursor: pointer !important;
  background-color: #bcbabb !important;
}

img.screenshot {
  padding: 10px !important;
  background: #d2d2d2 !important;
  border-radius: 5px !important;
}

.flex_payment_container {
  display: flex;
  flex-direction: row;
  margin-bottom: 40px;
}
.flex_payment_container .flex_payment_item {
  display: flex;
  flex-direction: column;
  width: 280px;
  align-items: center;
  padding: 20px;
  margin-right: 1px;
  color: white;
}
.flex_payment_container .flex_payment_item:last-child {
  margin-right: 0px;
}
.flex_payment_container .flex_payment_item .flex_payment_item_info {
  align-self: start;
  font-size: 12px;
  line-height: 20px;
}
.flex_payment_container .flex_payment_item .flex_payment_item_options {
  margin-top: 30px;
}
.flex_payment_container .flex_payment_item .flex_payment_item_options label {
  text-align: center;
  font-weight: 300;
}
.flex_payment_container .flex_payment_item .flex_payment_item_options.select {
  width: 100%;
}
.flex_payment_container .flex_payment_item .flex_payment_item_name {
  margin-top: 20px;
}
.flex_payment_container .flex_payment_item .flex_payment_item_image {
  margin-top: 20px;
  height: 30px;
}
.flex_payment_container .flex_payment_item .flex_payment_item_toggle {
  margin-top: 20px;
}
.flex_payment_container .flex_payment_item .flex_payment_item_toggle .tgl {
  display: none;
  position: absolute;
}
.flex_payment_container .flex_payment_item .flex_payment_item_toggle .tgl, .flex_payment_container .flex_payment_item .flex_payment_item_toggle .tgl:after, .flex_payment_container .flex_payment_item .flex_payment_item_toggle .tgl:before, .flex_payment_container .flex_payment_item .flex_payment_item_toggle .tgl *, .flex_payment_container .flex_payment_item .flex_payment_item_toggle .tgl *:after, .flex_payment_container .flex_payment_item .flex_payment_item_toggle .tgl *:before, .flex_payment_container .flex_payment_item .flex_payment_item_toggle .tgl + .tgl-btn {
  box-sizing: border-box;
}
.flex_payment_container .flex_payment_item .flex_payment_item_toggle .tgl::selection, .flex_payment_container .flex_payment_item .flex_payment_item_toggle .tgl:after::selection, .flex_payment_container .flex_payment_item .flex_payment_item_toggle .tgl:before::selection, .flex_payment_container .flex_payment_item .flex_payment_item_toggle .tgl *::selection, .flex_payment_container .flex_payment_item .flex_payment_item_toggle .tgl *:after::selection, .flex_payment_container .flex_payment_item .flex_payment_item_toggle .tgl *:before::selection, .flex_payment_container .flex_payment_item .flex_payment_item_toggle .tgl + .tgl-btn::selection {
  background: none;
}
.flex_payment_container .flex_payment_item .flex_payment_item_toggle .tgl + .tgl-btn {
  outline: 0;
  display: block;
  width: 60px;
  height: 30px;
  position: relative;
  cursor: pointer;
  user-select: none;
}
.flex_payment_container .flex_payment_item .flex_payment_item_toggle .tgl + .tgl-btn:after, .flex_payment_container .flex_payment_item .flex_payment_item_toggle .tgl + .tgl-btn:before {
  position: relative;
  display: block;
  content: "";
  width: 50%;
  height: 100%;
}
.flex_payment_container .flex_payment_item .flex_payment_item_toggle .tgl + .tgl-btn:after {
  left: 0;
}
.flex_payment_container .flex_payment_item .flex_payment_item_toggle .tgl + .tgl-btn:before {
  display: none;
}
.flex_payment_container .flex_payment_item .flex_payment_item_toggle .tgl:checked + .tgl-btn:after {
  left: 50%;
}
.flex_payment_container .flex_payment_item .flex_payment_item_toggle .tgl-flat + .tgl-btn {
  padding: 2px;
  transition: all 0.2s ease;
  background: #fff;
  border: 4px solid #5c5c5c;
  border-radius: 2em;
}
.flex_payment_container .flex_payment_item .flex_payment_item_toggle .tgl-flat + .tgl-btn:after {
  transition: all 0.2s ease;
  background: #5c5c5c;
  content: "";
  border-radius: 1em;
}
.flex_payment_container .flex_payment_item .flex_payment_item_toggle .tgl-flat:checked + .tgl-btn {
  border: 4px solid #CDDC39;
}
.flex_payment_container .flex_payment_item .flex_payment_item_toggle .tgl-flat:checked + .tgl-btn:after {
  left: 50%;
  background: #CDDC39;
}
.flex_payment_container .flex_payment_item.invoice {
  background-color: #455A64;
}
.flex_payment_container .flex_payment_item.invoice img {
  width: 30px;
}
.flex_payment_container .flex_payment_item.stripe {
  background-color: #434343;
}
.flex_payment_container .flex_payment_item.stripe img {
  width: 50px;
}
.flex_payment_container .flex_payment_item.paypal {
  background-color: #0070ba;
}
.flex_payment_container .flex_payment_item.paypal img {
  width: 80px;
}
.flex_payment_container .flex_payment_item.own_stripe {
  background-color: #434343;
}
.flex_payment_container .flex_payment_item.own_stripe img {
  width: 50px;
}
.flex_payment_container .flex_payment_item.own_paypal {
  background-color: #0070ba;
}
.flex_payment_container .flex_payment_item.own_paypal img {
  width: 80px;
}

.payment_option_item {
  margin-top: 0;
}
.payment_option_item label {
  font-weight: normal;
}
.payment_option_item input {
  margin-bottom: 0;
  vertical-align: middle;
}
.payment_option_item img {
  vertical-align: middle;
  margin-top: 4px;
}

.payment_options_container {
  display: flex;
}
.payment_options_container .payment_option {
  width: 25%;
  padding: 20px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #434343;
  color: #fff;
  margin-right: 1px;
}
.payment_options_container .payment_option img {
  width: 70px;
}
.payment_options_container .payment_option label {
  margin-top: 15px;
  margin-bottom: 10px;
}
.payment_options_container .payment_option.payment_invoice {
  background-color: #455A64;
}
.payment_options_container .payment_option.payment_invoice img {
  width: 30px;
}
.payment_options_container .payment_option.payment_creditcard img {
  width: 30px;
}
.payment_options_container .payment_option.payment_sofort {
  background-color: #eb6f93;
}
.payment_options_container .payment_option.payment_paypal {
  background-color: #0070ba;
}
.payment_options_container .payment_option .payment_option_legend {
  margin-bottom: 25px;
}

.paymentwrapper .paymentbox {
  background-color: #f8f8f8;
}
.paymentwrapper .paymentbox .boxcontent {
  padding: 20px;
}
.paymentwrapper .paymentbox .boxcontent .tax_check label {
  margin-right: 10px;
  min-width: 48px;
}
.paymentwrapper .paymentbox .boxcontent .tax_check label, .paymentwrapper .paymentbox .boxcontent .tax_check select {
  margin-bottom: 0;
}
.paymentwrapper .paymentbox .boxcontent .tax_check select[name=auslandsrechnung_land] {
  width: 150px;
}

div.recipient p {
  margin-bottom: 0px;
}

.settingswrapper {
  background-color: #fff;
}
.settingswrapper .settingsbox {
  margin-bottom: 1px;
  background-color: #f0f0f0;
}
.settingswrapper .settingsbox .boxcontent {
  padding: 20px;
}

.packetstable .option,
.optionWrapper.option {
  margin-bottom: 10px;
  margin-top: 0;
}
.packetstable .option label,
.optionWrapper.option label {
  margin-bottom: 0;
}
.packetstable .option label input[type=checkbox],
.optionWrapper.option label input[type=checkbox] {
  margin-top: 5px;
  margin-bottom: 0px;
}

.option {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-top: 10px;
}
.option .formfield {
  margin: 0px !important;
}
.option .gallerybuttonwrapper {
  padding: 10px;
}
.option .type.small {
  font-size: 11px;
  font-style: italic;
  width: 100%;
  height: 35px;
  display: flex;
  align-items: center;
  padding-left: 20px;
  background-color: #757575;
  color: #fff;
  border-bottom: 1px solid white;
  cursor: move;
  cursor: -webkit-grabbing;
}
.option .type.small .optionid {
  margin-left: auto;
  padding-right: 20px;
}
.option .inneroptionwrapper {
  display: flex;
  width: 100%;
  background-color: #f0f0f0;
}
.option .inneroptionwrapper .optioncontent {
  flex: 1;
}
.option .inneroptionwrapper .optioncontent .formfield input {
  margin: 0px;
}
.option .inneroptionwrapper .optioncontent .kontingent_price_mwst {
  display: flex;
  flex-direction: row;
}
.option .inneroptionwrapper .optioncontent .kontingent_price_mwst.hidden {
  display: none;
}
.option .inneroptionwrapper .optioncontent .kontingent_price_mwst .formfield {
  width: 33.333%;
  flex: 1 1 auto;
  padding: 10px;
}
.option .inneroptionwrapper .optioncontent .description {
  padding: 10px;
}
.option .inneroptionwrapper .optioncontent .description textarea {
  width: 100%;
  border: 0px;
}
.option .inneroptionwrapper .optioncontent .von_bis_flexbox {
  display: flex;
  flex-direction: row;
  align-items: baseline;
}
.option .inneroptionwrapper .optioncontent .von_bis_flexbox input, .option .inneroptionwrapper .optioncontent .von_bis_flexbox span {
  margin: 10px !important;
  margin-top: 0px !important;
}
.option .inneroptionwrapper .optioncontent .von_bis_flexbox input {
  margin: 0px;
}
.option .inneroptionwrapper .buttonboxcontainer {
  display: flex;
  width: 10%;
  flex-direction: column;
  align-items: flex-end;
}
.option .inneroptionwrapper .buttonboxcontainer a.boxicon1, .option .inneroptionwrapper .buttonboxcontainer a.boxicon2 {
  width: 100%;
  height: 40px;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  margin-bottom: 1px;
}
.option .inneroptionwrapper .buttonboxcontainer a.boxicon1 i, .option .inneroptionwrapper .buttonboxcontainer a.boxicon2 i {
  position: relative;
  top: auto;
  left: auto;
}
.option .inneroptionwrapper .buttonboxcontainer a.boxicon1.sort, .option .inneroptionwrapper .buttonboxcontainer a.boxicon2.sort {
  cursor: move;
  cursor: -webkit-grabbing;
}

.question_action {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-top: 20px;
  background-color: #f0f0f0;
}
.question_action .type.small {
  font-size: 11px;
  font-style: italic;
  width: 100%;
  height: 35px;
  display: flex;
  align-items: center;
  padding-left: 20px;
  background-color: #757575;
  color: #fff;
  border-bottom: 1px solid white;
}
.question_action .inneractionwrapper {
  display: flex;
  width: 100%;
}
.question_action .inneractionwrapper .actioncontent {
  width: 90%;
  padding: 10px;
  background-color: #f0f0f0;
}
.question_action .inneractionwrapper .buttonboxcontainer {
  display: flex;
  width: 10%;
  flex-direction: column;
  align-items: flex-end;
}
.question_action .inneractionwrapper .buttonboxcontainer a.boxicon1, .question_action .inneractionwrapper .buttonboxcontainer a.boxicon2 {
  width: 100%;
  height: 40px;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  margin-bottom: 1px;
}
.question_action .inneractionwrapper .buttonboxcontainer a.boxicon1 i, .question_action .inneractionwrapper .buttonboxcontainer a.boxicon2 i {
  color: #fff;
  position: relative;
  top: auto;
  left: auto;
}

#emaildata {
  height: 100%;
  min-height: 100%;
}

.email__preview__container,
.emailvorschau_iframewrapper {
  margin: 0 auto;
  max-width: 742px;
}

.mailings_actions {
  padding: 10px 10px 10px 20px;
  min-height: 100%;
  text-decoration: none;
}

.emailswrapper {
  background-color: #f8f8f8;
}
.emailswrapper .whitebox {
  padding: 0 1px 0 0;
}
@media (min-width: 992px) {
  .emailswrapper .whitebox {
    padding: 20px;
  }
}
.emailswrapper .email__legend {
  font-size: 11px;
  font-style: italic;
  width: 100%;
  height: 35px;
  display: flex;
  align-items: center;
  left: 0;
  background-color: #dfdfdf;
  margin-bottom: 1px;
  cursor: move;
  cursor: -webkit-grabbing;
}
.emailswrapper .email__legend .email__legend_subject {
  width: 70%;
  border-right: 1px solid #212121;
  padding: 0 20px;
}
@media (min-width: 992px) {
  .emailswrapper .email__legend .email__legend_subject {
    width: 80%;
  }
}
.emailswrapper .email__legend .email__legend_actions {
  width: 30%;
  padding: 0 20px;
}
@media (min-width: 992px) {
  .emailswrapper .email__legend .email__legend_actions {
    width: 20%;
  }
}
.emailswrapper .email__header {
  margin: 0 0 1px 0;
  background-color: #f0f0f0;
  display: flex;
}
@media (min-width: 992px) {
  .emailswrapper .email__header {
    margin: 0 0 20px 0;
  }
}
.emailswrapper .email__header .email__edit {
  width: 15%;
  display: flex;
}
.emailswrapper .email__header .email__edit a {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  border-right: 1px solid #fff;
  text-align: center;
  transition: all 0.3s ease;
}
.emailswrapper .email__header .email__edit i {
  color: #fff;
}
@media (min-width: 992px) {
  .emailswrapper .email__header .email__edit {
    width: 10%;
  }
}
.emailswrapper .email__header .email__title {
  width: 70%;
  border-right: 1px solid #fff;
}
.emailswrapper .email__header .email__title a {
  display: flex;
  flex-direction: column;
  padding: 20px;
}
@media (min-width: 992px) {
  .emailswrapper .email__header .email__title {
    width: 80%;
  }
}
.emailswrapper .email__header .email__sort {
  width: 15%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease;
  cursor: move;
  cursor: -webkit-grabbing;
}
.emailswrapper .email__header .email__sort:hover {
  cursor: pointer;
}
@media (min-width: 992px) {
  .emailswrapper .email__header .email__sort {
    width: 10%;
  }
}

.emails__edit_wrapper .whitebox {
  background-color: #f8f8f8;
}
.emails__edit_wrapper .whitebox .boxcontent {
  padding: 20px;
}
@media (max-width: 900px) {
  .emails__edit_wrapper .whitebox .boxcontent {
    padding: 20px;
  }
}

.email_recipient_selects__container {
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
  margin-bottom: 20px;
}
.email_recipient_selects__container .email_recipient_select {
  margin-bottom: 0px;
  flex: 1;
  width: 100%;
}
.email_recipient_selects__container .email_recipient_select label {
  margin-bottom: 10px;
}
.email_recipient_selects__container .email_recipient_select select {
  margin-bottom: 10px;
}

#recipientwrapper {
  display: flex;
  flex-direction: column;
}
#recipientwrapper .recipient {
  padding: 35px;
  background-color: #fff;
  margin-bottom: 20px;
  border-radius: 3px;
}
#recipientwrapper .recipient .recipient_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 25px;
}

.ccmailaddress-wrapper {
  flex: 1 auto;
  width: 100%;
}

.reportswrapper {
  background-color: #f8f8f8;
}
.reportswrapper .whitebox {
  padding: 0 1px 0 0;
}
@media (min-width: 992px) {
  .reportswrapper .whitebox {
    padding: 35px;
  }
}
.reportswrapper .report__legend {
  font-size: 11px;
  font-style: italic;
  width: 100%;
  height: 35px;
  display: flex;
  align-items: center;
  left: 0;
  background-color: #dfdfdf;
  margin-bottom: 1px;
}
.reportswrapper .report__legend .report__legend_name {
  width: 70%;
  border-right: 1px solid #212121;
  padding: 0 20px;
}
@media (min-width: 992px) {
  .reportswrapper .report__legend .report__legend_name {
    width: 70%;
  }
}
.reportswrapper .report__legend .report__legend_actions {
  width: 30%;
  padding: 0 20px;
}
@media (min-width: 992px) {
  .reportswrapper .report__legend .report__legend_actions {
    width: 30%;
  }
}
.reportswrapper .report__header {
  margin: 0 0 1px 0;
  background-color: #f0f0f0;
  display: flex;
}
@media (min-width: 992px) {
  .reportswrapper .report__header {
    margin: 0 0 35px 0;
  }
}
.reportswrapper .report__header .report__edit {
  width: 15%;
  display: flex;
}
.reportswrapper .report__header .report__edit a {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  border-right: 1px solid #fff;
  text-align: center;
  transition: all 0.3s ease;
}
.reportswrapper .report__header .report__edit a:hover {
  background-color: #FF5252;
}
.reportswrapper .report__header .report__edit i {
  color: #fff;
}
@media (min-width: 992px) {
  .reportswrapper .report__header .report__edit {
    width: 10%;
  }
}
.reportswrapper .report__header .report__title {
  width: 70%;
  border-right: 1px solid #fff;
}
.reportswrapper .report__header .report__title a {
  display: flex;
  padding: 20px;
  align-items: center;
}
@media (min-width: 992px) {
  .reportswrapper .report__header .report__title {
    width: 70%;
  }
}
.reportswrapper .report__header .report__sort {
  width: 15%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease;
}
.reportswrapper .report__header .report__sort:hover {
  cursor: pointer;
  background-color: #FF5252;
}
@media (min-width: 992px) {
  .reportswrapper .report__header .report__sort {
    width: 10%;
  }
}

#teilnehmerloadedcontent {
  background-color: #f8f8f8;
}
#teilnehmerloadedcontent .boxcontent #readonlywrapper {
  margin-top: 35px;
  padding: 35px;
  background-color: #fff;
  border-radius: 3px;
}
#teilnehmerloadedcontent .boxcontent p.info:last-child {
  margin-bottom: 0;
}

.modal .column_switch_container {
  display: flex;
  flex-wrap: wrap;
}
.modal .column_switch_container .column_switch {
  margin: 7px;
  min-height: 90px;
}
.modal .column_switch_container .column_switch label {
  display: flex;
  padding: 25px;
  height: 100%;
  background-color: #f0f0f0;
  font-weight: 300;
  border-radius: 3px;
  background-position: 120% center;
  transition: all 0.2s ease;
  font-size: 16px;
}
.modal .column_switch_container .column_switch label:hover {
  color: #fff;
  background-color: #CDDC39;
  cursor: pointer;
}
.modal .column_switch_container .column_switch label span {
  font-size: 14px;
}
.modal .column_switch_container .column_switch input[type=checkbox] {
  display: none;
}
.modal .column_switch_container .column_switch input[type=checkbox]:checked + label {
  padding-right: 90px;
  background-color: #CDDC39;
  background-image: url(../img/check_mark.svg);
  background-position: 90% center;
  background-repeat: no-repeat;
  background-size: 24px;
  color: #212121;
}
.modal .column_switch_container .column_switch input[type=checkbox]:checked + label:hover {
  color: #fff;
  background-color: #FF5252;
  cursor: pointer;
}
@media (min-width: 992px) {
  .modal .column_switch_container .column_switch {
    width: calc(33.33333% - 14px);
  }
}
@media (max-width: 1200px) {
  .modal .column_switch_container .column_switch {
    width: calc(50% - 14px);
  }
}
@media (max-width: 700px) {
  .modal .column_switch_container .column_switch {
    width: 100%;
  }
}

.conditionblock_wrapper .conditionblock {
  margin-top: 0px;
  display: flex;
  flex-direction: column;
  background-color: #bdbdbd;
  margin-bottom: 1px;
}
.conditionblock_wrapper .conditionblock .wrapper {
  display: flex;
}
.conditionblock_wrapper .conditionblock .wrapper .content {
  padding: 10px;
  width: 90%;
}
.conditionblock_wrapper .conditionblock .wrapper .content div.selectwrapper label {
  margin-bottom: 0px;
}
.conditionblock_wrapper .conditionblock .wrapper .content .formfield {
  margin: 10px !important;
  margin-left: 0px !important;
}
.conditionblock_wrapper .conditionblock .wrapper .content .condition_value_container .timestamp input[type=text] {
  width: 85px;
  margin-right: 4px !important;
}
.conditionblock_wrapper .conditionblock .wrapper .buttons {
  width: 10%;
  display: flex;
  flex-direction: column;
}
.conditionblock_wrapper .conditionblock .wrapper .buttons a:first-of-type {
  margin-top: 1px;
}
.conditionblock_wrapper .conditionblock .wrapper .buttons a {
  width: 100%;
  height: 41px;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  margin-bottom: 1px;
}
.conditionblock_wrapper .conditionblock .wrapper .buttons a i {
  position: relative;
  top: auto;
  left: auto;
  color: #fff;
  font-size: 15px;
  text-align: center;
}
.conditionblock_wrapper .conditionblock .conditiontype {
  font-size: 11px;
  font-style: italic;
  width: 100%;
  height: 25px;
  display: flex;
  align-items: center;
  padding-left: 20px;
  background-color: #757575;
  color: #fff;
}

#conditionwrapper .condition {
  position: relative;
  border-radius: 3px;
  padding: 35px 35px 35px 35px;
  background: #fff;
  display: flex;
  flex-wrap: wrap;
}
#conditionwrapper .condition .condition_type_legend {
  font-size: 11px;
  font-style: italic;
  margin-bottom: 10px;
}
#conditionwrapper .condition .condition_type_container {
  width: 70%;
  order: 1;
  margin-bottom: 15px;
  padding-left: 10px;
}
#conditionwrapper .condition .condition_type_container select {
  width: 100%;
}
#conditionwrapper .condition .condition_operator_container,
#conditionwrapper .condition .condition_value_container {
  padding-right: 20px;
  margin-bottom: 15px;
  width: 70%;
  order: 2;
}
#conditionwrapper .condition .condition_value_container .timestamp {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
#conditionwrapper .condition .condition_value_container .timestamp span {
  margin: 0 5px;
}
#conditionwrapper .condition .condition_value_container .timestamp .timestampparam {
  margin-right: 20px;
}
#conditionwrapper .condition select, #conditionwrapper .condition input {
  margin-bottom: 0;
  width: auto;
}
#conditionwrapper .condition .icondummy {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 25%;
  text-align: right;
  display: flex;
  justify-content: flex-end;
}
@media (min-width: 992px) {
  #conditionwrapper .condition .icondummy {
    top: 60px;
    right: 35px;
    width: 50%;
  }
}

.templateswrapper {
  padding: 20px;
  background-color: #f8f8f8;
}
.templatescontainer .boxheader {
  background-color: #f5f5f5;
  padding: 20px 50px;
}
.templatescontainer .templatebox {
  margin-bottom: 35px;
}
.templatescontainer .templatebox .template__details {
  display: flex;
}
.templatescontainer .templatebox .template__details .template_edit {
  display: block;
  width: 90%;
  padding: 20px;
  background-color: #f0f0f0;
  transition: all 0.3s ease;
}
.templatescontainer .templatebox .template__details .template_edit .template_name, .templatescontainer .templatebox .template__details .template_edit .template_owner {
  transition: all 0.3s ease;
  display: block;
}
@media (min-width: 992px) {
  .templatescontainer .templatebox .template__details .template_edit {
    width: 80%;
  }
}
.templatescontainer .templatebox .template__details .template_edit:hover {
  background-color: #FF5252;
}
.templatescontainer .templatebox .template__details .template_edit:hover .template_name, .templatescontainer .templatebox .template__details .template_edit:hover .template_owner {
  color: #ffffff;
}
.templatescontainer .templatebox .template__details .template__edit_button {
  width: 10%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  border-left: 1px solid #fff;
  background-color: #607D8B;
  transition: all 0.3s ease;
}
.templatescontainer .templatebox .template__details .template__edit_button i {
  color: #fff;
}
@media (min-width: 992px) {
  .templatescontainer .templatebox .template__details .template__edit_button {
    width: 20%;
  }
}
.templatescontainer .templatebox .template__details .template__edit_button:hover {
  background-color: #FF5252;
}
.templatescontainer .templatebox .template__legend {
  font-size: 11px;
  font-style: italic;
  width: 100%;
  height: 35px;
  display: flex;
  align-items: center;
  left: 0;
  background-color: #dfdfdf;
  margin-bottom: 1px;
}
.templatescontainer .templatebox .template__legend .template__legend_name {
  width: 90%;
  border-right: 1px solid #212121;
  padding: 0 20px;
}
@media (min-width: 992px) {
  .templatescontainer .templatebox .template__legend .template__legend_name {
    width: 80%;
  }
}
.templatescontainer .templatebox .template__legend .template__legend_actions {
  width: 10%;
  padding: 0 20px;
}
@media (min-width: 992px) {
  .templatescontainer .templatebox .template__legend .template__legend_actions {
    width: 20%;
  }
}

.userswrapper {
  padding: 20px;
}
.userswrapper .user__container {
  margin-bottom: 20px;
}
.userswrapper .user__legend, .userswrapper .user__details {
  display: flex;
}
.userswrapper .user__legend {
  font-size: 11px;
  font-style: italic;
  width: 100%;
  max-width: 100%;
  height: 35px;
  display: flex;
  align-items: center;
  left: 0;
  background-color: #dfdfdf;
  margin-bottom: 1px;
}
.userswrapper .user__legend .user__legend_name, .userswrapper .user__legend .user__legend_check, .userswrapper .user__legend .user__legend_email {
  border-right: 1px solid #212121;
  padding: 0 20px;
}
.userswrapper .user__legend .user__legend_name {
  width: 30%;
  max-width: 30%;
}
.userswrapper .user__legend .user__legend_check {
  width: 30%;
  max-width: 30%;
}
.userswrapper .user__legend .user__legend_email {
  width: 30%;
  max-width: 30%;
}
.userswrapper .user__legend .user__legend_actions {
  width: 10%;
  max-width: 10%;
  padding: 0 20px;
}
.userswrapper .user__details .user_name {
  width: 30%;
  max-width: 30%;
  padding: 20px;
  background-color: #f0f0f0;
  border-right: 1px solid #fff;
}
.userswrapper .user__details .user_name .user_company {
  display: block;
  font-size: small;
  font-weight: 500;
  margin-top: 3px;
}
.userswrapper .user__details .user_name .user_company .agencytext {
  font-size: small;
}
.userswrapper .user__details .user_checkuptext {
  width: 30%;
  max-width: 30%;
  padding: 20px;
  background-color: #f0f0f0;
  border-right: 1px solid #fff;
}
.userswrapper .user__details .user_checkuptext .attenzione {
  color: #FF5252;
  font-weight: 500;
}
.userswrapper .user__details .user_checkuptext .licencedtext {
  font-size: small;
  font-weight: 500;
}
.userswrapper .user__details .user_send_email {
  width: 30%;
  max-width: 30%;
  word-break: break-all;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  border-right: 1px solid #fff;
  transition: all 0.3s ease;
}
.userswrapper .user__details .user__edit_button {
  width: 30%;
  max-width: 10%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
.user_editwrapper .leftcolumn .whitebox {
  background-color: #f8f8f8;
}
.user_editwrapper .leftcolumn .whitebox .boxcontent {
  padding: 35px;
}

.companieswrapper {
  padding: 20px;
}
.companieswrapper .company__container {
  margin-bottom: 20px;
}
.companieswrapper .company__container .company__legend, .companieswrapper .company__container .company__details {
  display: flex;
}
.companieswrapper .company__container .company__legend {
  font-size: 11px;
  font-style: italic;
  width: 100%;
  height: 35px;
  display: flex;
  align-items: center;
  left: 0;
  background-color: #dfdfdf;
  margin-bottom: 1px;
}
.companieswrapper .company__container .company__legend .company__legend_name {
  width: 70%;
  border-right: 1px solid #212121;
  padding: 0 20px;
}
.companieswrapper .company__container .company__legend .company__legend_actions {
  width: 30%;
  padding: 0 20px;
}
.companieswrapper .company__container .company__details .company_name {
  width: 70%;
  padding: 20px;
  background-color: #f0f0f0;
  border-right: 1px solid #fff;
  color: #212121;
  transition: all 0.3s ease;
}
.companieswrapper .company__container .company__details .company__edit_button {
  width: 30%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease;
}
.company_editwrapper {
  display: flex;
  flex-direction: row;
  flex: 1 auto;
}
.company_editwrapper .whitebox {
  background-color: #f8f8f8;
}
.company_editwrapper .whitebox .boxcontent {
  padding: 20px;
}

.mousemovecursor {
  cursor: grabbing !important;
}

.attendee_editwrapper .boxheader {
  background-color: #434343;
  color: #ffffff;
}
.attendee_editwrapper .attendee_detailwrapper {
  background-color: #f8f8f8;
}
.attendee_editwrapper .attendee_detailwrapper .whitebox {
  background: transparent;
}
.attendee_editwrapper .attendee_detailwrapper #infotable {
  padding: 35px;
}
.attendee_editwrapper .attendee_detailwrapper .bookinginfotable td {
  padding: 10px 10px 10px 0;
  vertical-align: middle;
}
.attendee_editwrapper .attendee_detailwrapper .bookinginfotable td:first-child {
  min-width: 350px;
}
.attendee_editwrapper .attendee_detailwrapper .bookinginfotable a {
  transition: all 0.2s ease;
}
.attendee_editwrapper .attendee_detailwrapper .bookinginfotable a:hover {
  color: #FF5252;
}
.attendee_editwrapper .attendee_detailwrapper .bookinginfotable .iconlink {
  margin: 10px 0;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  color: #FFFFFF;
  border: none;
  width: 200px;
  font-family: "Fira Condensed", Arial, sans-serif;
  font-weight: 300;
  font-size: 13px;
  text-align: left;
  padding: 3px 5px;
  text-decoration: none !important;
  cursor: pointer;
  border-radius: 3px;
  transition: all 0.2s ease;
  background-color: #607D8B;
}
.attendee_editwrapper .attendee_detailwrapper .bookinginfotable .iconlink .fa {
  color: #fff;
  background: transparent;
  margin: -3px 7px 0 0;
  font-size: 10px;
}
.attendee_editwrapper .attendee_detailwrapper .bookinginfotable .iconlink:hover {
  background-color: #FF5252;
  color: #fff;
}
.attendee_editwrapper .attendee_detailwrapper div.formfield div.option {
  margin-bottom: 0;
  display: flex;
  padding: 15px 0;
}
.attendee_editwrapper .attendee_detailwrapper div.formfield div.option label {
  display: flex;
  align-items: center;
  margin-bottom: 0;
}
.attendee_editwrapper .attendee_detailwrapper div.formfield div.option label input {
  margin: 10px 15px 10px 3px;
}
.attendee_editwrapper .attendee_detailwrapper .page {
  position: relative;
  padding: 35px;
}
.attendee_editwrapper .attendee_detailwrapper h3 {
  background-color: #606060;
  padding: 20px;
  color: #fff;
  margin-top: 1px;
  margin-bottom: 20px;
}

.paymentreport_wrapper #tableWrapper {
  overflow-x: auto;
  border-right: 1px solid #fff;
}
.paymentreport_wrapper .rightcolumn .formfield {
  margin-bottom: 15px;
}
.paymentreport_wrapper .rightcolumn .formfield label {
  margin-bottom: 5px;
}
.paymentreport_wrapper table {
  font-size: 13px;
}
.paymentreport_wrapper table thead tr {
  background-color: #606060;
  color: #fff;
}
.paymentreport_wrapper table thead tr th {
  text-align: left;
  padding: 10px 10px 10px 0;
}
.paymentreport_wrapper table thead tr th:first-child {
  padding: 10px 30px 10px 0;
}
.paymentreport_wrapper table tbody tr {
  border-top: 1px solid #fff;
}
.paymentreport_wrapper table tbody tr:nth-child(even) {
  background-color: #f0f0f0;
}
.paymentreport_wrapper table tbody td {
  padding: 10px 10px 10px 0;
  min-width: 200px;
  vertical-align: middle;
}
.paymentreport_wrapper table tbody td:first-child {
  padding: 10px;
  text-align: center;
  vertical-align: middle;
  min-width: 50px;
  border-right: 1px solid #fff;
}
.paymentreport_wrapper table tbody td:nth-child(2) {
  padding: 10px;
}
.paymentreport_wrapper table tbody td .iconlink {
  margin-top: 10px;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  color: #FFFFFF;
  border: none;
  width: 70%;
  font-family: "Fira Condensed", Arial, sans-serif;
  font-weight: 300;
  font-size: 13px;
  text-align: left;
  padding: 3px 5px;
  text-decoration: none !important;
  cursor: pointer;
  border-radius: 3px;
  transition: all 0.2s ease;
  background-color: #FF5252;
}
.paymentreport_wrapper table tbody td .iconlink .fa {
  color: #fff;
  background: transparent;
  margin: -3px 7px 0 0;
  font-size: 10px;
}
.paymentreport_wrapper table tbody td .iconlink:hover {
  background-color: #607D8B;
}
.paymentreport_wrapper table tbody td.confirmed {
  background-color: #CDDC39;
  color: #fff;
}
.paymentreport_wrapper table tbody td.refund {
  background-color: #FF5252;
  color: #fff;
}

.questionwrapper {
  padding: 20px;
}
.sortable-ghost {
  opacity: 0.1;
}

.questionwrapper .question {
  display: flex;
  margin-top: 35px;
  margin-bottom: 40px;
  position: relative;
}
.questionwrapper .question .small.type {
  font-size: 11px;
  font-style: italic;
  position: absolute;
  width: 100%;
  height: 35px;
  display: flex;
  align-items: center;
  top: -36px;
  padding-left: 20px;
  left: 0;
  background-color: #e8e8e8;
  color: #000;
  cursor: move;
  cursor: -webkit-grabbing;
}
.questionwrapper .question .small.type .optionid {
  margin-left: auto;
  padding-right: 20px;
}
.questionwrapper .question .formfield {
  width: 90%;
  padding: 20px;
}
.questionwrapper .question .buttonboxcontainer {
  width: 10%;
  display: flex;
  min-height: 100%;
  flex-direction: column;
  align-items: flex-end;
}
.questionwrapper .question .buttonboxcontainer .buttonboxbutton, .questionwrapper .question .buttonboxcontainer .buttonboxbutton2, .questionwrapper .question .buttonboxcontainer .buttonboxbutton3 {
  width: 100%;
  height: 40px;
  position: relative;
  right: auto;
  border: 0;
  margin-left: 1px;
  margin-bottom: 1px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.questionwrapper .question .buttonboxcontainer .buttonboxbutton i, .questionwrapper .question .buttonboxcontainer .buttonboxbutton2 i, .questionwrapper .question .buttonboxcontainer .buttonboxbutton3 i {
  position: relative;
  top: auto;
  left: auto;
  font-size: 15px;
  text-align: center;
}
.questionwrapper .question .buttonboxcontainer .buttonboxbutton:last-child, .questionwrapper .question .buttonboxcontainer .buttonboxbutton2:last-child, .questionwrapper .question .buttonboxcontainer .buttonboxbutton3:last-child {
  margin-bottom: 0;
}
.questionwrapper .question .buttonboxcontainer .buttonboxbutton2 {
  cursor: move;
  cursor: -webkit-grabbing;
}

.question.rendered {
  margin: 20px;
  margin-bottom: 40px;
}
.question.rendered .formfield {
  width: 100%;
}

.boxheader .buttonboxcontainer a {
  display: flex;
  justify-content: center;
  align-items: center;
}
.boxheader .buttonboxcontainer a i {
  font-size: 20px;
}

.eventlistcontainer {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  margin-bottom: 1px;
  padding: 35px;
}
.eventlistcontainer.deletionRequested {
  background-color: #918f8f !important;
}
.eventlistcontainer.deletionRequested .infomessages {
  display: none !important;
}
.eventlistcontainer.deletionRequested button {
  background-color: #7a7878 !important;
  color: #bfbfbf !important;
}
.eventlistcontainer.odd {
  background-color: #f0f0f0;
}
.eventlistcontainer.even {
  background-color: #d2d2d2;
}
.eventlistcontainer .event__infos {
  width: 80%;
  display: flex;
}
.eventlistcontainer .event__title_link {
  width: 70%;
  padding-right: 20px;
}
.eventlistcontainer .event__title_link .event__title_label {
  font-size: 11px;
  font-style: italic;
  font-weight: 300;
  margin-bottom: 5px;
}
.eventlistcontainer .event__title_link h3.event__title {
  font-size: 20px;
  font-weight: 500;
}
.eventlistcontainer .event__title_link .event__date {
  font-size: 20px;
}
.eventlistcontainer .event__title_link .event__place {
  font-size: 20px;
  margin-bottom: 20px;
}
.eventlistcontainer .event__title_link .event__link {
  margin-bottom: 20px;
}
.eventlistcontainer .event__attendees_owner {
  width: 30%;
  padding-right: 20px;
}
.eventlistcontainer .event__attendees_owner .event__attendes_label {
  font-size: 11px;
  font-style: italic;
  font-weight: 300;
  margin-bottom: 5px;
}
.eventlistcontainer .event__attendees_owner .event__owner_label {
  font-size: 11px;
  font-style: italic;
  font-weight: 300;
  margin-top: 10px;
  margin-bottom: 5px;
}
.eventlistcontainer .event__meta_info {
  width: auto;
  min-width: 50%;
}
.eventlistcontainer .event__meta_info input {
  margin: 0 10px 0 0;
}
.eventlistcontainer .event__meta_info .confirmationmessages,
.eventlistcontainer .event__meta_info .errormessages,
.eventlistcontainer .event__meta_info .infomessages {
  border-radius: 2px;
  padding: 15px;
  position: static;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}
.eventlistcontainer .event__meta_info .event__meta_label {
  font-size: 11px;
  font-style: italic;
  font-weight: 300;
  margin-bottom: 5px;
}
.eventlistcontainer .event__actions {
  width: 20%;
  display: flex;
  flex-direction: column;
}
.eventlistcontainer .event__actions .event__actions_label {
  font-size: 11px;
  font-style: italic;
  font-weight: 300;
  margin-bottom: 5px;
}
.eventlistcontainer .event__subactions {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-top: 10px;
}
.eventlistcontainer .event__subactions .event__subactions_label {
  font-size: 11px;
  font-style: italic;
  font-weight: 300;
  margin-bottom: 5px;
}
.eventlistcontainer .event__subactions .event__subactions_buttons {
  display: flex;
  flex-direction: row;
}
.eventlistcontainer .event__subactions .event__subactions_buttons a {
  margin-right: 5px;
  margin-bottom: 0 !important;
}
.eventlistcontainer .event__subactions .event__subactions_buttons a button {
  line-height: initial !important;
  height: 20px;
  font-size: 12px;
  padding: 12px;
}
.eventlistcontainer .event__subactions .event__subactions_buttons a button i {
  width: 20px;
}

.date_select {
  display: flex;
}
.date_select select {
  width: 35%;
  margin-right: 10px;
}
.date_select input {
  width: 65% !important;
}

.pagewrapper {
  background-color: #fafafa;
}
.pagewrapper .page__legend {
  font-size: 11px;
  font-style: italic;
  width: 100%;
  height: 35px;
  display: flex;
  align-items: center;
  left: 0;
  background-color: #dfdfdf;
  margin-bottom: 1px;
}
.pagewrapper .page__legend .page__legend_title, .pagewrapper .page__legend .page__legend_nav {
  width: 30%;
  padding: 0 20px;
  border-right: 1px solid #212121;
}
.pagewrapper .page__legend .page__legend_actions {
  width: 40%;
  padding: 0 20px;
}
.pagewrapper .page {
  margin-bottom: 10px;
}
.pagewrapper .page .page__header .page__title {
  display: flex;
}
.pagewrapper .page .page__header .page__title .page__title_container {
  width: 60%;
  display: flex;
}
.pagewrapper .page .page__header .page__title .page__title_container .page__title_input {
  width: 50%;
  display: flex;
  align-items: center;
  position: relative;
}
.pagewrapper .page .page__header .page__title .page__title_container .page__title_input input {
  font-family: "Fira Condensed", Arial, sans-serif;
  font-weight: 300;
  background-color: rgba(255, 255, 255, 0.1);
  border: 0;
  color: #fff;
  border-bottom: 0;
  border-radius: 0;
  font-size: 20px;
  padding: 20px 40px 20px 20px;
  background-color: #434343;
  width: 100%;
}
.pagewrapper .page .page__header .page__title .page__title_container .page__title_input i {
  color: #fff;
  position: absolute;
  right: 20px;
  top: 40%;
  cursor: pointer;
}
.pagewrapper .page .page__header .page__title .page__title_container .page__navi_checkbox {
  width: 50%;
  margin: 0;
  padding: 0 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #757575;
  border-left: 1px solid #fff;
  color: #fff;
  font-weight: 300;
  font-size: 11px;
}
.pagewrapper .page .page__header .page__title .page__actions {
  width: 40%;
  border-left: 0;
  display: flex;
}
.pagewrapper .page .page__header .page__title .page__actions a {
  width: 33.33333%;
  border-left: 1px solid #fff;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pagewrapper .page .page__header .page__title .page__actions a.sort {
  cursor: move;
  cursor: -webkit-grabbing;
}
.pagewrapper .page .pagefooter {
  padding-bottom: 1px;
}

.pagewrapper.translation .page__legend .page__legend_title, .pagewrapper.translation .page__legend .page__legend_nav {
  border: none;
}
.pagewrapper.translation .page .page__header .page__title .page__title_container {
  width: 100%;
}
.pagewrapper.translation .page .page__header .page__title .page__title_container .page__title_input {
  width: 100%;
}

body.public a:hover {
  text-decoration: underline;
}
body.public a:hover span {
  text-decoration: none;
}
body.public .navbar-frontpage {
  background-color: #ffffff;
  display: flex;
  flex-direction: row;
  align-items: center;
  vertical-align: center;
  z-index: 10;
  position: relative;
  top: 0px;
  width: 940px;
  font-size: 0.9em;
}
body.public .navbar-frontpage div a {
  color: #000000 !important;
}
body.public .navbar-frontpage a img {
  width: 80px;
}
@media (max-width: 700px) {
  body.public .navbar-frontpage {
    background-color: #f8f8f8;
  }
}
body.public .main-nav-frontpage {
  list-style-type: none;
  display: none;
  padding-left: 0;
  z-index: 10;
  font-size: 0.9em;
  overflow-x: hidden;
  width: 100%;
}
body.public .main-nav-frontpage .language_container {
  margin-left: auto;
  display: flex;
  flex-direction: row;
}
@media (max-width: 700px) {
  body.public .main-nav-frontpage .language_container {
    flex-direction: column;
    margin-left: inherit;
  }
}
body.public .main-nav-frontpage .language_container .navitem {
  display: flex;
}
body.public .main-nav-frontpage .language_container .navitem.languagenavitem {
  white-space: nowrap;
  padding: 14px;
  cursor: pointer;
}
body.public .main-nav-frontpage .navitem {
  display: flex;
}
body.public .main-nav-frontpage .navitem a {
  text-decoration: none !important;
}
body.public .main-nav-frontpage .navitem a:hover {
  text-decoration: none !important;
}
body.public .main-nav-frontpage.active {
  display: flex;
  flex-direction: column;
  background-color: #F8F8F8;
  width: 100%;
  position: absolute;
  top: 45px;
}
body.public .main-nav-frontpage.active li {
  cursor: pointer;
}
body.public .main-nav-frontpage.active li a {
  padding: 12px;
  padding-left: 15px;
  padding-top: 12px;
  display: block;
}
body.public .main-nav-frontpage.active li.activeEntry {
  background-color: white;
}
body.public .main-nav-frontpage.active li.activeEntry a {
  text-decoration: none;
}
body.public .main-nav-frontpage.active li:hover {
  background-color: white;
}
body.public .main-nav-frontpage li:hover {
  background-color: white;
}
body.public .main-nav-frontpage li:hover a {
  color: black;
}
body.public .main-nav-frontpage li {
  height: 100%;
}
body.public .main-nav-frontpage li a {
  padding-left: 15px;
  padding-right: 15px;
  height: 100%;
  white-space: nowrap;
}
body.public .main-nav-frontpage .activeEntry {
  background-color: #fff;
}
body.public .main-nav-frontpage .activeEntry a {
  text-decoration: none;
  color: black;
}
body.public .main-nav-frontpage li {
  position: relative;
  height: 100%;
}
body.public .main-nav-frontpage li.active {
  font-weight: 500;
}
body.public .main-nav-frontpage li a {
  color: #000;
}
body.public .main-nav-frontpage li.activeEntry {
  background-color: #fff;
  text-decoration: none;
}
body.public .main-nav-frontpage li.active .dreieck {
  position: absolute;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #f39f3f;
  top: 0;
  left: calc(50% - 6px);
}
body.public .navbar-toggle {
  cursor: pointer;
  color: #434343;
  font-size: 17px;
}
@media screen and (min-width: 700px) {
  body.public .navbar-frontpage {
    display: flex;
    padding-bottom: 0;
  }
  body.public .main-nav-frontpage {
    display: flex;
    flex-direction: row;
    padding: 0 25px;
    height: 100%;
    align-items: center;
    flex-wrap: wrap;
  }
  body.public .main-nav-frontpage li {
    width: initial;
    text-align: initial;
  }
  body.public .main-nav-frontpage .activeEntry {
    background-color: #f8f8f8;
  }
  body.public .main-nav-frontpage .activeEntry a {
    text-decoration: none;
    color: inherit;
  }
  body.public .main-nav-frontpage li.active {
    font-weight: 500;
  }
  body.public .main-nav-frontpage li a {
    color: #000;
    display: block;
    padding: 14px;
    text-decoration: none !important;
  }
  body.public .main-nav-frontpage li.activeEntry {
    background-color: #f8f8f8;
  }
  body.public .main-nav-frontpage li:hover {
    background-color: #f8f8f8;
  }
  body.public .nav-links {
    margin-left: 40px;
  }
  body.public .navbar-toggle {
    display: none;
  }
}
body.public #sidenavwrapper {
  display: none;
}
body.public #main {
  width: 100%;
  background: #efefef;
}
body.public .event_header {
  max-width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 35px 5% 45px 5%;
  margin: 0 auto;
  background-color: #607D8B;
  color: #fff;
  z-index: 3;
  min-height: 130px;
}
body.public .event_header .event_dateandplace {
  font-size: 14px;
}
body.public .event_header h1 {
  font-size: 32px;
}
body.public .event_header h2 {
  margin-top: 5px;
  font-size: 16px;
  font-style: italic;
}
body.public .event_header.fix {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 75px;
  width: 100%;
  position: fixed;
  top: 0;
}
body.public .event_header.fix h1 {
  font-size: 20px;
  margin-right: 10px;
}
body.public .event_header.fix h2 {
  font-size: 12px;
}
body.public .navi_wrapper {
  background-color: #ffffff;
  width: 100%;
  margin: 0 auto;
  margin-top: 6px;
  z-index: 2;
  max-width: 100%;
}
body.public .navbar-frontpage {
  margin-top: 6px;
}
body.public #navi {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  white-space: nowrap;
}
body.public #navi li.navitem {
  position: relative;
  font-size: 14px;
}
body.public #navi li.navitem a {
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 25px;
}
body.public #navi li.navitem.active a {
  font-weight: 500;
  font-size: 14px;
}
body.public #navi li.navitem.active .dreieck {
  position: absolute;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #f39f3f;
  top: 0;
  left: calc(50% - 6px);
}
body.public .event_header_image_container {
  width: 100%;
  display: inline-block;
  position: relative;
  margin: 0 auto -6px auto;
  padding-top: 25%;
}
body.public .event_header_image_container.scrolled {
  margin-top: 200px;
}
body.public .event_header_image {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-size: cover;
  background-position: center center;
}
body.public #languagewrapper {
  position: fixed;
  top: 0px;
  right: 0px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0 25px 0 0;
  z-index: 999;
}
body.public #wrapper {
  margin: 0 auto;
  background: #fff;
  font-size: 13px;
  font-size: inherit;
}
body.public .paymentpage {
  padding-top: 40px;
  padding-bottom: 40px;
}
body.public #wrapper .visiblequestions {
  padding-bottom: 35px;
}
body.public #wrapper .visiblequestions button {
  -webkit-appearance: none;
  border: 0;
  margin: 0;
}
body.public #wrapper .visiblequestions .formfield {
  margin: 0 0 30px 0;
  position: relative;
}
body.public #wrapper .visiblequestions .formfield .registration_legend {
  font-size: 11px;
  font-style: italic;
  font-weight: 300;
  margin-bottom: 5px;
}
body.public #wrapper .visiblequestions .formfield:first-child:before {
  display: none;
}
body.public #wrapper .visiblequestions .formfield input[type=text]:not([class*=Mui]), body.public #wrapper .visiblequestions .formfield textarea {
  padding: 10px;
  font-family: "Fira Condensed", Arial, sans-serif;
  font-weight: 300;
  background: #FFFFFF;
  border: 1px solid #c6c6c6;
  border-radius: 3px;
  width: 100%;
  transition: all 0.3s ease;
}
body.public #wrapper .visiblequestions .formfield .required {
  color: #FF5252;
  margin-left: 3px;
}
body.public #wrapper .visiblequestions .formfield.registration_pseudolegend:before {
  display: none;
}
body.public #wrapper .visiblequestions .formfield.registration_document {
  display: grid;
}
body.public #wrapper .visiblequestions .formfield.registration_document a {
  text-overflow: ellipsis;
  overflow: hidden;
  position: relative;
}
body.public #wrapper .visiblequestions .formfield.registration_document a i {
  margin-right: 10px;
}
body.public #wrapper .visiblequestions .formfield.registration_button, body.public #wrapper .visiblequestions .formfield.registration_button_back {
  padding: 0;
}
body.public #wrapper .visiblequestions .formfield.registration_button a.button_back, body.public #wrapper .visiblequestions .formfield.registration_button button.button_back, body.public #wrapper .visiblequestions .formfield.registration_button_back a.button_back, body.public #wrapper .visiblequestions .formfield.registration_button_back button.button_back {
  background-color: #FF5252;
}
body.public #wrapper .visiblequestions .formfield.registration_button:before, body.public #wrapper .visiblequestions .formfield.registration_button_back:before {
  display: none;
}
body.public #wrapper .visiblequestions .formfield p {
  margin-bottom: 0;
}
body.public #wrapper .visiblequestions .formfield.registration_button {
  margin: 35px 0;
}
body.public #footer #footer1 {
  border-bottom: 1px solid #4f4f4f;
}
body.public .innerBody {
  box-shadow: 7px 0 17px -10px rgba(0, 0, 0, 0.6), -7px 0 17px -10px rgba(0, 0, 0, 0.6);
  background: #ffffff;
  margin: 0 auto;
  width: 1200px;
}
body.public .innerBody .frontpage_container {
  max-width: 940px;
  min-width: 100%;
  display: flex;
  flex-direction: column;
  flex: 1 auto;
}
body.public .innerBody .navi_paddingcontent {
  max-width: 940px;
  align-items: start;
  padding-left: 130px;
}
body.public .innerBody .paddingContent {
  max-width: 700px;
  margin-left: 165px;
  flex: 1 1 auto;
}
body.public .innerBody .paddingContent.company_login {
  margin: 0 auto;
  width: 100%;
}
body.public .innerBody .headerContent {
  max-width: 940px;
  margin: 0 auto;
  width: 100%;
  min-height: 1px;
}
body.public .innerBody .designline_top {
  position: absolute;
  background-color: #f39f3f;
  height: 6px;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
}
body.public .innerBody .designline_stepper {
  background-color: #f39f3f;
  height: 6px;
  width: 100%;
}
body.public .innerBody .registration_footer .datenschutz_links {
  flex: 1;
  padding-left: 20px;
  font-size: 14px;
}
body.public .innerBody .registration_footer .datenschutz_links a {
  color: #a7a7a7;
  padding: 5px;
  text-decoration: none !important;
}
body.public .innerBody .registration_footer .datenschutz_links a:hover {
  text-decoration: none !important;
}
@media (max-width: 1200px) {
  body.public .innerBody {
    width: 900px;
  }
  body.public .innerBody .paddingContent {
    flex: 1 auto;
    padding-left: 0px;
    padding-right: 0px;
    margin-right: 20px;
    margin-left: 40px;
  }
  body.public .innerBody .navi_paddingcontent {
    padding-left: 0px;
    padding-right: 0px;
    margin: initial;
  }
  body.public .innerBody .navi_wrapper {
    margin-top: 6px;
  }
  body.public .innerBody .navbar-frontpage {
    margin-top: 6px;
    width: 100%;
  }
  body.public .innerBody .headerContent {
    padding-left: 0px;
    padding-right: 0px;
    max-width: 940px;
    min-width: 100%;
    margin: 0 auto;
    min-height: 1px;
  }
  body.public .innerBody .registration_footer .links a {
    flex: 1 auto;
    padding-left: 10px;
    font-size: 12px !important;
  }
}
@media (max-width: 900px) {
  body.public .innerBody {
    width: auto;
    min-width: 100%;
  }
  body.public .innerBody .frontpage_container {
    width: 100%;
  }
}
@media (max-width: 700px) {
  body.public .innerBody .designline_top {
    display: none;
  }
  body.public .innerBody .designline_stepper {
    display: none;
  }
  body.public .innerBody .dreieck {
    display: none;
  }
  body.public .innerBody .navi_wrapper {
    margin-top: 0px;
  }
  body.public .innerBody .navbar-frontpage {
    margin-top: 0px;
  }
  body.public .innerBody .paddingContent {
    flex: 1 auto;
    padding-left: 0px;
    padding-right: 0px;
    margin-right: 20px;
    margin-left: 20px;
  }
}
body.public .registration_code_inputs {
  display: flex;
  flex-direction: row;
}
body.public h2 {
  font-size: 24px;
  font-weight: 200;
}

.paymentpage div.paymentmethod div.option, #paymentpage div.paymentmethod div.option {
  margin: 0px;
}
.paymentpage div.paymentmethod div.option label, #paymentpage div.paymentmethod div.option label {
  display: flex;
  align-items: baseline;
}
.paymentpage div.paymentmethod div.option label input, #paymentpage div.paymentmethod div.option label input {
  margin-bottom: 0px;
}
.paymentpage div.paymentmethod div.option label div.optionlabel, #paymentpage div.paymentmethod div.option label div.optionlabel {
  font-weight: 200;
}

table.paymenttable {
  width: 100%;
}

table.paymenttable th {
  text-align: right;
  font-weight: 500;
  border-bottom: 1px solid #ccc;
  padding-bottom: 3px;
}

table.paymenttable td {
  padding: 5px 0px;
  text-align: right;
  border-bottom: 1px solid #ccc;
  vertical-align: middle;
}

.registration_event_header_image {
  min-height: 1px;
}
.registration_event_header_image img {
  width: 100%;
  height: auto;
  display: block;
  min-height: 1px;
}

.form_content {
  flex: 1;
}

.registration_footer {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 60px;
  background-color: #f1f1f1;
  padding: 10px;
  min-height: 60px;
}

/* 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:focus {
  outline: none;
}
.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;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.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;
}

/* Slider */
.slick-loading .slick-list {
  background: #fff url("./ajax-loader.gif") center no-repeat;
}

/* Icons */
@font-face {
  font-family: "slick";
  src: url("../../fonts/slick/slick.eot");
  src: url("../../fonts/slick/slick.eot?#iefix") format("embedded-opentype"), url("../../fonts/slick/slick.woff") format("woff"), url("../../fonts/slick/slick.ttf") format("truetype"), url("../../fonts/slick/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: #607D8B;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}
[dir=rtl] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "←";
}
[dir=rtl] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}
[dir=rtl] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "→";
}
[dir=rtl] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}

.gallerymodal {
  background-color: #f8f8f8;
}

.gallerywrapperbody .imgwrapper {
  margin: auto auto;
}

@media all and (-ms-high-contrast: none) {
  .gallerywrapperbody {
    min-height: 100vh;
  }
  .slide {
    display: block !important;
  }
  .slide .imgwrapper {
    height: 100% !important;
  }
  .slide .imgwrapper img {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
  }
}
.TAMcarousel img {
  user-drag: none;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  max-height: 100%;
}

.TAMcarousel {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin: auto;
}

.TAMcarousel img {
  max-width: 100%;
  margin: auto;
  display: block;
}

.TAMcarousel .slide {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: -100%;
  display: flex;
}
.TAMcarousel .slide .imgwrapper {
  display: flex;
  flex-direction: column;
}

.TAMcarousel #slide1 {
  left: -100%;
}

.TAMcarousel #slide2 {
  left: 0;
}

.TAMcarousel #slide3 {
  left: 100%;
}

.TAMcarousel #slide4 {
  left: 100%;
}

.TAMcarousel .left-container, .TAMcarousel .right-container {
  position: absolute;
  top: 0;
  z-index: 2;
  width: 5%;
  height: 100%;
}

.TAMcarousel .left-container {
  left: 0;
}

.TAMcarousel .right-container {
  right: 0;
}

.TAMcarousel .left-btn, .TAMcarousel .right-btn {
  width: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  cursor: pointer;
  width: 40px;
  height: 30px;
}

#gallerymodal div.modalinner {
  width: 100%;
}
#gallerymodal #gallerywrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#gallerymodal #gallerywrapper .bigimage {
  width: 100%;
  height: calc(100vh - 190px);
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}
#gallerymodal #gallerywrapper .bigimage div.slick-slide img {
  max-width: 100%;
  max-height: calc(100vh - 190px);
  margin-left: auto;
  margin-right: auto;
}
#gallerymodal #gallerywrapper .slider {
  width: calc(100% - 50px);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}

.summenzeilen_column {
  width: 200px;
  text-align: center;
}

.loader {
  text-align: center;
  position: relative;
  top: 13px;
  padding-top: 14px;
  padding-bottom: 13px;
}

.loader i {
  font-size: 40px;
  color: #607D8B;
}

#grid {
  yborder: 1px solid #CCC;
  position: relative;
  background: #f8f8f8;
  box-sizing: border-box;
  /* and for older/other browsers: */
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

#headercanvas .column {
  width: 200px;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

#headercanvas .column.last {
  width: 200px;
  border-right: 0;
}

#headercanvas .column div.title1 {
  font-weight: 500;
  width: 155px;
  font-size: 12px;
}

#headercanvas .column div.title2 {
  font-weight: 300;
  font-size: 12px;
  line-height: 13px;
  width: 155px;
  overflow: hidden;
  font-size: 12px;
}

#headercanvas .column div.title3 {
  font-weight: 500;
  width: 155px;
  overflow: hidden;
  font-size: 12px;
}

#headercanvastext {
  display: flex;
  flex-direction: row;
}
#headercanvastext .row .column {
  padding-bottom: 5px;
  cursor: pointer;
  border-right: 1px solid #ffffff;
  display: flex;
  height: 100%;
  padding-right: 10px;
  padding-left: 10px;
}
#headercanvastext .row .column:first-of-type {
  width: 210px;
  padding-left: 10px !important;
}
#headercanvastext .row .column:last-of-type {
  width: 210px;
  padding-right: 10px !important;
  border-right: 0;
}

#headercanvasinput {
  display: flex;
  flex-direction: row;
}
#headercanvasinput .row .summenzeile,
#headercanvasinput .row .column {
  width: 200px;
  border-right: 1px solid #ffffff;
  padding-right: 10px;
  padding-left: 10px;
}
#headercanvasinput .row .summenzeile:first-of-type,
#headercanvasinput .row .column:first-of-type {
  width: 210px;
}
#headercanvasinput .row .summenzeile:last-of-type,
#headercanvasinput .row .column:last-of-type {
  width: 210px;
  border-right: 0px;
}

#tablecanvas .column {
  overflow: hidden;
  line-height: 20px;
  z-index: 1;
  vertical-align: top;
  padding-left: 10px;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  font-size: 12px;
  align-items: center;
  white-space: nowrap;
  width: 200px;
  padding-top: 5px;
}
#tablecanvas .column:not(.last) {
  border-right: 1px solid #ffffff;
}
#tablecanvas .column:first-of-type {
  width: 210px;
  padding-left: 10px;
}
#tablecanvas .column:last-of-type {
  width: 210px;
  padding-right: 10px;
}

.tablerow.odd {
  background: #F8F8F8;
}

.tablerow.even {
  background: #F0F0F0;
}

.tablerow:hover {
  background: #daedf8;
}

#headercanvas .summenzeile {
  padding-left: 6px;
  min-height: 25px;
  text-align: center;
  font-size: 12px;
  display: flex;
  flex-direction: row;
  align-items: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

#headercanvas .summenzeile.last {
  border-right: 0;
}

#headercanvastext i.fa-caret-up {
  position: absolute;
  top: 1px;
  right: 7px;
  font-size: 16px;
  color: #BBB;
}

#headercanvastext i.fa-caret-down {
  position: absolute;
  top: 10px;
  right: 7px;
  font-size: 16px;
  color: #BBB;
}

#headercanvastext i.fa-dashboard {
  position: absolute;
  top: 28px;
  right: 4px;
  font-size: 14px;
  color: #BBB;
}

#headercanvastext i.active {
  color: #95cd35;
}

#headercanvasinput {
  display: flex;
  flex-direction: column;
}
#headercanvasinput .row {
  display: flex;
  flex-direction: row;
}

#headercanvasinput .column div div.filter {
  font-size: 12px;
}

#headercanvasinput p.filterselect {
  margin: 0 0 5px 0;
}

#headercanvasinput select {
  box-shadow: none;
}

/* IE9 IE10 Fix*/
/* IE11 Fix*/
/* Google Chrome Fix */
#headercanvasinput div.filterwrapper {
  margin: 5px 2px 5px 0;
}

#headercanvasinput input {
  width: 156px;
  height: 27px;
  box-shadow: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

#headerviewport {
  z-index: 150;
  position: sticky;
  top: 0;
  font-weight: initial !important;
}

#headercanvas {
  background: #f0f0f0;
  position: sticky;
  display: flex;
  flex-direction: column;
}

.titlewrapper {
  padding-left: 0px;
  padding-top: 4px;
  padding-bottom: 0px;
  padding-right: 4px;
  position: relative;
  min-height: 40px;
}
.titlewrapper .title1,
.titlewrapper .title3 {
  font-weight: 500 !important;
}

#summenzeile .column {
  padding-left: 10px;
}

#tableviewport {
  position: relative;
  overflow-x: hidden;
}

#tablecanvas {
  position: relative;
}

#textareaeditdialog .row {
  position: static;
  height: auto;
  overflow: auto;
}

.tablerow {
  overflow: hidden;
  width: 100%;
  border-bottom: 1px solid #ffffff !important;
  min-height: 30px;
}
.tablerow:first-child {
  border-top: 1px solid #ffffff;
}

#tablecanvas .column input, #tablecanvas .column select {
  width: calc(100% + 5px);
  height: 100%;
  border: 0px;
  border-radius: 0;
  box-shadow: none;
  padding: 0px;
  padding-left: 5px;
  margin-left: -5px;
}

#tablecanvas .column select {
  width: calc(100% + 5px);
  height: 100%;
  border: 0px;
  border-radius: 0;
  box-shadow: none;
  padding: 0px;
  padding-left: 1px;
  margin-left: -5px;
}

#tablecanvas .selectingcolumn {
  background-color: #ccf !important;
}

#tablecanvas .column a {
  text-decoration: underline;
}

#tablecanvas .column.editable.quickeditable:hover {
  background: #93cbeb;
  ycursor: pointer;
}

#tablecanvas .tablerow.last .column {
  border-bottom: 0;
  ybackground: yellow;
}

#einausblendenmodal table td {
  vertical-align: top;
  text-align: left;
}

.questiontooltip {
  padding: 0 4px;
  min-height: 40px;
  background: #FFF;
  border-left: 3px solid #93cbeb;
  border-top: 1px solid #93cbeb;
  border-right: 1px solid #93cbeb;
  border-bottom: 1px solid #93cbeb;
  line-height: 20px;
  overflow: hidden;
}

#emailempfaenger {
  text-transform: none;
}

#emailvorschau {
  background: #FFF;
  border-radius: 3px;
  min-height: 45px;
  padding: 35px;
}

#emailvorschau .loader {
  text-align: center;
  position: relative;
  top: 3px;
}

#emailvorschau .loader i {
  font-size: 40px;
  color: #59afe1;
}

#emailvorschau a {
  color: #0069d6;
  text-decoration: none;
}

#emailvorschau a:hover {
  color: #00438a;
  text-decoration: underline;
}

#emailvorschau p,
#emailvorschau h1,
#emailvorschau h2,
#emailvorschau h3,
#emailvorschau h4,
#emailvorschau h5,
#emailvorschau h6,
#emailvorschau ul,
#emailvorschau ol {
  margin-bottom: 0px;
  margin-top: 0px;
}

#emailvorschau td {
  vertical-align: top;
}

#emailvorschau ul, ol {
  margin: 0 0 0 25px;
  padding: 0;
}

#emailvorschau ul {
  list-style: disc;
}

#emailvorschau ol {
  list-style: decimal;
}

#emailvorschau li {
  line-height: 20px;
}

#emailvorschau table {
  border-collapse: collapse;
}

.mailingwrapper {
  border: 1px solid #CCC;
  width: 100%;
  margin-bottom: 20px;
}

.mailingwrapper .label {
  font-weight: 500;
  width: 130px;
}

.mailingwrapper td {
  yborder-bottom: 1px solid #dedfe0;
  padding: 6px 10px;
  vertical-align: top;
  text-align: left;
}

.bookinginfotable .label {
  width: 220px;
  font-weight: 500;
}

.bookinginfotable td {
  padding: 10px;
  vertical-align: top;
}

/**************************************************************************************************************************
 * 														Edit Page
 **************************************************************************************************************************/
div.option {
  margin-bottom: 3px;
  margin-top: 20px;
}

div.formfield div.option label {
  font-weight: 300;
  display: block;
  overflow: hidden;
}

div.formfield div.option label div.checkboxreplacement {
  float: left;
}

div.formfield div.option label div.optionlabel {
  float: left;
  overflow: hidden;
}

div.infotextdiv p {
  margin-bottom: 0px;
}

table.paymenttable {
  width: 100%;
}

table.paymenttable th {
  text-align: right;
  font-weight: 500;
  border-bottom: 1px solid #ccc;
  padding-bottom: 3px;
}

table.paymenttable td {
  padding: 5px 0px;
  text-align: right;
  border-bottom: 1px solid #ccc;
  vertical-align: middle;
}

div.map {
  height: 500px;
}

div.panel {
  overflow-x: hidden;
}

.adp-placemark td {
  padding: 5px;
}

/* VideoJS Anpassung */
.vjs-big-play-button {
  left: 305px !important;
  top: 175px !important;
}

#invoicesloader,
#teilnehmerloader {
  height: 100%;
  display: flex;
  flex: 1;
  height: 100%;
  width: 100%;
  background-color: #f8f8f8;
}
#invoicesloader div.loader,
#teilnehmerloader div.loader {
  background-color: initial;
  width: 100%;
}

.teilnehmerwrapper {
  flex: 1;
  background-color: #f8f8f8;
  z-index: 9;
  min-width: 100%;
}
.teilnehmerwrapper .whitebox {
  flex: 1;
}

.filterselect_flex {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.teilnehmerliste ul {
  margin-left: 10px;
}
.teilnehmerliste ul li a {
  font-size: small;
  padding: 16px 10px !important;
}

.emailvorschau {
  background: #FFF;
  border-radius: 5px;
  min-height: 45px;
  padding: 10px;
  margin-bottom: 20px;
  padding: 20px;
  max-width: 742px;
  width: 100%;
  margin: 0 auto;
}
.emailvorschau p {
  margin-bottom: 0;
}

.emailempfaengerlabel {
  width: 100%;
  border-radius: 5px;
  padding: 7px 0;
  max-width: 742px;
  margin: 0 auto;
}

.emailempfaengertable {
  width: 100%;
  border-radius: 5px;
  padding: 20px;
  max-width: 742px;
  width: 100%;
  margin: 0 auto 10px auto;
}
.emailempfaengertable tbody tr {
  border-bottom: 1px solid #ccc;
}
.emailempfaengertable tbody tr:last-of-type {
  border: 0;
}
.emailempfaengertable tbody tr td {
  padding: 5px;
}
.emailsendenwrapper {
  flex: 1;
}

.bookinghistory_table_wrapper #tableWrapper {
  overflow-x: auto;
  border-right: 1px solid #fff;
}
.bookinghistory_table_wrapper .rightcolumn .formfield {
  margin-bottom: 15px;
}
.bookinghistory_table_wrapper .rightcolumn .formfield label {
  margin-bottom: 5px;
}
.bookinghistory_table_wrapper table {
  font-size: 13px;
}
.bookinghistory_table_wrapper table thead tr th:first-child {
  padding-left: 20px;
}
.bookinghistory_table_wrapper table thead tr {
  background-color: #606060;
  color: #fff;
}
.bookinghistory_table_wrapper table thead tr th {
  text-align: left;
  padding: 10px 10px 10px 10px;
}
.bookinghistory_table_wrapper table tbody tr {
  border-top: 1px solid #fff;
}
.bookinghistory_table_wrapper table tbody tr:nth-child(even) {
  background-color: #f0f0f0;
}
.bookinghistory_table_wrapper table tbody tr:nth-child(odd) {
  background-color: #f8f8f8;
}
.bookinghistory_table_wrapper table tbody td {
  padding: 10px 10px 10px 10px;
  vertical-align: middle;
}
.bookinghistory_table_wrapper table tbody td .iconlink {
  margin-top: 10px;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  color: #FFFFFF !important;
  border: none;
  width: 70%;
  font-family: "Fira Condensed", Arial, sans-serif;
  font-weight: 300;
  font-size: 13px;
  text-align: left;
  padding: 3px 5px;
  text-decoration: none !important;
  cursor: pointer;
  border-radius: 3px;
  transition: all 0.2s ease;
  background-color: #FF5252;
}
.bookinghistory_table_wrapper table tbody td .iconlink .fa {
  background: transparent;
  margin: -3px 7px 0 0;
  font-size: 10px;
}
.bookinghistory_table_wrapper table tbody td .iconlink:hover {
  background-color: #607D8B;
  text-decoration: none !important;
}
.bookinghistory_table_wrapper table tbody td.confirmed {
  background-color: #CDDC39;
  color: #fff;
}
.bookinghistory_table_wrapper table tbody td.refund {
  background-color: #FF5252;
  color: #fff;
}

.kontingenttable thead th {
  position: sticky;
  top: 81px;
  background: #434343;
}

.flatbutton {
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  color: #FFF;
  font-size: 14px;
  font-weight: 600;
  line-height: 16px !important;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  padding: 5px 15px 4px 15px;
  margin-bottom: 0;
  border: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-transform: uppercase;
}

button.flatbutton {
  padding: 7px 15px 8px 15px;
  padding: 8px 15px 9px 15px \9 ;
}

button.flatbutton i {
  padding-right: 8px;
  position: relative;
  left: -1px;
}

a.flatbutton {
  padding: 7px 15px 6px 15px;
  padding: 8px 15px 8px 15px \9 ; /*IE 8*/
}

:root a.flatbutton {
  padding: 7px 15px 8px 15px \9 ;
}

@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, a.flatbutton {
    padding: 7px 15px 7px 15px;
  }
}
.flatbuttonsmall {
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  color: #FFF;
  font-size: 13px;
  font-weight: 600;
  line-height: 16px !important;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  padding: 4px 15px 5px 15px;
  padding: 7px 15px 6px 15px \0 ; /* IE8 Hack*/
  margin-bottom: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-transform: uppercase;
  border: 0;
}

/* IE 9,10 Fix */
:root .flatbuttonsmall {
  padding: 4px 15px 7px 15px \9 ;
}

/* IE 11 Fix */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .flatbuttonsmall {
    padding: 4px 15px 7px 15px;
  }
}
.flatbuttonsmall i {
  padding-right: 8px;
  position: relative;
  left: -1px;
  top: 1px;
  font-size: 14px;
}

/*
 * Grün-Button
 */
.flatbutton.gruen,
.flatbuttonsmall.gruen {
  background: #95c430;
}

.flatbutton.gruen:hover,
.flatbuttonsmall.gruen:hover {
  background: #89b42c;
  color: #FFF;
}

/*
 * Blau-Button
 */
.flatbutton.blau,
.flatbuttonsmall.blau {
  background: #59afe1;
}

.flatbutton.blau:hover,
.flatbuttonsmall.blau:hover {
  color: #FFF;
}

/*
 * Grau-Button
 */
.flatbutton.grau,
.flatbuttonsmall.grau {
  background: #d4d4df;
  color: #FFF !important;
}

.flatbutton.grau:hover,
.flatbuttonsmall.grau:hover {
  background: #dedee6;
  color: #FFF;
}

/*
 * Disabled-Button
 */
.flatbutton.disabled,
.flatbuttonsmall.disabled {
  background: none repeat scroll 0 0 #bbbbbb !important;
  color: #5d5d65 !important;
  cursor: default;
}

a.flatbutton:hover,
a.flatbuttonsmall:hover {
  text-decoration: none;
}

.badgebox_container {
  display: flex;
  padding: 0 40px 40px 40px;
  flex-flow: row wrap;
}
.badgebox_container .badgebox {
  margin: 8px;
  background-color: #e2e2e2;
  border-radius: 5px;
  align-items: center;
}
.badgebox_container .badgebox .badgebox_inner {
  padding: 15px;
  font-size: 15px;
}

.exception {
  padding: 20px;
  font-weight: bold !important;
  font: initial !important;
}

.h-captcha {
  padding-bottom: 15px;
}

.register-left-container {
  margin-top: 65px;
  margin-bottom: 65px;
  width: 400px;
  align-self: end;
  padding-right: 60px;
  display: flex;
  flex-direction: column;
}

.register-right-container {
  margin-top: 95px;
  margin-bottom: 65px;
  align-self: start;
  padding-left: 40px;
  max-width: 450px;
}

.register-datenschutz {
  margin-top: 100px;
}

.registration-container {
  display: flex;
  flex-direction: row;
  flex-flow: row wrap;
  margin: 0 auto;
  width: 900px;
}

.register-divider {
  display: flex;
  margin: 35px 0 35px 0;
}

@media (max-width: 900px) {
  .registration-container {
    display: flex;
    flex-direction: column;
    max-width: 400px;
    margin: 0 auto;
    padding: 0 35px 35px 35px;
  }
  .register-divider {
    border: 0px solid black !important;
    display: flex;
    margin: 0;
  }
  .register-features {
    margin-top: 40px !important;
  }
  .register-datenschutz {
    margin-top: 0 !important;
  }
  .register-left-container {
    margin-top: 40px !important;
    margin: 0 auto;
    padding-right: 0px;
    max-width: 400px;
    min-width: 100%;
    width: initial;
  }
  .register-right-container {
    margin-top: 40px !important;
    margin: 0 auto;
    padding-left: 0;
    max-width: 450px;
    width: initial;
    padding-right: 0px;
    margin-left: -24px;
  }
}
@media (max-width: 1200px) {
  .register-right-container {
    max-width: 400px !important;
    width: auto !important;
  }
  .registration-container {
    width: 860px;
  }
}
/* The Overlay (background) */
.fullscreenmodal {
  /* Height & width depends on how you want to reveal the overlay (see JS below) */
  height: 100%;
  width: 0;
  position: fixed; /* Stay in place */
  z-index: 1001; /* Sit on top */
  left: 0;
  top: 0;
  background-color: rgb(255, 255, 255); /* Black fallback color */
  overflow-x: hidden; /* Disable horizontal scroll */
  transition: 0.2s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}

/* Position the content inside the overlay */
.fullscreenmodal-body {
  position: relative;
  top: 0; /* 25% from the top */
  width: 100%; /* 100% width */
  height: 100%;
}

/* The navigation links inside the overlay */
.fullscreenmodal a {
  text-decoration: none;
  font-size: 36px;
  color: #000;
  transition: 0.3s; /* Transition effects on hover (color) */
}

/* When you mouse over the navigation links, change their color */
.fullscreenmodal a:hover, .fullscreenmodal a:focus {
  color: #000;
}

/* Position the close button (top right corner) */
.fullscreenmodal .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
}

/* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */
@media screen and (max-height: 450px) {
  .fullscreenmodal a {
    font-size: 20px;
  }
  .fullscreenmodal .closebtn {
    font-size: 40px;
    top: 15px;
    right: 35px;
  }
}
.fullscreenmodal-header {
  position: sticky;
  z-index: 9999;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: row;
  height: 80px;
  background: #607D8B;
  border-bottom: 1px solid #fff;
  color: #fff;
  align-items: center;
  padding: 0 35px;
}

.fullscreenmodal-content {
  display: flex;
  color: #000;
  flex-direction: column;
  height: calc(100% - 80px);
}

.linavbutton {
  cursor: pointer;
}

.navbar {
  background-color: #F8F8F8;
  display: flex;
  flex-direction: row;
  align-items: center;
  vertical-align: center;
  min-height: 45px;
  max-height: 45px;
  z-index: 200;
  position: relative;
  top: 0px;
  width: 100%;
  font-size: 0.9em;
  color: #000;
  border-bottom: 1px solid #fff;
}
.navbar a img {
  width: 80px;
}

.navbar-teilnehmerliste {
  background-color: #F8F8F8;
  display: flex;
  flex-direction: row;
  align-items: center;
  vertical-align: center;
  min-height: 45px;
  max-height: 45px;
  z-index: 200;
  position: relative;
  top: 0px;
  width: 100%;
  font-size: 0.9em;
  color: #000;
  border-bottom: 1px solid #fff;
}
.navbar-teilnehmerliste a img {
  width: 80px;
}

.main-nav {
  list-style-type: none;
  display: none;
  padding-left: 0;
  z-index: 10;
}
.main-nav.active {
  display: flex;
  flex-direction: column;
  background-color: #F8F8F8;
  width: 100%;
  position: absolute;
  top: 45px;
}
.main-nav.active li {
  cursor: pointer;
  display: flex;
  padding-left: 10px;
}
.main-nav.active li.activeEntry {
  background-color: white;
}
.main-nav.active li.activeEntry a {
  text-decoration: none;
}
.main-nav.active li:hover {
  background-color: white;
}
.main-nav.active li a {
  padding: 10px;
}
.main-nav li:hover {
  background-color: white;
}
.main-nav li:hover a {
  color: black;
}
.main-nav li a {
  padding: 10px;
}
.main-nav .activeEntry {
  background-color: #fff;
}
.main-nav .activeEntry a {
  text-decoration: none;
  color: black;
}

.main-nav-teilnehmerliste {
  list-style-type: none;
  display: none;
  padding-left: 0;
  z-index: 10;
  font-size: 0.9em;
}
.main-nav-teilnehmerliste.active {
  display: flex;
  flex-direction: column;
  background-color: #F8F8F8;
  width: 100%;
  position: absolute;
  top: 45px;
}
.main-nav-teilnehmerliste.active li {
  cursor: pointer;
  display: flex;
  padding-left: 10px;
}
.main-nav-teilnehmerliste.active li.activeEntry {
  background-color: white;
}
.main-nav-teilnehmerliste.active li.activeEntry a {
  text-decoration: none;
}
.main-nav-teilnehmerliste.active li:hover {
  background-color: white;
}
.main-nav-teilnehmerliste li:hover {
  background-color: white;
}
.main-nav-teilnehmerliste li:hover a {
  color: black;
}
.main-nav-teilnehmerliste li a {
  padding: 10px;
}
.main-nav-teilnehmerliste .activeEntry {
  background-color: #fff;
}
.main-nav-teilnehmerliste .activeEntry a {
  text-decoration: none;
  color: black;
}

.nav-links,
.logo {
  text-decoration: none;
  color: rgba(255, 255, 255, 0.7);
}

.main-nav li a {
  color: #000;
  width: 100%;
  display: block;
}
.main-nav li.activeEntry {
  background-color: #fff;
  text-decoration: none;
}

.main-nav-teilnehmerliste li a {
  color: #000;
}
.main-nav-teilnehmerliste li.activeEntry {
  background-color: #fff;
  text-decoration: none;
}

.logo {
  display: inline-block;
  font-size: 22px;
}

.navbar-toggle {
  cursor: pointer;
  color: #434343;
  font-size: 17px;
  display: flex;
  align-items: center;
}
.navbar-toggle i {
  padding: 14px;
}

.toolbar_infotext {
  display: none;
}

#headercontent {
  padding: 20px 20px;
}

.responsiveCompanylogo {
  padding-left: 7px;
  padding-right: 22px;
  height: 40px;
  cursor: pointer;
}
.responsiveCompanylogo img {
  height: 100%;
  width: auto;
}

.showNavInfoOnSmallScreen {
  display: block;
  padding-left: 20px;
}

@media screen and (min-width: 1024px) {
  .responsiveCompanylogo {
    padding-left: 7px;
    padding-right: 22px;
  }
  .responsiveCompanylogo img {
    height: 100%;
    width: auto;
  }
  #headercontent {
    padding: 20px 35px;
  }
  .toolbar_infotext {
    display: block;
  }
  .showNavInfoOnSmallScreen {
    display: none;
  }
  .linavbutton {
    height: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    padding: 0px !important;
    margin: 0px !important;
    position: relative;
  }
  .linavbutton a {
    padding: 10px;
  }
  .sub-nav {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    min-width: 160px;
    z-index: 500;
    white-space: nowrap;
  }
  .sub-nav .select-li {
    display: flex;
    align-items: center;
  }
  .sub-nav .select-li label {
    margin-right: 10px;
    margin-left: 5px;
    font-weight: 200;
  }
  .sub-nav .select-li select {
    flex: 1;
    width: 140px;
  }
  .linavbutton:hover .sub-nav {
    display: block;
    position: absolute;
    right: 0;
    top: 100%;
  }
  .menu-checkbox {
    display: none;
  }
  .menu-checkbox:checked ~ .sub-nav {
    display: block;
  }
}
@media screen and (min-width: 1024px) and (hover: none) {
  .linavbutton:hover .sub-nav {
    display: block;
  }
}
@media screen and (min-width: 1024px) {
  .navbar {
    display: flex;
    padding-bottom: 0;
    height: 45px;
  }
  .navbar-teilnehmerliste {
    display: flex;
    padding-bottom: 0;
    height: 45px;
  }
  .main-nav {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    padding-left: 25px;
    height: 100%;
    align-items: center;
  }
  .main-nav li {
    width: initial;
    text-align: initial;
  }
  .main-nav .activeEntry {
    background-color: #607D8B;
  }
  .main-nav .activeEntry a {
    text-decoration: none;
    color: inherit;
  }
  .main-nav-teilnehmerliste {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    padding-left: 25px;
    height: 100%;
    align-items: center;
  }
  .main-nav-teilnehmerliste li {
    width: initial;
    text-align: initial;
  }
  .main-nav-teilnehmerliste .activeEntry {
    background-color: #607D8B;
  }
  .main-nav-teilnehmerliste .activeEntry a {
    text-decoration: none;
    color: inherit;
  }
  .main-nav li {
    padding-right: 10px;
  }
  .main-nav li a {
    color: #000;
  }
  .main-nav li.activeEntry {
    background-color: #ececec;
  }
  .main-nav li:hover {
    background-color: #ececec;
  }
  .main-nav-teilnehmerliste li {
    padding-right: 10px;
  }
  .main-nav-teilnehmerliste li a {
    color: #000;
  }
  .main-nav-teilnehmerliste li.activeEntry {
    background-color: #ececec;
  }
  .main-nav-teilnehmerliste li:hover {
    background-color: #ececec;
  }
  .nav-links {
    margin-left: 40px;
  }
  .logo {
    margin-top: 0;
  }
  .navbar-toggle {
    display: none;
  }
  .logo:hover,
  .nav-links:hover {
    color: #434343;
  }
}
.stickyheader {
  position: relative;
  left: 0;
  top: 0;
}

.contextheader {
  position: relative;
  left: 0;
  z-index: 9;
}

.materialRadioContainer {
  display: flex;
  flex-direction: column;
}

.materialradio {
  cursor: pointer;
  line-height: 20px;
  font-size: 14px;
  padding: 10px;
  width: 100%;
  border-bottom: 1px solid;
  font-weight: initial !important;
}

.materialradio .materiallabel {
  position: relative;
  display: block;
  float: left;
  margin-right: 10px;
  width: 20px;
  height: 20px;
  border: 2px solid #faf9fb;
  border-radius: 100%;
  -webkit-tap-highlight-color: transparent;
}

.materialradio .materiallabel:after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background: #faf9fb;
  transform: scale(0);
  transition: all 0.2s ease;
  opacity: 0.08;
  pointer-events: none;
}

.materialradio:hover .materiallabel:after {
  transform: scale(3.6);
}

input[type=radio]:checked + .materiallabel {
  border-color: #faf9fb;
}

input[type=radio]:checked + .materiallabel:after {
  transform: scale(1);
  transition: all 0.2s cubic-bezier(0.35, 0.9, 0.4, 0.9);
  opacity: 1;
}

.materialCheckboxContainer {
  display: flex;
  flex-direction: column;
}

.pure-material-checkbox-container {
  background: #00a5d6;
  border-radius: 3px;
  padding: 10px;
  display: flex;
  align-items: center;
}
.pure-material-checkbox-container .pure-material-checkbox {
  margin-bottom: 0px !important;
}

.pure-material-checkbox {
  z-index: 0;
  position: relative;
  display: inline-block;
  color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.87);
  font-size: 16px;
  line-height: 1.5;
  width: 100%;
}

/* Input */
.pure-material-checkbox > input {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  z-index: -1;
  position: absolute;
  left: -6px;
  top: -8px;
  display: block;
  margin: 0;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  background-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.6);
  box-shadow: none;
  outline: none;
  opacity: 0;
  transform: scale(0);
  pointer-events: none;
  transition: opacity 0.3s, transform 0.2s;
}

/* Span */
.pure-material-checkbox > span {
  display: inline-block;
  width: 100%;
  cursor: pointer;
  font-weight: 300;
  font-family: "Fira Condensed", Arial, sans-serif;
  font-size: 16px;
  line-height: 20px;
  text-align: left;
  text-decoration: none !important;
  outline: none;
  display: flex;
  align-items: center;
  margin-left: 5px;
}

/* Box */
.pure-material-checkbox > span::before {
  content: "";
  display: inline-block;
  box-sizing: border-box;
  margin: 3px 15px 2px 0px;
  border: solid 2px; /* Safari */
  border-color: white;
  border-radius: 3px;
  width: 18px;
  height: 18px;
  min-width: 18px;
  min-height: 18px;
  vertical-align: top;
  transition: border-color 0.2s, background-color 0.2s;
  background: white;
}

/* Checkmark */
.pure-material-checkbox > span::after {
  content: "";
  display: block;
  position: absolute;
  left: 6px;
  width: 10px;
  height: 5px;
  border: solid 2px transparent;
  border-right: none;
  border-top: none;
  transform: translate(3px, 4px) rotate(-45deg);
  margin-bottom: 8px;
}

/* Checked, Indeterminate */
.pure-material-checkbox > input:checked + span::after,
.pure-material-checkbox > input:indeterminate + span::after {
  border-color: black;
}

.pure-material-checkbox > input:indeterminate + span::after {
  border-left: none;
  transform: translate(4px, 3px);
}

/* Hover, Focus */
.pure-material-checkbox:hover > input {
  opacity: 0.04;
}

.pure-material-checkbox > input:focus {
  opacity: 0.12;
}

.pure-material-checkbox:hover > input:focus {
  opacity: 0.16;
}

/* Active */
.pure-material-checkbox > input:active {
  opacity: 1;
  transform: scale(0);
  transition: transform 0s, opacity 0s;
}

.pure-material-checkbox > input:checked:active + span::before {
  border-color: transparent;
  background-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.6);
}

/* Disabled */
.pure-material-checkbox > input:disabled {
  opacity: 0;
}

.pure-material-checkbox > input:disabled + span {
  color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38);
  cursor: initial;
}

.pure-material-checkbox > input:disabled + span::before {
  border-color: currentColor;
}

.pure-material-checkbox > input:checked:disabled + span::before,
.pure-material-checkbox > input:indeterminate:disabled + span::before {
  border-color: transparent;
  background-color: currentColor;
}

.company_frontend_header a img {
  width: 100%;
  height: auto;
}

.colorwheel {
  position: absolute;
  background-color: white;
  z-index: 1;
  border-radius: 5px;
  border: 1px solid #d0d0d0;
}
.colorwheel.aboveInput {
  margin-top: -240px;
}

.einlasskontrolle_container .einlasskontrolle_row:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.einlasskontrolle_container .einlasskontrolle_row:last-child {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.einlasskontrolle_container .einlasskontrolle_row:nth-child(even) {
  background-color: #f8f8f8;
}
.einlasskontrolle_container .einlasskontrolle_row:nth-child(odd) {
  background-color: #f2f2f2;
}

.admissions_row_title {
  margin-top: 30px;
}
@media (max-width: 900px) {
  .admissions_row_title {
    background-color: #f2f2f2;
    width: 100%;
  }
}

.booking_history_table thead {
  margin-bottom: 10px;
}
.booking_history_table thead tr {
  border-bottom: 1px solid black;
}
.booking_history_table thead tr th:first-child {
  padding-left: 15px;
}
.booking_history_table thead tr th {
  font-weight: 500;
  padding: 0px 5px;
  text-align: left;
}
.booking_history_table tr:first-child {
  outline: thin solid transparent;
  height: 10px;
}
.booking_history_table tr.odd {
  background-color: #f8f8f8;
}
.booking_history_table td {
  text-align: left;
  padding: 5px 5px;
}
.booking_history_table td:first-child {
  padding-left: 15px;
}

#licensetable table {
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}
#licensetable table caption {
  font-size: 1.5em;
  margin: 0.5em 0 0.75em;
}
#licensetable table tr {
  background-color: #ffffff;
  border: 1px solid #fff;
  padding: 0.35em;
}
#licensetable table > tbody > tr:nth-child(even) {
  background-color: #e4e4e4 !important;
}
#licensetable table > tbody > tr:nth-child(odd) {
  background-color: #f0f0f0 !important;
}
#licensetable table > thead > tr {
  background-color: #606060 !important;
  color: #ffffff;
}
#licensetable table > tbody > tr.divider {
  background-color: #c1c1c1 !important;
  font-style: italic;
}
#licensetable table > tbody > tr.empty_table_row {
  height: 10px;
  background-color: transparent !important;
  border: 0;
}
#licensetable table th,
#licensetable table td {
  padding: 0.625em;
}
#licensetable table td.sum,
#licensetable table td a.td-cell-button {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
#licensetable table td.sum div,
#licensetable table td a.td-cell-button div {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 50%;
  margin: auto;
}
#licensetable table td.sum div .button_sub_text,
#licensetable table td a.td-cell-button div .button_sub_text {
  font-size: 9px;
  position: relative;
  top: -10px;
}
#licensetable table td.sum div {
  left: auto;
  text-align: right;
  padding-right: 10px;
}
#licensetable table th {
  font-size: 0.85em;
}
#licensetable table tr td.whiteborderright,
#licensetable table tr th.whiteborderright {
  border-right: 1px solid white;
}
#licensetable table tr td.whiteborderleft,
#licensetable table tr th.whiteborderleft {
  border-left: 1px solid white;
}
@media screen and (max-width: 600px) {
  #licensetable table {
    border: 0;
  }
  #licensetable table caption {
    font-size: 1.3em;
  }
  #licensetable table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  #licensetable table tr {
    display: block;
    margin-bottom: 0.625em;
    border: 0;
    border-bottom: 1px solid white;
  }
  #licensetable table td {
    border-bottom: 0;
    display: block;
    font-size: 0.8em;
  }
  #licensetable table td div {
    display: block;
  }
  #licensetable table td.sum {
    text-align: right !important;
  }
  #licensetable table td::before {
    content: attr(data-label);
    float: left;
  }
  #licensetable table td:last-child {
    border-bottom: 0;
  }
  #licensetable table > tbody > tr.divider {
    margin-bottom: 0px;
  }
  #licensetable table > tbody > tr.divider > td {
    display: none;
  }
  #licensetable table > tbody > tr.divider > td:first-child {
    display: table-cell;
  }
  #licensetable table td.sum,
  #licensetable table td a.td-cell-button {
    display: block;
    padding: 10px;
    position: relative;
  }
  #licensetable table td.sum div,
  #licensetable table td a.td-cell-button div {
    position: relative;
  }
  #licensetable table td.sum div .button_sub_text,
  #licensetable table td a.td-cell-button div .button_sub_text {
    font-size: 9px;
    position: relative;
    top: -5px;
  }
  #licensetable table tr td.whiteborderright,
  #licensetable table tr th.whiteborderright {
    border-right: 0;
  }
  #licensetable table tr td.whiteborderleft,
  #licensetable table tr th.whiteborderleft {
    border-left: 0;
  }
}

#invoicetable table {
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}
#invoicetable table caption {
  font-size: 1.5em;
  margin: 0.5em 0 0.75em;
}
#invoicetable table tr {
  background-color: #ffffff;
  border: 1px solid #fff;
  padding: 0.35em;
}
#invoicetable table > tbody > tr:nth-child(even) {
  background-color: #e4e4e4 !important;
}
#invoicetable table > tbody > tr:nth-child(odd) {
  background-color: #f0f0f0 !important;
}
#invoicetable table > thead > tr {
  background-color: #606060 !important;
  color: #ffffff;
}
#invoicetable table > tbody > tr.divider {
  background-color: #c1c1c1 !important;
  font-style: italic;
}
#invoicetable table > tbody > tr.empty_table_row {
  height: 10px;
  background-color: transparent !important;
  border: 0;
}
#invoicetable table th,
#invoicetable table td {
  padding: 0.625em;
}
#invoicetable table td.sum,
#invoicetable table td a.td-cell-button {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
#invoicetable table td.sum div,
#invoicetable table td a.td-cell-button div {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 35%;
  margin: auto;
}
#invoicetable table td.sum div .button_sub_text,
#invoicetable table td a.td-cell-button div .button_sub_text {
  font-size: 9px;
  position: relative;
  top: -10px;
}
#invoicetable table td.sum div {
  left: auto;
  text-align: right;
  padding-right: 10px;
}
#invoicetable table th {
  font-size: 0.85em;
}
#invoicetable table tr td.whiteborderright,
#invoicetable table tr th.whiteborderright {
  border-right: 1px solid white;
}
#invoicetable table tr td.whiteborderleft,
#invoicetable table tr th.whiteborderleft {
  border-left: 1px solid white;
}
@media screen and (max-width: 600px) {
  #invoicetable table {
    border: 0;
  }
  #invoicetable table caption {
    font-size: 1.3em;
  }
  #invoicetable table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  #invoicetable table tr {
    display: block;
    margin-bottom: 0.625em;
    border: 0;
    border-bottom: 1px solid white;
  }
  #invoicetable table td {
    border-bottom: 0;
    display: block;
    font-size: 0.8em;
  }
  #invoicetable table td div {
    display: block;
  }
  #invoicetable table td.sum {
    text-align: right !important;
  }
  #invoicetable table td::before {
    content: attr(data-label);
    float: left;
  }
  #invoicetable table td:last-child {
    border-bottom: 0;
  }
  #invoicetable table > tbody > tr.divider {
    margin-bottom: 0px;
  }
  #invoicetable table > tbody > tr.divider > td {
    display: none;
  }
  #invoicetable table > tbody > tr.divider > td:first-child {
    display: table-cell;
  }
  #invoicetable table td.sum,
  #invoicetable table td a.td-cell-button {
    display: block;
    padding: 10px;
    position: relative;
  }
  #invoicetable table td.sum div,
  #invoicetable table td a.td-cell-button div {
    position: relative;
  }
  #invoicetable table td.sum div .button_sub_text,
  #invoicetable table td a.td-cell-button div .button_sub_text {
    font-size: 9px;
    position: relative;
    top: -5px;
  }
  #invoicetable table tr td.whiteborderright,
  #invoicetable table tr th.whiteborderright {
    border-right: 0;
  }
  #invoicetable table tr td.whiteborderleft,
  #invoicetable table tr th.whiteborderleft {
    border-left: 0;
  }
}

.responsive_payment_table {
  width: 100%;
}
.responsive_payment_table .grid__thead {
  border-bottom: 1px solid #ccc;
}
.responsive_payment_table .grid__tbody .tr {
  border-bottom: 1px solid #ccc;
}
.responsive_payment_table .grid__divider {
  border-bottom: 1px solid #ccc;
}
.responsive_payment_table .grid__before__unbold:before {
  font-weight: 100 !important;
}
.responsive_payment_table .grid__before__bolder:before {
  font-weight: bolder !important;
}
.responsive_payment_table .grid__bolder {
  font-weight: bolder !important;
}
.responsive_payment_table .grid__font500 {
  font-weight: 500 !important;
}
@media screen and (max-width: 780px) {
  .responsive_payment_table .grid__thead {
    display: none;
  }
  .responsive_payment_table .grid__tbody td {
    display: flex;
    width: 100%;
    border: none;
    position: relative;
    padding: 2px 0px 2px 200px;
    word-break: break-word;
  }
  .responsive_payment_table .grid__tbody td.grid__two_lines {
    height: 45px;
  }
  .responsive_payment_table .grid__tbody td.grid__lastchild {
    padding-bottom: 8px;
  }
  .responsive_payment_table .grid__tbody td:before {
    display: inline-block;
    content: " " attr(data-for) "\a" attr(data-after) " ";
    color: #3F3F3F;
    width: 200px;
    position: absolute;
    left: 0px;
    white-space: pre;
  }
  .responsive_payment_table .grid__tbody td:last-child .btn {
    width: 90%;
    position: absolute;
    left: 5%;
    display: block;
    bottom: 20px;
  }
  .responsive_payment_table .grid__divider {
    display: none !important;
  }
  .responsive_payment_table .grid__itemdivider {
    border-top: 1px solid #ccc !important;
    padding: 0 !important;
  }
  .responsive_payment_table .grid__hidden_on_small_view {
    display: none !important;
  }
}
@media screen and (min-width: 781px) {
  .responsive_payment_table .grid__cell {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .responsive_payment_table .grid__cell_right_align {
    text-align: right;
    padding-right: 10px;
  }
  .responsive_payment_table .grid__hidden_on_big_view {
    display: none !important;
  }
  .responsive_payment_table .grid__thead th {
    vertical-align: bottom;
  }
}

#bzmeldungenverlauft table {
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}
#bzmeldungenverlauft table caption {
  font-size: 1.5em;
  margin: 0.5em 0 0.75em;
}
#bzmeldungenverlauft table tr {
  background-color: #ffffff;
  border: 1px solid #fff;
  padding: 0.35em;
}
#bzmeldungenverlauft table > tbody > tr:nth-child(even) {
  background-color: #e4e4e4 !important;
}
#bzmeldungenverlauft table > tbody > tr:nth-child(odd) {
  background-color: #f0f0f0 !important;
}
#bzmeldungenverlauft table > thead > tr {
  background-color: #606060 !important;
  color: #ffffff;
}
#bzmeldungenverlauft table > thead > tr > th:first-child,
#bzmeldungenverlauft table > tbody > tr > td:first-child {
  padding-left: 20px;
}
#bzmeldungenverlauft table > tbody > tr.divider {
  background-color: #c1c1c1 !important;
  font-style: italic;
}
#bzmeldungenverlauft table > tbody > tr.empty_table_row {
  height: 10px;
  background-color: transparent !important;
  border: 0;
}
#bzmeldungenverlauft table th,
#bzmeldungenverlauft table td {
  padding: 0.625em;
}
#bzmeldungenverlauft table td.sum,
#bzmeldungenverlauft table td a.td-cell-button {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
#bzmeldungenverlauft table td.sum div,
#bzmeldungenverlauft table td a.td-cell-button div {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 35%;
  margin: auto;
}
#bzmeldungenverlauft table td.sum div .button_sub_text,
#bzmeldungenverlauft table td a.td-cell-button div .button_sub_text {
  font-size: 9px;
  position: relative;
  top: -10px;
}
#bzmeldungenverlauft table td.sum div {
  left: auto;
  text-align: right;
  padding-right: 10px;
}
#bzmeldungenverlauft table th {
  font-size: 0.85em;
}
#bzmeldungenverlauft table tr td.whiteborderright,
#bzmeldungenverlauft table tr th.whiteborderright {
  border-right: 1px solid white;
}
#bzmeldungenverlauft .hideOnBig {
  display: none;
}
#bzmeldungenverlauft table > thead > tr > th.textalignright {
  text-align: right;
}
@media screen and (max-width: 900px) {
  #bzmeldungenverlauft table {
    border: 0;
  }
  #bzmeldungenverlauft table caption {
    font-size: 1.3em;
  }
  #bzmeldungenverlauft table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  #bzmeldungenverlauft table tr {
    display: block;
    margin-bottom: 0.625em;
    border: 0;
    border-bottom: 1px solid white;
  }
  #bzmeldungenverlauft table td {
    border-bottom: 0;
    display: block;
  }
  #bzmeldungenverlauft table td div {
    display: block;
  }
  #bzmeldungenverlauft table td.sum {
    text-align: right !important;
  }
  #bzmeldungenverlauft table td::before {
    content: attr(data-label);
    float: left;
    font-weight: 500;
  }
  #bzmeldungenverlauft table td:last-child {
    border-bottom: 0;
  }
  #bzmeldungenverlauft table > tbody > tr.divider {
    margin-bottom: 0px;
  }
  #bzmeldungenverlauft table > tbody > tr.divider > td {
    display: none;
  }
  #bzmeldungenverlauft table > tbody > tr.divider > td:first-child {
    display: table-cell;
  }
  #bzmeldungenverlauft table td.sum,
  #bzmeldungenverlauft table td a.td-cell-button {
    display: block;
    padding: 10px;
    position: relative;
  }
  #bzmeldungenverlauft table td.sum div,
  #bzmeldungenverlauft table td a.td-cell-button div {
    position: relative;
  }
  #bzmeldungenverlauft table td.sum div .button_sub_text,
  #bzmeldungenverlauft table td a.td-cell-button div .button_sub_text {
    font-size: 9px;
    position: relative;
    top: -5px;
  }
  #bzmeldungenverlauft table tr td.whiteborderright,
  #bzmeldungenverlauft table tr th.whiteborderright {
    border-right: 0;
  }
  #bzmeldungenverlauft table > thead > tr > th,
  #bzmeldungenverlauft table > thead > tr > th:first-child,
  #bzmeldungenverlauft table > tbody > tr > td,
  #bzmeldungenverlauft table > tbody > tr > td:first-child {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  #bzmeldungenverlauft table > tbody > tr > td {
    text-align: right;
  }
  #bzmeldungenverlauft .hideOnBig {
    display: block;
  }
}

.mailinglistwrapper .hideOnSmall {
  display: flex;
  align-self: flex-end;
}
.mailinglistwrapper .showOnSmall {
  display: none;
  margin: 0 !important;
  padding: 0 !important;
}
.mailinglistwrapper .hideOnSmallLegend {
  display: flex;
  height: 100%;
  border-right: 1px solid #808080;
}
.mailinglistwrapper .hideOnSmallLegend div {
  align-self: flex-end;
}
.mailinglistwrapper .no_borders {
  border: 0px !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.mailinglistwrapper .full-width-link {
  width: 100%;
  height: 100%;
}
.mailinglistwrapper .full-width-link:hover {
  cursor: pointer;
}
.mailinglistwrapper .list_link {
  display: flex;
  width: 100%;
  align-items: center;
  border-right: 1px solid #fff;
  transition: all 0.3s ease;
}
.mailinglistwrapper .margin_top_bottom_5px_responsive {
  margin-top: 5px;
  margin-bottom: 5px;
}
@media (max-width: 900px) {
  .mailinglistwrapper .margin_top_bottom_5px_responsive {
    margin-top: 0;
    margin-bottom: 0;
    border-bottom: 0;
  }
}
.mailinglistwrapper .bt_1px_responsive {
  border-top: 1px solid white;
}
@media (max-width: 900px) {
  .mailinglistwrapper .bt_1px_responsive {
    border-top: 0;
  }
}
@media (max-width: 900px) {
  .mailinglistwrapper .hideOnSmall {
    display: none;
  }
  .mailinglistwrapper .showOnSmall {
    display: flex;
    align-items: center;
  }
}
.mailinglistwrapper .flex_mailings__container {
  display: flex;
  flex-direction: column;
  background-color: #efefef;
  margin-bottom: 20px;
}
.mailinglistwrapper .flex_mailings__container:last-of-type {
  margin-bottom: 0px;
}
.mailinglistwrapper .font_legend {
  font-size: 11px;
  font-weight: 300;
}
.mailinglistwrapper .bb_1px_white {
  border-bottom: 1px solid white;
}
.mailinglistwrapper .mailings__container {
  margin-bottom: 35px;
}
.mailinglistwrapper .mailings__legend, .mailinglistwrapper .mailings__details {
  display: flex;
}
.mailinglistwrapper .mailings__legend {
  font-size: 11px;
  font-style: italic;
  width: 100%;
  height: 35px;
  display: flex;
  align-items: center;
  left: 0;
  background-color: #dfdfdf;
  margin-bottom: 1px;
}
.mailinglistwrapper .mailings__legend .mailings__legend_betreff, .mailinglistwrapper .mailings__legend .mailings__legend_gestartet, .mailinglistwrapper .mailings__legend .mailings__legend_versand, .mailinglistwrapper .mailings__legend .mailings__legend_unzustellbar, .mailinglistwrapper .mailings__legend .mailings__legend_aktionen {
  padding: 0 20px;
}
.mailinglistwrapper .mailings__legend .mailings__legend_betreff {
  width: 45%;
  padding: 0 20px;
  border-right: 1px solid #212121;
}
.mailinglistwrapper .mailings__legend .mailings__legend_gestartet {
  width: 15%;
  padding: 0 20px;
  border-right: 1px solid #212121;
}
.mailinglistwrapper .mailings__legend .mailings__legend_versand {
  width: 10%;
  padding: 0 20px;
  border-right: 1px solid #212121;
}
.mailinglistwrapper .mailings__legend .mailings__legend_unzustellbar {
  width: 10%;
  padding: 0 20px;
  border-right: 1px solid #212121;
}
.mailinglistwrapper .mailings__legend .mailings__legend_aktionen {
  width: 20%;
  padding: 0 20px;
}
.mailinglistwrapper .mailings__details {
  font-size: 12px;
  font-style: italic;
  font-weight: 400;
  width: 100%;
  display: flex;
  align-items: center;
  left: 0;
  background-color: #f0f0f0;
  margin-bottom: 1px;
}
.mailinglistwrapper .mailings__details .mailings__details_gestartet {
  width: 15%;
  border-right: 1px solid #fff;
  padding: 10px 20px;
}
.mailinglistwrapper .mailings__details .mailings__details_versand {
  width: 10%;
  border-right: 1px solid #fff;
  padding: 10px 20px;
}
.mailinglistwrapper .mailings__details .mailings__details_unzustellbar {
  width: 10%;
  border-right: 1px solid #fff;
  padding: 10px 20px;
}
.mailinglistwrapper .mailings__details .mailings__details_aktionen {
  width: 20%;
  padding: 10px 20px;
}

.responsive_event_table .column1 {
  flex: 1 1 50%;
  order: 1;
  margin: 10px;
}
.responsive_event_table .column2 {
  flex: 1 1 30%;
  order: 2;
  margin: 10px;
}
.responsive_event_table .column3 {
  flex: 0 0 20%;
  order: 3;
  margin: 10px;
}
.responsive_event_table .responsive_event_table_header {
  padding: 0 10px;
  background-color: #757575;
  color: white;
}
.responsive_event_table .responsive_event_table_row {
  padding: 10px;
  align-items: center;
}
.responsive_event_table .responsive_event_table_row.even {
  background-color: #f8f8f8;
}

.responsive_table {
  width: 100%;
}
.responsive_table table {
  width: 100%;
}
.responsive_table table td, .responsive_table table th {
  padding: 10px;
  margin: 0px;
  text-align: left;
}
.responsive_table table td::before, .responsive_table table th::before {
  margin-right: 10px;
}
.responsive_table table td.fitwidth {
  width: 1px;
  white-space: nowrap;
}
.responsive_table table tr.even {
  background-color: #f0f0f0;
}
.responsive_table table thead {
  background-color: #757575;
  color: white;
  font-size: 11px;
}
.responsive_table table th {
  text-align: left;
}
@media screen and (max-width: 700px) {
  .responsive_table table td.fitwidth {
    width: 100%;
  }
  .responsive_table table tr, .responsive_table table td {
    padding: 0px;
  }
  .responsive_table table tr {
    width: 100%;
    float: left;
    margin-bottom: 20px;
  }
  .responsive_table table td {
    float: left;
    width: 100%;
  }
  .responsive_table table thead {
    display: none;
  }
  .responsive_table table td::before {
    content: attr(data-label);
    word-break: break-word;
    width: 30%;
    float: left;
    background-color: #757575;
    color: white;
    font-size: 11px;
    height: 25px;
    padding: 5px;
    padding-left: 15px;
  }
}

.eventlist {
  margin-left: 165px;
  width: 100%;
  max-width: 900px;
}
@media (max-width: 1200px) {
  .eventlist {
    max-width: 820px;
    margin-left: 40px;
    margin-right: 40px;
  }
}
@media (max-width: 900px) {
  .eventlist {
    margin-left: 40px;
    margin-right: 40px;
  }
}
@media (max-width: 700px) {
  .eventlist {
    margin-left: 20px;
    margin-right: 20px;
  }
}

body.public #Progress__wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  background-color: #f8f8f8;
  font-size: 13px;
}
body.public #Progress__wrapper .step_arrow {
  margin-right: 10px;
}
body.public #Progress__wrapper .stepper_dot_link {
  cursor: pointer;
}
body.public #Progress__wrapper .stepper_dot {
  height: 10px;
  width: 10px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
}
body.public #Progress__wrapper div a {
  color: #000000 !important;
}
body.public #Progress__wrapper #Progress__steps {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  flex: 1;
  height: 100%;
}
@media (min-width: 700px) {
  body.public #Progress__wrapper #Progress__steps {
    margin-left: 25px;
  }
}
@media (max-width: 700px) {
  body.public #Progress__wrapper #Progress__steps {
    align-items: center;
    justify-content: center;
  }
}
body.public #Progress__wrapper #Progress__steps .stepper_dot_link,
body.public #Progress__wrapper #Progress__steps .stepper_dot {
  display: none;
}
@media (max-width: 700px) {
  body.public #Progress__wrapper #Progress__steps .stepper_dot_link,
  body.public #Progress__wrapper #Progress__steps .stepper_dot {
    display: flex;
  }
}
body.public #Progress__wrapper #Progress__steps .step {
  display: flex !important;
  align-items: center;
}
body.public #Progress__wrapper #Progress__steps .step a {
  padding: 12px 12px;
}
body.public #Progress__wrapper #Progress__steps .step a:hover {
  text-decoration: none;
}
body.public #Progress__wrapper #Progress__steps .step div {
  padding: 12px 12px;
}
body.public #Progress__wrapper #Progress__steps .step span.page_title,
body.public #Progress__wrapper #Progress__steps .step div.page_title {
  white-space: nowrap;
}
body.public #Progress__wrapper #Progress__steps .step.with_link:hover {
  background-color: #ffffff;
}
body.public #Progress__wrapper #Progress__steps .step.with_link:hover .step_arrow span {
  background-image: url(../img/forward_dark.svg);
  background-repeat: no-repeat;
  background-size: 10px;
  background-position: center;
  background-position-y: 2px;
}
body.public #Progress__wrapper #Progress__steps .step.with_link.current_step .step_arrow span {
  background-image: url(../img/forward_dark.svg);
  background-repeat: no-repeat;
  background-size: 10px;
  background-position: center;
  background-position-y: 2px;
}
body.public #Progress__wrapper #Progress__steps .step .step_link {
  font-weight: 500;
  text-decoration: none !important;
}
body.public #Progress__wrapper #Progress__steps .step .no_link {
  cursor: initial;
  padding: 12px 12px;
}
body.public #Progress__wrapper #Progress__steps .step .no_link .stepper_dot {
  background-color: #fff;
}
body.public #Progress__wrapper #Progress__steps .step.current_step .stepper_dot_link {
  padding: 12px 12px;
}
body.public #Progress__wrapper #Progress__steps .step.current_step .stepper_dot_link .stepper_dot {
  background-color: #f8f8f8;
}
@media (max-width: 700px) {
  body.public #Progress__wrapper #Progress__steps .step a:not(.stepper_dot_link), body.public #Progress__wrapper #Progress__steps .step div:not(.stepper_dot_link) {
    display: none;
  }
  body.public #Progress__wrapper #Progress__steps .step.with_link.current_step {
    background: none;
  }
}

body.iframe #Progress__wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  background-color: #ffffff;
  font-size: 13px;
}
body.iframe #Progress__wrapper .step_arrow {
  margin-right: 10px;
}
body.iframe #Progress__wrapper .stepper_dot_link {
  cursor: pointer;
}
body.iframe #Progress__wrapper .stepper_dot {
  height: 10px;
  width: 10px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
}
body.iframe #Progress__wrapper div a {
  color: #000000 !important;
}
body.iframe #Progress__wrapper #Progress__steps {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  flex: 1;
  height: 100%;
}
@media (max-width: 700px) {
  body.iframe #Progress__wrapper #Progress__steps {
    align-items: center;
    justify-content: center;
  }
}
body.iframe #Progress__wrapper #Progress__steps .stepper_dot_link,
body.iframe #Progress__wrapper #Progress__steps .stepper_dot {
  display: none;
}
@media (max-width: 700px) {
  body.iframe #Progress__wrapper #Progress__steps .stepper_dot_link,
  body.iframe #Progress__wrapper #Progress__steps .stepper_dot {
    display: flex;
  }
}
body.iframe #Progress__wrapper #Progress__steps .iframe_languageselector {
  margin-left: auto;
  cursor: pointer;
}
@media (max-width: 700px) {
  body.iframe #Progress__wrapper #Progress__steps .iframe_languageselector {
    position: absolute !important;
    right: 5px !important;
  }
  body.iframe #Progress__wrapper #Progress__steps .iframe_languageselector .languagenavitem {
    display: block !important;
  }
}
body.iframe #Progress__wrapper #Progress__steps .step {
  display: flex !important;
  align-items: center;
}
body.iframe #Progress__wrapper #Progress__steps .step a {
  padding: 6px 12px;
}
body.iframe #Progress__wrapper #Progress__steps .step a:hover {
  text-decoration: none;
}
body.iframe #Progress__wrapper #Progress__steps .step div {
  padding: 6px 12px;
}
body.iframe #Progress__wrapper #Progress__steps .step span.page_title,
body.iframe #Progress__wrapper #Progress__steps .step div.page_title {
  white-space: nowrap;
}
body.iframe #Progress__wrapper #Progress__steps .step.with_link:hover {
  background-color: #ffffff;
}
body.iframe #Progress__wrapper #Progress__steps .step.with_link:hover .step_arrow span {
  background-image: url(../img/forward_dark.svg);
  background-repeat: no-repeat;
  background-size: 10px;
  background-position: center;
  background-position-y: 2px;
}
body.iframe #Progress__wrapper #Progress__steps .step.with_link.current_step .step_arrow span {
  background-image: url(../img/forward_dark.svg);
  background-repeat: no-repeat;
  background-size: 10px;
  background-position: center;
  background-position-y: 2px;
}
body.iframe #Progress__wrapper #Progress__steps .step .step_link {
  font-weight: 500;
  text-decoration: none !important;
}
body.iframe #Progress__wrapper #Progress__steps .step .no_link {
  cursor: initial;
  padding: 6px 12px;
}
body.iframe #Progress__wrapper #Progress__steps .step .no_link .stepper_dot {
  background-color: #f8f8f8;
}
body.iframe #Progress__wrapper #Progress__steps .step.current_step .stepper_dot_link {
  padding: 6px 12px;
}
body.iframe #Progress__wrapper #Progress__steps .step.current_step .stepper_dot_link .stepper_dot {
  background-color: #f8f8f8;
}
@media (max-width: 700px) {
  body.iframe #Progress__wrapper #Progress__steps .step a:not(.stepper_dot_link), body.iframe #Progress__wrapper #Progress__steps .step div:not(.stepper_dot_link) {
    display: none;
  }
  body.iframe #Progress__wrapper #Progress__steps .step.with_link.current_step {
    background: none;
  }
}

.ui-datepicker-trigger {
  position: relative;
  top: 4px;
  margin-left: -34px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  display: inline;
}

.StripeElement {
  height: 40px;
  width: 100%;
  padding: 10px;
  background-color: white;
  border: 1px solid #d2d2d2;
  border-radius: 3px;
}

/*# sourceMappingURL=main.css.map */