/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

  /* GERMAN PERSONNEL */
  
  .hero-element {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-image: url("img/header-dtp.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 350px;
}

.ihk {
	position: absolute;
	top: 20px;
	right: 20px;
	max-width: 150px;
}

@media (max-width: 1290px) {
    .ihk {
        display: none;
    }
}

.hero-caption {
    position: relative;
    height: 100%;
    text-align: center;
    color: #FFF !important;
    overflow: hidden;
    padding: 50px 10px 20px 10px;
}

.hero-caption a {
    position: absolute;
    bottom: 20px;
    color: #fff;
}

.hero-caption a:hover {
    color: #fff;
}

#angel {
    cursor: pointer;
}

.icon-chevron-down1 {
	font-size: 2rem;
}

@media (max-width: 1090px) {
    .hero-element {
        width: 100%;
        height: 200px;
    }
    h1 {
        margin: 0 0 60px 0;
    }    
    .icon-chevron-down1 {
        font-size: 1rem;
    }
}

.search-element {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;    
}

.search-element:first-child {
    margin: 80px 0 10px 0;
}

@media (max-width: 1090px) {  
    .search-element:first-child {
        margin: 40px 0 10px 0;
    }
}

.search-element input,
.search-element a {
    border: solid 0px;
    height: 40px; 
    border-radius: 0;
}

.search-element input {
    width: 50%; 
    border: 0;
    background: #E6E6E6;
    padding: 0 15px;
    font-size: 1rem;
}

.search-element a {
    width: 10%; 
}

.search-element a button {
    width: 100%; 
    height: 40px;
    background: #1b2646;
    color: #FFF;
    border: 0px
}

#cs-simple-container {
    display: none;
}

#submit-alle,
#submit-muenchen,
#submit-augsburg,
#submit-reutlingen,
#submit-stuttgart {
    letter-spacing: 0.03rem;
    display: block;
    text-align: center;
    padding: 10px 0;
    color: #FFF;
    background: #f50038;
    width: 20%;
    cursor: pointer;
    font-size: 0.9rem;
}

@media (max-width: 1400px) {  
    #submit-alle,
    #submit-muenchen,
    #submit-augsburg,
    #submit-reutlingen,
    #submit-stuttgart {
        width: 20%;
        margin: 2px 0;
    }   
    .search-element input {
        width: 50%; 
    }   
    .search-element a {
        width: 10%;
    }
}

.icon-search {
    font-size: 20px;
}

@media (max-width: 1150px) {   
    #submit-alle,
    #submit-muenchen,
    #submit-augsburg,
    #submit-reutlingen,
    #submit-stuttgart {
        width: 60%;
        margin: 2px 0;
    }    
    .search-element input {
        width: 48%; 
    }   
    .search-element a {
        width: 12%;
    }
}

#submit-alle:hover,
#submit-muenchen:hover,
#submit-augsburg:hover,
#submit-reutlingen:hover,
#submit-stuttgart:hover {
    background: #cc0000;
}   
  
#submit-alle:active,
#submit-muenchen:active,
#submit-augsburg:active,
#submit-reutlingen:active,
#submit-stuttgart:active {       
    outline: focus;
}

li,
#submit-alle,
#submit-muenchen,
#submit-augsburg,
#submit-reutlingen,
#submit-stuttgart
::-moz-focus-inner {
    border: 0; 
} 

/* Small Centering fix for FIREFOX */

#search {
    color: black;
    font-style: italic;
}

#search::-webkit-input-placeholder {
    font-style: italic;
}

#search:-moz-placeholder {
    font-style: italic;
}  

#search:-ms-placeholder {
    font-style: italic;
}  

.clear {
    clear: both;
}

iframe#stellenangebote { 
    max-width: 100%; 
    width: 100%; 
    height: 1100px; 
}

p#load-stellen {
    font-size: 0.9rem; 
    font-style: italic; 
    color: #ff0000; 
}

.bigger-in-mobile { 
    font-size: 270%; 
    margin-bottom: -10px; 
}

/* CS Widget */ 

.cs-widget-filters__filter-wrapper:nth-child(4), 
.cs-widget-filters__filter-wrapper:nth-child(5) {
    display: none !important;
}

@media(max-width: 400px) {
    .cs-result__title {
        font-size: 1rem !important;
    }
    .cs-pagination__number-text {
        font-size: 1rem !important;
    }
    .cs-pagination__button .cs-icon {
        height: 12px;
    }
    .cs-widget-advanced__container {
        margin-top: -500px !important;
    }  
}

#cs-simple-container {
    display: none;
}

.cs-widget-filters__headline,
.cs-widget-filters__clear,
.cs-select--basic,
.cs-input,
.cs-result__title,
.cs-pagination__number-text,
.cs-input,
.cs-select--basic,
.cs-widget-filters__headline {
    font-size: 1rem !important;
}

.cs-widget-filters__container {
    display: none !important;
}

.cs-widget-advanced__container {
    margin-top: 0px !important;
}

#stellenangebote-container {
    margin-top: 200px;
    z-index: -1!important;
    width: 100%;
    height: 100%;
}

/* GERMAN PERSONNEL END */