/*
 * Font Settings
 */
/* set base values */
/* type scale */
/* Farben */
/*
  * Example media queries
  *
  * max-width
  * @include breakpoint(500)
  * @media screen and (max-width: 500px)
  *
  * min-width
  * @include breakpoint(500, min)
  * @media screen and (min-width: 500px)
  *
  * min-width and max-width
  * @include breakpoint(470 500)
  * @media screen and (min-width: 470px) and (max-width: 500px)
  */
/*
  * Including retina images
  * Based on https://gist.github.com/twe4ked/1432554
  * 
  * How to use (without @content)
  * @include background-image-retina('$file', '$type', $width, $height);
  *
  * How to use (with @content)
  * @include background-image-retina('$file', '$type', $width, $height) {
  *   background-color:transparent;
  * };
  * 
  * Real life example
  * @include background-image-retina('logo', 'png', 50px, 50px);
  */
/*
 * Font Settings
 */
/* set base values */
/* type scale */
/* Farben */
/*
  * Convert absolute font sizes to rem with px fallback
  * 
  * How to use
  * @include adjust-font-size-to-rem($font-size, [$line-height]);
  */
.calendar {
  width: 100%;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc; }
  .calendar .head {
    padding-top: 4px;
    padding-bottom: 5px;
    text-align: center;
    background-color: #f6f6f6;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc; }
  .calendar .current {
    background-color: #ffc; }
  .calendar .label {
    padding-top: 3px;
    padding-bottom: 4px;
    text-align: center;
    background-color: #bbb;
    border-right: 1px solid #ccc;
    font-weight: bold;
    color: #fff;
    border-bottom: 1px solid #ccc; }
  .calendar td {
    width: 14%;
    height: 72px;
    padding: 1px;
    vertical-align: top;
    background-color: #fff;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc; }
    .calendar td.weekend {
      background-color: #f6f6f6; }
    .calendar td.today {
      background-color: #ffc; }
    .calendar td .header {
      padding-bottom: 2px;
      background-color: #e0e0e0;
      font-size: 11px; }
    .calendar td .event a {
      color: #8a02268c; }
  .calendar .empty,
  .calendar .empty .header {
    background-color: #f6f6f6; }

.mod_calendar {
  margin-bottom: 1.5rem;
  font-weight: 400; }
  .mod_calendar h1 {
    margin-bottom: 0; }

/* Mini calendar */
.mod_calendar
.mod_calendar .rahmen {
  padding: 19px 22px;
  background-color: #f6f6f6; }

.minicalendar {
  font-size: 1.0rem;
  width: 100%; }
  .minicalendar td {
    width: 14%;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
    background-color: #eaeaea;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff; }
    .minicalendar td.today a {
      font-weight: bold;
      color: #8a02268c; }
    .minicalendar td.days:not(.empty) {
      background-color: rgba(2, 138, 9, 0.55); }
      .minicalendar td.days:not(.empty).active {
        background-color: #8a02268c; }
      .minicalendar td.days:not(.empty).today {
        background-color: #ffc; }
  .minicalendar td.col_last,
  .minicalendar th.col_last {
    border-right: 0; }
  .minicalendar .active a {
    color: #fff; }
  .minicalendar .label {
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
    background-color: #eaeaea;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    border-collapse: separate;
    color: #676767; }
  .minicalendar .head {
    padding-top: 3px;
    padding-bottom: 2px;
    text-align: center;
    background-color: #8a0226;
    border-top: 0;
    border-right: 2px solid #8a0226;
    border-bottom: 2px solid #8a0226;
    border-left: 0;
    border-collapse: separate;
    color: #fff; }
    .minicalendar .head.next {
      border-right: 0; }
    .minicalendar .head.previous a,
    .minicalendar .head.next a {
      color: #fff; }