.justDesktop
{
    display:none;
}

.nav-trigger
{
    width: 8.7rem;
    height: 8.7rem;
}

.header__inner>div
{
    right: 120px;
    position: absolute;
    font-size: 28px;
    color:white;
}

.nav-trigger .nav-trigger__inner {
    width: 4.2rem;
    height: 3.8rem;
}

.footer .footer__nav:not(:last-child) {
  margin-bottom: 8rem;
}


/* Wortwechsler */
.animation.wortwechsler {
    vertical-align: sub;
    height: 1em;
    overflow: hidden;
    display: inline-block;
    line-height: 2em;
 }
 
.wortwechsler ul {
  padding: 0;
  margin-top: -0.55em;
  list-style: none;
}

.hero h1 {
  margin-bottom: 2rem;
}

.feature .feature__icon {
  border-bottom: solid 0.3rem #000;
}

.person-main .feature .feature__icon {
  border-bottom: solid 0.3rem white !important;
}

.feature--alt .feature__entry {
  font-size: 20px;
  line-height: 28px;
}

.section h1 {
  margin-bottom: 2rem;
}

/* Desktop */
@media only screen and (min-width: 1400px) {
    /* Verkleinerung Schrift */
    body
    {
        /*font-size: 2.8rem !important;*/
        font-size: 2.4rem !important;
    }
    
section h1
{
    padding-left: 0rem !important;
}
    
    .section .section__content {
      padding-left: 0rem;
    }
    
    .kommzukummer .callout__entry
    {
        padding-left: 11px;
    }
    
    .justDesktop
    {
        display:block;
    }
    
    .NotDesktop
    {
        display:none;
    }
    
    header .shell
    {
        margin-top: 20px;
    }
    
    .header .header__logo {
        padding-top: 0rem;
    }
    
    .field {
        height: 5.2rem;
        /*font-size: 2.5rem;*/
        font-size: 20px;
    }
    .field--textarea
    {
        height: 30rem;
    }
    
    .header {
        padding: 1rem 0;
    }
    
    .features .features__item--1of5 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 20%;
      flex: 0 0 20%;
      max-width: 20%;
    }
    
    .hero.team
    {
        height: 108rem;
    }
    
    .hero .hero__entry
    {
        font-size: 27px;
    }
    
    .wrapper .hero .hero__content h1 {
      font-size: 175px !important;
    }
    
    .rundesstartsymbol
    {
        width: 500px;
    }
    
    .g-job-portal
    {
        padding-top:230px !important;
    }
}

@media only screen and (max-width:1005px) {
    .section--alt .section__aside
    {
        padding-bottom:20%;
    }
    
    .rundesstartsymbol {
      max-width: 70%;
    }
    
    section.section .section__aside
    {
        text-align:center !important;
        padding-left:0 !important;
        max-width: 100% !important;
    }
    
    .rundesstartsymbol
    {
        max-width: 400px;
    }
    
    .g-job-portal
    {
        padding-top:130px !important;
    }
}

/* Tablet */
@media only screen and (min-width:600px) and (max-width:1399px) {
    body
    {
        font-size: 2rem !important;
    }
    
    .hero .hero__entry
    {
        font-size: 26px;
    }
    
    section h1
    {
        padding-left: 0rem !important;
    }
    
    .field {
        height: 5.2rem;
        font-size: 20px;
    }
    .field--textarea
    {
        height: 24rem;
    }
    
    .header {
        padding: 3rem 0;
    }
    
    /* Socials sollen ausgeblendet sein mobil */
    .socials.hero__socials
    {
        display:none;
    }
    .hero .hero__content {
      padding-left: 0;
    }
    
    .features .features__item--1of5 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 36%;
      margin-left: 7%;
      margin-right: 7%;
    }
    
    .hero.team
    {
        height: 82rem;
    }
    
    .g-job-portal
    {
        padding-top:230px !important;
    }
    
    .section .section__content {
      padding-left: 0rem !important;
    }
}

@media only screen and (min-width:600px) and (max-width:1399px) {
    .hero.team
    {
        height: 55rem;
    }
    
    .h1, h1, .section--reverse h1, .section--alt h1, .callout h1 {
      font-size: 85px !important;
    }
}

/* Mobile; Handy */
@media only screen and (max-width:599px) {
    body
    {
        font-size: 20px !important; /* Beirut */
    }
    
    a.logo>img
    {
        max-width: 90%;
    }
    
    .hero.videohero {
      height: 80rem;
    }
    
    

section h1
{
    padding-left: 0rem !important;
}

    .header__inner>div
    {
        right: 70px;
    }
    
    .g-job-portal h2
    {
        font-size: 50px;
    }
    
    .section .section__content {
      padding-left: 0rem !important;
    }
    
    .features
    {
        max-width: 75%;
        margin: auto;
    }
    
    .aboutusabschnitt
    {
        padding: 2rem 0 0 !important;
    }
    
    .features .h4, .features h4 {
      font-size: 2.2rem !important;
    }
    
    .h1, h1, .section--reverse h1, .section--alt h1, .callout h1 {
      font-size: 40px !important;
      line-height: 41px;
    }
    
    .hero.videohero .hero__content h1 {
        font-size: 60px !important;
    }
    
    .hero .hero__entry
    {
        font-size: 18px;
        line-height: 22px;
    }
    
    .field {
        height: 4.2rem;
        font-size: 20px;
    }
    .field--textarea
    {
        height: 17rem;
    }
    
    .header {
        padding: 1rem 0;
    }
    
    /* Socials sollen ausgeblendet sein mobil */
    .socials.hero__socials
    {
        display:none;
    }
    .hero .hero__content {
      padding-left: 0;
    }
    
    .nav-trigger
    {
        width: 6rem;
        height: 6rem;
    }

    .nav-trigger .nav-trigger__inner {
        width: 2.5rem;
        height: 2.5rem;
    }
    
    .features .features__item--1of5 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
    }
    
    .hero.team
    {
        height: 44rem;
    }
    
    .mitarbeiterrand.gelb
    {
        border-top: 110px solid #fff381;
    }
    
    .mitarbeiterrand.rot
    {
        border-top: 110px solid #e94550;
    }
    
    .mitarbeiterrand.tuerkis
    {
        border-top: 110px solid #89e1f1;
    }
    
    .mitarbeiterrand.violette
    {
        border-top: 110px solid #6e6aae;
    }
    
    .g-select
    {
        border-bottom:0px !important;
        border-top: 1px solid #1d1e28 !important;
    }
    
    .g-select.last
    {
        border-bottom: 1px solid #1d1e28 !important;
    }
    
    #peacezeichen img
    {
        max-width: 80% !important;
    }
}

@media only screen and (max-width:499px) {
    .hero.team
    {
        height: 30rem;
    }
}

.h1, h1, .section--reverse h1, .section--alt h1, .callout h1 {
  /* font-size: clamp(5vw, 20rem, 8vw) */
  font-size: clamp(5vw, 20rem, 6.5vw)
}

.hero .hero__video::before
{
    opacity: 0.74 !important;
}

.hero .hero__socials {
  top: 58.9% !important;
}

.socials li + li {
  margin-top: 4.3rem !important;
}

.feature .feature__icon {
  height: 14rem !important;
}

.features .h4, .features h4 {
  font-size: 2.8rem;
}

.person .h6, .person h6 {
  font-size: 1.9rem !important;
}

.h5, h5 {
  /*font-size: 2.5rem !important;*/
  font-size:20px;
}

.hero .hero__content
{
    padding-top:0;
}

.callout .callout__entry {
  word-break: normal;
}

/* Socials auf passendere Höhe zu Textzeilen bringen */
.hero .hero__socials {
  top: 45% !important;
}
.socials li + li {
  margin-top: 6rem !important;
}

.hero--alt .hero__video.nobackground::before {
  background: none;
}

.hero.team .hero__video video, .hero .hero__video img {
  height: auto;
}

a .person h6
{
    text-decoration: none;
}

.person-main blockquote {
  font-size: 4rem;
}

.person-main .person__entry {
  line-height: 1.3;
  font-size: 20px;
  margin-bottom: 30px;
}

.person-main li {
  font-size: 2.4rem;
}

.person-main h2 {
  font-size: clamp(4vw, 7rem, 7vw);
}

 .slider a { text-decoration: none; }

/*!
* Bootstrap Grid v4.0.0-beta.2 (https://getbootstrap.com)
* Copyright 2011-2017 The Bootstrap Authors
* Copyright 2011-2017 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
@-ms-viewport {
    width: device-width;
}
html {
    box-sizing: border-box;
    -ms-overflow-style: scrollbar;
}

*,
*::before,
*::after {
    box-sizing: inherit;
}

.container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.no-gutters {
    margin-right: 0;
    margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*=col-] {
    padding-right: 0;
    padding-left: 0;
}

.col-xl,
.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg,
.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md,
.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm,
.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col,
.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
}

.col-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
}

.col-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%;
}

.col-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
}

.col-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%;
}

.col-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
}

.col-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%;
}

.col-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
}

.col-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%;
}

.order-first {
    order: -1;
}

.order-1 {
    order: 1;
}

.order-2 {
    order: 2;
}

.order-3 {
    order: 3;
}

.order-4 {
    order: 4;
}

.order-5 {
    order: 5;
}

.order-6 {
    order: 6;
}

.order-7 {
    order: 7;
}

.order-8 {
    order: 8;
}

.order-9 {
    order: 9;
}

.order-10 {
    order: 10;
}

.order-11 {
    order: 11;
}

.order-12 {
    order: 12;
}

.offset-1 {
    margin-left: 8.3333333333%;
}

.offset-2 {
    margin-left: 16.6666666667%;
}

.offset-3 {
    margin-left: 25%;
}

.offset-4 {
    margin-left: 33.3333333333%;
}

.offset-5 {
    margin-left: 41.6666666667%;
}

.offset-6 {
    margin-left: 50%;
}

.offset-7 {
    margin-left: 58.3333333333%;
}

.offset-8 {
    margin-left: 66.6666666667%;
}

.offset-9 {
    margin-left: 75%;
}

.offset-10 {
    margin-left: 83.3333333333%;
}

.offset-11 {
    margin-left: 91.6666666667%;
}

@media (min-width: 460px) {
    .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }

    .col-sm-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%;
    }

    .col-sm-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
    }

    .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-sm-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }

    .col-sm-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%;
    }

    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-sm-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%;
    }

    .col-sm-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%;
    }

    .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-sm-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%;
    }

    .col-sm-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%;
    }

    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-sm-first {
        order: -1;
    }

    .order-sm-1 {
        order: 1;
    }

    .order-sm-2 {
        order: 2;
    }

    .order-sm-3 {
        order: 3;
    }

    .order-sm-4 {
        order: 4;
    }

    .order-sm-5 {
        order: 5;
    }

    .order-sm-6 {
        order: 6;
    }

    .order-sm-7 {
        order: 7;
    }

    .order-sm-8 {
        order: 8;
    }

    .order-sm-9 {
        order: 9;
    }

    .order-sm-10 {
        order: 10;
    }

    .order-sm-11 {
        order: 11;
    }

    .order-sm-12 {
        order: 12;
    }

    .offset-sm-0 {
        margin-left: 0;
    }

    .offset-sm-1 {
        margin-left: 8.3333333333%;
    }

    .offset-sm-2 {
        margin-left: 16.6666666667%;
    }

    .offset-sm-3 {
        margin-left: 25%;
    }

    .offset-sm-4 {
        margin-left: 33.3333333333%;
    }

    .offset-sm-5 {
        margin-left: 41.6666666667%;
    }

    .offset-sm-6 {
        margin-left: 50%;
    }

    .offset-sm-7 {
        margin-left: 58.3333333333%;
    }

    .offset-sm-8 {
        margin-left: 66.6666666667%;
    }

    .offset-sm-9 {
        margin-left: 75%;
    }

    .offset-sm-10 {
        margin-left: 83.3333333333%;
    }

    .offset-sm-11 {
        margin-left: 91.6666666667%;
    }
}
@media (min-width: 768px) {
    .col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }

    .col-md-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%;
    }

    .col-md-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
    }

    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-md-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }

    .col-md-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%;
    }

    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-md-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%;
    }

    .col-md-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%;
    }

    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-md-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%;
    }

    .col-md-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%;
    }

    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-md-first {
        order: -1;
    }

    .order-md-1 {
        order: 1;
    }

    .order-md-2 {
        order: 2;
    }

    .order-md-3 {
        order: 3;
    }

    .order-md-4 {
        order: 4;
    }

    .order-md-5 {
        order: 5;
    }

    .order-md-6 {
        order: 6;
    }

    .order-md-7 {
        order: 7;
    }

    .order-md-8 {
        order: 8;
    }

    .order-md-9 {
        order: 9;
    }

    .order-md-10 {
        order: 10;
    }

    .order-md-11 {
        order: 11;
    }

    .order-md-12 {
        order: 12;
    }

    .offset-md-0 {
        margin-left: 0;
    }

    .offset-md-1 {
        margin-left: 8.3333333333%;
    }

    .offset-md-2 {
        margin-left: 16.6666666667%;
    }

    .offset-md-3 {
        margin-left: 25%;
    }

    .offset-md-4 {
        margin-left: 33.3333333333%;
    }

    .offset-md-5 {
        margin-left: 41.6666666667%;
    }

    .offset-md-6 {
        margin-left: 50%;
    }

    .offset-md-7 {
        margin-left: 58.3333333333%;
    }

    .offset-md-8 {
        margin-left: 66.6666666667%;
    }

    .offset-md-9 {
        margin-left: 75%;
    }

    .offset-md-10 {
        margin-left: 83.3333333333%;
    }

    .offset-md-11 {
        margin-left: 91.6666666667%;
    }
}
@media (min-width: 1340px) {
    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }

    .col-lg-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%;
    }

    .col-lg-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
    }

    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-lg-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }

    .col-lg-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%;
    }

    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-lg-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%;
    }

    .col-lg-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%;
    }

    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-lg-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%;
    }

    .col-lg-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%;
    }

    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-lg-first {
        order: -1;
    }

    .order-lg-1 {
        order: 1;
    }

    .order-lg-2 {
        order: 2;
    }

    .order-lg-3 {
        order: 3;
    }

    .order-lg-4 {
        order: 4;
    }

    .order-lg-5 {
        order: 5;
    }

    .order-lg-6 {
        order: 6;
    }

    .order-lg-7 {
        order: 7;
    }

    .order-lg-8 {
        order: 8;
    }

    .order-lg-9 {
        order: 9;
    }

    .order-lg-10 {
        order: 10;
    }

    .order-lg-11 {
        order: 11;
    }

    .order-lg-12 {
        order: 12;
    }

    .offset-lg-0 {
        margin-left: 0;
    }

    .offset-lg-1 {
        margin-left: 8.3333333333%;
    }

    .offset-lg-2 {
        margin-left: 16.6666666667%;
    }

    .offset-lg-3 {
        margin-left: 25%;
    }

    .offset-lg-4 {
        margin-left: 33.3333333333%;
    }

    .offset-lg-5 {
        margin-left: 41.6666666667%;
    }

    .offset-lg-6 {
        margin-left: 50%;
    }

    .offset-lg-7 {
        margin-left: 58.3333333333%;
    }

    .offset-lg-8 {
        margin-left: 66.6666666667%;
    }

    .offset-lg-9 {
        margin-left: 75%;
    }

    .offset-lg-10 {
        margin-left: 83.3333333333%;
    }

    .offset-lg-11 {
        margin-left: 91.6666666667%;
    }
}
@media (min-width: 1620px) {
    .col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }

    .col-xl-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%;
    }

    .col-xl-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
    }

    .col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-xl-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }

    .col-xl-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%;
    }

    .col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-xl-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%;
    }

    .col-xl-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%;
    }

    .col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-xl-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%;
    }

    .col-xl-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%;
    }

    .col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-xl-first {
        order: -1;
    }

    .order-xl-1 {
        order: 1;
    }

    .order-xl-2 {
        order: 2;
    }

    .order-xl-3 {
        order: 3;
    }

    .order-xl-4 {
        order: 4;
    }

    .order-xl-5 {
        order: 5;
    }

    .order-xl-6 {
        order: 6;
    }

    .order-xl-7 {
        order: 7;
    }

    .order-xl-8 {
        order: 8;
    }

    .order-xl-9 {
        order: 9;
    }

    .order-xl-10 {
        order: 10;
    }

    .order-xl-11 {
        order: 11;
    }

    .order-xl-12 {
        order: 12;
    }

    .offset-xl-0 {
        margin-left: 0;
    }

    .offset-xl-1 {
        margin-left: 8.3333333333%;
    }

    .offset-xl-2 {
        margin-left: 16.6666666667%;
    }

    .offset-xl-3 {
        margin-left: 25%;
    }

    .offset-xl-4 {
        margin-left: 33.3333333333%;
    }

    .offset-xl-5 {
        margin-left: 41.6666666667%;
    }

    .offset-xl-6 {
        margin-left: 50%;
    }

    .offset-xl-7 {
        margin-left: 58.3333333333%;
    }

    .offset-xl-8 {
        margin-left: 66.6666666667%;
    }

    .offset-xl-9 {
        margin-left: 75%;
    }

    .offset-xl-10 {
        margin-left: 83.3333333333%;
    }

    .offset-xl-11 {
        margin-left: 91.6666666667%;
    }
}

.flex-row {
    flex-direction: row !important;
}

.flex-column {
    flex-direction: column !important;
}

.flex-row-reverse {
    flex-direction: row-reverse !important;
}

.flex-column-reverse {
    flex-direction: column-reverse !important;
}

.flex-wrap {
    flex-wrap: wrap !important;
}

.flex-nowrap {
    flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
}

.justify-content-start {
    justify-content: flex-start !important;
}

.justify-content-end {
    justify-content: flex-end !important;
}

.justify-content-center {
    justify-content: center !important;
}

.justify-content-between {
    justify-content: space-between !important;
}

.justify-content-around {
    justify-content: space-around !important;
}

.align-items-start {
    align-items: flex-start !important;
}

.align-items-end {
    align-items: flex-end !important;
}

.align-items-center {
    align-items: center !important;
}

.align-items-baseline {
    align-items: baseline !important;
}

.align-items-stretch {
    align-items: stretch !important;
}

.align-content-start {
    align-content: flex-start !important;
}

.align-content-end {
    align-content: flex-end !important;
}

.align-content-center {
    align-content: center !important;
}

.align-content-between {
    align-content: space-between !important;
}

.align-content-around {
    align-content: space-around !important;
}

.align-content-stretch {
    align-content: stretch !important;
}

.align-self-auto {
    align-self: auto !important;
}

.align-self-start {
    align-self: flex-start !important;
}

.align-self-end {
    align-self: flex-end !important;
}

.align-self-center {
    align-self: center !important;
}

.align-self-baseline {
    align-self: baseline !important;
}

.align-self-stretch {
    align-self: stretch !important;
}

.d-flex{
    display: flex;
}

.text-center{
     text-align: center;
 }

.mb-16 {
    margin-bottom: 1rem!important;
}

.mb-32 {
    margin-bottom: 2rem!important;
}

.mb-64 {
    margin-bottom: 4rem!important;
}

.mb-128 {
    margin-bottom: 8rem!important;
}

 /*job portal*/

.g-wrapper{
    width: 1600px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.g-job-portal{
    padding: 5rem 15px;
    background-color: #8fe3f2;
    color: #333333;
}

.g-search-box{
    position: relative;
}

.g-search-box input{
    width: 100%;
    background: transparent;
    padding: 20px 50px 2rem 20px;
    text-align: center;
    border: 1px solid #1d1e28;
    font-size: 20px;
    box-shadow: none;
}

.g-search-box img{
    position: absolute;
    width: 40px;
    right: 25px;
    top: 0;
    bottom: 0;
    margin: auto;
    cursor: pointer;
}

.g-select{
    width: 100%;
    background: transparent;
    border: 1px solid #1d1e28;
    border-left: none;
    border-right: none;
    padding: 3rem 50px 3rem 1rem;
    font-size: 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("../images/select-arrow_v2.png");
    background-repeat: no-repeat;
    background-position: right center;
}

.g-dark-bg{
    background: #1d1e28;
}

.g-jobs-list{
    background: #1d1e28;
    color: #8fe3f2;
    font-size: 20px;
    line-height: 26px;
    padding-top: 8rem;
    padding-bottom: 8rem;
}

.g-jobs-list p{
    margin-bottom: 0;
}

.g-jobs-list .row{
    padding-top: 3rem;
    padding-bottom: 3rem;
    border-top: 1px solid #8fe3f2;
}
.g-jobs-list .row:last-of-type{
    border-bottom: 1px solid #8fe3f2;
}

.g-jobs-list .g-job-title {
    font-weight: bold;
}

.g-btn{
    display: inline-block;
    padding: 8px 15px;
    font-weight: bold;
    background: #1d1e28;
    color: white;
    border: 1px solid white;
    text-decoration: none;
    text-align: center;
    font-size: 16px;
}

.g-btn-job{
    color: #8fe3f2;
    border-color: #8fe3f2;
    padding: 3px 15px;
}

.footer{
    position: relative;
    overflow: hidden;
}




.feature--alt h4 {
  max-width: none;
}

.header h1 {
    font-size: 85px;
    padding-top: 60px;
    line-height: 1.1;
}

.feature--alt .feature__entry {
  height: auto;
  overflow-y: unset;
}

.footer {
  padding: 3rem 0 9rem;
}

footer .btn.form__btn
{
    margin-bottom: 2rem;
    /* font-size: 2.4rem; */
    font-size: 20px;
    height: 5rem;
    line-height: 1;
}

.g-select
{
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.shell_wenigerBreit
{
    max-width: calc( 165rem + 1.5rem * 2 );
}

.section, .section--alt
{
    padding: 16rem 0 0;
}

.person-main .person__slider {
  max-width: 77rem;
}

.form .form__note {
  font-size: 20px !important;
}

.section-person .feature .feature__entry p
{
    text-align: justify;
}

.person-main h2 {
  margin-bottom: 2.5rem;
}

.callout .callout__btn {
  padding: 0.4rem 0.4rem;
  font-size: 20px;
  height: auto;
}