@media all and (max-width: 1260px){

    #ninetillfive .ce_kachelelement .notfloat_right{
        vertical-align: middle;
    }
    
    #ninetillfive .ce_kachelelement .notfloat_right > .inside{
        padding-top: 10rem;
    }
    
    #ninetillfive .headlinecontainer > * {
  font-size: 36px;
}
}

@media all and (max-width: 980px){
   .teasergrid > .itemsperRow_3 > *, .ce_gallery ul.cols_3 > li {
  width: calc( (100% - (4 * 10px)) / 2 );
}
    
    #herosection h1 {
  font-size: 32px;
}

    #herosection .caption .inside > div {
  padding-top: 4rem;
}
    
    .ce_kachelelement .row > *,.twocol .row > *{
        display: table-footer-group;
    }
    
    .ce_kachelelement .row > .mediaholder, .twocol .row > .mediaholder{
        display: table-header-group;
    }
    
    .twocol .row > .ce_text:first-of-type .inside, .jobfacts .holder .inside,.ce_kachelelement .row > *, .twocol .row > .ce_text > .inner {
  padding: 2rem 20px;
}
    
    #herosection{
  overflow: hidden;
    }
    
    
      #ninetillfive .ce_kachelelement .notfloat_right > .inside{
        padding-top: 4rem;
    }
    
    body .mod_joblist .teasergrid > div > div:hover .caption{
    background: white;
        opacity: 1;
}
 body .mod_joblist .teasergrid > div > div:hover .caption .title > *{
opacity: 1;
}

.mod_joblist .teasergrid > div > div .caption .title > .plus{
  display: none;
}
    
    .mod_joblist .teasergrid > div > div .caption .inner:after{
        display: block;
    }
    .facts > span{
        display: inline;
    }
    
  
    
    .arcname {
  margin-bottom: 0.5rem;
    }
    
    .card .holder .caption {
  padding: 20px;
}
    
    .mod_joblist .teasergrid > div > div .caption .title {
  padding-right: 60px;
}
    
    .mod_joblist .teasergrid > div > div .caption .title::after {
  display: table;
    }
    
    .teasergrid > .itemsperRow_4 > *, .ce_gallery ul.cols_4 > li {
  width: calc( (100% - (4 * 10px)) / 2 );
}
    
}


@media all and (max-width: 780px){
    .footertop .row > *{
        display: block;
        width: auto;
    }  
    
    
    .onepage_navigation__list li {
float:none;
display: block;
text-align:center;
margin:0 0 15px 0;
}
    
    .footertop .row > * .holder > img {
  width: auto;
}
    
    .footertop .row > * .holder {
  width: auto;
  margin: 0 -25% -15% 0;
}
    .ce_heroImage{
        display: table;
        width: 100%;
    }
    
    .ce_heroImage .inside{
        display: table-row;
    }
    
    .ce_heroImage .inside > .bgImage{
         display: table-footer-group;
    }
    
 #herosection .mod_pageImage > .inside .caption{
         display: table-header-group;
        background: #4D9DD7;
        position: relative;
    }
    

    #herosection .row > div > div > div {
  width: auto;
}
    
    #main .mod_article > .block {
  padding: 2rem 2rem 4rem;
}
    #ninetillfive .ce_kachelelement .notfloat_right > .inside {
  padding-top: 4rem;
}
    .ce_kachelelement .notfloat_right > .inside{
        padding-bottom: 0;
    }
    .ce_kachelelement .notfloat_left > .inside{
        padding-top: 2rem;
    }
    
    #herosection .caption .inside > div {
  padding-bottom: 4rem;
  padding-top: 8rem;
}
}



@media all and (max-width: 680px){
   .teasergrid > .itemsperRow_3 > *, .ce_gallery ul.cols_3 > li {
  width: 100%;
       margin: 0 0 20px;
}
    
        .teasergrid > .itemsperRow_4 > *, .ce_gallery ul.cols_4 > li {
  width: calc( (100% - (0 * 10px)) / 1 );
}
    
    #main .mod_article > .block,.ce_kachelelement .notfloat_right > .inside {
  padding: 2rem;
    }
    
    .ce_kachelelement .notfloat_left > .inside{
        padding: 0;
    }
    
    .links {
  display: table;
  margin: 0 auto;
}
header > .inside {
padding:0;
}
#header .link .title .label {
display:none;
}
header > .inside .holder > .table,
#herosection .caption .inside > div {
padding-left:20px;
padding-right:20px;
}

.safari #herosection .table > .row {
padding-left:0;
padding-right:0;
}
h2,
#ninetillfive .headlinecontainer > *,
.footertop .headlinecontainer > * {
font-size: 24px;
}
#ninetillfive .headlinecontainer > * {
padding-right:0;
}
.footertop .row > .text {
width:auto;
}
.footer_top:after {
background-position:50% 50%;
}
.footertop .row > * .holder {
margin:0 -28% -15% 0;
}
#company .mediaholder::after {
width:40px;
}
.iconlist .listitem {
margin-bottom: 20px;
}
.col {
column-count: 1;
column-gap: 0;
}
}