/*
	author: tl | lurgenstein@digitalroyal.de
*/

@media only screen and (max-width: 1023px) {
    .chooseButton{
        display: table;
        min-height: 70px;
    }
    .themenHeader .col .chooseButton{
        min-height: 0;
    }
    /*.themenHeader .col.first .chooseButton{
        min-height: 146px;
    }*/
    .col3 .chooseButton{
        display: table;
        min-height: 70px;
    }
    .chooseButton p{
        display: table-cell;
        vertical-align: middle;
    }
}


@media only screen and (max-width: 850px) {

    .themenHeader .col .chooseButton{
        min-height: 70px;
    }
    .themenHeader .col.col_3 .chooseButton{
        min-height: 146px;
    }
    .themenHeader .col.col_2 .chooseButton{
        min-height: 146px;
    }
    .themenHeader .col.first .chooseButton{
        min-height: 146px;
    }

    .contentheader {
        margin-top: -150px;
    }

    .filialList .innerCenter .left,
    .beraterList .innerCenter .left{
        float:none;
    }
        .filialList .icon_map,
        .beraterList .icon_map{
            display:none;
        }
    .filialList .innerCenter .right,
    .beraterList .innerCenter .right{
        float:none;
    }

    .filialList .innerCenter .region .right{
        float:none;
        margin-top:10px;
    }

    .calendar .days .choose_day_on_berater{
        margin-top: -1px;
    }
    .calendar .days{
        width: 318px;
    }
    .calendar .days .day_page{
        width: 285px;
    }
    .calendar .day .bt_day{
        height: 58px;
        line-height: 58px;
    }
    .calendar .day .day_arrow{
        top: 82px;
    }
    .calendar .days .day_page .header .datum, .calendar .days .day_page .header .count{
        font-size:14px;
    }
    .calendar .days .day_page .inner .headline{
        font-size:13px;
    }

    .desc{
        width: calc(100% - 318px - 70px);
    }
    .desc_week_legende{
        width: calc(100% - 318px - 70px);
    }

    .desc .slot .cont_right{
        clear: both;
        float: none;
    }

    .desc .slot .cont_right .cal{
        clear: none;
        float: left;
        text-align: left;
        margin: 12px 0 0 12px;
    }

}

@media only screen and (max-width: 768px) {

    .themenHeader .col .chooseButton{
        min-height: 77px;
    }
    .themenHeader .col.col_3 .chooseButton{
        min-height: 160px;
    }
    .themenHeader .col.col_2 .chooseButton{
        min-height: 160px;
    }
    .themenHeader .col.first .chooseButton{
        min-height: 160px;
    }

    .calendar .days .choose_day_on_berater{
        margin-top: 24px;
    }
    .calendar .days{
        width: 318px;
        padding-left: 20px;
    }
    .calendar .days .day_page{
        width: 295px;
    }
    .desc{
        padding-right: 20px;
        width: calc(100% - 318px - 40px);
    }
    .desc_week_legende{
        padding-right: 20px;
        width: calc(100% - 318px - 40px);
    }

    .desc_week_legende .week{
        float:none;
        text-align: left;
    }
    .desc_week_legende .calendarMonth{
        float:none;
        text-align: left;
    }

    .desc_week_legende .legende .label{
        display:none;
    }

    .calendar .slots .slot{
        font-size:19px;
    }

    .checkSlider .slider{
        float: left;
        clear: both;
    }

    .beratermatrix .entry{
        width: 123px;
        height: 167px;
    }
    .beratermatrix .entry .address{
        padding-top: 167px;
    }
    .beratermatrix .entry .name{
        max-width: 98px;
    }

}

@media only screen and (max-width: 720px) {
    #header #btMenu p{
        display:none;
    }

    .filialList .choose,
    .beraterList .choose{
        padding: 0 30px;
        /*max-width: 457px;*/
    }

    .col3 .chooseButton{
        min-height: 90px;
    }

        .desc_week_legende .legende .termin,
        .desc_week_legende .legende .no_termin{
            font-size:11px;
        }

    .desc .address .cont_left .label,
    .desc .slot .cont_left .label,
    .desc .berater .cont_left .label,
    .desc .dropdown_berater .label{
        font-size:13px;
    }
    .desc .address .cont_left .head,
    .desc .address .cont_left .gst,
    .desc .address .cont_left .street,
    .desc .address .cont_left .plz,
    .desc .slot .cont_left .date,
    .desc .slot .cont_left .time,
    .desc .berater .cont_left .salutation,
    .desc .berater .cont_left .name{
        font-size:15px;
    }
    .desc .berater .cont_right img{
        width:50px;
        height:auto;
    }
    .dropmenu .right .salutation{
        font-size:14px;
    }
    .dropmenu .right .name{
        font-size:16px;
    }
    .dropmenu .right{
        margin-top: 9px;
        margin-left: 7px;
        max-width: 117px;
    }
    .desc .dropdown_berater .counter{
        font-size:11px;
    }

    .calendar .thema .left{
        font-size: 14px;
    }
    .innerContent .box_checkbox{
        width: 49%;
        padding-left:10px;
        padding-right:10px;
    }
    .innerContent .options .right{
        padding-right: 10px;
    }



}