/* KALENDAR */

#termin .row1 {
    margin-right: 0;
    margin-left: 0;
}

.tabs {
    margin-bottom: 100px;
}

.tabs h3,
.calendar h3 {
    padding-top: 0px;
    margin-bottom: 0px;
    margin-bottom: 35px;
    border-left: 4px solid #FFCD00;
    padding-left: 10px;
}

.tabs h3::before {
    display: none;
}

.tabs h3 p {
    margin-bottom: 0px;
}

.tabs h3 p:first-child {
    font-size: 18px;
}

.tabs h3 p:last-child {
    font-size: 30px;
}

.calendar h3 p {
    margin-bottom: 0px;
}

.calendar h3 p:first-child {
    font-size: 18px;
}

.calendar h3 p:last-child {
    font-size: 30px;
}

.calendar h3::before {
    display: none;
}

.termine .phoneTermin .txt,
.termine label,
.text-uppercase,
.uberUns .uberUnsContent .geschichte ul li .date strong,
.ui-datepicker .ui-datepicker-title,
.ui-datepicker th {}

.termine input,
.termine select,
.termine textarea {
    background-color: #ebebeb;
    border: 1px solid silver;
    border-radius: 0;
    display: block;
    margin-bottom: 20px;
    width: 100%
}

.termine input:focus,
.termine select:focus,
.termine textarea:focus {
    outline: 0
}

.pageButton button {
    transition: all 0.3s;
    background-color: #ed1b24;
    color: #fff;
    display: block;
    font-size: 0.8125rem;
    font-weight: 400;
    outline: 0px none;
    padding: 0.8125rem 1.5625rem;
    text-align: center;
    border: none;
}

.pageButton button:hover {
    outline: 0;
    background-color: #333333;
    text-decoration: none;
}

.description {
    font-size: 0.9em;
    font-weight: 300;
    color: #38383b;
    padding-bottom: 43px;
}

@media (min-width: 480px) and (max-width: 768px) {
    #garage1 img {
        float: left;
    }
    .team {
        text-align: -webkit-center;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .servisi p {
        font-size: 0.925em;
    }
    .termine .wrapper {
        padding-top: 0px 15px 0px 15px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .description {
        padding-bottom: 10px;
    }
    .termine .phoneTermin img {
        width: 100%
    }
    .servisi p {
        font-size: 1.2em;
    }
}

#datepicker {
    margin-bottom: 1.25rem;
    position: relative
}

#datepicker:hover {
    background-color: #ed1b24;
}

.ui-datepicker-header {
    margin-top: 50px;
    margin-bottom: 1.25rem
}

.ui-datepicker-calendar {
    width: 100%
}

.ui-datepicker {
    background: #fff;
    width: 100%;
    padding: 0
}

.ui-datepicker td {
    border: 0
}

.ui-datepicker .ui-datepicker-title {
    font-size: 24px;
    margin: 0;
    text-align: left;
    font-weight: 900;
    color: #000;
    line-height: 1
}

.ui-datepicker .ui-datepicker-title .ui-datepicker-year {
    font-weight: 300
}

.ui-datepicker th {
    font-size: .8125rem;
    font-weight: 700;
    padding: .125rem 0;
    text-align: left;
    text-transform: uppercase;
}

.ui-datepicker-week-end.ui-datepicker-days-cell-over.ui-datepicker-unselectable.ui-state-disabled.ui-datepicker-current-day.ui-datepicker-today span,
.ui-datepicker-week-end.ui-datepicker-unselectable.ui-state-disabled.ui-datepicker-today span {
    background-color: #ffcc33!important;
    border-radius: 50%;
    color: #fff!important
}

.ui-datepicker td a,
.ui-datepicker td span {
    display: table-cell;
    width: 27px;
    height: 27px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    color: #272727;
    line-height: 1;
    font-size: 14px
}

.ui-state-focus,
.ui-state-hover,
.ui-widget-content .ui-state-focus,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-focus,
.ui-widget-header .ui-state-hover {
    border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    background-color: #e5e5e5;
    color: #000
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    border-radius: 50%;
    background-color: #cacaca;
    color: #000
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border-radius: 50%;
    background-color: #ed1b24;
    ;
    color: #fff
}

::placeholder,
body {
    color: #38383b
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none
}

.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
    position: absolute;
    top: 0rem;
    margin-top: 0;
    width: 1.25rem;
    height: 1.25rem
}

.ui-datepicker .ui-datepicker-next-hover,
.ui-datepicker .ui-datepicker-prev-hover {
    top: 0rem;
    margin-top: 0;
    cursor: pointer
}

.ui-datepicker .ui-datepicker-prev {
    left: auto;
    right: 1.875rem
}

.ui-datepicker .ui-datepicker-next {
    left: auto;
    right: 0
}

.ui-datepicker .ui-datepicker-next span,
.ui-datepicker .ui-datepicker-prev span {
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    display: block;
    width: 1.25rem;
    height: 1.25rem;
    position: absolute;
    left: 0;
    margin-left: 0;
    top: 0;
    margin-top: 0;
    background: url(../images/arrows.svg) no-repeat
}

.ui-datepicker .ui-datepicker-next span:hover,
.ui-datepicker .ui-datepicker-prev span:hover {
    background-color: #ed1b24;
}

.ui-datepicker .ui-datepicker-prev span {
    background-position: 0 0
}

.ui-datepicker .ui-datepicker-next span {
    background-position: -1.25rem 0
}

.ui-datepicker .ui-datepicker-prev-hover span {
    left: 0;
    background-color: #f8f8f8;
    background-position: 0 -1.25rem;
}

.ui-datepicker .ui-datepicker-next-hover span {
    right: 0;
    background-color: #f8f8f8;
    background-position: -1.25rem -1.25rem;
}

.ui-datepicker-header .ui-widget-header .ui-helper-clearfix .ui-corner-all {
    background-color: #ed1b24;
}

body,
html {
    height: 100%
}

html {
    -webkit-tap-highlight-color: transparent;
    font-size: 16px
}

.termine {
    padding-bottom: 60px;
    position: relative
}

.termine .wrapper {
    background-color: transparent;
    padding: 3.75rem .9375rem 1.5625rem
}
@media only screen and (max-width: 991px) {
    .termine .wrapper {
        padding: 0px 15px 0px 15px;
    }
    .phoneTermin img {
        margin-top: 30px!important;
        margin: 0 auto;
    }
}
@media only screen and (max-width: 767px) {
    .termine {
        padding-bottom: 30px;
    }
}
.termine .wrapper:after,
.termine .wrapper:before {
    content: " ";
    display: table
}

@media only screen and (min-width: 62em) {
    .termine .wrapper {
        margin: 0px 0px;
        padding: 0rem 0 1.5625rem
    }
    .termine .ui-datepicker .ui-datepicker-title {
        font-size: 1.125rem
    }
}

@media only screen and (min-width: 75em) {
    .termine .ui-datepicker .ui-datepicker-title {
        font-size: 1.5625rem;
        color: #ed1b24;
        font-size: 20px;
        text-transform: uppercase;
    }
}

.termine .ui-datepicker-header {
    margin-top: 20px;
    font-size: 20px;
}

.termine .newsPromotion {
    padding-top: 0px;
    margin-top: 70px;
    margin-bottom: 0px;
}

.termine label {
    font-weight: 400;
    margin-bottom: 10px
}

@media only screen and (min-width: 62em) {
    .termine label {
        font-size: .8125rem
    }
}

@media only screen and (min-width: 75em) {
    .termine label {
        font-size: 16px;
        font-weight: 300;
        text-transform: uppercase;
        color: #333333;
    }
}

.termine label span {
    color: #ed1b24;
}

.termine label i {
    font-style: normal;
    font-weight: 300
}

.termine input {
    padding: 5px .625rem;
}

.termine select {
    -webkit-border-radius: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: url(../images/dropArrow.svg) 100% -4px no-repeat #ebebec;
    border-radius: 0;
    padding: 3px 1.875rem 3px .625rem
}

.termine textarea {
    background-color: #ebebeb;
    font-size: .875rem;
    height: 6.6rem;
    padding: .25rem .625rem;
    resize: none
}

.termine button {
    background-color: #ed1b24;
    border: none;
    color: #fff;
    display: inline-block;
    padding: .3125rem 0;
    text-align: center;
    width: 100%
}

.termine button:hover {
    background-color: #ed1b24;
    outline: 0
}

.termine button:focus {
    outline: 0
}

.termine p {
    font-size: 14px;
    font-weight: 300
}

@media only screen and (min-width: 62em) {
    .termine form {
        width: 80%;
        display: block;
        float: left
    }
    .termine form:after,
    .termine form:before {
        content: " ";
        display: table
    }
    .termine form:after {
        clear: both
    }
    .termine .block {
        width: 33.33333%;
        display: block;
        float: left;
        padding-left: 0px;
        padding-right: .9375rem
    }
}

.termine .block .pageButton button {
    padding: 10px;
    font-size: 18px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .termine .block .pageButton button::after {
        margin: -1.125rem 0px 0px 0.775rem;
    }
}

.termine .block label.last {
    margin-top: 40px;
}

.termine .block h4 {
    background-color: #333333;
    color: #fff;
    margin: 0;
    padding: .6375rem .9375rem;
    font-weight: 400;
}

.termine .block .wrap {
    border: 1px solid #e2e2e2;
    background-color: white;
    padding: 10px;
}

.articles .termine .block .wrap {
    display: block;
    text-align: center;
}


.termine .block .time {
    margin: 0 -.9375rem;
    overflow: hidden;
}

.termine .block .time:after,
.termine .block .time:before {
    content: " ";
    display: table
}

.termine .block .time .hours,
.termine .block .time .minutes {
    width: 50%;
    display: block;
    float: left;
    padding-left: .9375rem;
    padding-right: .9375rem
}

.termine .block .time p {
    color: #ed1b24;
    margin: 0;
    margin-bottom: 10px;
}

.termine .bottomText {
    color: #626262;
    font-size: 12px;
    margin-top: 25px;
}

.termine .bottomText span {}

@media only screen and (min-width: 62em) {
    .termine .phoneTermin {
        width: 20%;
        display: block;
        float: left;
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media only screen and (max-width: 768px) {
    .termine .phoneTermin img {
        margin: 0 auto;
    }
}

.ivice {}

@media only screen and (min-width: 1200px) {
    .ivice {}
    #garage1 img {
        padding-left: 15px;
    }
}

.termine .phoneTermin .txt {
    background-color: #ffcd00;
    color: #333;
    padding: 0.8rem .9375rem;
    position: relative;
    text-align: center;
    margin-top: -70px;
}

.termine .phoneTermin .txt .holder {
    font-size: 15px;
    margin-top: 24px;
}

.termine .phoneTermin .txt .holder p {
    margin-bottom: 0px;
    font-size: 15px;
}

.termine .phoneTermin .txt .holder span {
    font-weight: 800;
}

.termine .phoneTermin .txt .txtHolder p {
    font-size: 22px;
    margin-bottom: 0px;
    font-weight: 800;
    text-transform: uppercase;
}

.termine .phoneTermin .txt .txtHolder span {
    font-size: 18px;
    font-weight: 600;
}

.termine .phoneTermin .txt .txtHolder hr {
    margin-top: 6px;
    margin-bottom: 6px;
    border-top: 1px solid #c19e0f;
}

.termine .phoneTermin .txt i {
    background-color: #ffcd00;
    box-shadow: 0 0 0 .625rem #ffcd00;
    border-radius: 50%;
    display: block;
    height: 2.5rem;
    left: 50%;
    margin-left: -1.25rem;
    position: absolute;
    top: -1.25rem;
    width: 2.5rem
}

.termine .phoneTermin .txt strong {
    display: block;
    font-size: 1.5rem
}


/*END CALENDAR*/