.beranet-calendar .calendar-table { margin: 10px 0px; }

.beranet-calendar .calendar-table .table-row:nth-child(even) { background: #fff; }
.beranet-calendar .calendar-table .table-row:nth-child(odd) { background: #fbfbfb; }
.beranet-calendar .calendar-table .table-row.options-row { background: #d7007f; border-top-left-radius: 5px; border-top-right-radius: 5px; }

.beranet-calendar .calendar-table .table-row {border-left: 2px solid #d7007f; border-right: 2px solid #d7007f;}

.beranet-calendar .calendar-table .table-row:first-child > div { border-top: none; border-bottom: 0 none;}
.beranet-calendar .calendar-table .table-row:last-child { border-bottom: 2px solid #d7007f; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }

.beranet-calendar .calendar-table .table-row > div {
    padding: 10px 0;
    border: 1px solid #c9c9c9;
    box-sizing: border-box;
    margin-left: -1px;
    margin-top: -1px;
}
.beranet-calendar .calendar-table .table-row > div:first-child { border-left: 0px; margin-left: 0px; }
.beranet-calendar .calendar-table .table-row > div:last-child { border-right: 0px; }
.beranet-calendar .calendar-table .table-row:last-child > div { border-bottom: 0px; }

.beranet-calendar .calendar-table .table-row:first-child > div:first-child { border-top-left-radius: 5px; }
.beranet-calendar .calendar-table .table-row:first-child > div:last-child { border-top-right-radius: 5px; }
.beranet-calendar .calendar-table .table-row:last-child > div:first-child { border-bottom-left-radius: 5px; }
.beranet-calendar .calendar-table .table-row:last-child > div:last-child { border-bottom-right-radius: 5px; }

.beranet-calendar .calendar-week { float: left; width: 17.1%; text-align: center; font-size: 1em; }
.beranet-calendar .calendar-day { float: left; width: 12%; text-align: center; font-size: 1em;}
.beranet-calendar .calendar-hour { float: left; width: 12.6%; text-align: center; font-size: 1em;}
.beranet-calendar .calendar-option { float: left; width: 33%; font-size: 1em;}

.beranet-calendar .calendar-table .calendar-option.pref-month { text-align: left; border-right:0; border-left:0; }
.beranet-calendar .calendar-table .calendar-option.pref-month a { color: black; text-shadow: none; padding-left: 10px; }
.beranet-calendar .calendar-table .calendar-option.pref-month a:hover { font-weight: bold; }
.beranet-calendar .calendar-table .calendar-option.this-month { text-align: center; border-right: 0; border-left:0; }
.beranet-calendar .calendar-table .calendar-option.this-month span { color: black; font-weight: bold; text-shadow: none; font-size: 1.2em; }
.beranet-calendar .calendar-table .calendar-option.next-month { text-align: right; border-left:0; }
.beranet-calendar .calendar-table .calendar-option.next-month a { color: black; text-shadow: none;  padding-right: 10px; }
.beranet-calendar .calendar-table .calendar-option.next-month a:hover { font-weight: bold; }


.beranet-calendar .calendar-table span.popup-trigger { color: #000; }

.beranet-calendar .calendar-table .calendar-label { font-weight: bold; color: #9b9b9b; }
.beranet-calendar .calendar-table .calendar-week.calendar-label { font-weight: normal; }

.beranet-calendar .termin { /* background: #d9d9d9; */ }
.beranet-calendar .termin.expired { background: #ddd; }

.beranet-calendar .calendar-table .table-row .calendar-hour.termin { padding: 0; border: none; }
.beranet-calendar .calendar-hour a { display: inline-block; }
.beranet-calendar .calendar-hour.expired span { font-size: 80%; font-weight: bold; display: inline-block; line-height: 125%; }

.beranet-calendar .calendar-day { position: relative; }
.beranet-calendar .calendar-day.termin .popup-trigger { background: #d9d9d9; margin: -10px 0; padding: 10px 0; font-weight: normal; text-shadow: none; text-decoration: none; width:100%;  }
.beranet-calendar .calendar-day .popup-wrapper { padding: 5px 0; width: 100%; position: absolute; z-index: 1; }
.beranet-calendar .calendar-day .popup-trigger { cursor: pointer; display: block;  }
.beranet-calendar .calendar-day.calendar-today span.popup-trigger:hover,
.beranet-calendar .calendar-day.calendar-today span.popup-trigger:focus,
.beranet-calendar .calendar-day .popup-trigger:hover,
.beranet-calendar .calendar-day .popup-trigger:focus { background: #d7007f; color: #000; margin: -10px 0; padding: 10px 0; font-weight: normal; text-shadow: none; text-decoration: none; width:100% }
.beranet-calendar .calendar-day .popup { width: 250px; margin-top: 5px; padding-top: 3px;}
.beranet-calendar .calendar-day .popup ul { padding: 0; margin: 7px; }
.beranet-calendar .calendar-day .popup ul li { list-style:none; background-position: -90px -618px; padding-left: 0.4em; font-size:1em; }
.beranet-calendar .calendar-day .popup ul li a { font-weight: bold; display: block; margin-bottom:10px; }
.beranet-calendar .calendar-day .popup ul li a:hover { font-size:1.1em; }
.beranet-calendar .calendar-day .popup-inner { border: 1px solid #d0d0d0; .reset-filter(); background: #fff; padding: 10px; }
.beranet-calendar .calendar-day .popup .popup-connector { border-bottom-color: #d0d0d0; }
.beranet-calendar .calendar-day .popup .popup-connector span { border-bottom-color: #fff; }

.beranet-calendar .calendar-hour.termin.half-hour {
    position: relative;
}

.beranet-calendar .half-hour a {
    position: relative;
    top: 22px;
}

.beranet-calendar .calendar-hour a {
    width: 100%;
    background: #D9D9D9 none repeat scroll 0% 0%;
    padding: 0;
}

.beranet-calendar .calendar-hour a:hover {
    background: #d7007f none repeat scroll 0% 0%;
    color: #000000;
}

.beranet-calendar .legend-value.termin {

    background: none repeat scroll 0 0 #d9d9d9;
}


.beranet-calendar .calendar-day.calendar-today.termin .popup-trigger {
  /*  background: #d7007f; /* Old browsers */
 /*   background: -moz-linear-gradient(-45deg,  #d7007f 0%, #d7007f 75%, #d9d9d9 76%, #d9d9d9 100%); /* FF3.6+ */
 /*  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#d7007f), color-stop(75%,#d7007f), color-stop(76%,#d9d9d9), color-stop(100%,#d9d9d9)); /* Chrome,Safari4+ */
 /*  background: -webkit-linear-gradient(-45deg,  #d7007f 0%,#d7007f 75%,#d9d9d9 76%,#d9d9d9 100%); /* Chrome10+,Safari5.1+ */
 /*  background: -o-linear-gradient(-45deg,  #d7007f 0%,#d7007f 75%,#d9d9d9 76%,#d9d9d9 100%); /* Opera 11.10+ */
 /*  background: -ms-linear-gradient(-45deg,  #d7007f 0%,#d7007f 75%,#d9d9d9 76%,#d9d9d9 100%); /* IE10+ */
 /* background: linear-gradient(135deg,  #d7007f 0%,#d7007f 75%,#d9d9d9 76%,#d9d9d9 100%); /* W3C */
 /*   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7007f', endColorstr='#d9d9d9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    width: 100%;
    box-shadow: inset 0 0 0 5px #d7007f;
}


.beranet-calendar .calendar-day span.popup-trigger:hover,
.beranet-calendar .calendar-day span.popup-trigger:focus {
    background: unset;
    color: inherit;
}

.beranet-calendar .calendar-day span.popup-trigger { cursor: default;}
.beranet-calendar .calendar-day.calendar-inaktive span.popup-trigger,
.beranet-calendar .calendar-day.calendar-inaktive a.popup-trigger { color: #9b9b9b; }

.beranet-calendar .calendar-table .calendar-past { background-color: unset; }
.beranet-calendar .calendar-table .calendar-past .popup-trigger { color: #9b9b9b; }


.beranet-calendar .legend-value.calendar-today {
    background: #d7007f;
    color: #fff;
}

.beranet-calendar .legend-value.calendar-today.termin {
    box-shadow: inset 0 0 0 5px #d7007f;
    background: #d9d9d9;
}

.beranet-calendar .legend-value {
    border: 1px solid #ccc;
    text-align: center;

}

.beranet-container.calendar-legend {
    font-size: 1.14em;
    padding: 12px;
}


/* smartphone-styles*/

@media only screen and (max-device-width: 568px) {
    .beranet-calendar .calendar-week {
        width: 10%;
    }
}


    /* tabel bariefrei */


    .beranet-calendar .monthcalendar a,
    .beranet-calendar .weekcalendar a {
        text-decoration: underline;
        color: #d7007f;
    }

    .beranet-calendar .calendar-table .calendar-label {
        color: #444;
    }

    .beranet-calendar .calendar-day.calendar-inaktive a.popup-trigger:hover,
    .beranet-calendar .calendar-day.calendar-inaktive a.popup-trigger:focus  {
        color: #fff;
    }

    .beranet-calendar .calendar-day.calendar-inaktive a.popup-trigger {
        color: #676B6D;
    }

    .beranet-calendar .calendar-table .calendar-week.calendar-label {
        word-wrap: break-word;
    }

    .beranet-calendar .calendar-day span.popup-trigger:hover,
    .beranet-calendar .calendar-day span.popup-trigger:focus {
        color: unset;
    }

    .beranet-calendar abbr[title] {
        border: none;
    }

    .beranet-calendar .calendar-day a.popup-trigger {
        text-decoration: underline!important;
    }


    .beranet-calendar .calendar-table .calendar-past .popup-trigger {
        color: #444;
        width: 100%;
    }

.beranet-calendar .calendar-day.calendar-inaktive span.popup-trigger {
    color: #aaaaaa;
    width: 100%;
}

.beranet-calendar .calendar-day.calendar-inaktive a.popup-trigger {
    color: #ffffff;
    width: 100%;
}

    .beranet-calendar .monthcalendar .button,
    .beranet-calendar .weekcalendar .button {
        background-color: #d7007f;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
        color: #fff;
        cursor: pointer;
        display: inline-block;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.42857;
        margin-bottom: 0;
        padding: 6px 12px;
        text-align: center;
        vertical-align: middle;
        white-space: nowrap;
        text-shadow: none;
        box-shadow: none;
        font-family: BundesSerifWeb, arial;
    }

    .beranet-calendar .calendar-table .table-row.options-row {
        padding: 0px 0;
    }

    .beranet-calendar .calendar-option.pref-month > a,
    .beranet-calendar .calendar-option.next-month > a,
    .beranet-calendar .calendar-option.this-month {
        color: #000000;
    }

    .beranet-calendar .legend-value.calendar-today {
        width: 50px;
        min-height: 30px;
    }

    .beranet-calendar .legend-value.termin {
        width: 50px;
        min-height: 30px;
    }

    .beranet-calendar a {
        text-decoration: underline;
    }

    .beranet-calendar a.beranet-btn-primary {
        text-decoration: none;
    }

    .beranet-calendar .button {
        text-decoration: none;
    }

    .table-row.options-row.clearfix > div {
        width: 33% !important;
    }

    .beranet-calendar.woche .calendar-table .table-row > div {
        padding: 11.5px 0;
    }

    .beranet-calendar.woche .calendar-table .row-empty > div {
        padding: 5px 0;
    }

    .beranet-calendar.woche .calendar-hour {
        width: 12.7%;
    }

    .beranet-calendar.woche .calendar-day.calendar-label {
        word-wrap: break-word;
    }

    .beranet-calendar .section-button {
        float: right;
    }

    /* responsive-styles*/


    @media (min-width: 767px) and (max-width: 991px) {
        .beranet-calendar.woche .calendar-hour.calendar-label {
           /* height: 47px; */
        }

        .beranet-calendar.woche .calendar-hour {
            width: 12.5%;
        }
        .beranet-calendar .calendar-week {
            width: 16.8%;
        }
    }


    @media (max-width: 767px) {
        .beranet-calendar .calendar-week {
            width: 13.5%;
        }
        .beranet-calendar .calendar-day {
            width: 12.5%;
        }
        .beranet-calendar .calendar-hour {
            width: 12.2%;
        }
    }

    @media (max-width: 767px) {
        .beranet-calendar.woche .calendar-hour {
            width: 12.6%;
            font-size: 90%;
        }
    }


    @media (max-width: 588px) {
        .beranet-calendar.woche .calendar-hour.calendar-label {
            height: 47px;
        }
        .beranet-calendar.woche .calendar-hour {
            height: 95px;
        }
        .beranet-calendar.woche .calendar-day.calendar-label {
            height: 95px;
        }
    }

    @media (max-width: 507px) {
        .beranet-calendar .calendar-day {
            width: 12.5%;
        }
        .beranet-calendar .calendar-day .popup-trigger {
            padding: 0;
            padding-botom: 12px;
        }
        .beranet-calendar .calendar-table .calendar-week.calendar-label {
            padding:6px 0;
        }
        .beranet-calendar.woche .calendar-hour.calendar-label {
            height: 60px;
        }
        .beranet-calendar.woche .calendar-day {
            height: 60px;
        }

    }

    @media (max-width: 478px) {
        .beranet-calendar .weekcalendar .calendar-table .table-row > div {
            height: 60px;
            word-wrap: break-word;
        }
        .beranet-calendar .calendar-table .table-row .calendar-hour.termin {
            padding: 6px 0;
        }
    }


    @media (max-width: 478px) {
        .beranet-calendar .calendar-hour {
            width: 12%;
        }
        .beranet-calendar .calendar-hour.termin.half-hour {
            top: 36px;
        }
    }

    @media (max-width: 420px) {
        .beranet-calendar .calendar-day.calendar-today span.popup-trigger:hover,
        .beranet-calendar .calendar-day.calendar-today span.popup-trigger:focus,
        .beranet-calendar .calendar-day .popup-trigger:hover,
        .beranet-calendar .calendar-day .popup-trigger:focus {
            padding: 17.5px 0;
        }
        .beranet-calendar .calendar-table .calendar-past .popup-trigger,
        .beranet-calendar .calendar-table span.popup-trigger,
        .beranet-calendar .calendar-day .popup-trigger {
            padding: 11.5px 0;
        }
        .beranet-calendar .calendar-day.calendar-today span.popup-trigger:hover, .beranet-calendar .calendar-day.calendar-today span.popup-trigger:focus, .beranet-calendar .calendar-day.calendar-today .popup-trigger, .beranet-calendar .calendar-day .popup-trigger:hover, .beranet-calendar .calendar-day .popup-trigger:focus {
            padding: 17.5px 0;
        }

    }