@import url(https://fonts.googleapis.com/css?family=Open+Sans);
body {
    font-family: "Open Sans";
}
a{
    color: #ff7500;
}
.ce-gallery img {
    display: block;
    width: 100%;
    height: auto;
}
.box{
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
    z-index:502;
    margin: 0 20px 20px 0;
}
.blur{
    background-color: rgba(221,227,237,0.5) !important;
    background-size: cover;
    overflow: hidden;
    /*filter: blur(5px);*/
    /*position: absolute;*/
    width: 50%;
    height: 10rem;
    /*top: -8px;*/
    left: -15px;
    min-width: 32rem;
    max-width: 35rem;
}

/*für Table mit scroll effect */
.table-scrollable {
  width: 100%;
  overflow-y: auto;
  margin: 0 0 1em;
}

.table-scrollable::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 14px;
  height: 14px;
}

.table-scrollable::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 3px solid #fff;
  background-color: rgba(0, 0, 0, .3);
}
.inside{
    /*transition:all .4s ease-in-out;*/
    background-size:cover;
    position: relative;
    overflow:hidden;
    /*width: 150%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    left: -30%;*/
}
.inside:hover {
}
.inside img {
    transition:all .4s ease-in-out;
}
.inside:hover img {
    -moz-transform: scale(1.05);/* Firefox */
    -webkit-transform:translateZ(0) scale(1.05); /* Safari and Chrome */
    -ms-transform:scale(1.05);/* IE 9 */
    -o-transform:translateZ(0) scale(1.05); /* Opera */
    transform: scale(1.05);
}
.experte {
    position: absolute;
    bottom: 0px;
    right: 0;
    left:0;
    /*padding-bottom: 1rem;*/
    font-size: 22px;
    color:#ffffff;
    background-color: rgba(56, 74, 102, 0.8);
    z-index:510;
}

.experte a{
    position: relative;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    padding-left: 25px;
    top:0px;
}
.experte a:hover{
    color: #ffffff;
    color:#db874a;
}
.titelZuHead{
    font-size: 1.25rem;
}
/*-------------------Logo&Metanav--------------------------*/
.navbar-user .logo{
    left:108px;
    padding-top: 3px;
}
a.navbar-brand{
    outline: none;
}
.navLeftSide{
    padding: 0px;
    margin-right: 0;
    margin-left: 108px;
}
.fa-search{
    display: none;
}
.p-1{
    display: none;
}
.btn-orange-news.btnMetaNav {
    outline: none;
}
div#searchinMobileNav {
    display: none;
}
/*-------------------Suchmaske Frontpage--------------------*/
.searchMaske{
    background-color: rgba(10,34,64,0.8);
    /*background-image: linear-gradient(to bottom, #ffba7f, #FF7500);*/
    height: 85px;
    margin-top: -5px;
}
.searchMaske .col-md-4.textMaske{
    width: 23%;
    padding-right: 0px;
}
.searchMaske p{
    /*font-size:1.6rem;*/
    /*font-size: 22px;*/
    font-size: 19px;
    color:#ffffff;
    padding-top:20px;
}
.searchMaske .erweiterteSuche{
    width: 20%;
    padding-right: 7px;
    padding-left: 70px;
}
.searchMaske .initialbewerbung{
    padding-left: 7px;
}
.form-control.form-search::-moz-placeholder{
    font-style: italic;
    font-size: 0.8rem;
}
.form-control.form-search:-ms-input-placeholder{
    font-style: italic;
    font-size: 0.8rem;
}
.form-control.form-search:-moz-placeholder {
    font-style: italic;
    font-size: 0.8rem;
}
.form-control.form-search::-webkit-input-placeholder{
    font-style: italic;
    font-size: 0.8rem;
}
.form-search.form-control {
    border:none;
    margin:1rem;
    /*width:80%;*/
    width: 287px;
    height:35px;
}
.form-search.form-control.left {
    margin-right: 8px;
}
.form-search.form-control.right {
    margin-left: 8px;
}
.searchMaske button{
    color: #ffffff;
    /*background-color: transparent;*/
    background-image: linear-gradient(to bottom, #FF7500, #ffba7f);
    border-style: solid;
    border-color: transparent;
    padding: 3px 40px 7px 40px;
    border-width: 1px;
}
.searchMaske button:hover{
    background-color: transparent!important;
}
.searchMaske .form-link{
    font-size: 14px;
    margin-top:-10px;
}
.annonceLinkAction.landinglink {
    color: #ffffff;
}
a.landinglink:hover{
    color: #ff7500;
    text-decoration: none;
}
.btn-orange-news.metaNav{
    padding: 5px 10px!important;
}
/*-------------------Suchmaske Filter--------------------*/
#searchFields{
    padding-top:1rem;
    padding-left:4.5rem;
    /**
    hide this div, see JIRA TITS-61
     */
    display: none;
}
.suchField1, .suchField2, .suchField3, .suchField4, .suchField5, .suchField6 {
    width:auto;
}
.suchField1{
    background-color: #ff7500;
    border: none;
    text-align: center;
    color: #ffffff;
    cursor:pointer;
    corsor:hand;
}
div.close-icon{
    float: right;
    font-size: 0.9rem;
    margin-left: 1rem;
    margin-top: -3px;
    position:relative;
    right:-8px;
}
div.suchtext{
    float:left
}
.suchField2{
    background-color: #3b4e66;
    border: none;
    text-align: center;
    color: #ffffff;
    cursor:pointer;
    corsor:hand;
    margin-left:0.5rem;
    min-height:1.5rem;
}
#annonceUmkreis:disabled {
    color: lightgrey;
}
.anzeigeProSeite{
    margin-top:1.3rem;
    padding-left: 7rem;
}
.ergebnisse{
    margin-top:1.5rem;
    padding-left: 14rem;
}
.col-md-6.col-lg-4.pagination{
    right: -15px;
    margin-top: 0rem;
}
/*im normalen Sich ist es versteckt*/
li.nextPage, .ergebnisseOben{
    display: none;
}
/*----------------Merkliste popup--------------------*/
.white-popup {
    position: relative;
    background: rgba(56, 74, 102, 0.8);
    padding: 20px;
    width: auto;
    max-width: 400px;
    margin: 20px auto;
}
.popup-header{
    color: #fff;
}
.popup-titel {
    color: #ff7500;
}

/*-------------------portfolio-startseite--------------------*/
.startseite {
    text-align: center;
    font-size: 20px;
    color:#ffffff;
    background-color: rgba(56, 74, 102, 0.8);
    padding: 50px;
    z-index:500;
}
.startseite a{
    color: #ffffff;
}
.startseite a:hover{
    color: #db874a;
    text-decoration: none;
}
/*-------------------portfolio-Bewerber--------------------*/
.Bewerber {
    text-align: center;
    font-size: 22px;
    color:#ffffff;
    background-color: rgba(56, 74, 102, 0.8);
    z-index:500;
    display: flex;

    /* Center vertically */
    align-items: center;

    /*Center horizontaly */
    justify-content: center;

    /*min-height: 220px;*/
    /*height:120px;*/
    top:0;
    bottom: 0px;
    right: 0;
    left: 0;
    position: absolute;
}
.Bewerber a{
    color: #ffffff;
}
.Bewerber a:hover{
    color: #ffffff;
    text-decoration: none;
}
div .Bewerber:hover {
    background-color: rgba(236, 136, 0, 0.8);
}
/*-----------------portfolio-Aktuelles----------------------*/
.back{
    background-repeat:no-repeat;
    position: relative;
    width: 100%;
    overflow: hidden;
}
.back img{
    max-width: 100%;
    transition:all .4s ease-in-out;
}
.back:hover img{
    -moz-transform: scale(1.05);/* Firefox */
    -webkit-transform:translateZ(0) scale(1.05); /* Safari and Chrome */
    -ms-transform:scale(1.05);/* IE 9 */
    -o-transform:translateZ(0) scale(1.05); /* Opera */
    transform: scale(1.05);

}
.PAktuelles {
    position: absolute;
    bottom: 0px;
    right: 0;
    left:0;
    /*height: 100px;*/
    text-align: center;
    font-size: 22px;
    color:#ffffff;
    background-color: rgba(56, 74, 102, 0.8);
    z-index:510;
}
.PAktuelles h2{
    padding-top:5px;
    font-weight: bold;
}
.PAktuelles a{
    color: #EC8800;
    cursor: pointer;
    text-decoration: none;
}
/*-----------------teaser ohne Bildbewegung----------------------*/
.backStill{
    background-repeat:no-repeat;
    position: relative;
    width: 100%;
    overflow: hidden;
}
.backStill img{
    max-width: 100%;
}
.PAktuellesStill {
    position: absolute;
    bottom: 0px;
    right: 0;
    left:0;
    /*height: 100px;*/
    text-align: left;
    font-size: 22px;
    color:#ffffff;
    background-color: rgba(56, 74, 102, 0.8);
    z-index:510;
}
.PAktuellesStill h2{
    padding-top:5px;
    font-weight: bold;
}
.PAktuellesStill a{
    color: #EC8800;
    cursor: pointer;
    text-decoration: none;
}

/*-----------------aktuelles----------------------*/
.aktuelles {
    float:right;
    text-align: left;
    font-size: 22px;
    color:#ffffff;
    background-color: rgba(56, 74, 102, 0.8);
    /*border: 1px solid green; */
    padding: 70px;
    z-index:500;
}
.aktuelles h2{
    font-size: 36px;
    /*font-weight: bold;*/
}

.btn-pressemeldung {
    background-image: linear-gradient(to bottom, #FF7500, #ffba7f);
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 30px;
    margin: 4px 2px;
    cursor: pointer;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    /*box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);*/
}
.btn-pressemeldung:hover {
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.49);
}
/*-----------------Portfolio Festangestellte----------------------*/
div.txthoverRight{
    /*padding: 50px 20px 250px 50px;*/
}
div.txthoverRight:hover .nachher
{
    display: block;
}
div.txthover:hover .vorher,div.txthover:focus .vorher
{
    visibility: visible;
}
.txthoverRight .vorher, .txthoverRight .nachher
{
    position: absolute;
    width: 700px;
    height: 300px;
    text-align: center;
    font-size: 22px;
    color:#ffffff;
    background-color: rgba(56, 74, 102, 0.8);
}
.txthover
{
    /*position: absolute;*/
    width: 100%;
    height: auto;
    text-align: center;
    font-size: 22px;
    color:#ffffff;
    background-color: rgba(56, 74, 102, 0.8);
}
div.txthover .vorher
{
    visibility: hidden;
}
.txthover h2{
    color:#F18832;
}

.txthoverRight .nachher
{
    display: none;
    z-index: 100;
}
.txthoverRight .vorher
{
    display: block;
    z-index: 50;
}
.txthoverRight h2{
    font-size: 42px;
    color:#F18832;
}
div.txthoverLeft{
    padding: 50px 0px 270px 50px;
}
div.txthoverLeft:hover .nachher
{
    display: block;
}
div.txthoverLeft:hover .vorher
{
    display: none;
}
.txthoverLeft .vorher, .txthoverLeft .nachher
{
    /*position: absolute;*/
    width: 100%;
    height: auto;
    text-align: center;
    font-size: 22px;
    color:#ffffff;
    background-color: rgba(56, 74, 102, 0.8);
}
.txthoverLeft .nachher
{
    display: none;
    z-index: 100;
}
.txthoverLeft .vorher
{
    display: block;
    z-index: 50;
}
.txthoverLeft h2{
    font-size: 42px;
    color:#F18832;
}/*-----------------Portfolio Transparente Hintergrund -----------*/
.transparent{
    background-color:rgba(221, 227, 237, 0.8);
    margin: 2rem 0;
    max-width: 380px;
}
/*.toptecscontainer {*/
    /*display:flex;*/
/*}*/
/*.toptecscontainer .col-xs-12 {*/
    /*background-color:rgba(221, 227, 237, 0.8);*/
/*}*/
.toptecselement{
    background-color:rgba(221, 227, 237, 0.8);
}
.flexrow{
    display:flex;
    margin-top:3rem;
}
.toptecsbutton{
    margin-top:3rem;
}
/*.buttonFloatLeftAnlage {*/
    /*margin-top: 3rem;*/
/*}*/
/*-----------------Management Teaser -----------*/
.hovertxt
{
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
}
.hovertxt .show {
    display:flex;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 22px;

    align-items: center;
    visibility: hidden;
    background-color: rgba(214,235,242,0.8);
}
.show p{margin:auto;}
div.hovertxt:hover .show,div.hovertxt:focus .show
{
    visibility: visible;

}
.hovertxt .show-dark {
    display:flex;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 22px;
    color:#fff;
    align-items: center;
    visibility: hidden;
    background-color: rgba(56, 74, 102, 0.8);
}
.show-dark p{margin:auto;}
.show-dark p a{
    color:#fff;
    text-decoration: none
}
div.hovertxt:hover .show-dark,div.hovertxt:focus .show-dark
{
    visibility: visible;

}


/*-----------------aktuelles----------------------*/
.blogbeitrag {
    float:right;
    text-align: left;
    color:#ffffff;
    background-color: rgba(56, 74, 102, 0.8);
    padding: 1.5rem;
    z-index:500;
    position: absolute;
    top: 0;
    bottom: 0px;
    right: 0;
    /*max-height: 540px;*/
    /*min-height: 620px;*/
}
.BlogBox{
    background-repeat: no-repeat;
    position: relative;
}

/*-----------------Carosel----------------------*/
/*die Größe der Slider image*/
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
    width: 100%;
    margin: auto;
}

.carousel-inner > .carousel-item > img {
    width: 100%;
    margin: auto;
}
.carousel-caption{
    color:#ffffff;
    text-shadow: none;
    /*width: 25%;*/
    background-color: rgba(56, 74, 102, 0.8);
    height:100%;
    bottom:0;
}
.carousel-caption.caption-right{
    /*top: 60px;*/
    float: right;
    left: auto;
    /*bottom: 60px;*/
    right: auto;
    text-align: center;
    padding: 0 140px 0 140px;
}
.carousel-caption h2{
    font-size: 2.5rem;
    font-weight: bold;
}
.carousel-control{
    width:0%;
    left: 50px;
}
.right.carousel-control{
    right: 50px;
}
.btn-carosel {
    background-image: linear-gradient(to bottom, #FF7500, #ffba7f);
    border: none;
    color: white;
    padding: 10px 28px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    /*font-size: 1.8rem;*/
    margin: 4px 2px;
    cursor: pointer;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    /*box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);*/
}

.carousel-control .icon-prev::before,.carousel-control .icon-next::before {
    content: "";
}
.caption-inner{
    position:relative;
    top:25%;
}

.download img{display: none;}
/*-----------------Carosel Slider----------------------*/
.boxCarousel{
    text-align: left;
    font-size: 1.5rem;
    /*font-weight: bold;*/
    padding: 20px;
}
.row.start-xs .sliderCaption{
    top:0;
    height: 350px;
    width: 350px;
    left: 120px;
    background-color: rgb(59, 78, 102);
}
.boxCarousel a{
    color:#fff;
    font-weight: 100;
    font-size: 19px;
}
.boxCarousel a:hover{
    text-decoration: none;
    color: #ff7500;
}
.boxCarousel hr{
    border:solid #ff7500 1px;
    height:1px;
    background-color:#ff7500;
    width:100%
}

/*-----------------3Spalten-Bild-Icon----------------------*/
.Spalten{
    color:#ffffff;
    left: 20px;
    z-index:502;
}
.button{
    width: 300px;
    height: 100px;
    margin-left: auto;
    margin-right: auto;
}
.btn-orange{
    background-image: linear-gradient(to bottom, #FF7500, #ffba7f);
    border: none;
    color: white;
    padding: 10px 28px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14.5pt;
    margin: 4px 2px;
    cursor: pointer;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}
/*--------------- News--------------------------*/
.newsDateLocation{
    color: #5b6b82;
}
.btn-orange-news{
    font-size: 16px;
    background-image: linear-gradient(to bottom, #FF7500, #ffba7f);
    border: none;
    color: white;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin: 4px 2px;
    cursor: pointer;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    /*box-shadow: 5px 5px 5px #888888;*/
}
.img-responsive-small{
    width:300px;
    height: 100px;
}
.img-responsive{
    width:100%;
    /*height:300px; wegen Presse geändert*/
    height:auto;
}
.img-responsive-detail{
    width:100%;
    height:auto;
}
.img-dummy.img-responsive{
    width:100%;
    height:100%;
}
.news-list-item .img-dummy.img-responsive{
    width:100%;
    height:300px;
}
.news-list-item h3 {
    min-height:3rem;
    font-size: 1.5rem!important;
    margin-top: 10px;
    font-weight: 400;
}
.news-list-item h3 > p , .news-text-wrap p{
    margin:0;
}
.btn.btn-default.btn-read-more {
    padding-left: 0;
}
.titel-news{
    font-size: 1.5rem;
    padding-top:70px;
}
.news-text-wrap{
    padding-top: 0.5rem;
}
.row.news-list-view {
    padding-top: 70px;
}
.label-info{
    background-color: #ff7500;
}
.page-link {
    color:#ff7500;
}
.page-item.active .page-link, .page-item.active .page-link:focus, .page-item.active .page-link:hover {
    background-color: #ff7500;
    border-color: #ff7500;
}
/*-----------------------Teaser Allgemein --------------------------------*/
.bg-blue-transp{
    color:#fff;
    background-color: rgba(56, 74, 102, 0.8);
}
/*-----------------------Broschören & Whitepaper--------------------------*/
.downloads{
    height: 25.8rem;
    position: inherit;
    background-repeat: no-repeat;
    background-size: cover;
}
.titel{
    position: absolute;
    text-align:left;
    padding-left: 1rem;
    background-color: #dde3ed;
    top:13.8rem;
    height: 3rem;
    width: 65%;
}
.titel a{
    color: #000000;
    font-size: 14px;
}
.textarea{
    position: absolute;
    bottom: 0px;
    right: 0;
    left:0;
    text-align: left;
    padding-left: 1rem;
    padding-top: 1rem;
    color:#ffffff;
    background-color: rgba(56, 74, 102, 0.8);
    height: 9rem;
}
.link a{
    position: absolute;
    bottom: 5px;
    padding-left: 1rem;
    color:#ff7500;
}
/*------ accordion panel-------- */
.panel-title:hover, button:hover{
    background-color: #ff7500!important;
    color: #0a2240;
    text-decoration:none;
}
/*das Tab ist geschlossen*/
.panel-heading .accordion-toggle.collapsed {
    background-color:#fff;
}
.panel-title .accordion-toggle.collapsed .accordeonTextSpan:before {
    /*    content: url(/typo3conf/ext/topittemplate/Resources/Public/Icons/AufzaehlungIcon.png);
		float: left;
		margin: 0 5px 0 5px;*/
    content: '';
    position:absolute;
    height: 25px;
    width: 35px;
    background-image: url(../Icons/AufzaehlungIcon.png);
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: -35px;
}
/*das Tab ist offen*/
.panel-heading > .accordion-toggle{
    background-color:#ff7500;
}
.panel-title .accordion-toggle .accordeonTextSpan:before {
    /*    content: url(/typo3conf/ext/topittemplate/Resources/Public/Icons/AufzaehlungIcon-aktiv.png);
		float: left;
		margin: 0 5px 0 5px;*/
    content: '';
    position:absolute;
    height: 25px;
    width: 35px;
    background-image: url(../Icons/AufzaehlungIcon-aktiv.png);
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: -35px;
}
.panel-title{
    margin-bottom: 0px;
}
.panel-title button{
    /*background-color: #ffffff;*/
    background-color: #ff7500;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    font-size: 1rem;
    font-weight: 400;
}
.accordeonTextSpan{
    vertical-align: sub;
    padding-left:35px;
}

div.in {
    background-color: rgba(10, 34, 64 ,0.8);
    color: #ffffff;
    padding: 10px 15px;
}
.collapsing {
    -webkit-transition: height 0.001s linear;
    -moz-transition: height 0.001s linear;
    -ms-transition: height 0.001s linear;
    -o-transition: height 0.001s linear;
    transition: height 0.001s linear;
}
/*-------------------teaser-Volltext------------------------------*/
.box2 {
    background-size: 100% 100%;
    position: relative;
    width: 500px;
    height: 300px;
    z-index:502;
    margin: 0 20px 20px 0;
}

.volltext {
    position: absolute;
    bottom: 0px;
    right: 0;
    left:0;
    height: 100%;
    font-size: 22px;
    color:#ffffff;
    background-color: rgba(56, 74, 102, 0.8);
}
div.volltext.show {
    opacity: 1;
    max-height: 500px;
}
.experte h3 {
    padding-left: 20px;
    padding-top: 20px;
    font-weight: 400;
}
.volltext p {
    padding-left: 10px;
    padding-top: 10px;
}
/*-------------------teaser-transparente Hintergrund mit icon------------------------------*/
.transparentBox{
    color:#000;
}
.text-box{
    text-align:center;
    padding-top:5px;
}
.transparentBox img{
    display: block;
    margin-left: auto;
    margin-right: auto;
}
/*------------teaser erfolgsgeschichten------------------*/
.successrow {
    max-height:100%;
    min-height:30rem;
    display:table;
}
.row.successrow .col-md-8 p {
    margin: 20px 140px 20px 80px;
    text-align: justify;
}
/*------------teaser Dunkelblau------------------*/
.imageAndText{
    background-repeat: no-repeat;
    position: relative;
}
.dunkelblauteaser {
    height:100%;
    color: #fff;
    background-color:rgb(10, 34, 64);
    z-index: 500;
    display: table-cell;
    top: 0;
    bottom: 0px;
    right: 0;
    padding-left: 5rem;
    padding-right: 10rem;
    padding-top: 5rem;
    overflow: auto;
}
div#innerbox p {
    max-width: 80%;
}
/*-------------------Bühnenbild--------------------------*/
.buehnenbild-overlay{
    position:absolute;
    bottom:30%;
    background-color: rgba(56, 74, 102, 0.8);
    color:#fff;
    padding: 0.5rem 1rem 0rem 1rem;
    display: flex;
    align-items: center;
    font-size:2rem;
}
/*-------------------magnific Popup------------------------------*/
.standortadresse a{
    color:#ffffff;
	outline:none;
	text-decoration: none;
}
.standortadresse a:hover{
    color:#ff7500;
    text-decoration: none;
}
#rechtsmenu{
    float:left;
    width:100%;
    overflow:hidden;
    position:relative;
}
#rechtsmenu ul {
    clear:left;
    float:left;
    list-style:none;
    position:relative;
    left:50%;
    text-align:center;
    border: 0px !important;
}
#rechtsmenu ul li {
    display:block;
    float:left;
    list-style:none;
    position:relative;
    color: #ffffff!important;
    background-color: rgba(10,34,64,0)!important;
    border-color: rgba(10,34,64,0.1)!important;
}
#rechtsmenu ul li a {
    display:block;

    text-decoration:none;
    line-height:1.3em;
    color: #ffffff;
}
#rechtsmenu ul li a.active{
    background: rgba(10,34,64,0)!important;
    text-decoration: underline!important;
    border-color:rgba(10,34,64,0);
}
#rechtsmenu ul li a:hover {
    border-color: transparent;
    color:#fff;
    background: rgba(10,34,64,0)!important;
}
.white-popup-block{
    background: rgba(10,34,64,0.9)!important;
    color: white;
    height: 400px;
    padding: 20px 10px 0px 10px;
}
.mfp-bg{
    background:none;
}
.mfp-close-btn-in .mfp-close {
    color: #fff!important;
}

.tab-pane.active{
    background-color:rgba(10,34,64,0)!important;
    color:#ffffff!important;
}
button.mfp-close:hover{
    background-color: transparent!important;
}
.tab-pane img{
    padding-top: 5px;
    width:100%;
    height:auto;
}
.standortadresse{
    position: absolute;
    bottom: 0;
    width: 100%;
    color: ghostwhite;
    background-color: rgba(56, 74, 102, 0.8);
    padding: 10px 20px;;
}
a.magnificLink:hover{color:#FF7500!important;text-decoration: none!important;}
/*------------------ Kontakt Slider -------------------------*/
.drawer-controls {
    height: 0;
    adding-left: 0px;
}
#collapseRueckruf.collapse.in {
    display:flex;
    display: -ms-flexbox;
    display: -webkit-box;
}
.powermail_fieldwrap.powermail_fieldwrap_type_input.powermail_fieldwrap_telefonnummer.form-group.col-xl-10.col-lg-12.col-md-12 {
    padding-top: 20px;
    padding-left: 0px;
}
.powermail_fieldwrap.powermail_fieldwrap_type_submit.powermail_fieldwrap_abschicken.col-md-2.form-group {
    padding-top: 0.8rem;
    padding-left: 33px;
}
.powermail_fieldwrap.powermail_fieldwrap_type_input.powermail_fieldwrap_telephonenumber.form-group.col-xl-10.col-lg-12.col-md-12 {
    padding-top: 20px;
    padding-left: 0px;
}
.powermail_fieldwrap.powermail_fieldwrap_type_submit.powermail_fieldwrap_submit.col-md-2.form-group {
    padding-top: 0.8rem;
    padding-left: 33px;
}
/*-------------------mfg route------------------------------*/
.inpoutfeld{
    display: inline-block;
    position: relative;
}
.searchlupe{
    /*background-image: linear-gradient(to bottom, #FF7500, #ffba7f);*/
    /*background-image: url("../fileadmin/medien/searchLupe.png");*/
    background-repeat:no-repeat;
    border: none;
    display: inline-block;
    position: absolute;
    left: 12.7em;
    top: 10px;
    width: 40px;
    height: 35px;
}
.input{
    border: 1px;
    cursor: pointer;
    width: 100%;
    height: 50px;
    color: #000000;
    max-width: 195px;
}
/*------------Karrieremodel als HTML element------------------*/
.row.first{
    margin-top: 20px;
}
div.popover{
    max-width: 600px!important;
}
.popover-title{
    background-color:rgba(10, 34, 64 ,0) ;
}
.Karrieremodell{
    background-image: url(../Icons/ICED_Hintergrund.jpg);
    background-repeat: no-repeat;
    width: 60%;
    max-width: 515px;
    padding-top: 50px;
    padding-left: 75px;
    transform: translate(50%,0%);
}
.Karrieremodell.Rec{
    background-image: url(../Icons/ICED_Hintergrund_Rec.jpg);
}
.Karrieremodell button {
    cursor: pointer;}

button.btn.karriere.dunkel.blau{
    background-color: rgba(10, 34, 64 ,1);
    border-color: rgba(10, 34, 64 ,1);
}
button.btn.karriere.blau {
    color: #fff;
    background-color: rgba(20, 69, 130 ,1);
    border-color: rgba(20, 69, 130 ,1);
    margin-bottom: 0.5rem;
    border-radius: 0rem;
    width: 13rem;
    height: 3.6rem;
}
button.btn.karriere.blau:hover{
    background-color: #db874a;
    border-color: #db874a;
}
.btn.disabled, .btn.blau:disabled{
    background-color: #0a2240!important;
    opacity: 1;
}
button.btn.karriere.dunkel.rot{
    background-color: rgba(110, 25,25 ,1);
    border-color: rgba(110, 25,25 ,1);
}
button.btn.karriere.rot {
    color: #fff;
    background-color: rgba(221, 51, 51 ,1);
    border-color: rgba(221, 51, 51 ,1);
    margin-bottom: 0.5rem;
    border-radius: 0rem;
    width: 13rem;
    height: 3.6rem;
}
button.btn.karriere.rot:hover{
    background-color: #144582!important;
    border-color: #144582;
}
.btn.disabled, .btn.rot:disabled{
    background-color: #6E1919!important;
    opacity: 1;
}
.Infografik{
    cursor: pointer;
}
/*----Hoverbilder----*/
.imgcenter{
    margin-left: auto;
    margin-right: auto;
}
.Desktop-hidden{
    display: none;
}

.ftr_socialIcon.btn-icon{
	background: none;
	color: inherit;
	border: none;
	padding: 0;
	font: inherit;
	cursor: pointer;
	outline: inherit;
	background-color: transparent!important;
}
/*-------------------Footer------------------------------*/
.footer-container{
    background-color: rgb(10,34,64);
}
.ftr-containerNav{
    padding-top: 45px;
    padding-bottom: 45px;
    color: #ffffff;
}
.ftr-header{
    padding-top:50px;
    text-align:center;
}
.ftr-headerInline{
    padding-top: 40px;
    padding-bottom: 40px;
}
.ftr-headerText{
    color:white;
}
.ftr-header hr{
    width:50%;
    border-top: 1px dashed #ffffff;

}
.footernav ul {
    list-style: none;
    padding-left: 0px;
}
.footernav a {
    list-style: none;
    color: #ffffff;
}
.ftr_socialIcon{
    padding-right: 10px;
}
a.ftr_socialIcon{
	text-decoration:none;
}
.ftr_socialIcon:hover {text-decoration: none}
.ftr_socialIcon .hide {display:none}
.ftr_socialIcon:hover img:first-child{display:none}
.ftr_socialIcon:hover img:last-child{display:inline-block}

.gap{padding-top:1rem}

/*---------------zweite Footer------------------------------*/
div.LayerTwo
{
    height: 100px;
    background-color: rgba(10,34,64,0.8);
    position: relative;
}
div.LayerTwo:before
{
    width: 75%;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    border-top: 50px solid #ffffff;
    border-right: 50px solid rgba(10,34,64,0);
}
.container.footerflex{
    padding-top: 65px;
    display: flex;
    justify-content: flex-start;"
}
.FooterBox{
    color: #ff7500;
    right: 20%;
    position: absolute;
    top: 15px;
    /*font-size: 1.2rem;*/
}
.footerFlex-item.first{width:20%;padding-left: 10px;}
.footerFlex-item a{color:white!important;}
.footerFlex-item a:hover{color:#FF7500!important;text-decoration: none!important;}
.footerFlex-item a:focus{text-decoration: none!important; outline: none;}
/*-----------------------------------*/
.responsive-video {
    position: relative;
    padding-bottom: 55%;
    padding-top: 15px;
    height: 0;
    overflow: hidden;
}

.responsive-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*------------------powermail styles ----------------------*/
.hintergrund-blau {
    background-color: rgb(10,34,64);
    color:#fff;
    padding-top:1rem
}
.hintergrund-blau label {
    text-align:right;
    padding-top: 5px;
}
.tx-powermail > .container-fluid{
    padding-left: 0px;
    padding-right: 0px;
}
.form-control{
    border-radius: 0;
}
.powermail_submit{
    background-image: linear-gradient(to bottom, #FF7500, #ffba7f);
    border: none;
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}
.powermail_submit:hover{
    color:#0a2240;
}
.powermail_form_title{
    text-align: center;
}

/*---------------Annoncen ------------*/
.AnnonceList{
    margin-left: 50px;
    max-width: 1300px;
}
.annonceFilterHeader {
    color:#ff7500;
    font-size: 1.5rem;
    padding-top:1.5rem;
    margin-left:1rem;
    margin-bottom:8px;
}
.annonceListHeader{
    color: #ff7500;
    font-size: 1.5rem;
    padding-bottom: 1rem;
    padding-top: 15px;
}
.annoncenSuchfilter {
    padding-top:10px;
}
a.landing:hover{
    color: rgb(10, 34, 64)!important;
    /*text-decoration: none;*/
}
a.landingPageButton {
    color: #ffffff;
}
a.landingPageButton:hover {
    text-decoration: none;
    color: #0a2240;
}
div.annoncenTitle:hover{
    background: linear-gradient(to bottom, #FF7500, #ffba7f);;
}
div.annoncenTitle:hover a{
    color: #0a2240;
}
.element_data{
    display: table-cell;
    vertical-align: middle;
    height: 70px;
}
svg path,svg circle {
    fill:#0A2240;
}
.annoncenTitle {
    background-color:#dde3ed;
    color:white;
    /*height: 70px;*/
    color:rgb(10, 34, 64);
    padding: 10px;
}
.annoncenTitle.even{
    background-color: #b0b5bd;
}
.onlineBewerbenAnnonce{
    padding-left: 70px;
	text-align: right;
}
/* MArketing Companie für bestimte Annoncen*/
[data-annonce="667-10202"] .bewerben {
	display:none;
}
[data-annonce="667-10202"] .perEmailbewerbenAnnonce{
	padding-left: 200px;
}
[data-annonce="667-3208"] .bewerben {
	display:none;
}
[data-annonce="667-3208"] .perEmailbewerbenAnnonce{
	padding-left: 200px;
}
[data-annonce="667-10303"] .bewerben {
	display:none;
}
[data-annonce="667-10303"] .perEmailbewerbenAnnonce{
	padding-left: 200px;
}
.perEmailbewerbenAnnonce{
    padding-left: 0px;
}
.shariff .facebook a{background-color:transparent}
/*.shariff .facebook a:hover{background-color:transparent!important;}*/
.shariff .twitter a{background-color:transparent}
.shariff .xing a{background-color:transparent}
.shariff .linkedin a{background-color:transparent}
.shariff .googleplus a{background-color:transparent}
.shariff .mail a{background-color:transparent}

.SocialMedia{width:13%;}
.wrapperSocialMedia{padding:0.5rem 3rem 1rem 2rem;height: 40px;}
.SocialMedia a{color:white!important;}
.SocialMedia a:hover{color:#FF7500!important;text-decoration: none!important;}
.SocialMedia a:focus{text-decoration: none!important; outline: none;}
.SocialMedia span{color:white;text-decoration: none!important}
.SocialMedia span:hover{color:#FF7500!important;text-decoration: none!important;}
a.close {color: #ffffff;opacity: 1;}

.pagination.justify-content-end{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end!important;
    -webkit-justify-content: flex-end!important;
    -ms-flex-pack: end!important;
    justify-content: flex-end!important;
}

/*Annoncen carousel Slider */
/*.multi-item-carousel .carousel-inner > .carousel-item  {*/
/*-webkit-transition: 500ms ease-in-out left;*/
/*transition: 500ms ease-in-out left;*/
/*}*/
/*.multi-item-carousel .carousel-inner .active.left {*/
/*left: -33%;*/
/*}*/
/*.multi-item-carousel .carousel-inner .active.right {*/
/*left: 33%;*/
/*}*/
/*.multi-item-carousel .carousel-inner .next {*/
/*left: 33%;*/
/*}*/
/*.multi-item-carousel .carousel-inner .prev {*/
/*left: -33%;*/
/*}*/
/*@media all and (transform-3d), (-webkit-transform-3d) {*/
/*.multi-item-carousel .carousel-inner > .carousel-item  {*/
/*-webkit-transition: 500ms ease-in-out left;*/
/*transition: 500ms ease-in-out left;*/
/*-webkit-transition: 500ms ease-in-out all;*/
/*transition: 500ms ease-in-out all;*/
/*-webkit-backface-visibility: visible;*/
/*backface-visibility: visible;*/
/*-webkit-transform: none!important;*/
/*transform: none!important;*/
/*}*/
/*}*/
/*.multi-item-carousel .carouse-control.left,*/
/*.multi-item-carousel .carouse-control.right {*/
/*background-image: none;*/
/*}*/
@media (min-width:34em) {
    .card-deck > .card
    {
        width: 29%;
        flex-wrap: wrap;
        flex: initial;
    }
}
/* smoother transitions */
.carousel-inner>.carousel-item.next.left,
.carousel-inner>.carousel-item.prev.right
{
    transition: all 1s ease;
}
.custom-select {
    display: inline-block;
	min-width: 50%;
    max-width: 88%;
    height: calc(2.5rem - 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    padding-right: .75rem\9;
    color: #55595c;
    vertical-align: middle;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 10' height='20' width='20' %3E%3Cpath d='M8,5.25H8l5.16-5a0.34,0.34,0,0,1,.47,0l0.91,0.89a0.32,0.32,0,0,1,0,.45h0L8.24,7.7A0.31,0.31,0,0,1,8,7.79,0.33,0.33,0,0,1,7.75,7.7L1.45,1.65a0.32,0.32,0,0,1,0-.45h0L2.36,0.3a0.34,0.34,0,0,1,.47,0Z' /%3E %3C/svg%3E") no-repeat right 1rem center;
    background-image: none\9;
    -webkit-background-size: 20px 20px;
    background-size: 20px 20px;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance:none;
    width:100%;
}
select.custom-select::-ms-expand {
    display: none;
}
.row.PageTitel{
    background-color: rgba(10,34,64,0.8);
    color: white;
    height: 50px;
    padding-top: 10px;
}
.annonceLinkAction {
    color: rgb(10, 34, 64);
    vertical-align: top;
}
.annonceLinkAction.landing {
    color: #ff7500!important;
}
.annonceLinkAction.ergebnis{
    font-weight: bold;
}
.annonceType{
    padding-left:0;
	min-width: 115%;
}
.annonceSector {
    min-width: 115%!important;
}
.annonceSearchWord {
    padding-right:0;
}
.annonceInternTrenner {
    width:100%;
    margin-top:0.3rem;
}
.annonceMerkliste a{
    color: rgb(10,34,64);
}
.annonceMerkliste a:hover{
    color: #ff7500;
    text-decoration: none;
}
.tab-search .tab-pane.active {
    background-color:rgba(221,227,237,0.8) !important;
    min-width:40rem;
    max-width: 40rem;
}
.nav-search .nav-link{
    background-color: rgb(10,34,64);
    display: block;
    padding: .5em 1em .5em 4em;
    border: none;
    border-radius:0
}
.nav-search .nav-item + .nav-item{
    margin-left:0;
}

.nav-tabs.nav-search .nav-link.active,
.nav-tabs.nav-search .nav-link.active:focus,
.nav-tabs.nav-search .nav-link.active:hover,
.nav-tabs.nav-search .nav-item.open .nav-link,
.nav-tabs.nav-search .nav-item.open .nav-link:focus,
.nav-tabs.nav-search .nav-item.open .nav-link:hover{
    background-color:rgba(221,227,237,0.8);
    color: #FF7500;
}
.nav-tabs.nav-search {
    border:none;
}
.nav-search .nav-item {
    min-width:20rem;
    margin-bottom:0px
}
.nav-search a {
    color:#fff;
    padding-left:4rem;
}
.tab-search a {
    margin-left:1rem;
    margin-bottom: 1rem;
}
.current.page-item .page-link{
    background-color: rgba(10,34,64,0.8);
}
.current.page-item .page-link:hover{
    color: #ff7500;
}
/*---------------Annoncen Detailansicht (page) ------------*/
.col-1{
    width:1100px;
}
.AnnonceBuehnenBild{
    padding:0px;
    margin-top:-35px;
}
.AnnonceBuehnenBild .buehnenbild-overlay {
    max-width: 500px;
}
.AnnonceTop{
    margin-top:2rem
}
.AnnonceBottom{
    background-color: #dde3ed;
    color:rgb(10, 34, 64);
    padding:3rem 3rem 0;
}
.AnnonceCard {
    min-height: 116px;
    display: flex;
    align-items: baseline;
}
.AnnonceIntroduction{
    background-color: #dde3ed;
    padding:3rem;
    position: static;
	padding-bottom: 5rem;
}
.AnnonceAdvertTitel{
    color:white;
    background-color:rgb(10, 34, 64);
    padding: 1rem 3rem;
    /*display: inline-block;*/
    width: 109.5%;
    position: relative;
    left: -47px;
}
.AnnonceAdvertTitelMobile{
    display: none;
}
.AnnonceAdvertTitel h5 {
    margin-bottom: 0px;
}
.AnnonceJobInformation{
    background-color: #dde3ed;
    padding: 1rem 0;
	padding-top: 2rem;
}
.AnnonceDescription{
    padding:4rem 3rem 0 3rem;
}
.AnnonceInteresse{
    padding-left:0px;
    padding-top:15px;
}
.col-sm-12.blue-white.AnnonceDescription.chance {
    padding: 3rem;
}
.AnnonceSocialButtons{
    padding-bottom: 50px;
}
/*!*---------Padding bei verschachtelten Spaltencointainer entfernen ---------*!*/
/*.coleft,.coright{*/
    /*padding-right:0*/
/*}*/
/*.coright > div:first-child{*/
    /*padding-right:0*/
/*}*/
/*.transboxleft{*/
    /*padding-left: 65px;*/
/*}*/
/*-----------------Video Kacheln ----------------------*/
.video-title{
    position: absolute;
    bottom: 0;
    padding: 0.5rem 2rem 0 1rem;
    margin-right: 2.2rem;
    background-color: rgba(56, 74, 102, 0.8);
    color: white;
    width:100%;
    min-height:3.5rem;
}
/*-----------------Formular Presseverteiler-----------*/
.powermail_form_1 div.powermail_fieldwrap_email{
    margin-top:0.5rem;
}

/*---------Search Projekt---------------------*/
.SearchBox{
    position:relative;
    margin-top:-12rem;
    /*padding-bottom:5%;*/
    left: 50%;
    width: 60%;
    margin-left: -10%;

}
/*---------------Social Google Plus Icon --------------*/
.tx-pb-social .pb-list-item-googleplus .icon {
    background-image: url("/typo3conf/ext/topittemplate/Resources/Public/Icons/googleplus.png");
}
/*----Metamenü Search-----*/
.hidden-sm-down.col-md-2.SearchInTablet {
    width: 30%;
}
.Merkliste{
    margin-right: 1rem;
}

/*-----------------Large screens----------------------*/
@media only screen and (min-width: 135em) {
    .embed-responsive.embed-responsive-16by9.hidden-md-down.large-monitor {
        margin-top: -650px!important;
        max-width: 2970px;
        margin-left: auto;
        margin-right: auto;
    }
    .embed-responsive video {
        margin-top: -175px;
        max-height: 1600px;
    }
    .SearchBox{
        /*margin-top: -15%;*/
        /*padding-bottom: 15%;*/
    }
}
/*-----------------Tablet-landscape----------------------*/
@media only all and (max-width: 75.000em) and (min-width: 60.000em){
    /*Portfolio kompetenzen*/
    .box:hover , .back:hover{
        --moz-transform: scale(1.00);/* Firefox */
        -webkit-transform:translateZ(0) scale(1.00); /* Safari and Chrome */
        -ms-transform:scale(1.00);/* IE 9 */
        -o-transform:translateZ(0) scale(1.00); /* Opera */
        transform: scale(1.00);
    }
    .FooterBox{
        right: 10%;
    }
    .SearchBox{
        margin-top: -16%;
        padding-bottom: 0;
    }
    /*-------------------Logo&Metanav--------------------*/
    .navbar-user .logo{
        left:20px;
    }
    .navbar-user .metaNav{
        width: 48%;
    }
    .btn-orange-news.btnMetaNav {
        /*padding: 10px 15px!important;*/
        /*font-size: 14px;*/
        display: none;
    }
    /*-------------------Suchmaske Frontpage--------------------*/
    .searchMaske{
        height: 140px;
    }
    .searchMaske p{
        font-size:1.3rem;
        padding-top: 10px;
    }
    .searchMaske button{
        margin-left:165px;
        padding: 3px 65px 7px 70px;
    }
    .searchMaske .col-md-4.erweiterteSuche{
        padding-left: 0px;
        width: 21%;
    }
    .searchMaskeGap{
        width:23%;
    }
    .searchMaske .form-link{
        margin-top: 10px;
    }

    .anzeigeProSeite{
        padding-left: 0;
    }
    .ergebnisse {
        padding-left: 7rem;
    }

    /*Portfolio Aktuelles*/
    .Bewerber {
        text-align: center;
        font-size: 12px;
        color:#ffffff;
        background-color: rgba(56, 74, 102, 0.8);
        z-index:500;
        position: absolute;
        padding-left: 15px;
        /*min-height: 180px;*/
        top:0;
        bottom: 0px;
        right: 0;
        left: 0;
    }
    /*Portfolio Festangestellte*/
    .txthoverRight .vorher, .txthoverRight .nachher{
        width: 500px;
        height: 250px;
        text-align: center;
        font-size: 18px;
        height: 100px;
        position: absolute;
        bottom: 0px;
        right: 0;
        left: 0;
    }
    /*Dunkelblauer Teaser Rechts*/
    .dunkelblauteaser {
        padding-left: 20px;
        padding-top: 10px;
        padding-right: 10px;
        position: static!important;
    }
    .AnnonceAdvertTitel{
        width: 111.5%;
    }
    .AnnonceList{
        margin-left: 0px;
    }
	.AnnonceIntroduction{
		padding-bottom: 8rem!important;
	}
    .row.p-b-1.annoncenTitle{
        font-size: 12px;
    }
    /*Dunkelblauer Teaser Tablet*/
    .dunkelblauteaser-tablet {
        width: 100% !important;
        padding-left: 10%;
    }
    .txthoverLeft .vorher, .txthoverLeft .nachher{
        width: 500px;
        height: 250px;
        text-align: center;
        font-size: 18px;
    }
    .vorher h2{
        font-size: 24px;
    }
    .nachher h2{
        font-size: 24px;
    }
    /*carosel*/
    .carousel-caption h2{
        font-size: 24px!important;
    }
    .btn-carosel {
        font-size: 18pt;

    }
    /*broschören & Whitepaper*/
    .downloads{
        height:27.2rem;
    }
    .titel{
        top: 17.4rem;
        width: 100%;
    }
    .textarea{
        height: 6.8rem;
    }
    .textarea p{
        font-size: 14px!important;
    }
    /*.ipad-full {*/
        /*width:50%;*/
        /*padding-bottom: 20px;*/
        /*margin-left: 20%;*/
    /*}*/
    .management-big{
        padding-bottom: 500px;
    }
    .Karrieremodell{
        transform: translate(30%,0%);
    }
    /*------------teaser erfolgsgeschichten------------------*/
    .erfolgstorytablet{
        left:15%;
    }
    div#myCarousel {
        display: none;
    }
    .bg-blue-transp{
        width:103%;
        margin-top: 58%!important;
        left:-30px;
    }
    .annonceSector,.annonceSearchWord{
        padding-left:0;
    }
    .transboxleft{
        padding-left: 0!important;
        margin-left: 0!important;
        width:50% !important;
    }
    /*Traneeprogramm*/
    .ce-gallery img {
        padding-top: 32px;
    }
    .blogbeitrag p {
        font-size: 0.9rem;
    }
    .blogbeitrag h3 {
        font-size: 1.4rem;
    }
    /*button.btn.btn-orange.btn-tablet{*/
        /*padding: 5px 20px!important;*/
        /*font-size: 1rem!important;*/
    /*}*/
    /*---- PowerMail Presse verteiler*/
    .hintergrund-blau label {
        text-align:left;
        padding-top: 0;
    }
    .toptecscontainer.col-md-offset-1 {
        margin-left:5%;
    }
    /*----Metamenü Search-----*/
    .hidden-sm-down.col-md-2.SearchInTablet {
        width: 30%;
    }
    .wrapperSocialMedia{height: 40%;padding: 0.5rem 3rem 1rem 2.5rem;}
    .SocialMedia{width: 26%!important;padding: 0.5rem}
   /*---PopUP----*/
    div.popover{
        max-width: 14rem!important;
        /*margin-left: -1rem !important;*/
        /*top: -50px!important;*/
        padding-left: 0px!important;
        /*padding-right: 194px!important;*/
    }
}


/*-----------------Tablet-Portrait----------------------*/
@media only all and (max-width: 60.000em) and (min-width: 47.500em){
    /*Portfolio kompetenzen*/
    .box:hover , .back:hover{
        --moz-transform: scale(1.00);/* Firefox */
        -webkit-transform:translateZ(0) scale(1.00); /* Safari and Chrome */
        -ms-transform:scale(1.00);/* IE 9 */
        -o-transform:translateZ(0) scale(1.00); /* Opera */
        transform: scale(1.00);
    }
    /*.ipad-full {*/
        /*width:100%;*/
        /*padding-bottom: 20px;*/
        /*margin-left: 20%;*/
    /*}*/
    .FooterBox{
        right: 10%;
    }
    /*-------------------Logo&Metanav--------------------*/
    .navbar-user .logo{
        left:10px;
    }
    .navbar-user .col-md-4.mataNav{
        width: 47%;
    }
    .btn-orange-news.btnMetaNav {
        padding: 5px 5px!important;
        font-size: 14px;
    }
    li.nav-item.Merkliste {
        padding-right: 10px;
    }
    /*-------------------Suchmaske Frontpage--------------------*/
    .searchMaske{
        height: 200px;
    }
    .searchMaske p{
        font-size:1.3rem;
        padding-top: 10px;
    }
    .searchMaske button{
        margin-left:15px;
        padding: 3px 65px 7px 70px;
    }
    .form-search.form-control.right {
        margin-left:1rem;
        margin-right: 0px;
        margin-top: 0px;
    }
    .searchMaske .form-link {
        padding-left: 15px;
        margin-top: 10px;
    }
    .searchMaskeGap{
        width: 0px;
        padding-left: 0px;
        padding-right: 0px;
    }
    .searchMaske .col-md-4.erweiterteSuche{
        padding-left: 0px;
        width: 29%;
    }
    .searchMaske .initialbewerbung {
        padding-left: 0px;
    }
    /*Portfolio Aktuelles*/
    .Bewerber {
        text-align: center;
        font-size: 15px;
        color:#ffffff;
        background-color: rgba(56, 74, 102, 0.8);
        z-index:500;
        position: absolute;
        padding-left: 15px;
        /*min-height: 150px;*/
        top:0;
        bottom: 0px;
        right: 0;
        left: 0;
    }

    .anzeigeProSeite{
        width: 65%;
    }
    .ergebnisse{
        padding-left: 7.4rem;
    }
    /*---------------Annoncen TabletPortrait------------*/
    .annoncenTitle{
        /*height: 150px;*/
    }
    .annonceFilterHeader {
        color:#ff7500;
        font-size: 1rem ;
        padding-top:1rem;
        /*margin-left:1rem*/
		margin-left: 5px;
    }
	.annonceListHeader{
		margin-left: 15px;
	}
    #searchFields {
        padding-left:0rem;
    }

    .annonceType{
        padding-right:0;
    }
    .annonceSector, .annonceSearchWord {
        padding-right:0;
        padding-left:0;
    }
    .AnnonceAdvertTitel{
        width: 116%;
    }
    /*Dunkelblauer Teaser Rechts*/
    .dunkelblauteaser {
        padding-left: 20px;
        padding-top: 10px;
        padding-right: 10px;
        position: static!important;
    }
    .AnnonceAdvertTitel{
        width: 116%;
    }
    .AnnonceList{
        margin-left: 0px;
    }
	.AnnonceIntroduction{
		padding-bottom: 8rem!important;
	}
    .row.p-b-1.annoncenTitle{
        font-size: 12px;
    }
    .wrapperSocialMedia{height: 40%;padding:0.5rem 3rem 1rem 2.5rem;}
    .SocialMedia{width: 28%!important;padding: 0.5rem}
    .annonceKontakt{
        padding-left: 10px!important;
    }
    .onlineBewerbenAnnonce{
        padding-left: 0px!important;
		padding-top: 3.5rem;
		margin-left: -6.2rem;
    }
    .col-xs-6.dunkelblauteaser .btn-orange{
        padding:3px 12px;
        font-size:12.5pt;
    }
    /*Dunkelblauer Teaser Tablet*/
    .dunkelblauteaser-tablet {
        width: 100% !important;
        padding-left: 10%;
    }
    /*Portfolio Festangestellte*/
    .txthoverRight .vorher, .txthoverRight .nachher{
        width: 600px;
        height: 250px;
        text-align: center;
        font-size: 18px;
    }
    .txthoverLeft .vorher, .txthoverLeft .nachher{
        width: 600px;
        height: 250px;
        text-align: center;
        font-size: 18px;
    }
    .vorher h2{
        font-size: 24px;
    }
    .nachher h2{
        font-size: 24px;
    }

    /*aktuelles*/
    .aktuelles {
        font-size: 18px;
        padding: 15px;
        z-index:500;
    }
    .aktuelles h2{
        font-size: 26px;
        /*font-weight: bold;*/
    }
    .btn-pressemeldung {
        font-size: 18px;
    }
    /*carosel*/
    .carousel-caption h2{
        font-size: 20px;
    }
    .innerResp{
        max-width:570px;
    }
    .annonceKontakt{
        width:59%;
    }
    .AnnonceJobInformation .col-sm-10{
        width:76%;
    }
    /*broschören & Whitepaper*/
    .downloads{
        height:26.5rem;
    }
    .titel{
        top: 11.5rem;
        width: 100%;
    }
    .textarea{
        height: 12rem;
    }
    .textarea p{
        font-size: 14px!important;
    }
    .Karrieremodell{
        transform: translate(0%,0%);
        width: 70%;
    }
    /*anpassungen für Mobile Ansicht*/
    .experte{
        padding-bottom: 0px;
        top: 6.5rem;
    }
    .experte a{
        top: -10px;
    }
    .experte p{
        font-size: 18px!important;
    }
    /*statt hiddenmobil hidden-sm-down oder hidden-md-up */
    .hiddenmobile{
        display: none!important;
    }
    /*Manuel Bühnenbild Maske*/
    .BühnenBildohneRand {
        padding-right: 0;
        padding-left: 0;
    }
    .row.successrow .col-md-8 p {
        margin: 20px 0px 20px 0px;
        text-align: inherit;
    }
    .management-big{
        padding-bottom: 500px;
    }
    .popover.popover-right, .popover.bs-tether-element-attached-left {
        margin-left: -80px;
    }
    .popover.popover-left, .popover.bs-tether-element-attached-right {
        margin-left: 200px;
    }
    .transboxleft{
        padding-left: 0!important;
        margin-left: 0!important;
        width:50% !important;
    }
    .transparent{
        min-height: 450px;
    }
    /*****in Weitere class-Attribute für Tablet Portrait*****/
    /*.tablet_portrait{*/
        /*width:60%!important;*/
    /*}*/
    /*!*---Karrieretipps---*!*/
    /*.tablet_portrait-100{*/
        /*width:100%!important;*/
    /*}*/
    /*.tablet_portrait-100-imgCenter{*/
        /*left: 0;*/
    /*}*/
    /*für presse*/
    /*.Presse-tablet_portrait{*/
        /*width:100%!important;*/
        /*padding-left: 10%;*/
        /*padding-right: 10%;*/
    /*}*/
    .btn-media-center p.align-left{
        text-align: center!important;
    }
    /*------------teaser erfolgsgeschichten------------------*/
    .erfolgstorytablet{
        left:15%;
    }
    div#myCarousel {
        display: none;
    }
    .bg-blue-transp{
        width:180%;
        margin-top: 59%!important;
        left:-30px;
        padding-right: 80%!important;
    }
    /*Traneeprogramm*/
    .ce-gallery img {
        padding-top: 10px;
    }
    .blogbeitrag p {
        font-size: 0.9rem;
    }
    .blogbeitrag h3 {
        font-size: 1.4rem;
    }
    .BlogBox{
        height:620px;
    }
    .blogbeitrag{
        top:auto;
        bottom:auto;
    }
    /*button.btn.btn-orange.btn-tablet{*/
        /*padding: 10px!important;*/
        /*font-size: 1rem!important;*/
    /*}*/
    /*---- PowerMail Presse verteiler*/
    .hintergrund-blau label {
        text-align:left;
        padding-top: 0;
    }
    /*----Metamenü Search-----*/
    .hidden-sm-down.col-md-2.SearchInTablet {
        width: 30%;
    }
    .Merkliste{
        margin-right: 0rem !important;
    }
   /*---PopUP----*/
    div.popover{
        max-width: 14rem!important;
        /*margin-left: -1rem !important;*/
        /*top: -50px!important;*/
        padding-left: 0px!important;
        /*padding-right: 194px!important;*/
    }

}
/*-----------------Mobile landscape----------------------*/
@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px){
.perEmailbewerbenAnnonce{
    width:26%;
}
}
/*-----------------Mobile portrait----------------------*/
@media only all and (max-width: 47.500em){
	/*damit der Weiße Rand auf der Rechte Seite verschwindet*/
	html, body { width:100%;  overflow-x:hidden;}
	
	[data-annonce="667-10202"] .perEmailbewerbenAnnonce{
	padding-left: 0px;
	}
    .ce-bodytext > h1{
        font-size: 1.5rem!important;
    }
    .ce-bodytext > h1 > span{
        font-size: 1.5rem!important;
    }
    /*-------------------Logo&Metanav--------------------*/
    .navbar-user .logo{
        left:0px;
    }
    .FooterBox{
        display: none;
    }
    .footerFlex-item.first{
        width: 30%!important;
    }
    div.LayerTwo:before {
        width: 120%;
    }
    /*-------------------Suchmaske Frontpage--------------------*/
    .searchMaske{
        height: 300px;
    }
    .searchMaske .col-md-4.textMaske{
        width: 100%;
        padding-left: 15px;
    }
    .searchMaske p{
        font-size:1rem;
        padding-left: 5px;
    }
    .searchMaske button{
        margin-left: 8px;
        width: 300px;
    }
	.form-search.form-control{
		width: 300px;
	}
    .form-search.form-control.left {
        margin-left: 8px;
    }
    .searchMaske .form-link {
        /*padding-left: 30%;*/
        padding-top: 20px;
    }
    .searchMaskeGap{
        width: 0px;
        padding-left: 0px;
        padding-right: 0px;
    }
    .searchMaske .col-md-4.erweiterteSuche{
        width: 100%;
        padding-left: 7px;
        padding-bottom: 5px;
    }
	.annoncenSuchfilter .inputMaske{
		padding-left: 15px!important;
	}
	.suchField2{
		margin-bottom: 0.5px;
		height: 30px;	
	}

    .anzeigeProSeite{
        padding-left: 0;
        padding-right: 0;
        text-align: right;
    }
    .ergebnisse{
        padding-left: 0;
    }

    .col-md-6.col-lg-4.pagination{
        right: 15px;
    }
    /*die Paginator wird in Mobile-Ansich angepasst*/
    .col-md-4.NumberOfResult, .col-md-4.anzeigeProSeite, .col-md-4.PaginatorBox{
        display: none;
    }
    .col-md-6.col-lg-5.col-lg-offset-3.ergebnisse{
    display: none;
    }
    li.page-item{
        display: none;
    }
    li.nextPage{
        display: inline;
        margin-left: 1rem;
    }
    .ergebnisseOben{
        display: inline;
    }
    .ergebnisseOben p{
        margin-bottom: -0.2rem!important;
        margin-left: 1rem;
    }
    a.page-link {
        color: #ffffff;
        background-image: linear-gradient(to bottom, #FF7500, #ffba7f);
        border-style: solid;
        border-color: transparent;
        padding: 3px 40px 7px 40px;
        border-width: 1px;
        border-radius: 5px;
    }
	.annonceMerkliste a{
		color:#ff7500!important;
	}

    .footerflex{
        padding-left: 0;
    }
    .footerFlex-item.first{
        width:28%;
    }
    /*Portfolio kompetenzen*/
    .box:hover , .back:hover{
        --moz-transform: scale(1.00);/* Firefox */
        -webkit-transform:translateZ(0) scale(1.00); /* Safari and Chrome */
        -ms-transform:scale(1.00);/* IE 9 */
        -o-transform:translateZ(0) scale(1.00); /* Opera */
        transform: scale(1.00);
    }
    /*Portfolio Aktuelles*/
    .Bewerber {
        text-align: center;
        font-size: 13px;
        color:#ffffff;
        background-color: rgba(56, 74, 102, 0.8);
        z-index:500;
        position: absolute;
        padding-left: 15px;
        /*min-height: 80px;*/
        top:0;
        bottom: 0px;
        right: 0;
        left: 0;
    }
    /*Dunkelblauer Teaser Rechts*/
    .imageAndText img{
        height:300px!important;
    }
    .dunkelblauteaser {
        padding-left: 20px;
        padding-top: 20px;
        padding-right: 20px;
        width:100%;
        position: static!important;

    }
    .col-xs-6.dunkelblauteaser p {
        font-size: 13px!important;
    }
    .col-xs-6.dunkelblauteaser h2 {
        font-size: 16px;
    }
    /*Competence-download*/
    .competence-mobile{
        padding-left: 10%;
    }
    /*broschören & Whitepaper*/
    .downloads{
        height:27.5rem;
    }
    .titel{
        top: 15.5rem;
        width: 100%;
    }
    /*Portfolio Festangestellte*/
    .txthoverRight .vorher, .txthoverRight .nachher{
        width: 500px;
        height: 250px;
        text-align: center;
        font-size: 18px;
    }
    .vorher h2{
        font-size: 24px;
    }
    .nachher h2{
        font-size: 24px;
    }
    .txthoverLeft .vorher, .txthoverLeft .nachher{
        width: 500px;
        height: 250px;
        text-align: center;
        font-size: 18px;
    }
    /*broschören & Whitepaper*/

    .textarea p{
        font-size: 14px!important;
    }
    /*----Annoncen Mobile-----*/
    .annoncenTitle {
        min-height: 150px;
    }
    #searchFields {
        padding-left:1rem;
    }
    .element_data{
        width:50%
    }
    .AnnoncenMobileWidth{
        width:50%;
    }
    .annonceType{
        padding-right:0;
    }
    .annonceSector,.annonceSearchWord{
        padding-right:0;
        padding-left:0;
    }
    .AnnonceIntroduction{
        padding-top: 0;
    }
    .AnnonceAdvertTitel{
        display: none;
    }
    .annoncenTitle .col-xs-4.col-sm-3.col-md-3.col-lg-3{
        font-size:12px;
        font-weight: 900;
    }
    .AnnonceAdvertTitelMobile{
        display: inherit;
        width: 140%;
        color: white;
        background-color: rgb(10, 34, 64);
        padding: 1rem 3rem;
        position: relative;
        left: -47px;
    }
    .AnnonceList{
        margin-left: 0px;
    }
    .onlineBewerbenAnnonce{
        padding-left: 0px!important;
		text-align: left!important;
    }
    .annonceFilterHeader {
        color:#ff7500;
        font-size: 1.5rem;
        padding-top:1rem;
        margin-left:1rem
    }

    .wrapperSocialMedia{height: 40%;padding: 0.5rem 3rem 1rem 2.5rem;;}
    .SocialMedia{width: 80%!important;padding: 0.5rem}
    .text-sm-right{
        padding-left: 0px;
    }
    /*aktuelles*/
    .aktuelles {
        font-size: 18px;
        padding: 15px;
        z-index:500;
    }
    .aktuelles h2{
        font-size: 26px;
        /*font-weight: bold;*/
    }
    .btn-pressemeldung {
        font-size: 18px;
    }
    /*carosel*/
    .carousel-caption h2{
        font-size: 16px!important;
    }
    .carousel-caption.caption-right{
        bottom: 0px;
    }
    .btn-carosel {
        font-size: 14pt!important;
        padding: 5px;

    }
    .row.first{
        margin-top: 60px;
    }
    .Karrieremodell{
        background-image: url(../Icons/ICED_Hintergrund_Mobil.jpg);
        transform: translate(0%,0%);
        width: 100%;
    }
    .Karrieremodell.Rec{
        background-image: url(../Icons/ICED_Hintergrund_Rec_Mobil.jpg);
        padding-bottom: 20px;
    }
    button.btn.karriere.dunkel {
        width: 210px!important;
    }
    /*anpassungen für Mobile Ansicht*/
    .hiddenmobile{
        display: none!important;
    }
    .row.spacemobile{
        margin-top: 25px;
    }
    button.btn.btn-orange.btn-mobile{
        padding: 5px!important;
        font-size: 1rem!important;
    }
    button.btn.btn-orange.btn-mobile-xs{
        padding: 5px!important;
        font-size: 0.8rem!important;
    }
    p.align-justify{
        text-align: left;
    }
    .ce-row {
        padding-left: 35px;
    }
    .experte{
        padding-bottom: 0px;
        top: 6.5rem;
    }
    .experte a{
        top: 0px;
    }
    .experte p{
        font-size: 19px!important;
    }
    .row.successrow .col-md-8 p {
        margin: 20px 0px 20px 0px;
        text-align: inherit;
    }
    #rechtsmenu ul{
        left:0;
    }
    /*management Groß*/
    .management-big{
        padding-bottom: 1130px;
    }
    .management-big h1{
        font-size: 2rem;
    }
    .management-big h2{
        font-size: 1.5rem;
    }
    .col-xs-6.m-a-1.p-a-2.bg-blue-transp {
        width: 110%;
        margin-top: 62%!important;
        left:-30px
    }
    .popover.popover-right, .popover.bs-tether-element-attached-left {
        margin-left: -280px;
    }
    .popover.popover-left, .popover.bs-tether-element-attached-right {
        margin-left: 200px;
    }
    div.popover{
        max-width: 14rem!important;
        /*margin-left: -1rem !important;*/
        /*top: -50px!important;*/
        padding-left: 0px!important;
        /*padding-right: 194px!important;*/
    }
    .buehnenbild-overlay{
        font-size: 1rem;
    }
    div.buehnenbild-overlay p {
        font-size: 1rem!important;
    }
    /*!* Weitere class-Attribute id=6*!*/
    /*.buttonFloatLeft{*/
        /*float: left;*/
    /*}*/
    /*.buttonInMiddle{*/
        /*padding-left: 30px;*/
    /*}*/
    /*---Karrieretipps---*/
    /*.mobile-imgCenter{*/
        /*left:0%;*/
    /*}*/
    .btn-media-center p.align-left{
        text-align: center!important;
    }
    div#myCarousel {
        display: none;
    }
    /*!*Kannunu Logo*!*/
    /*.ce-center.imgkununu{*/
        /*left: 55%;*/
    /*}*/
    /*.col-md-12.imgkununu img {*/
        /*padding-right: 70px;*/
        /*padding-left: 30px;*/
    /*}*/
    /*.imgInCenter img {*/
        /*padding-right: 70px;*/
    /*}*/
    /*.col-md-12.videokununu .responsive-video{*/
        /*right: 8%;*/
    /*}*/

    .dunkelblauteaser{
        padding:2.5rem;
    }
    /*--mobile anpassung für ccFinance*/
    .ce-gallery img{
        padding-right: 35px;
    }
    /*Hintergrundbild auf toptecs Anlagebau ausblenden*/
    .backgroundimage-c2886 , .backgroundimage-c3857 , .backgroundimage-c3885, .backgroundimage-c3916 , .backgroundimage-c3945 , .backgroundimage-c4001 , .backgroundimage-c4049 {
        background-image: none;
    }
    .transboxleft{
        padding-left: 0px;
    }
    .buttonFloatLeftAnlage .ce-above {
        float: left;
    }
    .m-a-1.p-a-2.transparentBox {
        padding: 0!important;
    }
    /*Traneeprogramm*/
    .ce-gallery img {
        padding-top: 10px;
    }
    .blogbeitrag p {
        font-size: 12px;
    }

    .blogbeitrag h3 {
        font-size: 16px;
    }
    .BlogBox{
        height:550px;
    }
    .blogbeitrag{
        top:auto;
        bottom:auto;
    }
    /*---- PowerMail Presse verteiler*/
    .hintergrund-blau label {
        text-align:left;
        padding-top: 0;
    }
    .toptecscontainer {
        display:block;
    }
    .toptecscontainer .col-xs-12{
        margin-bottom:3rem;
    }
    .flexrow{
        display:block;
        margin-top:0;
    }
    .toptecsbutton {
        margin-top: 0;
    }
    .toptecsbutton .ce-bodytext p {
        text-align:center;
    }
    .buttonFloatLeftAnlage {
        margin-top: 0;
    }

}
@media print{
    #header{display:none;}
    /* set font color to black */
    a,h1 a,h2 a,h3 a,h4 a,h5 a,h1,h2,h3,h4,h5 {font-weight: normal; color:#000;}

    /* set URL after links */
    a[href]:after {
        background-color: inherit;
        color: #666;
        /* content: " (http://domain.tld/" attr(href) ")"; */
        content: " ";
        font-style: italic;
    }
    a.external-link[href]:after, table a.external-link[href]:after,
    a.external-link-new-window[href]:after, table a.external-link-new-window[href]:after {
        content: " ";
    }

    /* no displayed link for E-Mail etc. */
    a.mail[href]:after, table a[href]:after,
    .csc-textpic-imagewrap a[href]:after {
        content: " ";
    }

    /* tables */
    thead {display: table-header-group;}
    tr {page-break-inside: avoid;}
    /*Annoncen*/
    .buehnenbild-overlay{
        font-size: 24px;
    }
    .container.AnnonceTop{
        max-width: 1400px;
    }
    .AnnonceIntroduction{
        padding: 0!important;
    }
    .AnnonceJobInformation , .AnnonceAdvertTitel{
        display: none;
    }
    .AnnonceDescription{
        padding: 1rem 0 !important;
    }
    button{
        display: none!important;
    }
    .printAbstand{
        margin-top: -50px;
    }
}