@CHARSET "ISO-8859-1";

/* Variablen für Grundlegende Farben etc */

:root {
  --maincolor: #414950;
  --colorWhite: #FFFFFF;
  --colorBlack: #000000;
  --colorWhiteGrey: #d9d9d9;
}


@media (max-width: 2000px) {
  .companyWrapper>.inputAndStar {
    width: 100%;
  }
}

@media (max-width: 1450px) {
  .right {
    padding-right: 7%;
  }
  .content_small {
    width: 80%;
  }
}

@media (max-width: 1400px) {
  .inputAndStarBig {
    width: 100%;
  }
  .placeholderDiv {
    width: 100%;
    height: 25px;
  }
  .placeholderHide {
    display: none;
  }
  .searchResults .dropdownselect, .searchResults .inputTextSmall {
    width: 23%;
  }
  .releaseWrapper .dateSelect {
    width: 70%;
  }
  input[type='radio']:after, input[type='radio']:checked:after {
    left: 6px;
  }

  .search {
    width: 350px;
  }
}

@media (max-width: 1250px) {
  .navbar, #head {
    padding-left: 110px;
    padding-right: 90px;
  }
  .content_small {
    width: 90%;
  }

}

@media ( max-width: 1199px) {
  .input_small {
    width: 50%;
  }
  .inputAndStarBig, .companyWrapper>.inputAndStar {
    width: 50%;
  }
  .placeholderDiv {
    width: 50%;
    height: 68px;
  }
  .companyWrapper .inputDiv {
    padding-left: 5px;
    padding-right: 5px;
  }
  .workerData {
    height: 525px;
  }
  .placeholderHide {
    display: block;
  }
  .filterHide .dropdownselect, .filterFix .dropdownselect {
    font-size: 13px;
  }
  .inputTextSmall {
    width: 50%;
  }
  .spaceDivColLg {
    height: 30px;
  }
  .navbar, #head {
    padding-left: 90px;
    padding-right: 70px;
  }
}

@media ( max-width: 1100px) {
  .navbar .dropdown .dropdown-toggle {
    padding-right: 15px;
    padding-left: 15px;
  }
  input[type='radio']:after, input[type='radio']:checked:after {
    left: 4px;
  }

  .search {
    width: 300px;
  }
}

@media ( max-width: 1000px) {
  .search {
    width: 250px;
  }
  .navbar, #head {
    padding-left: 50px;
    padding-right: 25px;
  }
  .download img {
    display: block;
    margin: auto;
  }
  .filterHide .dropdownselect, .filterFix .dropdownselect {
    width: 33%;
  }
  .twoLines {
    height: 160px;
  }
  .checkboxWrapper {
    width: 98%;
  }
  .releaseWrapper {
    width: 49%;
  }
  .searchResults .inputTextSmall, .searchResults .dropdownselect {
    width: 48%;
  }
  .content_small {
    width: 100%;
  }
  input[type='radio']:after, input[type='radio']:checked:after {
    left: 8px;
  }
}

@media (max-width: 991px) {
  .worker {
    min-height: 0px;
  }
  .registration {
    min-height: 325px;
  }
  .spaceDivColMd {
    height: 50px;
  }
}

@media (max-width:925px) {
  .navbar-nav>li>.openLeft {
    left: -25px;
  }
  .labelInline {
    display: inline;
  }
}

@media ( max-width: 900px) {
  .navbar, #head {
    padding-left: 15px;
    padding-right: 15px;
  }
  .container-fluid {
    padding-right: 0px;
  }
}

@media (max-width: 875px) {
  .navbar-nav>li>.openLeft {
    left: -50px;
  }
}

@media (max-width:850px) {
  .navbar-nav>li>.openLeft {
    left: -75px;
  }
  .container {
    padding-right: 0px;
    padding-left: 0px;
    width: 100%;
    margin-top: -20px;
  }
}

@media (max-width: 825px) {
  .navbar {
    padding: 0px;
  }
  .navbar .dropdown .dropdown-toggle {
    padding-right: 10px;
    padding-left: 10px;
  }
}

@media (max-width: 800px) {
  .navbar-nav>li>.openLeft {
    left: -100px;
  }
}

@media ( max-width: 767px) {
  .btnSearchGo, .btnAccount, .toggleContrast {
    margin-right: 5px;
  }
  .navbar-right {
    float: right;
  }
  ul .dropdown-menu a {
    background-color: white;
  }
  h1 {
    font-size: 30px;
  }
  body {
    padding-top: 0px;
  }
  .content {
    margin-bottom: 200px;
  }
  .contentSpecial {
    min-height: 2500px;
  }
  .border {
    margin-right: 0px;
    padding-bottom: 20px;
  }
  #pageApplicantLoginForm .border {
    margin-bottom: 30px;
  }
  #pageRegisterForm .border {
    margin-bottom: 200px;
  }
  #buttonLogin {
    margin-top: 115px;
  }
  #buttonReset {
    margin-top: 115px;
  }
  small {
    display: block;
  }
  .navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: black;
  }
  .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu>li>.navActive {
    background-color: var(--maincolor);
    color: white;
  }
  .container-fluid>.navbar-header {
    margin-right: 0px;
  }
  .b .inputDiv {
    width: 90%;
  }
  .hiddenForLoggedInUser, #print {
    display: block;
    padding-left: 0px;
    padding-top: 10px;
  }
  .inputTextHalf {
    width: 100%;
  }
  .checkboxWrapperLong {
    height: 70px;
  }
  .participationFullscreen {
    width: 100%;
  }
  .contractNoticeHeader {
    height: 230px;
  }
  .downloadDocuments {
    width: 60%;
    font-size: 12px;
  }
  #printDiv {
    width: 39%;
    font-size: 12px;
  }
  .main-search-wrapper {
    margin-top: 30px;
    margin-bottom: 80px;
  }
  .main-page-search-form {
    width: 575px;
  }
  .main-page-search {
    width: 400px;
  }
  #main-search-text {
    font-size: 30px;
  }
  #starttext {
    font-size: 14px;
  }
  .main-search-form, #searchrow, .jumpToAnchor {
    display: none;
  }
  .btnOpenSearch {
    display: block;
  }
  .navbar-default {
    overflow-x: hidden;
  }
}

@media (max-width: 725px) {
  .input_small {
    width: 85%;
  }
  .right {
    padding-right: 8%;
  }
}

@media ( max-width: 700px) {
  .search:focus {
    width: 250px;
  }
  .placeholderDiv {
    width: 100%;
    height: 25px;
  }
  .inputAndStarBig {
    width: 100%;
  }
  .workerData {
    height: 800px;
  }
  .placeholderHide {
    display: none;
  }
  .inputTextSmall {
    width: 60%;
  }
  .inputAndStarFullscreen {
    width: 100%;
  }
  .placeholderDivFullscreen {
    width: 100%;
    height: 0px;
  }
  .placeholderHeight {
    height: 15px;
  }
  .main-page-search-form {
    width: 475px;
  }
  .main-page-search {
    width: 300px;
  }
  input[type='radio']:after, input[type='radio']:checked:after {
    left: 6px;
  }
}

@media ( max-width: 600px) {
  .companyWrapper>.inputAndStar {
    width: 100%;
  }
  .companyWrapper .inputDiv {
    padding: 0px;
  }
  .searchResults .inputTextSmall, .searchResults .dropdownselect {
    width: 47%;
  }
  .checkboxMarginTop {
    margin-top: 20px;
  }
  .main-page-search, .btn-mainSearch {
    height: 35px;
    font-size: 12px;
  }
  .main-page-search-form {
    width: 375px;
  }
  input[type='radio']:after, input[type='radio']:checked:after {
    left: 4px;
  }
}

@media (max-width: 575px) {
  .right {
    padding-right: 7%;
  }
  .workerData {
    height: 820px;
  }
}

@media ( max-width: 500px) {
  .center {
    margin: 5px;
    padding: 5px;
  }
  .container-fluid {
    padding-left: 0px;
  }
  .navbar {
    padding: 0px;
  }
  .marginbetweenli {
    margin-left: 75px;
  }
  .content {
    padding: 10px;
    padding-bottom: 20px;
  }
  .navbar-nav {
    padding-left: 15px;
  }
  .checkbox {
    width: 20%;
  }
  tr, p, li, .checkboxtext {
    font-size: 12px;
  }
  .filterHide .dropdownselect, .filterHide .inputTextSmall, .filterFix .dropdownselect, .filterFix .inputTextSmall {
    font-size: 12px;
    width: 45%;
  }
  .filterHide .dateSelect, .filterFix .dateSelect {
    font-size: 12px;
  }
  .fontNormal {
    padding-top: 10px;
  }
  .input_small {
    width: 90%;
  }
  .paddingTop {
    padding-top: 25px;
  }
  .workerData {
    height: 820px;
  }
  h1, h2, h3 {
    font-size: 28px;
  }
  .nav-pills>li+li {
    margin-left: 0px;
  }
  input[type='radio']:after, input[type='radio']:checked:after {
    left: 2px;
  }
}

@media ( max-width: 450px) {
  h1, h2, h3 {
    font-size: 24px;
  }
  .searchgohide {
    padding-right: 10px;
  }
  .marginbetweenli {
    margin-left: 55px;
  }
  footer {
    font-size: 12px;
  }
  .bv_dropdown, .inputHalf {
    width: 100%;
  }
  .checkboxWrapperLong {
    height: 90px;
  }
  .main-page-search-form {
    width: 325px;
  }
  .main-page-search {
    width: 250px;
  }
  .showhidetext {
    display: none;
  }
  .btnAccount {
    width: 45px;
  }
}

@media (max-width: 430px) {
  .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 4px;
  }
}

@media (max-width: 400px) {
  h2 {
    font-size: 22px;
  }
  h3 {
    font-size: 14px;
  }
  .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    font-size: 10px;
  }
  #ulInsideUl {
    padding-left: 15px;
  }
  .btn {
    font-size: 11px;
  }
  .btnAccount {
    font-size: 14px;
  }
  .inputTextSmall {
    width: 100%;
  }
  .filterHide .dropdownselect, .filterHide .inputTextSmall, .releaseWrapper {
    width: 100%;
  }
  .twoLines {
    height: 190px;
  }
  .searchResults {
    height: 590px;
  }
  .checkboxMarginTop {
    margin-top: 25px;
  }
  .main-page-search-form {
    width: 250px;
  }
  .main-page-search {
    width: 175px;
  }
  .toggle-off.btn, .toggle-on.btn {
    line-height: 25px;
  }
  .marginbetweenli {
    margin-left: 10px;
  }
  input[type='radio']:after, input[type='radio']:checked:after {
    left: 6px;
  }

  #ai_logo {
    margin-top: 21px;
  }
  #ai_logo > img {
    width: 120px;
  }
}

@media ( max-width: 350px) {
  .marginbetweenli {
    margin-left: 5px;
  }
  .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    font-size: 8px;
  }
  .searchgohide {
    padding-right: 5px;
  }
  .registration {
    min-height: 350px;
  }
  .checkboxWrapperLong {
    height: 120px;
  }
  .workerData {
    height: 880px;
  }
  /*.head-nav {
    height: 100px;
  }*/

  #ai_logo {
    margin-top: 31px;
  }
  #ai_logo > img {
    width: 100px;
  }


}

@media (max-width: 300px) {
  .marginbetweenli {
    margin-left: 5px;
  }
  #vp_image, #ai_logo {
    display: none;
  }
  .head-nav {
    height: 100px;
  }

}

@media print {
  .noPrint {
    display: none;
  }
}
