@font-face {
  font-family: Oswald-Bold;
  src: url(/fonts/Oswald-Bold.ttf?4656077824d1c690c19b34532daaf887) format('truetype');
}
@font-face {
  font-family: Oswald-SemiBold;
  src: url(/fonts/Oswald-SemiBold.ttf?738b3e996f441a866924d02ad725b690) format('truetype');
}
@font-face {
  font-family: Oswald-Medium;
  src: url(/fonts/Oswald-Medium.ttf?3aaa5378cda7cc5884a9d9fd7736b0a4) format('truetype');
}
@font-face {
  font-family: Oswald-Regular;
  src: url(/fonts/Oswald-Regular.ttf?7460aaf583642ad42ea88c07d8481349) format('truetype');
}
@font-face {
  font-family: 'Inconsolata-Regular';
  src: url(/fonts/Inconsolata-Regular.ttf?9ac6e3d2a7fb76468bd417ea40b6f8c4) format('truetype');
}
@font-face {
  font-family: 'Inconsolata-Bold';
  src: url(/fonts/Inconsolata-Bold.ttf?819f56653a4197a7959c41ddfc8ff69b) format('truetype');
}
/* Allgemein
-------------------------------------------------*/
#mainContentContainer {
  margin-top: 50px;
}
.pinguindropdown {
  width: 100%;
  margin-bottom: 1rem;
}
.monospace {
  font-family: "Inconsolata-Regular";
}
/* Navigation
-------------------------------------------------*/
a.toggleView {
  color: black;
  text-decoration: none;
}
@media (min-device-width: 992px) {
  a.toggleView {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.toggleGrey {
  color: lightgrey;
}
/* Termin
-------------------------------------------------*/
.termin-hidden-box {
  padding: 10px 10px;
  margin-top: 5px;
  background-color: #a5ffd6;
  background-color: #a8dadc;
  background-color: #84dcc6;
  background-color: #8fdfcb;
  background-color: #a5e5d5;
  background-color: #b0e8da;
  background-color: #bbebdf;
  background-color: #c7efe5;
  background-color: #d2f2ea;
  background-color: #f1faee;
  background-color: #9ae2d0;
  background-color: #ffca33;
  background-color: #ddf5ef;
}
#beginnZeitCol .form-group {
  width: 100%;
}
#beginnZeit {
  width: 100%;
}
#endeZeitCol .form-group {
  width: 100%;
}
#endeZeit {
  width: 100%;
}
.hiddenbox-container {
  padding-left: 10px;
}
.hiddenbox-container a {
  color: grey;
  font-style: italic;
  word-break: break-all;
}
#pushHelpBox {
  padding: 10px;
  margin-bottom: 10px;
  background-color: #ddf5ef;
}
#pushHelpBox .headline {
  text-decoration: underline;
}
#pushHelpBox .betonung {
  color: red;
}
#pushHelpBox .monospace {
  font-family: monospace;
}
#pushHelpBox .helpborder {
  border: 1px solid black;
  padding: 5px;
}
/* Serial Appointments
-------------------------------------------------*/
a.serial-appointment {
  color: #737373;
}
a.serial-appointment.active {
  color: black !important;
}
/* Tags / Kalenderansicht
-------------------------------------------------*/
.tagColorBox {
  width: 100%;
  height: 30px;
}
.tagBullet {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  display: inline-block;
}
@media only screen and (min-width: 768px) {
  .tagBulletSmall {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .tagBulletSmall {
    width: 100%;
    height: 7px;
    display: block;
  }
}
@media only screen and (min-width: 768px) {
  .tagBulletBig {
    width: 12px;
    height: 12px;
    border-radius: 6px;
    display: inline-block;
  }
}
@media only screen and (max-width: 767px) {
  .tagBulletBig {
    display: none !important;
  }
}
.calCol {
  padding-left: 1px;
  padding-right: 1px;
  text-align: center;
}
.oben {
  font-weight: bold;
}
.obenKw {
  font-family: Oswald-Regular;
}
.untenKw {
  font-family: Oswald-Regular;
  font-size: 24px;
  padding-top: 13px;
  padding-top: 4px;
  display: block;
  color: lightgrey;
}
a.calCreateTerminLink {
  color: black;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
}
.currentDay {
  text-decoration: underline;
}
/* Termin Liste Day By Day
-------------------------------------------------*/
div.day-by-day {
  padding-top: 15px;
  padding-bottom: 10px;
  margin-top: 15px;
  font-weight: bold;
  font-size: 20px;
  border-top: 1px solid black;
  text-align: center;
}
.dbd-termin-box {
  position: relative;
  width: 100%;
  margin-bottom: 1px;
}
.dbd-titel-n-ganztaegig {
  position: relative;
  left: 0;
  top: 0;
  z-index: 2;
  text-shadow: -1px -1px 1px #fff, 1px 1px 1px #fff, -1px 1px 1px #fff, 1px -1px 1px #fff;
}
.dbd-balken-n-ganztaegig {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.termin-querbalken {
  height: 24px;
  display: block;
}
.termin-querbalken-klein {
  height: 5px;
  display: block;
}
/* Reminder
-------------------------------------------------*/
.activeSquare {
  width: 12px;
  height: 12px;
  display: inline-block;
  background-image: linear-gradient(to right, #22682b, #81d58c);
  background-image: linear-gradient(to bottom, #5bc868, #2f8e3b);
}
.inactiveSquare {
  width: 12px;
  height: 12px;
  display: inline-block;
  background-image: linear-gradient(to right, #7f0b22, #f16581);
  background-image: linear-gradient(to bottom, #ed365b, #ad102f);
}