.row-eq-height {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex; /* Safari */
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;  /* Safari 6.1+ */
    flex-flow: row wrap;
}

.search-block {
    background: #FFFFFF;
    padding: 2em 4em;
    position: static;
}

.search-block > form > div > div,
.search-block > form > div > div > div {
    position: static;
}

.search-block label,
.tab-navigation-content {
    color: #757574;
    font-weight: normal;
    font-size: 0.9em;
}

.search-block .erw-buttons .searchagent-icon {
    margin-right: 10px;
    margin-bottom: 3px;
}
#search_form .searchagent-icon {
    margin-bottom: 9px;
}

.search-block label {
    color: #000000;
}

.input-wrapper-search {
    position: relative;
}

.search-block .input-group-addon, .input-group-btn {
    vertical-align: top;
}

.btn-search-options-main,
.search-block button.btn[type="submit"] {
    background-color: #2056AE;
    color: #FFFFFF;
    font-size: 1.6rem;
}
.search-block .form-control,
.search-block #ausbildungsbereichDropdown,
.search-block #artDropdown,
.search-block #standortDropdown {
    height: 48px;
}
.search-block input:not(:focus) {;
    box-shadow: none;
}
.search-block .input-group-addon {
    border: none !important;
}
.search-block .price-categories-row-label {
    margin-right: 0 !important;
    max-width: fit-content;
}
.search-block .price-categories {
    margin-right: 0 !important;
}
@media screen and (max-width: 540px) {
    .search-block .price-categories > div {
        width: 40%;
        min-width: 25px;
    }
}
@media screen and (min-width: 768px) {
    .search-block button.btn[type="submit"] {
        background-color: #F6C03E;
        color: #000000;
    }
}

@media screen and (min-width: 1200px) {
    .search-block button.btn[type="submit"] {
        height: 42px;
        padding: 0 1.9em 0 1.2em;
    }
}

.dark-blue-bg {
    background-color: #19448B;
}

.btn-search-options-main:hover,
.search-block button.btn[type="submit"]:hover {
    background-color: #19448B;
    color: #FFFFFF;
}

.search-block button.btn[type="submit"] span.fa-search {
    font-size: 1.7em;
}

.search-block button.btn[type="submit"]:hover span.fa-search {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);

    -webkit-transition: all 0.1s 0s;
    -moz-transition: all 0.1s 0s;
    -o-transition: all 0.1s 0s;
    transition: all 0.1s 0s;

    transform-origin: center;
    -webkit-transform-origin: center;
}

.search-block button.btn[type="submit"]::after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 10px;
    height: 60%;
    width: 2px;
    background-color: rgba(255, 255, 255, 0.3);
}
.suchagent.search-block {
    padding: 1.2em 1.2em;
}
.suchagent.search-block button.btn[type="submit"]::after {
    content: none;
}

#search_form .hidden-xs i.fa-sliders,
#search_form .hidden-xs i.fa-compress {
    margin-right: 7px;
}

.search-block button.btn[type="submit"] {
    vertical-align: top;
    height: 48px;
    border: none;
    border-radius: 0 !important;
    padding: 0 1.4em 0 1em;
}

.search-block #wunsch_beruf,
.search-block #q,
.search-block .btn-primary {
    margin-bottom: 5px;
}

input#wunsch_beruf,
input#wunsch_ausbildung,
input#q {
    position: relative;
    margin: 0 auto;
    padding-left: 30px;
    padding-right: 35px;
    background-color: #EEEEEE;
    border: none;
    color: #1f1f1f;
    font-size: 1.2em
}

input#wunsch_beruf {
    border: 1px solid #797979;
}

@media screen and (min-width: 360px){
    input#wunsch_beruf {
        width: 230px;
    }
}

@media screen and (min-width: 768px){
    input#wunsch_beruf {
        width: 350px;
    }
    .suchagent.search-block {
        padding: 2em 4em;
    }
}

.search-block .form-inputs .row > div label,
.tab-navigation-content .form-inputs > div label,
.form-lexikon-beruf > div label {
    font-weight: 600;
}

.search-block .form-inputs .schule label,
.tab-navigation-content .form-inputs .schule label,
.form-lexikon-beruf .schule label {
    color: #004a99 !important;
}

input[type=checkbox] {
    position: absolute; opacity: 0;
}

.search-block .form-inputs .lehre label,
.tab-navigation-content .form-inputs .lehre label,
.form-lexikon-beruf .lehre label {
    color: #C14C1A !important;
}

input[type=checkbox] + label,
input.input-radio[type=radio] + label {
    color: #020202;
}

input[type=checkbox] + label span.fa,
input.input-radio[type=radio] + label span.fa {
    display: inline-block;
    margin-left: 5px;
    margin-right: 25px;
}

input#wunsch_ausbildung + span,
input#wunsch_beruf + span,
input#q + span {
    font-size: 1.6em;
    position: absolute;
    right: 12px;
    top: 14px;
    z-index: 100;
    display: none;
}

input[type=checkbox] + label > span,
input.input-radio[type=radio] + label > span {
    display: inline-block;
    padding-top: 1px;
    max-width: 100%;
}

.search-block .form-inputs .sonstige label,
.tab-navigation-content .form-inputs .sonstige label,
.search-block .form-inputs .sonstige1 label,
.tab-navigation-content .form-inputs .sonstige1 label,
.search-block .form-inputs .sonstige2 label,
.tab-navigation-content .form-inputs .sonstige2 label,
.form-lexikon-beruf .sonstige1 label,
.form-lexikon-beruf .sonstige2 label {
    color: #275A37 !important;
}

.search-block .form-inputs .uni label,
.tab-navigation-content .form-inputs .uni label,
.form-lexikon-beruf .uni label {
    color: #A80014 !important;
}

@media screen and (min-width: 1400px) {
    .search-block button.btn[type="submit"] {
        height: 48px;
        padding: 0 2.1em 0 1.6em;
    }
}

@media screen and (min-width: 768px) {
    .search-container,
    .searchagent-container {
        display: block;
        position: relative;
        margin-top: -2em;
        -moz-box-shadow:    0 0 30px 7px rgba(0, 0, 0, .1);
        -webkit-box-shadow: 0 0 30px 7px rgba(0, 0, 0, .1);
        box-shadow:         0 0 30px 7px rgba(0, 0, 0, .1);
    }
}

@media screen and (min-width: 320px) {
    .form-inputs {
        margin-top: 0.5em;
        font-size: 1.1em;
    }
}

@media screen and (min-width: 767px) {
    .form-inputs {
        margin-top: 1.5em;
    }
}

.search-block .form-inputs .row > div > div,
.tab-navigation-content .form-inputs > div,
.form-lexikon-beruf > div {
    white-space: nowrap;
    display: inline-block;
}

.erweiterte-suche {
    display: none;
}
.suchagent.erweiterte-suche {
    display: block;
}

.tab-search-heading {
    display: block;
    margin-top: 20px;
    margin-bottom: 7px;
    font-weight: 600;
}

.erweiterte-suche .dropdown button {
    width: 100%;
    margin-bottom: 1em;
    text-align: left;
    background-color: #FFFFFF;
    padding: 1em 1em;
    border: 1px solid #151212;
    border-radius: 4px;
    font-family: 'Poppins', sans-serif;
}

.search-block .bereiche-counts,
.search-block .arten-counts,
.search-block .bildungstraeger-counts,
.search-block .bildungstraeger-counts,
.search-block .standort-aktuell {
    font-size: 0.8em;
    font-weight: normal;
}

.erweiterte-suche .dropdown span.caret {
    float: right;
    margin-top: 9px;
}

.content-expand .content {
    display: none;
    background-color: #EEEEEE;
    padding: .9em 1em 1em;
    margin-bottom: 1.5em;
}

.tab-navigation-content #bereiche,
.search-block .form-bereiche #bereiche,
.tab-navigation-content #arten,
.search-block .form-arten #arten,
.tab-navigation-content #bildungstraeger,
.search-block .form-bildungstraeger #bildungstraeger {
    list-style: none;
    margin: 0;
    padding: 0;
}

.tab-navigation-content #bereiche > li,
.search-block .form-bereiche #bereiche > li,
.tab-navigation-content #arten > li,
.search-block .form-arten #arten > li,
.tab-navigation-content #bildungstraeger > li,
.search-block .form-bildungstraeger #bildungstraeger > li {
    padding-top: 6px;
    padding-left: 6px;
    padding-right: 6px;
}

.search-block .form-bereiche #bereiche > li,
.search-block .form-arten #arten > li,
.search-block .form-bildungstraeger #bildungstraeger > li {
    padding-left: 0 !important;
}

.tab-navigation-content #bereiche li,
.search-block .form-bereiche #bereiche li,
.tab-navigation-content #arten li,
.search-block .form-arten #arten li,
.tab-navigation-content #bildungstraeger li,
.search-block .form-bildungstraeger #bildungstraeger li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.search-block .form-arten #arten > li label,
.search-block .form-bildungstraeger #bildungstraeger > li label {
    font-size: 1em !important;
    max-width: 100% !important;
    width: 100%;
    display: inline-block;
    cursor: pointer;
}

.search-block .form-arten #arten > li label span,
.search-block .form-bildungstraeger #bildungstraeger > li label span {
    margin-left: 4px;
    max-width: 100%;
    display: inline;
}

.search-block .form-bereiche #bereiche > li > a,
.search-block .form-bereiche #bereiche > li > ul > li > label,
.search-block .form-arten #arten > li > a,
.search-block .form-arten #arten > li > ul > li > label,
.search-block .form-bildungstraeger #bildungstraeger > li > a,
.search-block .form-bildungstraeger #bildungstraeger > li > ul > li > label {
    max-width: 80%;
    vertical-align: top;
}

.tab-navigation-content #bereiche > li > ul > li > label,
.search-block .form-bereiche #bereiche > li > ul > li > label,
.tab-navigation-content #arten > li > ul > li > label,
.search-block .form-arten #arten > li > ul > li > label,
.tab-navigation-content #bildungstraeger > li > ul > li > label,
.search-block .form-bildungstraeger #bildungstraeger > li > ul > li > label {
    font-weight: normal !important;
}

.tab-navigation-content #bereiche > li > a,
.search-block .form-bereiche #bereiche > li > a,
.tab-navigation-content #arten > li > a,
.search-block .form-arten #arten > li > a,
.tab-navigation-content #bildungstraeger > li > a,
.search-block .form-bildungstraeger #bildungstraeger > li > a {
    color: #333333;
    text-decoration: none;
    display: inline-block;
}
.search-block .row.form-inputs div {
    display: inline-block;
    margin-right: 1.2em;
    float: left;
}
@media screen and (min-width: 766px) and (max-width: 992px) {
    .show_all_courses_checkbox {
        margin-top: 15px;
    }
}
@media screen and (max-width: 768px) {
    .show_all_courses_checkbox {
        margin-bottom: 15px;
    }
}
@media screen and (min-width: 992px) {
    .show_all_courses_checkbox {
        margin-top: 0px;
    }
}