#login-form, #neuer_login {
  height: 100%;
  width: 100%;
  display: flex;
  grid-auto-flow: row;
  flex-direction: column;
  justify-content: center;
  justify-items: center;
  align-content: start;
  align-items: center;
}

#login-form img,
#login-form #login,
#neuer_login img,
#neuer_login #login {
  width: 400px;
}

#tides-logo {
  margin-bottom: 2vh;
}

select[class*="input-"] {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 20px;
}

.disabled,
*[disabled] {
  cursor: not-allowed !important;
}

html {
  height: 100%;
}

#body {
  width: 1600px;
  overflow: hidden;
  /*margin: auto;*/
  padding: 8px;
  position: relative;
}

.body {
  background-color: #ffffff;
}

*[onclick] {
  cursor: pointer;
}

#site {
  width: 1600px;
  height: 900px;
  margin: auto;
  /*overflow: hidden;*/
  position: relative;
}

#zahlungsinfo_mini {
  display: none;
}

.btn {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}

.loading {
  background-image: url("../img/indicator2.gif") /*, url(../img/stripe.png)*/ !important;
  background-position: center center /*, center center*/;
  background-repeat: no-repeat /*, repeat*/;
  -webkit-transition: background-image 1s .5s ease;
  -moz-transition: background-image 1s .5s ease;
  transition: background-image 1s .5s ease;
}

.loading > * {
  opacity: 0.5;
  -webkit-transition: opacity 1.75s .25s ease;
  -moz-transition: opacity 1.75s .25s ease;
  transition: opacity 1.75s .25s ease;
}

.modal-body.loading {
  opacity: 0.5;
}

/*#login {*/
/*  width: 400px;*/
/*  margin: auto;*/
/*  position: relative;*/
/*  top: 100px;*/
/*}*/

.spacer {
  width: 8px;
  height: 8px;
}

.btn {
  padding: 4px 8px;
}

#part_left {
  background-image: url("../img/transpix_big.gif");
  position: absolute;
  top: 50px;
  left: 0;
  bottom: 0;
  width: 392px;
  /*background-color: red;*/
}

#part_right {
  background-image: url("../img/transpix_big.gif");
  position: absolute;
  top: 50px;
  right: 0;
  bottom: 424px;
  width: 206px;
  /*z-index: 3;*/
  /*background-color: green;*/
}

#kundenauswahl {
  height: 136px;
  line-height: 17px;
  /*overflow: hidden;*/
}

#zahlungsinfo {
  height: 257px;
}

#zahlungsinfo td {
  padding-bottom: 1px;
  padding-top: 1px;
}

#part_top {
  background-image: url("../img/transpix_big.gif");
  background-position: center center;
  position: absolute;
  top: 50px;
  left: 392px;
  bottom: 393px;
  right: 214px;
  /*background-color: blue;*/
  overflow-y: scroll;
  padding-right: 7px;
  padding-left: 8px;
}

#part_top table.table {
  margin: 0;
  background-color: #ffffff;
}

#part_top table.table .edit {
  outline: 8px solid rgba(0, 0, 0, 0.6);
  background-color: #faf2cc;
}

#part_bottom {
  background-image: url("../img/transpix_big.gif");
  position: absolute;
  height: 385px;
  left: 400px;
  bottom: 0;
  right: 0;
  /*z-index: 2;*/
  /*background-color: yellow;*/
}

.left,
.table td.left {
  text-align: left;
}

.right,
.table td.right {
  text-align: right;
}

.center,
.table td.center {
  text-align: center;
}

.bold {
  font-weight: bold;
}

.nowrap {
  white-space: nowrap;
}

.block {
  padding: 8px;
  border: 1px solid #dddddd;
  border-radius: 4px;
  background-color: #f5f5f5;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  margin-bottom: 8px;
}

.block:last-child, .lastblock {
  margin-bottom: 0;
}

.block.tabled {
  padding: 4px;
}

table.table thead,
table.table tfoot,
table.table tbody th {
  background-color: #f5f5f5;
}

.tabled > table,
.w100 {
  width: 100%;
}

table.w100 td {
  padding: 0;
}

.tabled > table td {
  padding: 4px;
}

.tabled > table td input,
.tabled > table td .input-prepend,
.tabled > table td select,
.tabled > table td label {
  margin-bottom: 0;
}

.widegroup {
  width: 100%;
}

.widegroup > * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.widegroup2 > * {
  width: 50%;
}

.widegroup2 > .wide2 {
  width: 100%;
}

.widegroup3 > * {
  width: 33.33%;
}

.widegroup3 > .wide2 {
  width: 67.67%;
}

.widegroup3 > .wide3 {
  width: 100%;
}

.widegroup4 > * {
  width: 25%;
}

.widegroup4 > .wide2 {
  width: 50%;
}

.widegroup4 > .wide3 {
  width: 75%;
}

.widegroup5 > * {
  width: 20%;
}

.widegroup5 > .wide2 {
  width: 40%;
}

.widegroup5 > .wide3 {
  width: 60%;
}

.widegroup6 > * {
  width: 16.66%;
}

.widegroup6 > .wide2 {
  width: 33.33%;
}

.widegroup6 > .wide3 {
  width: 50%;
}

.widegroup7 > * {
  width: 14.28%;
}

.widegroup7 > .wide2 {
  width: 28.57%;
}

.widegroup7 > .wide3 {
  width: 42.85%;
}

.widegroup8 > * {
  width: 12.5%;
}

.widegroup8 > .wide2 {
  width: 25%;
}

.widegroup8 > .wide3 {
  width: 37.5%;
}

.widegroup9 > * {
  width: 11.11%;
}

.widegroup9 > .wide2 {
  width: 22.22%;
}

.widegroup9 > .wide3 {
  width: 33.33%;
}

.widegroup10 > * {
  width: 10%;
}

.widegroup10 > .wide2 {
  width: 20%;
}

.widegroup10 > .wide3 {
  width: 30%;
}

.widegroup11 > * {
  width: 9.09%;
}

.widegroup11 > .wide2 {
  width: 18.18%;
}

.widegroup11 > .wide3 {
  width: 27.27%;
}

.widegroup12 > * {
  width: 8.33%;
}

.widegroup12 > .wide2 {
  width: 16.66%;
}

.widegroup12 > .wide3 {
  width: 25%;
}

.widegroup13 > * {
  width: 7.69%;
}

.widegroup13 > .wide2 {
  width: 15.38%;
}

.widegroup13 > .wide3 {
  width: 23.07%;
}

.widegroup14 > * {
  width: 7.14%;
}

.widegroup14 > .wide2 {
  width: 14.28%;
}

.widegroup14 > .wide3 {
  width: 21.42%;
}

.widegroup15 > * {
  width: 6.66%;
}

.widegroup15 > .wide2 {
  width: 13.33%;
}

.widegroup15 > .wide3 {
  width: 20%;
}

#block_hfahrt,
#block_rfahrt,
#mb_block_hfahrt,
#mb_block_rfahrt,
#fremd_block_hfahrt,
#fremd_block_rfahrt {
  background-image: url("../img/transpix_big.gif");
  overflow-y: scroll;
  overflow-x: hidden;
  padding-right: 7px;
  height: 590px;
}

#mb_block_hfahrt,
#mb_block_rfahrt {
  height: 490px;
}

.mb_positionen_block {
  height: 310px;
  overflow-y: scroll;
}

#block_hfahrt .btn,
#block_rfahrt .btn,
#mb_block_hfahrt .btn,
#mb_block_rfahrt .btn,
#fremd_block_hfahrt .btn,
#fremd_block_rfahrt .btn {
  margin-bottom: 8px;
  width: 100%;
}

.reitertabs.nav-tabs {
  margin: 0 4px;
  z-index: 10;
  white-space: nowrap;
  overflow: hidden;
}

.reitertabs.nav-tabs li {
  float: none;
  display: inline-block;
  white-space: normal;
  max-width: 200px;
  vertical-align: text-bottom;
}

.reitertabs.nav-tabs li a {
  opacity: 0.65;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: #000000;
}

.reitertabs.nav-tabs .active a {
  background-color: #f5f5f5;
  opacity: 1;
  color: #333333;
  font-weight: bold;
}

.reitertabs.nav-tabs .active a.text-error {
  color: #b94a48;
}

.reitertabs.nav-tabs .active .reiter {
  display: block;
}

.reiter {
  display: none;
  position: absolute;
  height: 347px;
  left: 0;
  bottom: 0;
  right: 0;
  /*border-top-color: transparent;*/
}

#posModal {
  bottom: 0;
  left: 400px;
  margin-left: 0;
  height: 385px;
  top: auto;
  right: 0;
  width: auto;
  position: absolute;
  box-shadow: none;
  border-color: #dddddd;
}

#kfzModal .btn.reiterpos,
#posModal .btn.reiterpos,
.reiter .btn {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 230px;
  height: 60px;
  position: absolute;
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  line-height: 1.2em;
}

#kfzModal .btn.reiterpos,
#posModal .btn.reiterpos {
  position: relative;
  display: block;
  float: left;
  margin: 4px;
  width: 226px;
  height: 69px;
}

#posModalBody {
  padding: 4px;
}

.reiter .btn .remote-modal-header,
.reiter .btn .remote-modal-body {
  display: none;
}

#kfzModalBody .reiterpos .block {
  display: none;
  position: absolute;
  bottom: -6px;
  left: -14px;
  padding: 8px 8px 0 8px;
  width: 248px;
  -webkit-box-shadow: 0 0 0 8px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0 0 0 8px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 0 8px rgba(0, 0, 0, 0.6);
  z-index: 51;
}

.reiter .btn .block {
  display: none;
  position: absolute;
  bottom: -6px;
  left: -9px;
  padding: 8px 8px 0 8px;
  width: 248px;
  -webkit-box-shadow: 0 0 0 8px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0 0 0 8px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 0 8px rgba(0, 0, 0, 0.6);
  z-index: 51;
}

.popover, .dropdown-menu {
  -webkit-box-shadow: 0 0 0 8px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0 0 0 8px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 0 8px rgba(0, 0, 0, 0.6);
}

.dropdown-menu {
  margin: 8px 0 0;
}

#kfzModal .reiterpos.disabled,
#posModal .reiterpos.disabled,
.reiter .btn .block .reiterpos.disabled {
  display: none;
}

.btn .preis {
  position: absolute;
  bottom: 4px;
  right: 8px;
  font-weight: bold;
}

.btn .count {
  position: absolute;
  bottom: 4px;
  left: 8px;
  font-weight: bold;
}

#kfzModal .reiterpos.btn:hover .block,
#kfzModal .reiterpos.btn:hover .block:hover,
.reiter .btn:hover .block,
.reiter .btn:hover .block:hover {
  display: block;
}

.reiter .btn .block .reiterpos {
  position: relative;
  margin-bottom: 8px;
}

.reiterpos1_1 {
  left: 8px;
  bottom: 278px;
}

.reiterpos1_2 {
  left: 246px;
  bottom: 278px;
}

.reiterpos1_3 {
  left: 484px;
  bottom: 278px;
}

.reiterpos1_4 {
  left: 722px;
  bottom: 278px;
}

.reiterpos1_5 {
  left: 960px;
  bottom: 278px;
}

.reiterpos2_1 {
  left: 8px;
  bottom: 210px;
}

.reiterpos2_2 {
  left: 246px;
  bottom: 210px;
}

.reiterpos2_3 {
  left: 484px;
  bottom: 210px;
}

.reiterpos2_4 {
  left: 722px;
  bottom: 210px;
}

.reiterpos2_5 {
  left: 960px;
  bottom: 210px;
}

.reiterpos3_1 {
  left: 8px;
  bottom: 142px;
}

.reiterpos3_2 {
  left: 246px;
  bottom: 142px;
}

.reiterpos3_3 {
  left: 484px;
  bottom: 142px;
}

.reiterpos3_4 {
  left: 722px;
  bottom: 142px;
}

.reiterpos3_5 {
  left: 960px;
  bottom: 142px;
}

.reiterpos4_1 {
  left: 8px;
  bottom: 74px;
}

.reiterpos4_2 {
  left: 246px;
  bottom: 74px;
}

.reiterpos4_3 {
  left: 484px;
  bottom: 74px;
}

.reiterpos4_4 {
  left: 722px;
  bottom: 74px;
}

.reiterpos4_5 {
  left: 960px;
  bottom: 74px;
}

.reiterpos5_1 {
  left: 8px;
  bottom: 8px;
}

.reiterpos5_2 {
  left: 246px;
  bottom: 8px;
}

.reiterpos5_3 {
  left: 484px;
  bottom: 8px;
}

.reiterpos5_4 {
  left: 722px;
  bottom: 8px;
}

.reiterpos5_5 {
  left: 960px;
  bottom: 8px;
}

.btn-primary .icon,
.btn-success .icon,
.btn-danger .icon,
.btn-inverse .icon {
  background-image: url("../img/glyphicons-halflings-white.png");
}

.nav-tabs > li > a {
  border-bottom-color: #dddddd;
}

.btn h1,
.btn h2,
.btn h3,
.btn h4,
.btn h5,
.btn h6 {
  margin: 0;
}

.small {
  font-size: 85%;
  line-height: 140%;
}

.ui-datepicker {
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  z-index: 1051 !important;
}

td.iconhide {
  position: relative;
}

td.iconhide .icon {
  position: absolute;
  bottom: 4px;
  right: 4px;
  display: none;
}

td.iconhide.right .icon {
  bottom: 4px;
  left: 4px;
  right: auto;
}

td.iconhide:hover .icon {
  display: block;
}

.inlineinput {
  margin: 0 !important;
  border: none !important;
  width: calc(100% - 10px) !important;
  padding: 4px 5px !important;
  border-radius: 0 !important;
}

.right .inlineinput {
  text-align: right;
}

.modal-footer .input-append,
.modal-footer .input-prepend,
.modal-footer input,
.modal-footer select {
  margin-bottom: 0;
}

.modal-footer h4,
.modal-footer h5 {
  margin-top: 0;
}

.modal.fade.in {
  top: 50px;
}

.modal-big {
  width: 1120px;
  margin-left: -560px;
}

.modal-small {
  width: 350px;
  margin-left: -175px;
}

.modal-fullscreen {
  width: 100%;
  height: 100%;
  margin-left: -50%;
  margin-top: -2.9%;
}

.modal-portrait-medium {
  width: 700px;
  margin-left: -350px;
}

.modal-portrait-medium .modal-body {
  min-height: 500px;
}

.modal-fremdverkauf {
  top: 8px !important;
  left: 8px !important;
  width: 1700px;
  margin-left: 0 !important;
  zoom: 0.94;
}

.modal-fremdverkauf .modal-body {
  min-height: 789px;
}

#posModal.fremdverkauf {
  zoom: 0.94;
  z-index: 1060;
  top: 58px;
  margin-left: -441px;
  left: 50% !important;
  width: 1277px;
}

.modal-maxed {
  /*width: 1520px;
  margin-left: -760px;*/
  width: calc(100% - 100px);
  margin-left: calc(-50% + 50px);
}

.modal-special {
  display: block !important;
}

.modal-body {
  padding: 8px;
  max-height: 700px;
}

.modal-header {
  padding: 8px;
}

.modal-footer {
  padding: 15px 8px;
}

.modal-body:empty {
  display: none;
}

.modal-body.loading {
  display: block;
  min-height: 16px;
}

.table {
  margin-bottom: 0;
}

#verkauf_ja, #verkauf_nein, #dauerauftrag_auswahl, #dauerauftrag_positionen, #massenumbuchung_auswahl_alt, #massenumbuchung_auswahl_neu {
  overflow-y: scroll;
  height: 230px;
  padding-right: 8px;
}

#massenumbuchung_auswahl_alt tr td:first-child,
#massenumbuchung_auswahl_neu tr td:first-child {
  width: 10px;
}

#massenumbuchung_positionen_alt,
#massenumbuchung_positionen_neu {
  height: 210px;
  overflow-y: scroll;
}

.tr_disabled {
  color: #999999;
  background-color: #f5f5f5;
}

.tr_disabled td {
  color: #999999;
  background-color: #f5f5f5;
}

tr td.gedruckt,
tr td.bezahlt,
tr td.error {
  background-color: #f2dede !important;
}

tr:hover td.gedruckt,
tr:hover td.bezahlt,
tr:hover td.error {
  background-color: #ebcccc !important;
}

body.error {
  background-color: #bb5252 !important;
}

tr.teilbezahlt td.bezahlt {
  background-color: #fcf8e3 !important;
}

tr.gedruckt td.gedruckt,
tr.bezahlt td.bezahlt,
tr td.success {
  background-color: #dff0d8 !important;
}

tr.teilbezahlt:hover td.bezahlt {
  background-color: #faf2cc !important;
}

tr.gedruckt:hover td.gedruckt,
tr.bezahlt:hover td.bezahlt,
tr:hover td.success {
  background-color: #d0e9c6 !important;
}

.zahlungsart {
  display: none;
}

.navbar-inner {
  padding-right: 0px;
}

.navbar .divider-vertical {
  margin: 0;
}

.navbar .btn, .navbar .btn-group {
  margin-top: 8px;
}

.navbar .btn {
  padding: 1px 4px;
}

#errorModalInner {
  padding: 20px;
  padding-bottom: 0;
  /*box-shadow: 0 0 0 1000px rgba(0,0,0,0.8);*/
  top: 0.6%;
  overflow-y: auto;
  max-height: 890px;
  /*width: 600px;*/
}

#errorModalInner .alert {
  padding: 8px 15px 8px 14px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
}

#errorModal:empty {
  display: none;
}

#errorModalInner:empty {
  display: none;
}

#errorModalInner #modalTabs {
  margin-bottom: 0px;
}

.tab-content {
  overflow: hidden !important;
}

#dispenserModal {
  padding: 20px;
  padding-bottom: 0;
  box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.8);
  display: none;
}

.dispensing #dispenserModal {
  display: block;
}

#dispenserModal:empty {
  display: none;
}

.nofloat {
  float: none;
  display: inline-block;
  margin-left: 0;
}

.btn-big {
  padding: 10px 20px;
}

#tbody_erledigt,
#tbody_aktuell,
#tbody_zukunft {
  display: none;
}

.hidden {
  display: none;
}

.tbody_erledigt_show #tbody_erledigt,
.tbody_aktuell_show #tbody_aktuell,
.tbody_zukunft_show #tbody_zukunft {
  display: table-row-group;
}

#shadow_hfahrt,
#shadow_rfahrt {
  background-color: rgba(255, 255, 255, 0.5);
  /*border-radius: 4px;*/
  position: absolute;
  top: 164px;
  left: -4px;
  bottom: -4px;
  width: 200px;
}

#shadow_rfahrt {
  left: 196px;
}

form.gepdata,
form.insdata {
  margin: 0;
}

.kfzdata_autocomplete {
  position: absolute;
  top: -220px;
  left: -9px;
  right: -9px;
  padding: 8px;
  border: 8px solid rgba(0, 0, 0, 0.6);
  border-bottom: 0;
  border-radius: 12px 12px 0 0;
  text-align: left;
  height: 200px;
  overflow-y: scroll;
}

.gepdata_autocomplete,
.insdata_autocomplete {
  padding: 10px 0;
  margin: 0 0 5px;
  text-align: left;
  height: 200px;
  overflow-y: scroll;
}

.gepdata_autocomplete a,
.insdata_autocomplete a {
  display: block;
  border-top: 1px solid #eeeeee;
  padding: 6px 0;
}

.gepdata_autocomplete a:hover,
.insdata_autocomplete a:hover {
  text-decoration: none;
  background: #f8f8f8;
}

.kfzdata_autocomplete:empty,
.gepdata_autocomplete:empty,
.insdata_autocomplete:empty {
  display: none;
}

#adresseModal .gepdata_autocomplete {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  padding: 0;
  margin: 0 0 5px;
  border: none;
  border-bottom: 1px solid #cccccc;
  text-align: left;
  height: 200px;
  border-radius: 0;
  overflow-y: scroll;
}

#adresseModal .gepdata_autocomplete:empty {
  border-bottom: none;
}

#kfzModal .kfzdata_autocomplete,
#posModal .kfzdata_autocomplete {
  background-color: #f5f5f5;
  position: absolute;
  top: -1px;
  left: auto;
  right: 0;
  width: 276px;
  border: 1px solid #eeeeee;
  border-radius: 4px;
  height: 290px;
}

#protokollModalBody .old {
  display: none;
}

iframe {
  border: 1px solid #dddddd;
  border-radius: 4px;
  width: 100%;
  height: 540px;
}

.alert iframe {
  padding: 0;
  /*width: calc(100% + 25px);*/
  vertical-align: bottom;
  margin: 8px 0;
}

td .memo1,
td .memo2,
td .resmemo,
td .bemerkung,
td .insulanerid,
td .strandkorbid,
td .anzfahrten,
td .zahlungsart,
td .umlauf {
  display: block;
  white-space: normal;
}

.resmemo {
  bottom: 8px;
  left: 8px;
  overflow: hidden;
  position: absolute;
  right: 8px;
  text-overflow: ellipsis;
  white-space: nowrap !important;
}

.resmemozahlung {
  bottom: 8px;
  left: 8px;
  overflow: hidden;
  position: absolute;
  right: 8px;
  text-overflow: ellipsis;
}

.resmemozahlung .tooltip {
  left: 0 !important;
}

.tempmail {
  position: absolute;
  bottom: 8px;
  left: 8px;
  right: 8px;
}

td .memo1,
td .memo2,
td .insulanerid,
td .strandkorbid,
td .anzfahrten {
  margin-top: 4px;
}

td:hover .memo1:empty,
td:hover .memo2:empty,
#zahlungsinfo:hover .resmemozahlung:empty {
  display: block;
  background-color: #999999;
}

td:hover .memo1:empty:after,
td:hover .memo2:empty:after,
#zahlungsinfo:hover .resmemozahlung:empty:after {
  /*color: #999;*/
  display: block;
  content: "neue Bemerkung";
}

.modal-body, .modal-footer, #hbuttons, #rbuttons, #mb_hbuttons, #mb_rbuttons {
  background-image: url("../img/transpix_big.gif");
}

#lasttimer {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 10px;
  line-height: 10px;
  color: #b94a48;
}

.btn .leistung_id,
.btn .artikel_id {
  position: absolute;
  bottom: 4px;
  left: 8px;
  right: 8px;
  color: #b94a48;
  text-align: center;
}

.block.tabled.test {
  box-shadow: 0 0 0 2px #ff0000;
}

.navbar.test .navbar-inner {
  box-shadow: 0 0 0 2px #ff0000;
}

.navbar.test .brand {
  color: #fafafa;
  text-shadow: -1px -1px 0 #ff0000,
  0 -1px 0 #ff0000,
  1px -1px 0 #ff0000,
  -1px 0 0 #ff0000,
  0 0 0 #ff0000,
  1px 0 0 #ff0000,
  -1px 1px 0 #ff0000,
  0 1px 0 #ff0000,
  1px 1px 0 #ff0000,
  -2px -2px 0 #ff0000,
  0 -2px 0 #ff0000,
  2px -2px 0 #ff0000,
  -2px 0 0 #ff0000,
  0 0 0 #ff0000,
  2px 0 0 #ff0000,
  -2px 2px 0 #ff0000,
  0 2px 0 #ff0000,
  2px 2px 0 #ff0000,
  0 0 5px #ff0000;
}

.touppercase {
  text-transform: uppercase;
}

.tolowercase {
  text-transform: lowercase;
}

.label-light, .badge-light {
  background-color: transparent;
  color: #333333;
  text-shadow: rgba(255, 255, 255, 0.75) 0px 1px 1px;
  font-weight: normal;
  opacity: 0.5;
}

tr.kaputt,
tr.kaputt td {
  color: #b94a48;
}

table.w100.small td {
  padding: 0;
  border: none;
}

#fahrplanModalBody > table > tbody > tr > td {
  width: 100px;
}

.highlight {
  color: #3a87ad;
  background-color: #d9edf7;
  border-radius: 3px;
  box-shadow: 0 1px 0 0 #d9edf7;
}

td.btntc,
th.btntc {
  padding: 0;
}

td.btntc .btn,
th.btntc .btn {
  padding: 4px 5px;
  display: block;
  width: 100%;
  border: none;
  border-radius: 0;
}

#nachbuchung .zeitkontoposition,
#strandkorbModalBody .btn {
  width: 168px;
  height: 60px;
  display: block;
  float: left;
  margin: 4px;
}

#verkauf_ja tr.err_karte td:nth-child(3)::after {
  content: "Bitte Karte scannen!";
  display: block;
  font-weight: bold;
  color: #b94a48;
}

#verkauf_ja tr.err_karte td.gedruckt {
  background-color: #ebcccc !important;
}

.open > .dropdown-menu:empty::before {
  content: "keine Aktion möglich";
  margin: 10px;
}

.table-unbordered th,
.table-unbordered td {
  border: none;
}

.kundenhinweis {
  color: #ff0000;
  display: block;
  padding: 3px 0;
}

#tempmail {
  margin-top: 10px;
}

.memotext {
  height: auto;
  padding: 0;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}

.memotext .tooltip {
  left: 0 !important;
}

#countguests:empty {
  display: none;
}

#countguests {
  font-weight: bold;
}

/*#countguests {
    width: 100%;
    height: 30px;
    float: left;
    background: #F5F5F5;
    border: 1px solid #DEDEDE;
    border-radius: 3px 3px 3px 3px;
}
#countguests.load {
    background: url("images/ajax-loader.gif") no-repeat scroll center center #F5F5F5;
}
#countguests p {
    line-height: 30px;
    font-weight: normal;
    padding-left: 5px;
}
#countguests p span {
    font-weight: bold;
}*/
tr.arrangement td:first-child {
  box-shadow: inset 8px 0 0 0 #f5f5f5, inset 9px 0 0 0 #dddddd;
  padding-left: 14px;
  padding-right: 0;
}

tr.arrangement td:nth-child(4) {
  padding-left: 30px;
  padding-right: 5px;
}

#datetopline {
  width: 100%;
  height: 30px;
}

#datetopline .leftdatepick,
#datetopline .rightdatepick {
  width: 50%;
  float: left;
  text-align: center;
}

#kurproduktmatrix {
  width: 100%;
  float: left;
}

#kurproduktmatrix .kurbeitragsposition,
#nachbuchung .nachbuchenbtn {
  box-sizing: border-box;
  height: 60px;
  line-height: 1.2em;
  position: relative;
  width: 230px;
  margin: 4px 2px;
}

#grouppositionsModalBody #tbody_sort_groups .lfdnr_kopf.hidden {
  display: none;
}

.strandkorb-meldegrenze,
.vermietung-meldegrenze {
  color: #ffffff !important;
  background-color: #db3927 !important;
  background-image: linear-gradient(to bottom, #e26658, #db3927) !important;
}

#offlineModal {
  box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.8);
}

*[data-online-check="false"] .display-online,
*[data-online=""] .display-online,
*[data-online-check="false"] .display-offline,
*[data-online=""] .display-offline {
  display: none;
}

*[data-online="false"] .display-online {
  display: none;
}

*[data-online="true"] .display-offline {
  display: none;
}

.preiskz_auswahl .btn {
  height: 50px;
  line-height: 42px;
}

button.ui-keyboard-button {
  zoom: 2;
  border-width: 0.5px !important;
  border-radius: 2px;
}

.ui-datepicker {
  box-shadow: 0 0 0 8px rgba(0, 0, 0, 0.6);
  border: none;
  border-radius: 4px;
}

.ui-keyboard {
  background: transparent;
  background-color: white;
  border: none;
  padding: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 0 8px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0 0 0 8px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 0 8px rgba(0, 0, 0, 0.6);
}

button.ui-keyboard-button.ui-state-active {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #006dcc;
  *background-color: #0044cc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  background-repeat: repeat-x;
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff0088cc", endColorstr="#ff0044cc", GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

button.ui-keyboard-button.ui-state-active:hover,
button.ui-keyboard-button.ui-state-active:focus,
button.ui-keyboard-button.ui-state-active:active,
button.ui-keyboard-button.ui-state-active.active,
button.ui-keyboard-button.ui-state-active.disabled,
button.ui-keyboard-button.ui-state-active[disabled] {
  color: #ffffff;
  background-color: #0044cc;
  *background-color: #003bb3;
}

.searched {
  font-weight: bold;
}

#part_top .dropdown a.text-error::before {
  display: inline-block;
  content: "!";
  font-weight: bold;
  background-color: #b94a48;
  color: white;
  border-radius: 1em;
  width: 20px;
}

body.dispense_left .dispense_left_hidden {
  display: none;
}

body.no_dispense_left .no_dispense_left_hidden {
  display: none;
}

body.dispensing .dispensing_hidden {
  display: none;
}

.bg-highlight {
  background-color: #faf2cc;
}

body.splitten_laeuft #zahlungsarten_buttons {
  display: none;
}

body.splitten_laeuft #verkaufModalBody,
body.splitten_laeuft #verkaufModalFooter {
  opacity: 0.5;
}

.lfdnr_info {
  position: absolute;
  top: 24px;
  right: 3px;
  opacity: 0.2;
  font-size: 24px;
  line-height: 24px;
  cursor: default;
}

.lfdnr_info_list {
  position: relative;
  padding-right: 24px;
}

.lfdnr_info_list .lfdnr_info {
  top: 0;
  right: 1px;
  opacity: 0.4;
  font-size: inherit;
  line-height: inherit;
}

.light {
  opacity: 0.4;
}

#part_top .btn {
  white-space: nowrap;
}

.standortobjekt.selected {
  background-color: #468847;
  color: #ffffff;
}

.arrfahrten button {
  margin-bottom: 5px;
}

.editArrangementPos td:not(:first-child) {
  cursor: pointer;
}

.veranstaltung_nicht_ok {
  background-image: none;
  background-color: orange;
}

.kundenKFZ {
  font-size: 16px;
  padding-left: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  height: 90px;
}

.kfzrefresh {
  font-size: 40px;
  height: 90px;
  padding-top: 35px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.kundenKFZ:hover {
  background-color: #f5f5f5;
  cursor: pointer;
}

.fehlerKFZ {
  font-size: 16px;
  padding-left: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-weight: bold;
}

.kfzdata {
  margin-top: 10px;
  margin-bottom: 10px;
}

.kfzheader {
  /*height: 40px;*/
  padding-left: 6px;
}

.kfzdata > .form-group {
  margin-left: 5px;
  margin-right: 5px;
  display: inline;
}

#kfzModalBody {
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 50px;
}

#kfzModal .btn.kfzpos {
  position: relative;
  display: block;
  float: left;
  margin: 6px;
  width: 23%;
  text-align: center;
  /*    font-weight:bold;*/
  /*    vertical-align: middle;*/
  min-height: 100px;
  /*    word-wrap: break-word;*/
  padding: 0;
}

.kundenfahrzeuge {
  overflow-y: scroll;
  height: 443px;
}

.fahrzeugwahl {
  overflow-y: scroll;
  height: 405px;
}

.kfzinfo {
  /*    margin-top:10px;*/
  background-color: lightgrey;
  height: 45px;
}

.kfzinfoLeft {
  text-align: left;
  padding-left: 10px !important;
}

.kfzinfoRight {
  text-align: right;
  padding-right: 10px !important;
}

.kfzinfoRow {
  padding-left: 10px;
  padding-right: 10px;
}

.kfzmarke {
  min-height: 25px;
  /*margin-bottom:5px;*/
  margin-top: 5px;
  font-size: 14px;
}

.kfzmodell {
  font-weight: bold;
  word-wrap: break-word;
  overflow: hidden;
  min-height: 42px;
  max-height: 42px;
  line-height: 14px;
  text-overflow: ellipsis;
  padding-right: 5px;
  padding-left: 5px;
}

#fahrtauswahl .btn-group .btn:hover {
  z-index: 1;
}

input {
  transition: none !important;
}

.table tbody tr.protokoll_pos.saferpay > td {
  background-color: rgba(223, 240, 216, 0.5);
}

.table tbody tr.protokoll_pos.saferpay:hover {
  background-color: rgba(223, 240, 216, 1);
}

.tooltip-inner {
  white-space: pre-wrap;
}

.modal-backdrop {
  background-color: transparent;
  background-image: url("../img/dot.png");
  background-repeat: repeat;
}

.modal-huge {
  left: auto;
  margin-left: 0;
  height: auto;
  top: 50px;
  right: 0;
  position: absolute;
  box-shadow: none;
  width: 1199px;
  bottom: 0;
  border-color: #dddddd;
  border-top-left-radius: 0;
}

.karteninfo_info {
  height: 668px;
  left: 0;
  overflow-y: scroll;
  padding: 8px;
  position: absolute;
  top: 0;
  width: 600px;
}

.reitertabs div[class*="reiterpos"][data-nextopenmodal="true"] {
  width: 170px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.reitertabs button.open-fremdverkauf {
  width: 60px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  margin-left: 169px;
}

#part_bottom .nav-tabs > li > a {
  z-index: 50;
  position: relative;
  margin-top: 1px;
  /*border-bottom-color: none;*/
}

#part_bottom .nav-tabs {
  border-bottom: none;
}

#dauerauftragModal .part-right,
#dauerauftragModal .part-left {
  /*width: calc(50% - 8px);
  height: 700px;*/
}

#dauerauftragModal .part-left {
  width: calc(45% - 4px);
  float: left;
  margin-right: 4px;
}

#dauerauftragModal .part-right {
  width: calc(55% - 4px);
  float: right;
  margin-left: 4px;
}

#dauerauftragModal .part-left .row-fluid.head label {
  font-weight: bold;
  min-height: 20px;
}

#dauerauftragModal .part-left label.checkbox.inline {
  margin-left: 5px;
}

#dauerauftragModal #dauerauftrag_positionen {
  height: 660px;
}

#dauerauftragModal #dauerauftrag_auswahl {
  height: 530px;
}

#dauerauftragModal .part-right table td input[type="text"],
#dauerauftragModal .part-right table td select {
  padding: 0;
}

#dauerauftragModal .part-right table td input[type="text"] {
  padding-left: 5px;
}

#dauerauftragEditModal .modal-body table td {
  vertical-align: middle;
}

#fremd_part_bottom {
  position: absolute;
  height: 385px;
  left: 410px;
  top: 10px;
  right: 10px;
  bottom: 0;
}

td.protokoll_nowrap div {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.truncate {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
}

.vermietungmodal_grid {
  display: grid;
  grid-gap: 8px;
  grid-template-areas: "filter filter . typen" ". . . ." "positionen sonstige . objekte";
  grid-template-rows: auto 0 1fr;
  grid-template-columns: 152px 152px 0 1fr;
}

.vermietungmodal_grid .btn {
  /*padding-bottom: 24px;*/
  padding-left: 0;
  padding-right: 0;
}

.vermietungmodal_grid .btn > small {
  position: relative;
  top: -4px;
  left: 2px;
}

.vermietungmodal_grid .btn > .count {
  text-align: left;
  position: relative;
  bottom: 0;
}

.vermietungmodal_grid > .filter {
  grid-area: filter;
  width: auto;
  height: auto;
  margin: 0;
}

.vermietungmodal_grid > .typen {
  justify-self: start;
  grid-area: typen;
  display: grid;
  grid-gap: 4px;
  grid-auto-flow: column;
  grid-auto-columns: 152px;
}

.vermietungmodal_grid > .wrap_positionen {
  grid-area: positionen;
  overflow: auto;
  max-height: 630px;
}

.vermietungmodal_grid > .wrap_positionen > .positionen {
  align-self: start;
  display: grid;
  grid-gap: 4px;
  grid-auto-flow: row;
  grid-auto-rows: auto;
}

.vermietungmodal_grid > .wrap_sonstige {
  grid-area: sonstige;
  overflow: auto;
  max-height: 630px;
}

.vermietungmodal_grid > .wrap_sonstige > .sonstige {
  align-self: start;
  display: grid;
  grid-gap: 4px;
  grid-auto-flow: row;
  grid-auto-rows: auto;
}

.vermietungmodal_grid > .wrap_objekte {
  grid-area: objekte;
  overflow: auto;
  max-height: 630px;
}

.vermietungmodal_grid > .wrap_objekte > .objekte {
  display: grid;
  grid-gap: 4px;
  grid-auto-rows: minmax(auto, 1fr);
  grid-auto-columns: 100px;
  grid-auto-flow: row;
  grid-template-columns: repeat(auto-fill, 100px);
}

.vermietungmodal_grid .primary {
  border-radius: 2px;
  background-color: #0044cc;
  margin: 0 4px;
  color: white;
}

.grid {
  background-color: #eeeeee;
  color: #bbbbbb;
  text-align: center;
  font-size: 1.5em;
  line-height: 3em;
  border-radius: 4px;
}

.filterResult {
  box-shadow: inset 0 0 0 4px orange !important;
}

.filterResult h4 {
  background-color: orange;
  color: black;
}

#kassenauswahl {
  position: relative;
  top: 50px;
  padding-top: 16px;
  padding-bottom: 16px;
  border: 1px solid #dddddd;
  border-radius: 4px;
  background-color: #f5f5f5;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 980px;
  max-height: 50vh;
}

#kassenliste {
  display: flex;
  flex-wrap: wrap;
  max-height: 40vh;
  overflow: auto;
  padding-left: 16px;
  /*    align-items: center;
      justify-content: center;*/
}

#kassenliste .btn {
  width: 300px;
  /*width: 19.4%;*/
  height: 70px;
  max-height: 80px;
  margin-bottom: 8px;
  margin-right: 8px;
}

.btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
  display: block;
}

#ticketAufwertenModal {
  cursor: default !important;
}

#ticketAufwertenModal #ticketAufwertenModalBody {
  padding: 9px 15px;
}

#ticketAufwertenModal .btn-group-vertical > .btn-group .btn {
  border-radius: 0;
}

#ticketAufwertenModal #ticketAufwertungen .btn-group-vertical > .btn-group:first-child .btn:first-child {
  border-top-left-radius: 4px;
}

#ticketAufwertenModal #ticketAufwertungen .btn-group-vertical > .btn-group:first-child .btn:last-child {
  border-top-right-radius: 4px;
}

#ticketAufwertenModal .btn-group-vertical > .btn-group:last-child .btn:first-child {
  border-bottom-left-radius: 4px;
}

#ticketAufwertenModal .btn-group-vertical > .btn-group:last-child .btn:last-child {
  border-bottom-right-radius: 4px;
}

#ticketAufwertenModal #ticketAufwertenSelect {
  margin-bottom: 8px;
  background-color: #ffffff;
}

#ticketAufwertenModal #ticketAufwertenSelect .btn-group .btn[disabled] {
  cursor: unset !important;
}

#ticketAufwertenModal .btn-group, #ticketAufwertenModal .btn-group-vertical {
  width: 100%;
}

#ticketAufwertenModal .btn-group {
  height: 140px;
}

#ticketAufwertenModal .btn-group .btn {
  height: 100%;
}

#ticketAufwertenModal #ticketAufwertenSelect.opened .selectedPos .btn:first-child {
  border-bottom-left-radius: 0px;
}

#ticketAufwertenModal #ticketAufwertenSelect.opened .selectedPos .btn:last-child {
  border-bottom-right-radius: 0px;
}

#ticketAufwertenModal #ticketAufwertenSelect .possiblePos {
  position: absolute;
  z-index: 1;
  width: 47.6%;
  background-color: #ffffff;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

#ticketAufwertenModal .btn-group .action {
  width: 10%;
}

#ticketAufwertenModal .btn-group .ticketAufwertenPosBezeichnung {
  width: 70%;
}

#ticketAufwertenModal .btn-group .price {
  width: 20%;
}

#ticketAufwertenModal #ticketAufwertenModalDatumVon, #ticketAufwertenModal #ticketAufwertenModalDatumBis {
  width: 61%;
  text-align: center;
}

#ticketAufwertenModal #ticketAufwertungen {
  overflow-y: auto;
  max-height: 560px;
  padding-bottom: 12px;
}

#ticketAufwertenModal #ticketAufwertenHinFahrten, #ticketAufwertenModal #ticketAufwertenRueckFahrten {
  overflow-y: auto;
  max-height: 470px;
}

#ticketAufwertenModal #ticketAufwertenHinFahrten button, #ticketAufwertenModal #ticketAufwertenRueckFahrten button {
  margin-bottom: 8px;
}

#artikelsucheModal .btn.reiterpos,
#artikelsucheEanModal .btn.reiterpos {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 60px;
  position: absolute;
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  line-height: 1.2em;
  background-color: #e6e6e6;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  position: relative !important;
}

#artikelsucheErgebnisse,
#artikelsucheean_results {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

#artikelsucheErgebnisse > div,
#artikelsucheean_results > div {
  flex: 0 50%;
}

#nebenleistungErgebnisse {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

#nebenleistungErgebnisse > div {
  flex: 0 50%;
}

#nebenleistungModal .btn.reiterpos {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 60px;
  position: absolute;
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  line-height: 1.2em;
  background-color: #e6e6e6;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  position: relative !important;
}

#clock:not(.active) {
  display: none;
}

#clock.active {
  position: absolute;
  top: 8px;
  left: 1218px;
  box-shadow: 0 0 0 2px #000000;
  border-radius: 4px;
  font-size: 40px;
  padding: 10px;
}

#veranstaltungEntwertenModal_1 #veranstaltungEntwerten_veranstaltungen {
  display: grid;
  grid-auto-flow: row;
  grid-gap: 8px;
  grid-template-columns: 1fr 1fr;
}

#veranstaltungEntwertenModal_1 #veranstaltungEntwerten_veranstaltungen > .btn {
  min-height: 64px;
}

#veranstaltungEntwertenModal_2 .va_entwerten_position {
  display: grid;
  text-align: left;
}

#anreiseDatepickerModal {
  z-index: 1061;
}

#anreiseDatepickerModalBody {
  display: flex;
  justify-content: space-evenly;
  flex-direction: column;
  align-items: center;
}

#veranstaltungModal {
  margin-left: 0;
  position: absolute;
  bottom: 0;
  box-shadow: none;
  border-color: #dddddd;
  left: 0;
  width: auto;
}

#veranstaltungModal .modal-header > h3 {
  margin-bottom: 0.25em;
}

#veranstaltungModal .modal-body {
  display: grid;
  /*grid-template-columns: 5fr 8fr 7fr;*/
  gap: 0.5em;
  height: 664px;
}

#veranstaltungslisteWrapper {
  padding: 0 1em;
  grid-area: 1 / 1 / 2 / 2;
  overflow-y: auto;
}

#veranstaltungsliste {
  overflow-y: auto;
  padding-bottom: 10px;
}

#veranstaltungsliste > .btn {
  width: 100%;
  height: 60px;
  margin-bottom: 5px;
}

#veranstaltungInfo .placeholder {
  font-size: 44px;
  color: #cccccc;
  display: flex;
  justify-content: center;
  align-items: center;
  grid-area: 1 / 1 / 4 / 3;
  text-align: center;
  line-height: 1em;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#veranstaltungInfo {
  display: grid;
  grid-area: 1 / 2 / 2 / 3;
  float: left;
  font-size: 16px;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, max-content) 1fr;
  gap: 0.25em;
  overflow-y: hidden;
  padding: 0 0.5em;
  border: 1px solid;
  border-color: transparent #eeeeee;
}

#veranstaltungInfo .info-content {
  padding: 0.25em;
  border: 1px solid #eeeeee;
}

#gewaehlteArtikelWrapper {
  grid-area: 1 / 3 / 2 / 4;
  display: grid;
  grid-template-rows: 5fr 3fr;
  overflow-y: hidden;
  gap: 8px;
}

#gewaehlteArtikel {
  overflow-y: auto;
}

#veranstaltungArtikel {
  border-top: 1px solid #eeeeee;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: max-content 1fr;
  overflow-y: hidden;
}

#veranstaltungArtikel > .artikelliste {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(4, max-content);
  gap: 0.5em;
  overflow-y: auto;
}

#veranstaltungArtikel > h3 {
  grid-area: 1 / 1 / 2 / 3;
  margin: 0;
}

#veranstaltungArtikel .keine-artikel {
  grid-area: 1 / 1 / -1 / -1;
}

#veranstaltungInfo p {
  margin-bottom: 0.25em;
}

#veranstaltungInfo .veranstalter-info {
  grid-area: 1 / 1 / 2 / 2;
}

#veranstaltungInfo .treffpunkt-info {
  grid-area: 1 / 2 / 2 / 3;
}

#veranstaltungInfo .weitere-info {
  grid-area: 2 / 1 / 3 / 3;
}

#veranstaltungInfo .weitere-info *:last-child {
  margin-bottom: 0.25em;
}

#veranstaltungInfo .beschreibung-area {
  grid-area: 3 / 1 / 4 / 3;
  overflow-y: auto;
}

#veranstaltungInfo .beschreibung-area > h3:first-child {
  margin-top: 0;
}