/* echtagentur */
/* Colors:

green:
#97bf0d
rgb(151,191,13)

blue:
#39a9dc
rgb(57,169,220)

grey:
#b1b3b4
rgb(177,179,180)

dark-grey:
#58585a
rgb(80,80,90)

*/

/* Anpassung für die Farbe grün für den Arbeitnehmerbereich ----------- */

.mgs-green hr {
    border-color: #97bf0d;
}

/* Anpassungen für due Farbe blau für den Kundenbereich ----------------*/

.mgs-blue hr {
    border-color: #39a9dc;
}

/* Ende farbliche Anpassungen ----- */


.uk-logo {
    padding: 10px 15px;
}

.uk-navbar-container {
    border-bottom: solid 1px rgba(80, 80, 90, 0.2);
    /*box-shadow: 0px 0px 2px rgba(80, 80, 90, 0.3);*/

}

.uk-navbar-dropdown {
    border: solid 1px rgba(80, 80, 90, 0.2);
    border-top: none;
}

.uk-navbar-nav > .mgs-cursor > a:hover {
    cursor: default!important;
    color: #58585a;
}

.uk-navbar-nav > li > a.uk-open {
    color: #58585a;
}

.tm-main {
    margin-top: 3px;
}

.uk-navbar-nav > li > a {
    letter-spacing: 1px;
}

.mgs-container-header > .uk-container {
    padding-left: 0px;
    padding-right: 0px;
}

h1, .uk-h1 {
    color: #2d2e33;
    font-family: "Maven Pro";
    font-size: 32px;
    font-weight: normal;
    letter-spacing: 0;
    line-height: 1.2;
    margin-top: 0;
    text-transform: none;
}

.uk-article-title {
    color: #2d2e33;
    font-family: "Maven Pro";
    font-size: 32px;
    font-weight: normal;
    letter-spacing: 0;
    line-height: 1.2;
    margin-top: 0;
    text-transform: none;
}

.uk-button {
    letter-spacing: normal;
    background: rgb(80,80,90);
    color: white;
    border-radius: 5px;
    border: none;
    font-size: 15px;
}

.uk-button:hover,
.uk-button:focus {
    color: white;
    background: rgb(177,179,180);
    border: none;
}

.uk-button-primary {
    background: rgb(151,191,13);
}

.uk-button-secondary {
    background: rgb(57,169,220);
}

.uk-button-large {
    letter-spacing: normal;
    font-size: 18px;
    padding: 0 20px;
}

.uk-accordion-title {
    font-size: 20px;
}

.mgs-list-stellen > li.mgs-stellen-li:nth-child(n+2) {
    border-top: 2px solid #97bf0d;
    margin-top: 40px;
    padding-top: 40px;
}

.mgs-stellen-image > img {
    border-radius: 5px;
}

.mgs-stellen-link-pdf,
.mgs-stellen-link-formular {
    margin-bottom: 10px!important;
}

.mgs-container-header .uk-card-body {
    padding: 0px;
}

.mgs-random-image > img {
    border-radius: 5px;
}

.mgs-stellen-content > ul {
    list-style: outside!important;
    margin: 15px 0px 25px 0px!important;
}

.gbs3 {
    font-family: "Maven Pro"!important;
}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    border-radius: 3px;
}

.gbs3 label {
    font-weight: lighter!important;
}

.chrono_credits {
    visibility: hidden!important;
}

.gbs3 .form-control {
    box-shadow: none!important;
    font-size: 16px!important;
}

.gbs3 .gcore-display-table {
    display: table-layout: !important;
    width: 100%!important;
}

/* Browser Hack only for Firefox */
@-moz-document url-prefix() {
    /*.form-group {
        height: 65px!important;
    }*/

    #form-row-captcha {
        height: 130px!important;
    }

    #form-row-nachricht {
        min-height: 110px!important;
    }

    #form-row-upload {
        min-height: 110px!important;
    }
}

.mgs-form-title {
    font-size: 20px!important;
    color: #2d2e33!important;
}

.uk-input, .uk-select:not([multiple]):not([size]), input[type="text"]:not([class*="uk-"]), input[type="password"]:not([class*="uk-"]), input[type="datetime"]:not([class*="uk-"]), input[type="datetime-local"]:not([class*="uk-"]), input[type="date"]:not([class*="uk-"]), input[type="month"]:not([class*="uk-"]), input[type="time"]:not([class*="uk-"]), input[type="week"]:not([class*="uk-"]), input[type="number"]:not([class*="uk-"]), input[type="email"]:not([class*="uk-"]), input[type="url"]:not([class*="uk-"]), input[type="search"]:not([class*="uk-"]), input[type="tel"]:not([class*="uk-"]), input[type="color"]:not([class*="uk-"]), .uneditable-input:not([class*="uk-"]), select:not([class*="uk-"]):not([multiple]):not([size]) {
    border: 1px solid #b1b3b4;
    border-radius: 5px;
}

.fa-asterisk {
    color: grey!important;
}

.mgs-button-form {
    margin-top: 15px!important;
    background: #97bf0d none repeat scroll 0 0!important;
    border: medium none!important;
    border-radius: 5px!important;
    color: white!important;
    font-size: 15px!important;
    letter-spacing: normal!important;
    padding: 0 20px!important;
    line-height: 38px!important;
}

.mgs-button-form:hover {
    background-color: #b1b3b4!important;
}

.gbs3 .help-block {
    font-size: 14px;
}

/* Anpassungen am Footer -------------------------------------*/

.tm-bottom {
    background: rgb(177,179,180);
    color: white;
}

.tm-bottom h3 {
    color: white;
    font-size: 20px;
}

.tm-bottom a {
    color: white;
}

.tm-bottom a:hover {
    color: white;
    text-decoration: underline;
}

hr {
    border-width: 2px 0 0;
}

.tm-bottom hr {
    border-color: #e5e5e7;
}

/* Breite Kontaktfeld */

@media (min-width: 767px) {

    .mgs-width-49 {
        width: 49%;
    }

}

.mgs-logo-footer {
    max-width: 200px;
}

.tm-bottom .uk-card-body {
    padding: 0px;
}

/* Ende Anpassungen footer --- */

/* Anpassungen Farbe blau und grün im Header --------- */

.mgs-blue .uk-navbar-container:not(.uk-navbar-transparent) {
    background: #39a9dc none repeat scroll 0 0;
}

.mgs-blue .uk-navbar-dropdown, .navbar .nav > li > .dropdown-menu {
    background: #39a9dc;
}

.mgs-blue .uk-navbar-container {
    border-bottom: 1px solid #39a9dc;
}

.mgs-blue .uk-navbar-dropdown {
    border-color: -moz-use-text-color #39a9dc #39a9dc;
}

.mgs-blue .tm-header .uk-logo-inverse {
    display: inline;
}

.mgs-blue .tm-header .uk-logo > *:not(.uk-logo-inverse) {
    display: none;
}

.mgs-blue .uk-navbar-nav > li > a,
.mgs-green .uk-navbar-nav > li > a {
    color: white;
}

.mgs-blue .uk-navbar-nav > li > a:hover,
.mgs-green .uk-navbar-nav > li > a:hover,
.mgs-blue .uk-navbar-nav > li.uk-active > a,
.mgs-green .uk-navbar-nav > li.uk-active > a,
.mgs-blue .uk-navbar-nav > li > a:focus,
.mgs-green .uk-navbar-nav > li > a:focus {
    color: #e1e1e1;
}

.mgs-blue .uk-navbar-dropdown-nav > li > a,
.mgs-green .uk-navbar-dropdown-nav > li > a {
    color: white;
}

.mgs-blue .uk-navbar-dropdown-nav > li > a:hover,
.mgs-green .uk-navbar-dropdown-nav > li > a:hover,
.mgs-blue .uk-navbar-dropdown-nav > li.uk-active > a,
.mgs-green .uk-navbar-dropdown-nav > li.uk-active > a,
.mgs-blue .uk-navbar-dropdown-nav > li > a:focus,
.mgs-green .uk-navbar-dropdown-nav > li > a:focus {
    color: #e1e1e1;
}

.mgs-blue .uk-navbar-nav > .mgs-cursor > a:hover,
.mgs-green .uk-navbar-nav > .mgs-cursor > a:hover {
    color: white;
}

.mgs-green .uk-navbar-container:not(.uk-navbar-transparent) {
    background: #97bf0d none repeat scroll 0 0;
}

.mgs-green .uk-navbar-dropdown, .navbar .nav > li > .dropdown-menu {
    background: #97bf0d;
}

.mgs-green .tm-header .uk-logo-inverse {
    display: inline;
}

.mgs-green .tm-header .uk-logo > *:not(.uk-logo-inverse) {
    display: none;
}

.mgs-green .tm-header-mobile .uk-logo img,
.mgs-blue .tm-header-mobile .uk-logo img {
  content: url('/../../images/mgs-personal/logo/logo_mgs_inv.png');
  width: 100px;
}

.mgs-green .uk-navbar-container {
    border-bottom: 1px solid #97bf0d;
}

.mgs-green .uk-navbar-dropdown {
    border-color: -moz-use-text-color #97bf0d #97bf0d;
}

/* Ende Farbanpassungen Header */

/* Responsine Anpassungen -------------------------------- */

.mgs-green .uk-navbar-toggle,
.mgs-blue .uk-navbar-toggle {
    color: white;
}

.mgs-green .uk-navbar-toggle:hover,
.mgs-blue .uk-navbar-toggle:hover,
.mgs-green .uk-navbar-toggle:focus,
.mgs-blue .uk-navbar-toggle:focus {
    color: white;
}

@media (max-width: 969px) {

    .uk-nav li.uk-active > a {
        color: white!important;
    }

    .tm-bottom .moduletable {
        margin-bottom: 40px;
    }

}

/* ----------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------- */

/* common properties */

.mgs-header-slogan-mitte > p:first-child > span,
.mgs-header-slogan-rechts > p:first-child > span,
.mgs-header-slogan-links > p:first-child > span {
    background: rgba(151, 191, 13, 0.9);
    color: white;
    padding: 7px 15px;
    border-radius: 5px;
    border: none;
    font-size: 35px;
    font-weight: bold;
    letter-spacing: normal;
    position: relative;
    white-space: nowrap;
}

.mgs-header-slogan-mitte > p:last-child > span,
.mgs-header-slogan-rechts > p:last-child > span,
.mgs-header-slogan-links > p:last-child > span{
    background: rgba(57, 169, 220, 0.9);
    color: white;
    padding: 7px 15px;
    border-radius: 5px;
    border: none;
    font-size: 27px;
    font-weight:  bold;
    letter-spacing: normal;
    position: relative;
    margin-bottom: 0px;
}

.mgs-header-slogan-mitte,
.mgs-header-slogan-rechts,
.mgs-header-slogan-links {
    position: absolute;
    white-space: nowrap;
    bottom: 5%;
}

/* alignment: center */

.mgs-header-slogan-mitte {
    text-align: center;
    left: 50%;
    transform: translate(-50%, 0);
}

/* alignment: left */

.mgs-header-slogan-links {
    text-align: left;
    left: 10%;
}

.mgs-header-slogan-links > p:last-child > span {
    margin-left: 0px;
}

/* alignment: right */

.mgs-header-slogan-rechts {
    text-align: right;
    right: 10%;
}

.mgs-header-slogan-rechts > p:last-child > span {
    margin-right: 0px;
    margin-left: auto;
}

@media (max-width: 1600px) {
/* All default properties can be applied for this resolution */
}

@media (max-width: 1200px) {
/* All default properties can be applied for this resolution */
}

@media (max-width: 1024px) {

    .mgs-header-slogan-mitte > p:first-child > span,
    .mgs-header-slogan-rechts > p:first-child > span,
    .mgs-header-slogan-links > p:first-child > span {
        font-size: 22px;
        white-space: nowrap;
    }

    .mgs-header-slogan-mitte > p:last-child > span,
    .mgs-header-slogan-rechts > p:last-child > span,
    .mgs-header-slogan-links > p:last-child > span {
        font-size: 19px;
        padding: 8px 15px;
    }

}

@media (max-width: 960px) {

    .mgs-header-slogan-mitte,
    .mgs-header-slogan-links,
    .mgs-header-slogan-rechts {
        text-align: center;
        left: 50%;
        right: unset;
        transform: translate(-50%, 0);
    }

    .mgs-header-slogan-mitte > p:first-child > span,
    .mgs-header-slogan-rechts > p:first-child > span,
    .mgs-header-slogan-links > p:first-child > span {
        font-size: 22px;
        white-space: nowrap;
    }

    .mgs-header-slogan-mitte > p:last-child > span,
    .mgs-header-slogan-rechts > p:last-child > span,
    .mgs-header-slogan-links > p:last-child > span {
        font-size: 19px;
        padding: 8px 15px;
    }

}

@media (max-width: 640px) {

    .mgs-header-slogan-mitte,
    .mgs-header-slogan-links,
    .mgs-header-slogan-rechts {
        text-align: center;
        left: 50%;
        right: unset;
        transform: translate(-50%, 0);
    }

    .mgs-header-slogan-mitte > p:first-child > span,
    .mgs-header-slogan-rechts > p:first-child > span,
    .mgs-header-slogan-links > p:first-child > span {
        font-size: 16px;
        white-space: nowrap;
        margin-bottom: 10px;
    }

    .mgs-header-slogan-mitte > p:last-child > span,
    .mgs-header-slogan-rechts > p:last-child > span,
    .mgs-header-slogan-links > p:last-child > span {
        font-size: 13px;
        padding: 8px 15px;
        margin-top: 10px;
    }

}

@media (max-width: 414px) {

    .mgs-header-slogan-mitte,
    .mgs-header-slogan-links,
    .mgs-header-slogan-rechts {
        text-align: center;
        left: 50%;
        right: unset;
        transform: translate(-50%, 0);
    }

    .mgs-header-slogan-mitte > p:first-child > span,
    .mgs-header-slogan-rechts > p:first-child > span,
    .mgs-header-slogan-links > p:first-child > span {
        font-size: 12px;
        white-space: nowrap; /* In case of incorrect display, change the value to "normal". If value is "nowrap", some text break issues may occur! */
        margin-bottom: 10px;
    }

    .mgs-header-slogan-mitte > p:last-child > span,
    .mgs-header-slogan-rechts > p:last-child > span,
    .mgs-header-slogan-links > p:last-child > span {
        font-size: 10px;
        padding: 8px 15px;
        margin-top: 10px;
    }

}

/*  If main header bar is green:
    background of primary solgan text: green
    background of secondary slogan text: blue
*/

.mgs-green .mgs-header-slogan-mitte > p:first-child > span,
.mgs-green .mgs-header-slogan-rechts > p:first-child > span,
.mgs-green .mgs-header-slogan-links > p:first-child > span {
    background: rgba(151, 191, 13, 0.9);
}

.mgs-green .mgs-header-slogan-mitte > p:last-child > span,
.mgs-green .mgs-header-slogan-rechts > p:last-child > span,
.mgs-green .mgs-header-slogan-links > p:last-child > span {
    background: rgba(57, 169, 220, 0.9);
}

/*  If main header bar is blue:
    background of primary solgan text: blue
    background of secondary slogan text: green
*/

.mgs-blue .mgs-header-slogan-mitte > p:first-child > span,
.mgs-blue .mgs-header-slogan-rechts > p:first-child > span,
.mgs-blue .mgs-header-slogan-links > p:first-child > span {
    background: rgba(57, 169, 220, 0.9);
}

.mgs-blue .mgs-header-slogan-mitte > p:last-child > span,
.mgs-blue .mgs-header-slogan-rechts > p:last-child > span,
.mgs-blue .mgs-header-slogan-links > p:last-child > span {
    background: rgba(151, 191, 13, 0.9);
}

.border_images {
    border-radius: 5px;
}

.mgs-stellenangebote-button:hover {
  background: rgb(151, 191, 13);
}

/* Chronoforms inline checkbox label */
.gbs3 label {
  display: inline!important;
}

.uk-notification .uk-notification-message {
  padding: 40px;
}

.uk-notification .js-accept {
      background: rgb(151,191,13);
}

.uk-notification .js-reject {
    background: none;
    color: black;
    font-size: 10px;
}

.uk-notification .js-reject::before {
  border-bottom: 0px!important;
}

.uk-notification .uk-margin-small-top {
  margin-top: 20px!important;
}

/* Convert Forms Styles */
.convertforms button:hover {
  background-color: #b1b3b4!important;
  opacity: 1!important;
}

.convertforms button {
  text-transform: uppercase;
}

.convertforms {
  font-family: "Maven Pro"!important;
}

.convertforms form {
  line-height: 1.625;
}

#ttsApplicationWidget {
	position: fixed;
}

.tts-gray-placeholder {
  outline: none;
}

.tts-search-widget .tts-search-box .tts-search-job-location>input:focus,
.tts-search-widget .tts-search-box .tts-search-job-location>input:hover,
.tts-search-widget .tts-search-box .tts-search-job-title>input:focus,
.tts-search-widget .tts-search-box .tts-search-job-title>input:hover {
  outline: solid 1px #97bf0d;
}

.tts-search-widget .tts-search-box .tts-search-job-location svg,
.tts-search-widget .tts-search-box .tts-search-job-title svg {
  margin-right: 10px;
}

.tts-search-widget .tts-search-box .tts-search-job-location>input:focus,
.tts-search-widget .tts-search-box .tts-search-job-location>input:hover,
.tts-search-widget .tts-search-box .tts-search-job-title>input:focus,
.tts-search-widget .tts-search-box .tts-search-job-title>input:hover {
  outline: none;
}