/*
This CSS resource incorporates links to font software which is the valuable copyrighted property of Monotype and/or its suppliers. You may not attempt to copy, install, redistribute, convert, modify or reverse engineer this font software. Please contact Monotype with any questions regarding Web Fonts: https://www.linotype.com
*/
@font-face{
    font-family:"Frutiger Neue W01 Blk";
    src:url("Fonts/673189/a38b0166-6bfa-4a24-8520-74ffc03655c9.woff2") format("woff2"),url("Fonts/673189/30ecb82c-3596-4c99-a397-c7cab98b5359.woff") format("woff");
    font-display: swap;
}
@font-face{
    font-family:"Frutiger Neue W01 Bd";
    src:url("Fonts/673195/26f1236c-a914-477f-9d0f-10d758702626.woff2") format("woff2"),url("Fonts/673195/7875f3d5-b62b-445c-8c9e-d65da1514e9d.woff") format("woff");
    font-display: swap;
}
@font-face{
    font-family:"FrutigerNeueW01-Regular";
    src:url("Fonts/673234/9edf3443-80c6-4de6-b582-122401f63ad4.woff2") format("woff2"),url("Fonts/673234/aa94077e-cdcd-4e33-abe0-ddcfe27e3485.woff") format("woff");
    font-display: swap;
}

/* @font-face {
    font-family: 'NotoSansSC-Light';
    src: url('Fonts/NotoSansSC-Light.ttf');
}
  
@font-face {
    font-family: 'NotoSansSC-Medium';
    src: url('Fonts/NotoSansSC-Medium.ttf');
}
  
@font-face {
    font-family: 'NotoSansSC-SemiBold';
    src: url('Fonts/NotoSansSC-SemiBold.ttf');
} */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block;
}

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

.my-3 {
    margin: 3rem 0;
}

.align-center {
    align-items: center;
}
.justify-center {
    justify-content: center;
}

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

body {
    overflow-x: hidden;
    scroll-behavior: smooth;
}

audio:not([controls]) {
    display: none;
}

a:hover,
a:focus {
    text-decoration: none;
    outline: none;
}

img {
    width: auto\9;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic;
}

#page-6240 #body, #page-3 #body, #page-5367 #body, #page-97 #body, #page-98 #body, #page-2955 #body {
    z-index: 1!important;
}

.grid-auto-3 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    grid-gap: 20px;
}

.stelle-head {
        display: flex;
        width: 100%;
        background-color: #f4f4f4;
        padding: 20px;
        font-size: 20px;
        justify-content: space-between;
        align-items: center;
        margin: 0;
        line-height: 32px;
        color: #002948;
        cursor: pointer;
        font-weight: bold;
    }

.cc_banner-wrapper {
    z-index: 99999!important;
}

    .fraisa-list-style {
        list-style: none;
        margin: 0 0 40px 15px;
    }
    .fraisa-list-style li {
        font-size: 20px;
        position: relative;
        margin-bottom: 10px;
        position: relative;
    }
    .fraisa-list-style li span {
        font-size: 15px;
    }
    .fraisa-list-style li:before { 
      content: "\2022";
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      color: #002948;
      font-weight: bold;
      display: inline-block;
      width: .8em;
      margin-left: -1em;
    }

.markLeft {
    position: relative;
}

.markLeft::before {
    content: '\25BA';
    position: absolute;
    top: 0;
    left: -25px;
    color: #e3001b;
}

.color-inherit {
    color: inherit;
}

/* Startseite Automation */
    #automation-modal {
        display: none;
        position: fixed; 
        z-index: 99999;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        background-color: rgba(0,0,0,0.5);
        justify-content: center;
        align-items:center;
    }
    
    #grafik-automation {
        position: relative;
        width: 100%;
        margin: 10rem 0;
        min-height: 50rem;
        background-repeat: no-repeat;
        background-size: contain;
    }
    
    #grafik-automation .automation-image {
        position: absolute;
        width: 330px;
        transition: transform 0.33s ease-in-out;
        transform: scale(1);
        cursor: pointer;
    }
    
    #grafik-automation .automation-image:hover {
        transform: scale(1.1);
    }
    
    #grafik-automation #automation-01 {
        right: 27%;
        top: -99px;
        transform-origin: bottom left;
    }
    
    #grafik-automation #automation-02 {
        right: 20%;
        top: 34px;
        transform-origin: bottom left;
    }
    
    #grafik-automation #automation-03 {
        right: 13%;
        top: 170px;
        transform-origin: left;
    }
    
    #grafik-automation #automation-04 {
        right: 13%;
        top: 304px;
        transform-origin: left;
    }
    
    #grafik-automation #automation-05 {
        right: 20%;
        top: 437px;
        transform-origin: top left;
    }
    
    #grafik-automation #automation-06 {
        right: 26%;
        top: 569px;
        transform-origin: top left;
    }
    
    #automation-modal .automation-modal-card {
        position: relative;
        background-color: #fff;
        box-shadow: 0 0 10px rgba(0,0,0,.3);
        animation: modalFadeIn .8s ease-out;
    }
    
    #automation-modal .automation-modal-card .modal-close {
        position: absolute;
        right: 30px;
        top: 50%;
        transform: translateY(-50%) scale(1.3);
        cursor: pointer;
    }
    
    #automation-modal .automation-modal-card .modal-card-head {
        margin: 0;
        position: relative;
        display: inline-block;
        width: 100%;
        padding: 15px 30px;
        color: #fff;
        font-size: 1.5rem;
        font-weight: bold;
        background-color: #002948;
        box-sizing: border-box;
    }
    
    #automation-modal .automation-modal-card .card-body {
        padding: 30px;
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 20px;
    }
    
    #automation-modal .automation-modal-card .card-body h3 {
        margin-top: 0;
        font-size: 1.5rem;
        font-weight: 500;
        line-height: 2rem;
        margin-bottom: 25px;
    }
    
    @media screen and (max-width: 1399px) {
        #grafik-automation {
            min-height: 40rem;
        }
        
        #grafik-automation .automation-image {
            width: 290px;
        }
        
        #grafik-automation #automation-01 {
            right: 25%;
            top: -84px;
        }
        
        #grafik-automation #automation-02 {
            right: 19%;
            top: 23px;
        }
        
        #grafik-automation #automation-03 {
            right: 12%;
            top: 133px;
        }
        
        #grafik-automation #automation-04 {
            right: 12%;
            top: 245px;
        }
        
        #grafik-automation #automation-05 {
            right: 19%;
            top: 350px;
        }
        
        #grafik-automation #automation-06 {
            right: 25%;
            top: 455px;
        }
    }
    
    @media screen and (max-width: 1100px) {
        .videoMfcKachel3 {
            width:100%!important;
        }
        .checkmarksKachel3 {
            width:100%!important;
            margin-left:0px!important;
        }
        .mfcKachel2Checkmarks2 {
            margin-left: 0px!important;
            padding-top: 25px!important;
        }
        .videoMfcRes {
            width: 100%!important;
        }
        #grafik-automation {
            min-height: 35rem;
        }
        
        #grafik-automation .automation-image {
            width: 240px;
        }
        
        #grafik-automation #automation-01 {
            right: 25%;
            top: -70px;
        }
        
        #grafik-automation #automation-02 {
            right: 18%;
            top: 25px;
        }
        
        #grafik-automation #automation-03 {
            right: 11%;
            top: 118px;
        }
        
        #grafik-automation #automation-04 {
            right: 11%;
            top: 216px;
        }
        
        #grafik-automation #automation-05 {
            right: 18%;
            top: 304px;
        }
        
        #grafik-automation #automation-06 {
            right: 24%;
            top: 395px;
        }
    }
    
    @media screen and (max-width: 920px) {
        #grafik-automation {
            min-height: 30rem;
        }
        
        #grafik-automation .automation-image {
            width: 200px;
        }
        
        #grafik-automation #automation-01 {
            right: 24%;
            top: -57px;
        }
        
        #grafik-automation #automation-02 {
            right: 17%;
            top: 24px;
        }
        
        #grafik-automation #automation-03 {
            right: 11%;
            top: 102px;
        }
        
        #grafik-automation #automation-04 {
            right: 10%;
            top: 182px;
        }
        
        #grafik-automation #automation-05 {
            right: 17%;
            top: 260px;
        }
        
        #grafik-automation #automation-06 {
            right: 23%;
            top: 340px;
        }
        
        #mainnav ul li a#sozial, #mainnav ul li a#bauprojekt,
        #mainnav ul li a#facebook, #mainnav ul li a#linkedin,
        #mainnav ul li a#youtube, #mainnav ul li a#xing,
        #mainnav ul li a#youku, #mainnav ul li a#instagram,
        #mainnav ul li a#wechat {
            display: none!important;
        }
    }
    
    @media screen and (max-width: 768px) {
        #automation-modal .automation-modal-card .card-body {
            grid-template-columns: 1fr;
        }
        
        #grafik-automation {
            margin: 5rem 0;
            min-height: auto;
            height: 300px;
        }
        
        #grafik-automation .automation-image {
            width: 150px;
        }
        
        #grafik-automation #automation-01 {
            right: auto;
            left: 228px;
            top: -42px;
        }
        #grafik-automation #automation-02 {
            right: auto;
            left: 269px;
            top: 15px;
        }
        #grafik-automation #automation-03 {
            right: auto;
            left: 296px;
            top: 73px;
        }
        #grafik-automation #automation-04 {
            right: auto;
            left: 299px;
            top: 131px;
        }
        #grafik-automation #automation-05 {
            right: auto;
            left: 266px;
            top: 186px;
        }
        #grafik-automation #automation-06 {
            right: auto;
            left: 238px;
            top: 240px;
        }
        
    }
    
    @media screen and (max-width: 499px) {
        #grafik-automation {
            display: none;
        }
    }
    
    @keyframes modalFadeIn {
        from {top: -200px; opacity: 0}
        to {top: 0; opacity: 1}
    }

/* Start Slide Custom Class Stylings */
.neue-produkte-fr .slider-text-new {
    font-size: 17px!important;
    line-height: 1.3!important;
}

.slide-arbeitgeber-award .slider-text-new,
.slide-arbeitgeber-award .slider-button-new {
    margin-left: 150px;
}

@media screen and (max-width: 1400px) {
    .slide-kataloge-2021 .sliderImage {
        background-position: 80% 50%!important;
    }
    .slide-arbeitgeber-award .sliderImage {
        background-position: 50% 45%!important;
    }

    .slide-arbeitgeber-award .slider-text-new,
    .slide-arbeitgeber-award .slider-button-new {
        margin-left: 0;
    }
}
@media screen and (max-width: 921px) {
    .slide-arbeitgeber-award .sliderImage {
        background-position: 60% 45%!important;
    }
}
@media screen and (max-width: 768px) {
    .slide-kataloge-2021 .sliderImage {
        background-position: 90% 90%!important;
    }
}

/* Autonom Startseite */
.padded-span {
    padding: 40px;
}

@media screen and (max-width: 768px) {
    .padded-span {
        padding: 10px;
    }
}

/* Newsfeed */
    .kategorie-container, .archiv-container, .retoolblue-container {
        background-color: #EEEEEE;
        padding: 30px;
        margin-bottom: 50px;
    }
    
    .kategorie-container h3, .archiv-container h3, .retoolblue-container h3 {
        font-size: 20px;
        font-weight: bold;
        margin: 0 0 40px 0;
        line-height: 24px;
    }
    
    .retoolblue-container .retoolblue-wrapper a p {
        margin-top: 25px;
        color: #002947;
        margin-bottom: 0;
    }
    
    .newsfeed-container {
        max-height: 1564px;
        overflow-y: auto;
    }
    
    .newsfeed-container .newsfeed-item {
        box-sizing: border-box;
        width: 100%;
        padding-right: 25px;
    }
    
    .newsfeed-container .newsfeed-item .prosp-btn {
        position: relative;
        padding: 11px 15px;
    }
    
    .newsfeed-container .newsfeed-separator {
        background-color: #EEEEEE;
        height: 1px;
        margin: 65px 0 50px 0;
    }
    
    .newsfeed-container .newsfeed-item h6 {
        font-size: 14px;
        font-weight: bold;
        color: #0080c7;
        margin: 0;
    }
    
    .newsfeed-container .newsfeed-item h3 {
        font-size: 20px;
        font-weight: bold;
        color: #000;
        margin: 15px 0;
        line-height: 28px;
    }
    
    .newsfeed-container .newsfeed-item p {
        line-height: 24px;
    }
    
    .kategorie-container .kategorie-filter .kategorie-filter-item {
        position: relative;
        display: none;
        width: 100%;
        background: #fff;
        padding: 10px 0;
        border-radius: 50px;
        color: #002947;
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 30px;
    }
    
    .kategorie-container .kategorie-filter .kategorie-filter-item span {
        display: inline-block;
        margin-left: 60px;
    }
    
    .kategorie-container .kategorie-filter .kategorie-filter-item .del-kategorie {
        position: absolute;
        left:0;
        top:0;
        bottom:0;
        background: #E2001A;
        border-radius: 50%;
        width: 42px;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .kategorie-container .kategorie-dropdown {
        margin-top: 50px;
        margin-bottom: 0;
        height: 40px;
        border: none;
    }
    
    .archiv-container .archiv-wrapper .archiv-item a {
        display: inline-block;
        color: #002947;
    }
    
    .archiv-container .archiv-wrapper .archiv-item-separator {
        background-color: #C9C9C9;
        height: 1px;
        margin: 15px 0;
    }
    
    .archiv-container .archiv-pagination {
        display: flex;
        justify-content: center;
        margin: 2rem 0 0 0;
        list-style: none;
    }
    
    .archiv-container .archiv-pagination li {
        margin-right: 2px;
    }
    
    .archiv-container .archiv-pagination li a {
        display: inline-block;
        color: #000;
        padding: 10px;
        background-color: #fff;
    }
    
    .archiv-container .archiv-pagination li .active {
        background-color: #002947;
        color: #fff;
        font-weight: bold;
    }
    
    .d-flex-8 {
        width: 770px;
    }
    
    .d-flex-4 {
        width: 370px;
    }
    
    .justify-between {
        justify-content: space-between;
    }
    
    @media screen and (max-width: 1400px) {
        .d-flex-8 {
            width: 540px;
        }
        .custom-list {
            display: grid!important;
            grid-template-columns: repeat(2, 1fr)!important;
            grid-gap: 10px!important;
            list-style: none!important;
            padding: 0!important;
            margin-left: 0!important;
            padding-top: 25px!important;
        }
        .mainVideoMfc {
            width: 100%!important;
        }
    }
    
    @media screen and (max-width: 1100px) {
        .d-flex-8, .d-flex-4 {
            width: 100%;
        }
        
        .row-reverse {
            flex-flow: column-reverse;
        }
    }

/* Überarbeitete Kontaktseite */

    .kontakt-buttons {
        box-shadow: 0 6px 6px rgba(0,0,0,.2);
        margin: 1.5rem 0;
    }
    .kontakt-buttons .kontakt-button {
        display: inline-flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100px;
        height: 100px;
        background-color: #F5F5F5;
        border: none;
        outline: none;
        margin-right: -4px;
        font-weight: bold;
        color: #002948;
    }
    .kontakt-buttons .kontakt-button svg {
        width: 50%;
        margin-bottom: 5px;
    }
    .kontakt-buttons .kontakt-button:hover {
        background-color: #002948;
        color: #fff;
    }
    .kontakt-buttons .kontakt-button:hover .kontakt-icon,
    .kontakt-buttons .kontakt-button-active .kontakt-icon {
        fill: #FFFFFF;
    }
    .kontakt-buttons .kontakt-button-active {
        background-color: #002948;
        color: #fff;
    }
    
    
    .contact-card {
        width: 100%;
        background-color: #f5f5f5;
        border-radius: 10px;
        margin-top: 3rem;
        box-shadow: 0 3px 6px rgba(0,0,0,.2);
    }
    
    .contact-card .card-head {
        padding: 15px;
        background-color: #002948;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }
    
    .contact-card .card-head h4 {
        color: #fff;
        margin: 0;
        padding: 0;
    }
    
    .contact-card .card-body {
        padding: 15px;
    }
    
    .contact-card .card-body p {
        margin: 0;
        padding: 0;
    }

/* ELEVATOR PITCH LANDINGPAGES */
    .retool-absolute {
        position: absolute; 
        top: 50px; 
        right: 0; 
        width: 43%;
    }
    
    .cursor-pointer {
        cursor: pointer;
    }
    
    .elevator-pitch {
        position: relative;
    }
    
    .elevator-pitch .elevator-pitch-title {
        position: absolute;
        top: 165px;
        right: 160px;
    }
    
    #content .elevator-pitch .elevator-pitch-title h1 {
        font-size: 34px;
        margin: 25px 0;
    }
    
    .elevator-pitch .elevator-pitch-attributes {
        margin-top: 50px;
        width: 100%;
        background-color: #e5effa;
        padding:50px;
        box-sizing:border-box;
    }
    
    .elevator-pitch .elevator-pitch-attributes .attribute {
        display: flex;
        align-items: center;
        box-sizing: border-box;
        padding: 15px;
        color: inherit;
        position: relative;
    }
    
    .elevator-pitch .elevator-pitch-attributes .attribute i {
        position: absolute;
        bottom: -15px;
        left: 50%;
        transform: translateX(-50%) translateY(0);
        transition: transform .33s ease-in-out;
    }
    
    .elevator-pitch .elevator-pitch-attributes .attribute:hover i {
        transform: translateX(-50%) translateY(15px);
    }
    
    .elevator-pitch .elevator-pitch-attributes .attribute:hover {
        box-shadow: 0 0 12px rgba(0,0,0,.1);
    }
    
    .elevator-pitch .elevator-pitch-attributes h3 {
        line-height: 24px;
    }
    
    .elevator-pitch .elevator-pitch-title .pitch-line {
        width: 100%;
        height: 1px;
        background: #000;
    }
    
    .pitch-buttons {
        display:grid;
        grid-template-columns: repeat(4, 1fr);
        width:100%;
        background-color: #002948;
    }
    
    .pitch-grid-3 {
        grid-template-columns: repeat(3, 1fr);
    }
    
    .pitch-buttons .pitch-button {
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        box-sizing: border-box;
        color: #fff;
        font-size: 18px;
        font-weight: bold;
        padding: 25px 15px;
        border: 1px solid #fff;
        border-top: none;
        border-left: none;
        cursor: pointer;
    }
    
    .pitch-buttons .pitch-button svg {
        margin-left: 20px;
    }
    
    @media screen and (max-width: 1400px) {
        .pitch-buttons {
            grid-template-columns: repeat(3, 1fr);
        }
        .elevator-pitch .elevator-pitch-title {
            top: 105px;
            right: 40px;
        }
        .attribute-text {
            margin-left: 0!important;
            text-align: center!important;
        }
        .elevator-pitch .elevator-pitch-attributes .attribute {
            flex-direction: column;    
        }
    }
    
    @media (min-width: 1290px){
    #mainnav ul li a#bauprojekt{
        right: 122px;
    }
}
    
    @media screen and (max-width: 1100px) {
        .elevator-pitch .elevator-pitch-title {
                top: 75px;
                right: 40px;
        }
        
         #content .elevator-pitch .elevator-pitch-title h1 {
            font-size: 28px;
        }
    }
    
    @media screen and (max-width: 920px) {
        .retool-absolute {
            position: static;
            width: 100%;
        }
        
        .pitch-buttons {
            grid-template-columns: repeat(2, 1fr);
        }
        
        .elevator-pitch .elevator-pitch-title {
            position: relative;
            top: auto;
            left: 0;
            right: auto;
            margin-top: 25px;
            text-align: center;
        }
        
        .elevator-pitch .elevator-pitch-attributes .attribute {
            margin: 25px 0;
        }
    }
    
    @media screen and (max-width: 600px) {
        .pitch-buttons {
            grid-template-columns: repeat(1, 1fr);
        }
    }
    
    .select-sx-container {
        background-color: #F5F5F5;
        width: 100%;
        box-shadow: 0 6px 6px rgb(0 0 0 / 20%);
        margin: 1.5rem 0;
    }
    
    .select-sx-container .select-sx {
        padding: 1.5rem 2.5rem;
        border: none;
        font-size: 1.2rem;
    }
    .select-sx-container .select-sx:hover {
        background-color: #002948;
        color: #fff;
    }
    .select-sx-container .kontakt-button-active {
        font-weight: bold;
        background-color: #002948;
        color: #fff;
    }
    .ax-margin {
        margin-top: 5rem;
    }
    
    @media screen and (max-width: 768px) {
        .ax-margin {
            margin: 0;
        }
        .elevator-pitch .elevator-pitch-attributes .attribute i {
            display: none;
        }
    }
    @media screen and (max-width: 767px) {
        .kachelInhaltPadding {
            padding-top: 60px;
        }
        .custom-list {
            padding-top: 25px!important;
            margin-left: 25px!important;
            grid-template-columns: repeat(1, 1fr)!important;
        }
       
    }
    
/* CERTIFICATE ICON */

.csr-icon-container {
    position: absolute;
    top: 15px;
    right: 15px;
}

.csr-icon-container {
    display: block;
}

.csr-icon-container img {
    width: 100px;
    height: auto;
}

@media (max-width: 1234px) {
    #page-520 .csr-icon-container {
        display: none;
    }
}

#page-3849 #slideshow ul {
    display: none;
    visibility: hidden;
}

.fraisaRed {
    color: #e3001b;
}

.fa-chevron-right {
    margin-left: 20px;
}

#cvd-project {
    width: 320px;
    position: absolute;
    top: 604px;
    right: 0;
}

#cvd-project img {
    max-width: 100%;
}

.iqnet {
    margin-top: 55px;
}

.wasserkraft {
    margin-top: 35px;
}

.family-business {
    margin-top: 370px;
}

@media only screen and (max-width: 1398px) {
    .iqnet {
        margin-top: 65px;
    }
    .wasserkraft {
        margin-top: 20px;
    }
    .beste-arbeitgeber {
        margin-top: 20px;
    }
    .family-business {
        margin-top: 265px;
    }
    .bester-ausbildungsbetrieb {
        margin-top: 65px;
    }
}

@media only screen and (max-width: 1100px) {
    .iqnet {
        margin-top: 48px;
    }
    .wasserkraft {
        margin-top: 55px;
    }
    .beste-arbeitgeber {
        margin-top: 45px;
    }
    .family-business {
        margin-top: 310px;
    }
    .bester-ausbildungsbetrieb {
        margin-top: 85px;
    }
}

@media only screen and (max-width: 920px) {
    .iqnet {
        margin-top: 35px;
    }
    .wasserkraft {
        margin-top: 30px;
    }
    .beste-arbeitgeber {
        margin-top: 55px;
    }
    .family-business {
        margin-top: 385px;
    }
    .bester-ausbildungsbetrieb {
        margin-top: 125px;
    }
}

@media only screen and (max-width: 766px) {
    .iqnet,
    .wasserkraft,
    .beste-arbeitgeber,
    .family-business,
    .bester-ausbildungsbetrieb {
        margin-top: 0;
    }
}

@media screen and (max-width: 768px) {
    .siegel-mobile {
        display: flex!important;
    }
}

/* Start Icons Right */
.start-icons {
    position: fixed;
    right: 0; 
    top: 16%; 
    overflow: hidden; 
    z-index: 99999!important; 
    width: 100px; 
    border-top-left-radius: 10px; 
    border-bottom-left-radius: 10px; 
    background-color: #002948;
    box-shadow: 0 0 8px rgba(0,0,0,.4);
}

.start-icon-divider {
    position: absolute;
    left: 10px;
    bottom: 0;
    width: calc(100% - 20px);
    height: 1px;
    background-color: #fff;
}

.start-siegel {
    position: fixed; 
    left: 0; 
    top: 45%;
    overflow: hidden; 
    z-index: 99999!important; 
    width: 100px; 
}

.start-icon-link {
    cursor: pointer;
}

.start-icon-box {
    position: relative; 
    display: flex; 
    flex-direction: column; 
    align-items: center; 
    justify-content: center; 
    width: 100%; 
    height: 100px;
}

.start-icon-siegel {
    display: none;
}

.start-icon-box p {
    margin: 15px 0 0 0;
    font-size: 1rem;
    color: #fff;
    font-weight: bold;
}

.corona-infos {
    bottom: 0;
    left: 0;
    position: fixed;
    display:inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 1rem 2rem;
    z-index: 99999;
    font-size: 1.5rem;
    color: #fff;
    font-weight: bold;
    background-color: #002948;
}

.corona-infos:hover {
    color: #FFF;
    text-decoration: none;
}

.corona-infos:active {
    background-color: #002948;
    color: #fff;
}

@media screen and (max-width: 1480px) {
    .start-icons {
        left: 0;
        right: auto;
        top: auto !important;
        bottom: 0;
        width: 100%;
        display: flex;
        justify-content: flex-end;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        box-shadow: none;
        background-color: #002948;
    }

    .start-icon-box {
        width: 100px;
        height: 50px;
        border-left: 1px solid white;
    }

    .start-icon-box p {
        display: none;
    }

    .start-icon-box svg:nth-of-type(1) {
        width: 35px!important;
        height: 26px!important;
    }
    .start-icon-box svg:nth-of-type(2) {
        width: 30.5px!important;
        height: 26px!important;
    }
    .start-icon-box svg:nth-of-type(3) {
        width: 32.426px!important;
        height: 32.426px!important;
    }

    .start-icon-siegel img {
        width: 35%!important;
    }

    .start-siegel {
        display: none;
    }

    .start-icon-divider {
        display: none;
    }

    .corona-infos {
        padding: 0 2rem;
        height: 50px;
        border-right: 1px solid #fff;
        background: #002948;
    }

    .corona-infos:active {
        background-color: #002948;
        color: #fff;
    }
}

@media screen and (max-width: 800px) {
    .start-icons {
        display: none;
    }

    .corona-infos {
        width: 100%;
        height: auto;
        padding: 1rem 0;
        border: none;
    }
}
/***********************************/

/** Ausbildung Popup **/
.dialog-wrapper {
    position: fixed;
    right: 5%;
    bottom: -500px;
    background-color: rgba(255,255,255,.9);
    box-shadow: 0 0 10px rgba(0,0,0,.2);
    /* animation: animDialog 2s ease-in-out; */
    display: flex;
    transition: bottom 2s ease-in-out;
    
    z-index: 1000;
}

.dialog-wrapper.show {
    bottom: 50px;
}

.dialog-wrapper .dialog-image {
    height: 100%;
    opacity: .9;
}

.dialog-wrapper .dialog-image img {
    width: 100%;
}

.dialog-wrapper .dialog-content-wrap {
    width: 550px;
}

.dialog-wrapper .dialog-title {
    max-width: 100%;
    display: flex;
    justify-content: space-between;
    background-color: #002948;
    padding: 20px 30px;
    color: #fff;
    font-size: 1rem;
}

.dialog-wrapper .dialog-title h3 {
    font-size: 1.5rem;
    line-height: 2rem;
    max-width: 90%;
    margin: 0;
}

.dialog-wrapper .dialog-title svg {
    fill: #fff;
    cursor: pointer;
}

.dialog-wrapper .dialog-body {
    padding: 20px 30px 10px;
    display: flex;
    flex-direction: column;
}

.dialog-wrapper .dialog-body .dialog-auswahl {
    display: flex;
    justify-content: space-between;
}

.dialog-wrapper .dialog-body .dialog-auswahl .dialog-button {
    display: inline-block;
    text-decoration: none;
    background-color: #E2001A;
    color: #fff;
    font-weight: bold;
    padding: 14px 20px;
}

.dialog-wrapper .dialog-body .dialog-extra {
    margin-top: 30px;
}
.dialog-wrapper .dialog-body .dialog-extra .checkbox {
    margin-bottom: 0;
}

@keyframes animDialog {
    0% {
        bottom: -30%;
    }

    100% {
        bottom: 5%;
    }
}

@media screen and (max-width: 768px) {
    .dialog-wrapper {
        width: 90%;
        right: auto!important;
    }

    .dialog-wrapper .dialog-content-wrap {
        width: 100%;
    }

    .dialog-wrapper .dialog-image {
        display: none;
    }

    .dialog-wrapper .dialog-body .dialog-auswahl {
        flex-direction: column;
    }

    .dialog-wrapper .dialog-body .dialog-auswahl .dialog-button {
        margin-bottom: 25px;
    }
}

#box-right {
    position: fixed;
    top: 6%;
    right: 0;
    overflow: hidden;
    z-index: 99999!important;
}

@media (min-height: 1000px) {
    #box-right {
        top: 12%;
    }
}

@media (min-height: 1200px) {
    #box-right {
        top: 18%;
    }
}

@media (min-height: 1400px) {
    #box-right {
        top: 24%;
    }
}

@media (min-height: 1500px) {
    #box-right {
        top: 27%;
    }
}

@media (max-width: 767px) {
    #box-right {
        display: none;
        visibility: hidden;
    }
}

.stripedDiv p {
    padding: 20px 15px;
    margin: 0;
}

.stripedDiv p:nth-child(even) {
    background-color: #f0f0f0;
}

.stripedDiv p:nth-child(odd) {
    background-color: #e5e5e5;
}

.pos-box {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 100px;
    background-color: #E2001A;
    margin-bottom: 10px;
    transition: transform .5s;
}

.pos-box-tag {
    font-size: 20px;
    color: #fff;
    text-align: center;
}

.pos-box-tag:hover,
.pos-box-tag:active,
.pos-box-tag:focus {
    color: #fff;
}

.pos-box:hover {
    transform: translateX(10px);
    transition: transform .5s;
}

.more-info {
    border-radius: 3px;
    padding: 8px 14px;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    margin-top: 40px;
    font-family: "FrutigerNeueW01-Regular", sans-serif;
}

.more-info:active,
.more-info:focus {
    background-color: #002948;
}

.prodex-award {
    position: absolute;
    right: 45px;
    top: -130px;
    z-index: 999;
}

.past-seminar {
    background: #002948;
    border: 1px solid #002948;
    color: #fff;
    transition: .3s all;
}

.past-seminar:hover, .past-seminar:focus, .past-seminar:active {
    background: #fff;
    border: 1px solid #002948;
    color: #002948;
    transition: .3s all;
}

/* BRANCHEN */

@media (max-width: 768px) {
    .highlight-block {
        height: auto!important;
    }
    .highlight-block .more-info {
        position: static!important;
    }
    .prosp-text {
        padding-top: 20px;
    }
}

@media (max-width: 1200px) {
    .prosp-text {
        height: auto!important;
    }
    .prosp-btn {
        position: static!important;
    }
}

.highlight-shadow {
    box-shadow: 0 0 6px rgba(0, 0, 0, .3);
}

.highlight-block h3 {
    margin: 15px 0 0 0;
    font-size: 20px;
    font-weight: bold;
    line-height: 26px;
}

.highlight-block p {
    line-height: 22px;
    margin-bottom: 15px;
}

.highlight-block {
    margin-bottom: 50px;
    position: relative;
    height: 420px;
}

/*
.highlight-block .more-info {
    position: absolute;
    bottom: 0;
}
*/

.download-head {
    background-color: #002948;
    padding: 12px 40px 15px 40px;
    color: #fff;
}

.download-head .fa-chevron-right {
    margin-right: 10px;
    margin-left: 0;
}

.download-head span {
    font-weight: bold;
}

.download-head .fa-chevron-right:not(:first-child) {
    margin-left: 30px;
}

#current-filter span:not(:first-child),
#current-filter-tag span:not(:first-child) {
    margin-left: 25px;
}

.download-area {
    height: 900px;
    padding: 40px 40px 0 40px;
    background-color: #DFE4E8;
    overflow-y: scroll;
}

.prosp-title {
    border-bottom: 1px solid grey;
    margin: 0 0 10px 0;
    padding-bottom: 10px
}

.prosp-btn {
    border-radius: 3px;
    margin-top: 15px;
    padding: 6px 15px;
    font-weight: bold;
    font-family: "FrutigerNeueW01-Regular", sans-serif;
    position: absolute;
    bottom: 0;
}

.prosp-text {
    padding-left: 10px;
    padding-right: 20px;
    position: relative;
    height: 236px;
}

.show-filter {
    opacity: 1!important;
    pointer-events: all!important;
    transition: .3s all;
}

.download-head {
    position: relative;
}

.filter-area {
    position: absolute;
    bottom: -345px;
    right: 40px;
    padding: 40px;
    background-color: #fff;
    border-radius: 15px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .3);
    z-index: 9!important;
    opacity: 0;
    pointer-events: none;
    transition: .3s all;
}

.filter-btn {
    color: #002948;
    display: block;
    font-size: 18px;
    margin-bottom: 15px;
    cursor: pointer;
}

.filter-btn:last-of-type {
    margin: 0;
}

.filter-area .active {
    color: #E2001A;
}

#filter-icon {
    cursor: pointer;
    position: absolute;
    top: 9px;
    right: 25px;
}

/* Unternehmensgruppe Google Map Ersatz */

    .gmap-container {
        position: relative;
    }
    
    .gmap-container .gmap-text {
        display: flex;
        position: absolute;
        top: 10px;
        left: 10px;
        padding: 10px;
        background-color: #fff;
        box-shadow: 0 0 4px rgba(0,0,0,.4);
    }
    
    .gmap-container .gmap-text .gmap-right {
        margin-left: 25px;
    }
    
    .gmap-container .gmap-text .gmap-right a {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .gmap-container .gmap-text .gmap-right a svg {
        margin-bottom: 10px;
    }
    
    .gmap-container .gmap-text h5 {
        margin: 0;
    }
    
    .gmap-container .gmap-text p {
        margin: 10px 0;
        font-size: 12px;
    }
    
    .gmap-container .gmap-text a {
        font-size: 12px;
    }

/* MFC Link */
#mfc-r-extension-link {
    position: absolute;
    bottom: -50px;
    right: 0;
}

@media screen and (max-width: 1400px) {
    #mfc-r-extension-link {
        bottom: 25px;
    }
}

@media screen and (max-width: 1100px) {
    #mfc-r-extension-link {
        bottom: 70px;
    }

    #mfc-r-extension-link span {
        font-size: 22px!important;
    }
}

@media screen and (max-width: 920px) {
    #mfc-r-extension-link {
        position: relative;
        bottom: auto;
        right: auto;
        display: block;
    }
}

/* ANWENDUNGEN */

.anwendung-head {
    font-size: 18px;
    font-weight: bold;
    line-height: 30px;
    margin: 0;
    cursor: pointer;
    width: 100%;
    background-color: #002948;
    padding: 10px 15px;
    color: #fff;
    display: flex;
}

.collapse-anwendung {
    background-color: #b2bec7;
    color: #002948;
}

#reset-filter {
    cursor: pointer;
    display: none;
    position: absolute;
    top: 12px;
    right: 25px;
}

#reset-filter img {
    height: 20px;
}

.anwendung-container {
    margin: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .5);
}

.anwendung-container:first-of-type {
    margin-top: 75px;
}

.anwendung-list {
    font-size: 16px;
    list-style: none;
    padding: 0;
    margin: 0 0 0 30px;
}

.anwendung-list li:last-child {
    margin-bottom: 15px;
}

.anwendung-list li:first-child {
    margin-top: 15px;
}

.anwendung-head .fa-chevron-right {
    margin-top: 5px;
    margin-left: 0;
    margin-right: 10px;
    transition: transform .3s;
}

.anwendungsfall .fa-chevron-right {
    margin-left: 0;
    margin-right: 5px;
}

.e-shop-btn {
    background-color: #b2bec7;
    padding: 14.5px 15px;
    color: #002945;
    font-weight: 600;
    width: 8%;
    display: none;
}

.e-shop-btn:active {
    background-color: #b2bec7;
}

.e-shop-btn i {
    margin-left: 10px;
}

.fraisaRedBold {
    color: #E2001A!important;
    font-weight: bold!important;
}

.fraisaRedBG {
    background-color: #E2001A!important;
}

.bgSwap {
    background-color: #002948!important;
    color: #fff!important;
}

.bgSwap i {
    transform: rotate(180deg);
}

.anwendungsfall {
    cursor: pointer;
}

.anwendungsfall li {
    background-color: #b2bec7;
}

.anwendungsfall li a {
    color: #002945;
}

.anwendung-list .fa-chevron-right {
    font-size: 12px;
}

.anwendung-list li {
    padding: 12px;
}

.anwendung-filter-current {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 20px;
}

#current-filter-top {
    border: 1px solid #002948;
    padding: 15px;
    margin-left: 15px;
}

#current-filter-top .fa-chevron-right:first-child {
    margin-left: 0!important;
}

@media (max-width: 768px) {
    #e-shop-laptop {
        display: none!important;
    }
    #current-filter,
    #current-filter-tag {
        display: flex;
        flex-direction: column;
    }
    #current-filter span,
    #current-filter-tag span {
        display: flex;
    }
    #current-filter span:not(:first-child),
    #current-filter-tag span:not(:first-child) {
        margin: 10px 0 0 0;
    }
}


    /* DOWNLOADS */
    
    .download-wrap input:not(.search),
    .download-wrap select {
        max-width: 100%;
        border: 1px solid #002948!important;
    }

    .download-wrap input {
        width: calc(100% - 15px)
    }
    
    .download-wrap option:disabled {
        background-color: rgb(225,225,225);
    }

    .download-wrap label {
        font-size: 1rem;
        font-weight: bold;
    }

    .download-wrap #search-field {
        position: relative;
    }

    .download-wrap #search-icon {
        position: absolute;
        right: 0;
        bottom: 0;
        top: 0;
        width: 30px;
        height: 30px;
        background-color: #002948;
        border-radius: 5px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .download-wrap .fa-search {
        color: #fff;
    }

    .download-wrap .download-head {
        background-color: #002948;
        padding: 12px 20px 15px 20px;
        color: #fff;
    }

    .download-wrap .download-head .fa-chevron-right {
        margin-right: 10px;
    }

    .download-wrap .download-head span {
        font-weight: bold;
    }

    .download-wrap .download-area {
        height: auto;
        padding: 40px;
        background-color: #DFE4E8;
        overflow: auto;
    }
    
    @media (max-width: 768px) {
        .download-wrap select {
            width: 100%;
        }
        
        .download-wrap .btn.selection-btn {
            width: 100%;
        }
    }


/* Sozialprozent */

.flip-container {
    width: 100%;
    height: 335px;
    padding-top: 50px;
    background-image: url('/assets/img/sozialprozent/bewerbungsverfahren/verfahren-bg.jpg');
    background-repeat: no-repeat;
    background-position: 50% 40%;
    display: flex;
    margin-top: 50px;
}

.flip-icon {
    background-color: transparent;
    perspective: 1000px;
    -webkit-perspective: 1000px;
    -ms-perspective: 1000px;
    height: 272px;
    width: 272px;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
}

.flip-icon-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform .8s;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
}

.flip-icon:hover .flip-icon-inner {
    transform: rotateY(180deg);
}

.flip-icon-front,
.flip-icon-back {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 25px;
    border-radius: 50%;
    background-color: #fff;
    text-align: center;
    -webkit-box-shadow: 7px 7px 20px rgba(0, 0, 0, .3);
    box-shadow: 7px 7px 20px rgba(0, 0, 0, .3);
    box-sizing: border-box;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -webkit-visibility: visible;
    visibility: visible;
    backface-visibility: hidden;
}

.flip-icon:nth-child(3) .flip-icon-front,
.flip-icon:nth-child(3) .flip-icon-back {
    border: 5px solid #e3001b;
}

.flip-icon-front h4,
.flip-icon-back h4 {
    font-size: 16px;
    margin-bottom: 20px;
}

.flip-icon-front h3 {
    line-height: 24px;
    font-size: 19px;
}

.flip-icon-front p,
.flip-icon-back p {
    margin-bottom: 15px;
}

.flip-icon-back {
    transform: rotateY(180deg);
}

@media screen and (max-width: 1400px) {
    .flip-container {
        background-size: contain;
        background-position: 20% 20%;
        height: 335px;
        padding: 0;
    }
    .flip-icon {
        width: 225px;
        height: 225px;
        margin-top: 30px;
        margin-left: 7px!important;
    }
    .flip-icon:nth-of-type(1) {
        margin-left: 20px!important;
    }
    .flip-icon-front h4,
    .flip-icon-back h4 {
        font-size: 16px;
        margin-bottom: 5px;
    }
    .flip-icon-front h3 {
        font-size: 20px;
        line-height: 24px;
    }
    .flip-icon-front img {
        margin-top: 0px!important;
    }
    .flip-icon-back p {
        font-size: 12px!important;
    }
}

@media screen and (max-width: 1100px) {
    .flip-container {
        background: url('/assets/img/sozialprozent/bewerbungsverfahren/progress-verfahren.png');
        height: auto;
        padding: 0;
        background-repeat: no-repeat;
        background-size: contain;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
    }
    .flip-icon-front,
    .flip-icon-back {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .flip-icon {
        width: 350px;
        height: 350px;
        margin-bottom: 25px;
        margin-right: 25px;
    }
    .flip-icon:last-of-type {
        margin-bottom: 0;
    }
    .flip-icon-front img {
        margin: 25px auto!important;
    }
    .flip-icon-front,
    .flip-icon-back {
        padding: 50px;
    }
    .flip-icon-back p:nth-child(2) {
        font-size: 16px!important;
    }
}

@media screen and (max-width: 768px) {
    .flip-container {
        background-size: 125px 100%;
    }
    .alert-box-prozent {
        width: 88%;
    }
}

@media screen and (max-width: 499px) {
    .flip-icon {
        width: 90vw;
        height: 90vw;
    }
}

.fotopreview:hover {
    text-decoration: none;
}

.fotobutton {
    background: #002948;
    display: block;
    padding: 20px;
    color: #fff;
    font-size: 20px;
    text-align: center;
}

.shadow-box {
    -webkit-box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.25);
    margin-bottom: 2%;
}

#slideshow .slides img.prodex-award-btn {
    width: 267px!important;
    height: 146px!important;
    position: absolute;
    right: -31px;
    top: 155px;
}

.pp_social {
    display: none;
}

div.pp_default .pp_description {
    font-weight: 400!important;
    line-height: 27px!important;
}

div.pp_default .pp_next:hover {
    background: url(../img/global/prettyPhoto/default/sprite_next.png) center right no-repeat!important;
    cursor: pointer!important;
}

div.pp_default .pp_previous:hover {
    background: url(../img/global/prettyPhoto/default/sprite_prev.png) center left no-repeat!important;
    cursor: pointer!important;
}

.section-grid .span6.toolservice {
    display: none;
}

#page-19.fr .navbar-inner .nav li a,
#page-19.it .navbar-inner .nav li a {
    font-size: 13px;
    padding: 10px 5px 10px;
}

#map_canvas img,
.google-maps img {
    max-width: none;
}

a:active {
    background-color: transparent;
}

p {
    margin: 0 0 20px;
}

hr {
    position: relative;
    padding: 5px 0;
    margin: 45px 0 70px;
    background: #FFF;
    border: none;
    overflow: visible;
}

hr:before {
    position: absolute;
    content: "";
    bottom: 5px;
    left: 5%;
    float: left;
    width: 90%;
    height: 10px;
    background: #000;
    -webkit-box-shadow: 0 4px 5px #000;
    -moz-box-shadow: 0 4px 5px #000;
    box-shadow: 0 4px 5px #000;
    border-radius: 100%;
}

hr:after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    float: left;
    width: 100%;
    height: 25px;
    background: #FFF;
}

#page-8 .section-list .first {
    display: ;
}

html,
body {
    height: 100%;
    margin: 0;
    padding: 0;
    font: 14px/1.4 'FrutigerNeueW01-Regular', sans-serif;
    color: #333333;
    background: #ffffff;
}

body p {
    font-size: 16px;
    font-style: normal;
    font: 14px/1.4 'FrutigerNeueW01-Regular', sans-serif;
}

.no-margin {
    margin: 0;
}

.retoolblue {
    color: #0080c7!important;
}

.retoolgreen {
    color: #40AE49!important;
}

.splash {
    display: block;
    background: red;
    padding: 20px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    text-align: center;
    margin-top: -17px;
    color: #fff;
    box-shadow: 1px 1px 4px #000;
    -webkit-box-shadow: 1px 1px 4px #000;
    -moz-box-shadow: 1px 1px 4px #000;
    box-shadow: 1px 1px 4px #000;
}

.bildunterschrift {
    background-color: #f5f5f5;
    padding: 10px;
    margin-bottom: 30px;
}

.bildunterschrift p {
    margin-bottom: 0px;
    font-size: 12px;
}

.news h3,
.presse h3 {
    margin: 0;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
}

.presse-row {
    margin: 0;
}

.presse-hr {
    margin: 20px 0 50px!important;
}

.presse-pic {
    margin-left: 13px;
}

.presse-pic-margin-bottom {
    margin-bottom: 20px;
    margin-left: 0;
}

.fazit {
    background: #e20813;
    padding: 12px;
    color: #fff;
}

.accordion-heading .accordion-toggle.collapsed {
    background: #002948 url(../img/global/icon-accordion.jpg) no-repeat;
    background-position: 98% 10px;
    color: #fff;
}

.accordion-heading .accordion-toggle {
    background: #002948 url(../img/global/icon-accordion.jpg) no-repeat;
    background-position: 98%-15px;
    color: #fff;
}

.accordion-heading a {
    text-decoration: none;
}

.accordion p {
    margin: 0;
}

.relative {
    position: relative;
}

.plus {
    display: table;
    width: 40px;
    height: 37px;
    margin: 0 auto;
    padding: 0px 0 11px 0;
}

#wrapper {
    position: relative;
    width: 100%;
    min-height: 100%;
    height: auto!important;
    height: 100%;
    margin: 0 0 -200px;
}

#pusher {
    float: left;
    width: 100%;
    height: 50px;
    *height: 100px;
}

header {
    max-width: 1920px;
    background: #FFF url(../img/global/header-bg.jpg) 50% 50% no-repeat;
    border-bottom: 20px solid #002948;
    margin: 0 auto;
}

header div.wrap {
    position: relative;
    width: 1024px;
    height: 110px;
    margin: 0 auto;
}

header #logo {
    position: absolute;
    top: 0;
    right: 30px;
    float: left;
    width: 211px;
    /*background: transparent url(../img/global/fraisa-logo.png) 50% 50% no-repeat;*/
    overflow: hidden;
    /*text-indent: -9999px;*/
    ;
}

header #logo img.print {
    display: none;
}

header .searchform {
    float: left;
    margin: 0;
    position: absolute;
    top: 40px;
    left: 30px;
}

header #topnav {
    float: left;
    margin: 0;
    position: absolute;
    top: 10px;
    left: 30px;
}

header #topnav ul.menu {
    list-style: none;
    margin: 0;
    float: left;
}

header #topnav ul.menu li {
    display: inline;
    margin: 0 15px 0 0;
    float: left;
}

header #topnav ul.menu li a {
    text-decoration: none;
    color: #002948;
    font-weight: 400;
    font-family: 'Frutiger Neue W01 Bd', sans-serif;
    font-size: 14px;
}

header #topnav ul.menu li.active a {
    text-decoration: underline;
}

header #otherPlatforms {
    float: left;
    background: none;
    list-style: none;
    margin: 0;
    padding: 0 0 0 15px;
    text-align: left;
    border-left: 1px solid #002948;
    width: 300px;
    height: 20px;
}

header #otherPlatforms li {
    float: left;
    margin: -3px 7px 0 7px;
    padding: 0;
}

header #otherPlatforms li a {
    display: block;
    text-decoration: none;
    color: #FFF;
    font-family: 'FrutigerNeueW01-Regular', sans-serif;
    font-size: 18px;
    padding: 16px 0;
    position: relative;
}

header #otherPlatforms li a#youtube {
    background: transparent url(../img/global/youtube-icon.png) 0 0 no-repeat;
    width: 24px;
    height: 24px;
    text-indent: -9999px;
    display: block;
    float: left;
    margin: 0;
}

header #otherPlatforms li a#youku {
    background: transparent url(../img/global/youku-icon.png) 0 0 no-repeat;
    width: 24px;
    height: 24px;
    text-indent: -9999px;
    display: block;
    float: left;
    margin: 0;
}

header #otherPlatforms li a#facebook {
    background: transparent url(../img/global/facebook-icon.png) 0 0 no-repeat;
    width: 24px;
    height: 24px;
    text-indent: -9999px;
    display: block;
    float: left;
    margin: 0;
}

header #otherPlatforms li a#bauprojekt {
    background: transparent url(../img/global/Baustelle_icon_Vers2.png) 0 0 no-repeat;
    width: 24px;
    height: 24px;
    text-indent: -9999px;
    display: block;
    float: left;
    margin: 0;
}

header #otherPlatforms li a#sozial {
    background: transparent url(../img/global/sozialprozent.png) 0 0 no-repeat;
    width: 24px;
    height: 24px;
    text-indent: -9999px;
    display: block;
    float: left;
    margin: 0;
}

header #otherPlatforms li a#twitter {
    background: transparent url(../img/global/twitter-icon.jpg) 0 0 no-repeat;
    width: 24px;
    height: 24px;
    text-indent: -9999px;
    display: block;
    float: left;
    margin: 0;
}

header #otherPlatforms li a#linkedin {
    background: transparent url(../img/global/linkedin_icon.png) 0 0 no-repeat;
    width: 24px;
    height: 24px;
    text-indent: -9999px;
    display: block;
    float: left;
    margin: 0;
}

header #otherPlatforms li a#instagram {
    background: transparent url(../img/global/instagram_icon.png) 0 0 no-repeat;
    width: 24px;
    height: 24px;
    text-indent: -9999px;
    display: block;
    float: left;
    margin: 0;
}

header #otherPlatforms li a#xing {
    background: transparent url(../img/global/xing_icon.png) 0 0 no-repeat;
    width: 24px;
    height: 24px;
    text-indent: -9999px;
    display: block;
    float: left;
    margin: 0;
}

#mainnav ul li a#youtube {
    position: absolute;
    top: 13px;
    right: 10px;
    background: transparent url(../img/global/youtube-icon.png) 0 0 no-repeat;
    width: 24px;
    height: 24px;
    text-indent: -9999px;
    display: block;
    float: left;
    margin: 0;
}

#mainnav ul li a#youku {
    position: absolute;
    top: 13px;
    right: 10px;
    background: transparent url(../img/global/youku-icon.png) 0 0 no-repeat;
    width: 24px;
    height: 24px;
    text-indent: -9999px;
    display: block;
    float: left;
    margin: 0;
}

#mainnav ul li a#facebook {
    position: absolute;
    top: 13px;
    right: 48px;
    background: transparent url(../img/global/facebook-icon.png) 0 0 no-repeat;
    width: 24px;
    height: 24px;
    text-indent: -9999px;
    display: block;
    float: left;
    margin: 0;
}

#mainnav ul li a#bauprojekt {
    position: absolute;
    top: 13px;
    right: 86px;
    background: transparent url(../img/global/Baustelle_icon_Vers2.png) 0 0 no-repeat;
    width: 24px;
    height: 24px;
    text-indent: -9999px;
    display: block;
    float: left;
    margin: 0;
}

#mainnav ul li a#sozial {
    position: absolute;
    top: 13px;
    right: 210px;
    background: transparent url(../img/global/sozialprozent.png) 0 0 no-repeat;
    width: 24px;
    height: 24px;
    text-indent: -9999px;
    display: block;
    float: left;
    margin: 0;
}

#mainnav ul li a#twitter {
    position: absolute;
    top: 13px;
    right: 85px;
    background: transparent url(../img/global/twitter-icon.jpg) 0 0 no-repeat;
    width: 24px;
    height: 24px;
    text-indent: -9999px;
    display: block;
    float: left;
    margin: 0;
}

#mainnav ul li a#linkedin {
    position: absolute;
    top: 13px;
    right: 122px;
    background: transparent url(../img/global/linkedin_icon.png) 0 0 no-repeat;
    width: 24px;
    height: 24px;
    text-indent: -9999px;
    display: block;
    float: left;
    margin: 0;
}

#mainnav ul li a#instagram {
    position: absolute;
    top: 13px;
    right: 159px;
    background: transparent url(../img/global/instagram_icon.png) 0 0 no-repeat;
    width: 24px;
    height: 24px;
    text-indent: -9999px;
    display: block;
    float: left;
    margin: 0;
}

#mainnav ul li a#xing {
    position: absolute;
    top: 13px;
    right: 70px;
    background: transparent url(../img/global/xing_icon.png) 0 0 no-repeat;
    width: 24px;
    height: 24px;
    text-indent: -9999px;
    display: block;
    float: left;
    margin: 0;
}

#mainnav ul li a#fraisaDirect {
    position: absolute;
    top: 13px;
    right: 212px;
    background: transparent url(../img/global/xing_icon.png) 0 0 no-repeat;
    width: 24px;
    height: 24px;
    text-indent: -9999px;
    display: block;
    float: left;
    margin: 0;
}
#mainnav ul li a#wechat {
    position: absolute;
    top: 13px;
    right: 172px;
    background: transparent url(../img/global/social/wechat-icon.png) 0 0 no-repeat;
    width: 24px;
    height: 24px;
    text-indent: -9999px;
    display: block;
    float: left;
    margin: 0;
}
@media screen and (max-width: 1400px) {
    #mainnav ul li a#fraisaDirect {
        right: 159px!important;
    }
    #mainnav ul li a#fraisaDirect.pos3, #mainnav ul li a#bauprojekt.pos3  {
        right: 85px!important;
    }
    #mainnav ul li a#fraisaDirect.pos4 {
        right: 123px!important;
    }
}
#mainnav ul li a#fraisaDirect.pos3, #mainnav ul li a#bauprojekt.pos3 {right: 128px;}
#mainnav ul li a#fraisaDirect.pos4 {right: 130px;}
#mainnav ul li a#fraisaDirect img {
    border: 2px solid #1589cb;
    border-radius: 50%;
    box-shadow: inset 0px 0px 0px 10px #1589cb;
    width: 30px;
}

#mainnav ul li a#facebook,
#mainnav ul li a#youku,
#mainnav ul li a#linkedin,
#mainnav ul li a#twitter,
#mainnav ul li a#youtube,
#mainnav ul li a#instagram,
#mainnav ul li a#bauprojekt,
#mainnav ul li a#fraisaDirect,
#mainnav ul li a#sozial,
#mainnav ul li a#wechat {
    top: 9px;
    display: block;
    background: none;
    padding: 0;
    margin: 0 0 0 5px;
    width: 34px;
    height: 34px;
    text-indent: 0;
}

#body {
    width: 1024px;
    margin: 0 auto;
    background: #FFF;
    position: relative;
    z-index: 1;
}

#body:before,
#body:after {
    position: absolute;
    z-index: -1;
    content: "";
    top: 8px;
    width: 50.5%;
    height: 500px;
    margin: 0;
}

#body:before {
    left: 1.5%;
    -webkit-transform: skew(1.5deg, 0);
    -moz-transform: skew(1.5deg, 0);
    transform: skew(1.5deg, 0);
    -webkit-box-shadow: -10px -8px 30px rgba(0, 0, 0, .5);
    -moz-box-shadow: -10px -8px 30px rgba(0, 0, 0, .5);
    box-shadow: -10px -8px 30px rgba(0, 0, 0, .5);
}

#body:after {
    right: 1.5%;
    -webkit-transform: skew(-1.5deg, 0);
    -moz-transform: skew(-1.5deg, 0);
    transform: skew(-1.5deg, 0);
    -webkit-box-shadow: 10px -8px 30px rgba(0, 0, 0, .5);
    -moz-box-shadow: 10px -8px 30px rgba(0, 0, 0, .5);
    box-shadow: 10px -8px 30px rgba(0, 0, 0, .5);
}

#mainnav {
    position: relative;
    /*float: left;*/
    list-style: none;
    width: 100%;
    overflow: hidden;
    /*padding-top: 20px;*/
    /*margin-top: -20px;*/
    z-index: 9999;
}

body.it #mainnav,
body.en #mainnav,
body.us #mainnav {
    /*padding-top: 30px;*/
    /*margin-top: -30px;*/
}

.withsub #mainnav {
    margin-bottom: -15px;
    *margin-bottom: 0;
}

#mainnav ul {
    position: relative;
    float: left;
    width: 100%;
    list-style: none;
    background: #002948;
    z-index: 900;
    margin: 0;
}

.withsub #mainnav ul {
    padding-bottom: 41px;
    /*margin-bottom: 15px;*/
}

#mainnav ul li {
    float: left;
    margin: 0 7px;
    padding: 0;
}

#mainnav ul li.active {
    margin: 0;
}

#mainnav ul li.first {
    margin-left: 15px;
}

#mainnav ul li a {
    display: block;
    text-decoration: none;
    color: #FFF;
    font-family: 'FrutigerNeueW01-Regular', sans-serif;
    font-size: 18px;
    padding: 16px 0;
    position: relative;
}

#mainnav ul li a i {
    vertical-align: top;
}

#mainnav ul li.active a {
    color: #002945;
    background: #b2bec7;
    padding: 14px;
    margin: 5px 0 0;
    /*box-shadow: 0 0 5px #000;*/
}

#mainnav ul li.active ul {
    position: absolute;
    top: 53px;
    left: 0;
    float: left;
    width: 100%;
    height: 41px;
    margin: 0 0 0 -50px;
    padding: 0 50px;
    list-style: none;
    background: #b2bec7;
    box-shadow: 0 3px 3px rgba(0, 0, 0, .55);
}

#mainnav ul li.active ul:before {
    content: '';
    position: absolute;
    left: -50vw;
    top: 0;
    width: 150vw;
    height: 41px;
    background: #b2bec7;
    z-index: 0;
}

#mainnav ul li ul li,
#mainnav ul li ul li.active {
    float: left;
    margin: 0 20px 0 0;
    padding: 0;
}

#mainnav ul li ul li.first,
#mainnav ul li ul li.first.active {
    margin-left: 0px;
}

#mainnav ul li ul li.last,
#mainnav ul li ul li.last.active {
    margin-right: 0;
}

#mainnav ul li.active ul li a {
    font-family: 'FrutigerNeueW01-Regular', sans-serif;
    font-size: 14px;
    margin: 0;
}

#mainnav ul li.active ul li a,
#mainnav ul li.active ul li.active a {
    box-shadow: none;
    padding: 10px 0 10px 0;
}

#mainnav ul li ul li.active a {
    text-decoration: none;
    font-weight: 700;
    /*color: #e3001b;*/
    ;
}

#mainnav ul li ul li a div {
    position: absolute;
    top: -12px;
    text-align: center;
    left: 0;
    right: 0;
    margin: auto auto;
}

#mainnav ul li ul li a div span {
    background: #e2001a;
    display: inline-block;
    padding: 1px 5px;
    border-radius: 4px;
    color: #fff;
    font-size: 11px;
}

#mainnav ul li ul li a div span:after {
    content: '';
    position: absolute;
    left: 33px;
    top: 20px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #e2001a;
    clear: both;
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    margin: auto auto;
}

#mainnav ul li a[href="unternehmen"],
#mainnav ul li a[href="azienda"],
#mainnav ul li a[href="entreprise"],
#mainnav ul li a[href="company"],
#mainnav ul li a[href="vallalat"] {
    position: relative;
}

#mainnav ul li a[href="unternehmen"] span,
#mainnav ul li a[href="azienda"] span,
#mainnav ul li a[href="entreprise"] span,
#mainnav ul li a[href="company"] span,
#mainnav ul li a[href="vallalat"] span {
    position: absolute;
    top: -8px;
    right: -144px;
    font-size: 14px;
    background: #E3001B;
    padding: 0px 5px;
    border-radius: 4px;
    color: #FFF;
    width: 200px;
    z-index: 999;
}

#mainnav ul li a[href="azienda"] span,
body.en #mainnav ul li a[href="company"] span,
body.us #mainnav ul li a[href="company"] span {
    top: -28px;
}

#mainnav ul li.active a[href="unternehmen"] span,
#mainnav ul li.active a[href="entreprise"] span,
#mainnav ul li.active a[href="vallalat"] span {
    top: -13px;
    right: -130px;
}

#mainnav ul li a[href="azienda"] span {
    right: -170px;
}

#mainnav ul li a[href="company"] span {
    right: -165px;
}

#mainnav ul li.active a[href="azienda"] span {
    top: -13px;
    right: -155px;
}

#mainnav ul li.active a[href="company"] span {
    top: -13px;
    right: -151px;
}

#mainnav ul li.active a[href="azienda"] span,
body.en #mainnav ul li.active a[href="company"] span,
body.us #mainnav ul li.active a[href="company"] span {
    top: -33px;
}

#mainnav ul li.active a[href="toolchampions-30.-jubilaeum"] span {
    top: -13px;
    right: 3px;
}

#page-6 h1 span {
    display: none;
}

#mainnav ul li a[href="unternehmen"] span i,
#mainnav ul li a[href="azienda"] span i,
#mainnav ul li a[href="entreprise"] span i,
#mainnav ul li a[href="company"] span i,
#mainnav ul li a[href="vallalat"] span i {
    position: absolute;
    bottom: -7px;
    left: 6px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 5px 0 4px;
    border-color: #e3001a rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}

#mainnav ul li a[href="toolchampions-30th-jubilee"],
#mainnav ul li a[href="toolchampions-30.-anniversario"],
#mainnav ul li a[href="toolchampions-30.-jubile"],
#mainnav ul li a[href="toolchampions-30.-jubileum"],
#mainnav ul li a[href="toolchampions-30.-jubilaeum"] {
    position: relative;
}

#mainnav ul li a[href="toolchampions-30th-jubilee"] span,
#mainnav ul li a[href="toolchampions-30.-anniversario"] span,
#mainnav ul li a[href="toolchampions-30.-jubile"] span,
#mainnav ul li a[href="toolchampions-30.-jubileum"] span,
#mainnav ul li a[href="toolchampions-30.-jubilaeum"] span {
    position: absolute;
    top: -8px;
    right: -10px;
    font-size: 14px;
    background: #E3001B;
    padding: 0px 5px;
    border-radius: 4px;
    color: #FFF;
}

#mainnav ul li a[href="toolchampions-30th-jubilee"] span i,
#mainnav ul li a[href="toolchampions-30.-anniversario"] span i,
#mainnav ul li a[href="toolchampions-30.-jubile"] span i,
#mainnav ul li a[href="toolchampions-30.-jubileum"] span i,
#mainnav ul li a[href="toolchampions-30.-jubilaeum"] span i {
    position: absolute;
    bottom: -7px;
    left: 6px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 5px 0 4px;
    border-color: #e3001a rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}

header #langnav {
    float: left;
    background: none;
    list-style: none;
    margin: 0;
    padding: 0 110px 0 15px;
    text-align: left;
    border-left: 1px solid #002948;
    width: auto;
}

header #langnav li .caret {
    border-top: 4px solid #002948;
}

header #langnav li {
    position: relative;
    float: left;
    display: block;
    text-decoration: none;
    color: #000;
    font-weight: 400;
    font-family: 'Frutiger Neue W01 Bd', sans-serif;
    font-size: 14px;
}

header #langnav li .btn-group {
    position: absolute;
    top: -5px;
    left: 8px;
}

header #langnav li .btn-group .btn {
    padding: 3px 10px;
    color: #000;
}

header #langnav li .dropdown-menu {
    min-width: 0;
    padding: 0;
    width: 120px;
}

header #langnav li .dropdown-menu li {
    width: 100%;
}

header #langnav li .dropdown-menu li a {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-align: center;
}

header #langnav li .dropdown-menu li a:hover {
    background: #ddd!important;
    color: #333;
}

#content {
    position: relative;
    float: left;
    width: 960px;
    min-height: 500px;
    padding: 25px 32px 0;
    background: #FFF;
}

#page-1 #content,
#page-3849 #content {
    min-height: auto;
    padding-top: 60px;
}

#content h1 {
    font-size: 28px;
    font-family: 'Frutiger Neue W01 Blk', sans-serif;
    font-weight: 600;
}

#page-1 #content h1,
#page-1 #content h2,
#page-3849 #content h1,
#page-3849 #content h2 {
    font-size: 20px;
    margin: 0;
    line-height: 1.5;
}

#page-1 #content h4,
#page-3849 #content h4 {
    font-size: 14px;
    margin-bottom: 0;
    margin-top: 0;
    color: #E2001A;
}

#content h2 {
    font-weight: 400;
    font-size: 21px;
    font-family: 'FrutigerNeueW01-Regular', sans-serif;
    line-height: 1.5;
    margin-bottom: 25px;
}

#content h2.category {
    font-size: 28px;
    font-family: 'Frutiger Neue W01 Blk', sans-serif;
    font-weight: 600;
    line-height: 1.35;
    margin-top: 0;
    margin-bottom: 30px;
}

#content h2.subhead {
    margin-bottom: 28px;
    font-size: 22px;
    font-family: 'FrutigerNeueW01-Regular', sans-serif;
    line-height: 1.3;
}

#content h1 span {
    color: #e2001a;
}

#content h2 span {
    color: #e2001a;
    font-weight: 600;
    font-family: 'Frutiger Neue W01 Blk', sans-serif;
}

#content h1 span.blue,
#content h2 span.blue,
table th span.blue,
#mainnav a span.blue {
    color: #1f9cd8;
}

#content .inner.blueBox {
    background: none;
    border-top: 5px solid #002948;
    color: #002945;
    padding: 15px 30px;
}

#content .blueBox {
    background: #B2BEC7;
    border-top: 5px solid #002948;
    color: #002945;
    padding: 15px 30px;
}

#content .blueBox {
    border-top: 5px solid #002948;
    color: #002945;
    padding: 15px 30px;
}

#content .blueBox.karriere h2 {
    margin-bottom: 7px;
}

#content .span4.newsbox {
    padding-left: 8px;
    border-left: 1px solid #DDD;
}

#content .blueBox h2.textHead {
    font-size: 16px;
}

#content .box {
    margin: 0 0 25px;
}

#content .box h3 {
    font-size: 16px;
    padding: 12px 10px;
    line-height: 1;
    margin: 0;
    color: #002948;
    background: #eaeaea;
    font-weight: 400;
}

#content .box a.readmore {
    position: absolute;
    right: 10px;
    bottom: 5px;
    display: block;
    padding: 5px 10px;
    font-size: 14px;
}

#content .box .blueBox {
    border-top: none;
    border-bottom: none;
    padding: 10px 10px 40px;
    position: relative;
}

#content .box .blueBox a {
    color: #002945;
    display: block;
}

#content .box .blueBox p {
    margin: 0 0 10px;
}

#content .box .blueBox a:hover {
    text-decoration: none;
}

#content .box .blueBox a:hover h4 {
    text-decoration: underline;
}

#content .box .blueBox ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#content .box .blueBox ul li {
    min-height: 119px;
    padding: 2px 0;
    margin: 0;
    border-bottom: 1px solid #ddd;
}

#content .box .blueBox ul li h4 {
    font-size: 14px;
    margin: 10px 0 3px;
}

#content .box .blueBox ul li img {
    float: left;
    margin: 0 10px 10px 0;
    border: 1px solid #002945;
}

#content .box .blueBox ul li span.desc {
    font-size: 12px;
}

.row-fluid.kundenspektrum .span2 p img {
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.35);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.35);
}

.row-fluid.kundenspektrum .span2 p span {
    display: block;
    margin-top: 8px;
    font-size: 12px;
}

.pagination {
    margin-top: 55px;
}

.pagination ul li a {
    color: #002945;
}

.nav-tabs li a,
.nav-tabs li a:hover,
.nav-tabs li.active a,
.nav-tabs li.active a:hover {
    color: #002945;
}

.tab-content.messe {
    margin-top: 25px;
}

.tab-content.messe ul {
    list-style: none;
    margin: 0;
}

.tab-content.messe ul li {
    min-height: 97px;
    display: block;
    margin: 0 0 15px 0;
    padding: 0 0 15px 0;
    border-bottom: 1px solid #DDD;
}

.tab-content.messe ul li a {
    color: #333;
    text-decoration: none;
}

.tab-content.messe ul li p {
    margin: 0;
}

.tab-content.messe ul li img {
    float: left;
    margin: 0 15px 15px 0;
    border: 1px solid #002948;
}

.post hr {
    margin: 25px 0 45px;
}

.post {
    border-bottom: 1px solid #DDD;
}

.post h2.title {
    margin-bottom: 5px!important;
    font-size: 18px!important;
    font-weight: 700!important;
}

.post a {
    color: #002945;
}

.post a br {
    display: none;
}

.post a.readmore,
a.back {
    color: #FFF;
    background: #002945;
    padding: 5px 6px;
    font-size: 14px;
}

.post p {
    margin: 0 0 15px;
}

#conceptool {
    position: relative;
    margin: 25px 0 130px;
}

#conceptool .row-fluid.boxes {
    margin-top: 95px;
}

#conceptool .category.kunde {
    text-align: center;
}

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

#conceptool .span4 {
    position: relative;
    min-height: 200px;
    padding: 10px 20px;
}

#conceptool .span4.fr,
#conceptool .span4.it {
    position: relative;
    min-height: 250px;
    padding: 10px 20px;
}

#conceptool .span4 h2.textHead {
    margin-bottom: 5px;
}

#conceptool .box1 {
    top: 20px;
}

#conceptool .box2 {
    top: -50px;
}

#conceptool .box3 {
    top: 30px;
}

#conceptool .box4 {
    top: -20px;
}

#conceptool .box5 {
    top: 50px;
}

#conceptool .box6 {
    top: -20px;
}


/*  Toolschool Termine*/

.terminuebersicht .nav-tabs li a:hover,
.terminuebersicht .nav-tabs li.active a,
.terminuebersicht .nav-tabs li.active a:hover {
    background: #f1f1f1;
    border-top:
}

.terminuebersicht .tab-content.seminare {
    padding: 12px 20px;
    background: #f1f1f1;
    border: 1px solid #ddd;
    border-top: 0;
}

.terminuebersicht .tab-content.seminare .row-fluid,
.terminuebersicht .tab-content.seminare .row-fluid table {
    margin-bottom: 0;
}

.seminare table td.date {
    width: 125px;
}

.terminuebersicht .table th {
    padding-top: 0;
}

.terminuebersicht h4 {
    margin-bottom: 24px;
}

.nav-terminuebersicht {
    margin-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.nav-terminuebersicht li a {
    display: block;
}

.nav-terminuebersicht li a:hover {
    text-decoration: none;
}


/*  Toolschool Termine Ende */

.nav-unternehmen {
    margin-left: 0;
    margin-bottom: 20px;
    list-style: none;
}

.nav-unternehmen>li>a {
    display: block;
}

.nav-unternehmen>li>a:hover,
.nav-unternehmen>li>a:focus {
    text-decoration: none;
    background-color: #eeeeee;
}

.nav-unternehmen>li>a>img {
    max-width: none;
}

.nav-tabs.unternehmen .tab-content .span4 p {
    margin-bottom: 5px;
}

.nav-tabs.karriere,
.nav-tabs.unternehmen {
    margin-bottom: 20px;
    border-bottom: 1px solid #002945;
}

.nav-tabs.karriere>li>a,
.nav-tabs.unternehmen>li>a {
    padding: 16px 20px 14px;
    background: #eee;
    border: 0;
    margin-top: 2px;
}

.nav-tabs.karriere>li {
    padding-top: 6px;
    padding-bottom: 0px;
    line-height: 19px;
}

.nav-tabs.karriere>li.weitere-stellen-oesterreich a {
    padding-top: 6px;
    padding-bottom: 5px;
    line-height: 19px;
    vertical-align: middle;
    height: 39px;
    display: table-cell;
}

.nav-tabs.karriere>li.weitere-stellen-oesterreich a span {
    font-size: 12px;
}

.tab-content.karriere table .stellentab-small,
.tab-content.karriere table br {
    display: none;
}

.nav-tabs.karriere>li,
.nav-tabs.unternehmen>li {
    margin-bottom: 0;
}

.nav-tabs.karriere>li.active>a,
.nav-tabs.unternehmen>li.active>a {
    background: #002945;
    color: #fff;
    border: 0;
}

.tab-content.karriere ul,
.tab-content.unternehmen ul {
    list-style: none;
    margin: 0;
}

.tab-content.karriere ul li,
.tab-content.unternehmen ul li {
    display: block;
    border-bottom: 0px;
}

.tab-content.karriere ul li a,
.tab-content.unternehmen ul li a {
    border-radius: 4px;
}

.tab-content.karriere .nav-tabs,
.tab-content.unternehmen .nav-tabs {
    background: #B2BEC7;
    padding: 8px;
}

.tab-content.karriere .nav-tabs>li>a,
.tab-content.unternehmen .nav-tabs>li>a {
    border: none;
    background: none;
    padding: 8px;
    margin: 0;
}

.tab-content.karriere .nav-tabs>li.active>a,
.tab-content.unternehmen .nav-tabs>li.active>a {
    font-weight: 700;
}

.tab-content.karriere .nav-tabs>.active>a,
.tab-content.karriere .nav-tabs>.active>a:hover,
.tab-content.karriere .nav-tabs>.active>a:focus,
.tab-content.unternehmen .nav-tabs>.active>a,
.tab-content.unternehmen .nav-tabs>.active>a:hover,
.tab-content.unternehmen .nav-tabs>.active>a:focus {
    border: none;
}

.tab-content.karriere table {
    width: 100%;
    background: #eee;
}

.tab-content.karriere table thead tr {
    border-bottom: solid #B2BEC7 1px;
}

.tab-content.karriere table thead td {
    padding: 20px;
    font-weight: 700;
}

.tab-content.karriere table thead td {
    padding: 20px;
    font-weight: 700;
}

.tab-content.karriere table td {
    border-right: solid #B2BEC7 1px;
    padding: 20px;
    border-bottom: solid #B2BEC7 1px;
}

.tab-content.karriere table td:last-child {
    border-right: 0;
}

/*.tab-content.karriere table tr:last-child td {
    border-bottom: 0;
}*/

.tab-content.karriere .tab-pane thead tr th {
    background: #B2BEC7;
    padding: 20px;
    border-bottom: 1px solid #ddd;
    text-align: left;
    border-right: solid #eee 1px;
}

.tab-content.karriere .tab-pane thead tr .stellenbeschreibung {
    width: 804px;
}

.tab-content.karriere .tab-pane thead tr .stellenart {
    width: 144px;
}

.tab-content.karriere .tab-pane thead tr .antrittsdatum {
    width: 132px;
}

.tab-content.karriere .tab-pane thead tr th {
    background-image: url(../img/global/table-bg.gif);
    background-repeat: no-repeat;
    background-position: left;
}

.tab-content.karriere .tab-pane thead tr th.headerSortDown {
    background-image: url(../img/global/table-desc.gif);
    background-repeat: no-repeat;
    background-position: left;
}

.tab-content.karriere .tab-pane thead tr th.headerSortUp {
    background-image: url(../img/global/table-asc.gif);
    background-repeat: no-repeat;
    background-position: left;
}

.tab-content.karriere .tab-pane thead tr th:hover {
    cursor: pointer;
}

.auszeichnungen.nav-tabs>li>a {
    padding-left: 8px;
    padding-right: 8px;
}

#slideshow {
    float: left;
    position: relative;
    z-index: 100;
    width: 100%;
    height: 413px;
    margin: 0;
    padding: 0 0 0px;
    background: #FFF;
}

#page-1 #slideshow,
#page-3468 #slideshow,
#page-3849 #slideshow {
    height: 500px;
}

#page-1 #slideshow:after,
#page-3468 #slideshow:after,
#page-3849 #slideshow:after {
    position: relative;
    content: "";
    z-index: -1;
    left: 50%;
    bottom: 0;
    width: 900px;
    height: 50px;
    margin: 0 0 0 -450px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-box-shadow: 0 0 15px #000;
    -moz-box-shadow: 0 0 15px #000;
    box-shadow: 0 0 15px #000;
}

#slideshow .slides {
    float: left;
    width: 100%;
    height: 413px;
    background: #FFF;
    overflow: hidden;
}

#page-1 #slideshow .slides,
#page-3468 #slideshow .slides,
#page-3849 #slideshow .slides {
    width: 100%!important;
    height: 100%!important;
}

#page-3849 #slideshow .slides img {
    top: -320px!important;
}

#slideshow .slides img {
    width: 100%!important;
    height: 100%!important;
    background: #FFF;
    top: -310px;
    position: relative;
    object-fit: cover;
}

#slideshow .slides img[data-href]:hover {
    cursor: pointer;
}

#slideshow .slides .sliderContainer {
    width: 100%!important;
    height: 100%!important;
}

#slideshow .slides .sliderContainer div {
    position: relative;
    z-index: 200;
    top: 30px;
    left: 30px;
    height: 300px;
}

#page-2 #slideshow .slides .sliderContainer .ToolExpert:lang(us) {
    left: 30px!important;
    text-align: left!important;
}

#slideshow .slides .sliderContainer.right div,
#page-2 #slideshow .slides .sliderContainer div,
#page-15 #slideshow .slides .sliderContainer div,
#page-3459 #slideshow .slides .sliderContainer div,
#page-16 #slideshow .slides .sliderContainer div,
#page-17 #slideshow .slides .sliderContainer div,
#page-17 #slideshow .slides .sliderContainer div,
#page-497 #slideshow .slides .sliderContainer div,
#page-14 #slideshow .slides .sliderContainer div,
#page-25 #slideshow .slides .sliderContainer div,
#page-2763 #slideshow .slides .sliderContainer div,
#page-3537 #slideshow .slides .sliderContainer div,
#page-3221 #slideshow .slides .sliderContainer div,
#page-1 #slideshow .slides .sliderContainer.qualitaet div,
#page-1 #slideshow .slides .sliderContainer.toolexpert div,
#page-3468 #slideshow .slides .sliderContainer.qualitaet div,
#page-3468 #slideshow .slides .sliderContainer.toolexpert div,
#page-3849 #slideshow .slides .sliderContainer.qualitaet div,
#page-3849 #slideshow .slides .sliderContainer.toolexpert div,
#slideshow .slides .sliderContainer.toolexpert-helixramp div {
    text-align: right;
    right: 30px;
    left: auto;
}

#page-2 #slideshow .slides .sliderContainer div a,
#page-15 #slideshow .slides .sliderContainer div a,
#page-16 #slideshow .slides .sliderContainer div a,
#page-17 #slideshow .slides .sliderContainer div a,
#page-17 #slideshow .slides .sliderContainer div a,
#page-497 #slideshow .slides .sliderContainer div a,
#page-14 #slideshow .slides .sliderContainer div a {
    float: right;
}

#page-2.us #slideshow .slides .sliderContainer div.text-left {
    left: 30px!important;
    text-align: left!important;
}

#page-2.us #slideshow .slides .sliderContainer div.text-left a {
    float: left;
}

#slideshow .slides .sliderContainer a:hover {
    text-decoration: none;
}

#slideshow .slides .sliderContainer div h2 {
    color: #000;
    font-size: 34px;
    font-family: 'Frutiger Neue W01 Blk', sans-serif;
    margin-bottom: 0;
    font-weight: normal;
}

#slideshow .slides .sliderContainer div.bottom h2,
#slideshow .slides .sliderContainer div.bottom h3 {
    position: absolute;
    bottom: 0;
}

#slideshow .slides .sliderContainer div.right h2,
#slideshow .slides .sliderContainer div.right h3 {
    right: 0;
}

#slideshow .slides .sliderContainer div h3 {
    color: #000;
    font-size: 28px;
    font-family: 'FrutigerNeueW01-Regular', sans-serif;
    margin-top: 3px;
    line-height: 35px;
    font-weight: normal;
}

#slideshow .slides .sliderContainer div span {
    color: #e3001b;
}

#slideshow .slides .sliderContainer div h2 sup {
    top: 0;
    font-size: 42px;
    font-family: 'FrutigerNeueW01-Regular', sans-serif;
}

#slideshow .slides .sliderContainer div .more {
    background: #e3001b;
    color: #fff;
    text-decoration: none;
    padding: 10px;
    display: inline-block;
    margin: 4px 0 0 0;
}

#slideshow .slides .sliderContainer.bester-ausbildungsbetrieb div {
    left: auto;
    top: 20px;
    right: 60px;
}

#slideshow .slides .sliderContainer.bester-ausbildungsbetrieb h2 {
    text-align: right;
}

#slideshow ul {
    position: absolute;
    z-index: 900;
    left: 50%;
    bottom: -40px;
    float: left;
    width: 960px;
    margin: 0 0 0 -480px;
    padding: 0;
    list-style: none;
    background: #FFF;
    border: 1px solid #9fa0a0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .25);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .25);
    box-shadow: 0 0 5px rgba(0, 0, 0, .25);
}

#slideshow ul li {
    box-sizing: border-box;
    float: left;
    width: 20%;
    min-height: 260px;
    z-index: 900;
    display: block;
    border-right: 1px solid #c0c6cb;
    border-left: 1px solid #FFFFFF;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.11) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(0, 0, 0, 0.11)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.11) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.11) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.11) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.11) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#1c000000', GradientType=0);
}

.us #slideshow ul li {
    width: 25%;
}


/*home kopie start*/

body#page-1.us #slideshow ul li {
    width: 20%;
}

body#page-1.us #slideshow,
body#page-1.us #slideshow .slides,
body#page-1.us #slideshow .controls {
    height: 500px;
}

body#page-1.us #slideshow .slides .slideContainer div h2 {
    font-size: 26px;
    line-height: 28px;
}

body#page-1.us .us-new-brochure h2 {
    position: absolute;
    right: 144px;
    margin-top: 0;
}

body#page-1.us .us-new-brochure h3 {
    position: absolute;
    right: 70px;
    top: 105px;
    font-size: 18px!important;
    line-height: 22px!important;
}

body#page-1.us .us-new-brochure #toolExpertLink {
    height: 175px;
    width: 304px;
    position: absolute;
    right: 318px;
    top: -8px;
}


/*home kopie ende*/

#page-2753 #slideshow,
#page-2753 #slideshow .slides {
    height: 625px;
}

#page-2753 #slideshow ul li a h3 {
    font-size: 14px;
}

#page-2753 #slideshow ul li a h3 {
    font-size: 14px;
}

#page-2753 #slideshow ul li a p {
    font-size: 12px;
}

#slideshow ul li.active a {
    border-bottom: 5px solid #e2001a;
}

#slideshow ul li a {
    display: block;
    padding: 20px 15px 0 17px;
    font-size: 14px;
    font-family: 'FrutigerNeueW01-Regular', sans-serif;
    text-decoration: none;
    color: #002948;
    box-sizing: border-box;
    height: 100%;
}

#slideshow ul li:first-child a {
    border-left: none;
}

#slideshow ul li:last-child a {
    border-right: none;
}

#slideshow ul li.active,
#slideshow ul li:hover {
    background: -moz-linear-gradient(top, rgba(237, 237, 237, 0) 0%, rgba(0, 0, 0, 0.18) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(237, 237, 237, 0)), color-stop(100%, rgba(0, 0, 0, 0.18)));
    background: -webkit-linear-gradient(top, rgba(237, 237, 237, 0) 0%, rgba(0, 0, 0, 0.18) 100%);
    background: -o-linear-gradient(top, rgba(237, 237, 237, 0) 0%, rgba(0, 0, 0, 0.18) 100%);
    background: -ms-linear-gradient(top, rgba(237, 237, 237, 0) 0%, rgba(0, 0, 0, 0.18) 100%);
    background: linear-gradient(to bottom, rgba(237, 237, 237, 0) 0%, rgba(0, 0, 0, 0.18) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00ededed', endColorstr='#2e000000', GradientType=0);
}

#slideshow ul li a h3 {
    font-size: 16px;
    font-family: 'FrutigerNeueW01-Regular', sans-serif;
    font-weight: 800;
    line-height: 1.3;
    margin: 0 0 5px;
}

#slideshow ul li a p {
    margin: 0;
    font-size: 12px;
    word-wrap: break-word;
}

#slideshow .controls {
    position: absolute;
    z-index: 800;
    top: 0;
    left: 0;
    float: left;
    width: 100%;
    height: 330px;
    display: none;
}

#page-1 #slideshow .controls,
#page-3468 #slideshow .controls,
#page-3849 #slideshow .controls {
    display: block;
    height: 500px;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0.75) 75%, rgba(255, 255, 255, 1) 90%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(60%, rgba(255, 255, 255, 0)), color-stop(75%, rgba(255, 255, 255, 0.75)), color-stop(90%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 1)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0.75) 75%, rgba(255, 255, 255, 1) 90%, rgba(255, 255, 255, 1) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0.75) 75%, rgba(255, 255, 255, 1) 90%, rgba(255, 255, 255, 1) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0.75) 75%, rgba(255, 255, 255, 1) 90%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0.75) 75%, rgba(255, 255, 255, 1) 90%, rgba(255, 255, 255, 1) 100%);
}

#slideshow .controls a {
    position: absolute;
    z-index: 800;
    top: 50%;
    float: left;
    width: 60px;
    height: 60px;
    margin: -60px 0 0;
    text-indent: -9999px;
    overflow: hidden;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .5);
    box-shadow: 0 0 10px rgba(0, 0, 0, .5);
    background: #1a3f5b;
    background: -moz-linear-gradient(top, #1a3f5b 0%, #042b49 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1a3f5b), color-stop(100%, #042b49));
    background: -webkit-linear-gradient(top, #1a3f5b 0%, #042b49 100%);
    background: -o-linear-gradient(top, #1a3f5b 0%, #042b49 100%);
    background: -ms-linear-gradient(top, #1a3f5b 0%, #042b49 100%);
    background: linear-gradient(to bottom, #1a3f5b 0%, #042b49 100%);
}

#slideshow .controls a#back {
    left: -30px;
}

#slideshow .controls a span {
    display: block;
    width: 60px;
    height: 60px;
    background: transparent url(img/slideshow/controls.png) 22px 22px no-repeat;
}

#slideshow .controls a#next {
    right: -30px;
}

#slideshow .controls a#next span {
    background-position: 28px -23px;
}

.mainPic {
    margin: 20px 0px 20px 0px;
}

#section-preview {
    width: 100%;
    padding: 50px 0 0;
}

#section-preview section {
    width: 960px;
    margin: 0 auto;
}

#section-preview ul {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

#section-preview ul li {
    float: left;
    width: 30%;
    margin: 0 5% 0 0;
}

#section-preview ul li.last {
    margin: 0;
}

#section-preview ul li:last-child {
    margin: 0;
}

#section-preview ul li a {
    position: relative;
    display: block;
    text-decoration: none;
    color: #333333;
}

#section-preview ul li a img {
    width: 100%!important;
    height: auto!important;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.35);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.35);
}

#section-preview ul li a:after {
    position: absolute;
    left: 50%;
    top: 137px;
    border-radius: 100%;
    content: "";
    display: block;
    margin: 0 0 0 -35%;
    width: 75%;
    height: 10px;
    background: #000;
    z-index: -1;
    -webkit-box-shadow: 0 0 10px 8px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 0 10px 8px rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 10px 8px rgba(0, 0, 0, 0.25);
}

#section-preview ul li a:hover:after {
    -webkit-box-shadow: 0 0 10px 8px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 10px 8px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 10px 8px rgba(0, 0, 0, 0.5);
}

#section-preview ul li a:hover img {
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .5);
    box-shadow: 0 0 8px rgba(0, 0, 0, .5);
}

#section-preview ul li a h3 {
    font-size: 18px;
    font-family: 'Frutiger Neue W01 Bd', sans-serif;
    font-weight: 400;
    line-height: 1.4;
    margin: 20px 0 0px;
}

#section-preview ul li a p {
    margin: 0;
    padding: 10px 0px 0px 0px;
}

.header-video-play-btn {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 90px;
    height: 63px;
    margin: -30px 0 0 -95px;
    background: transparent url(../img/dienstleistungen/play-button.png) no-repeat 0 0;
}

.header-video-play-btn:hover {
    background-position: -90px 0;
}

.news-preview {
    margin: 0 0 100px;
    height: 380px;
    position: relative;
    background: #B2BEC7 url('../img/news/news-preview-bg.jpg') 50% 50% no-repeat;
}

.news-preview h2 {
    position: absolute;
    top: 30px;
    left: 45px;
    color: #FFF;
    padding: 0;
    margin: 0;
    -webkit-text-shadow: 0 2px 15px rgba(0, 0, 0, 0.5);
    -moz-text-shadow: 0 2px 15px rgba(0, 0, 0, 0.5);
    text-shadow: 0 2px 15px rgba(0, 0, 0, 0.5);
}

.news-preview .carousel-inner {
    list-style: none;
    margin: 0;
    padding: 0;
    height: 380px;
}

.news-preview .carousel-inner .item {
    height: 280px;
    margin: 100px 0 0;
}

.news-preview .carousel-inner .item .navbar-inner {
    position: relative;
    width: 70%;
    margin: 0 auto;
    padding-bottom: 35px;
    overflow: hidden;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
}

.news-preview .carousel-inner .item .navbar-inner a {
    color: #333;
}

.news-preview .carousel-inner .item .navbar-inner h3 {
    line-height: 1.25;
    font-size: 16px;
    margin: 25px 0 15px 0;
}

.news-preview .carousel-inner .item .navbar-inner p {
    line-height: 1.4;
}

.news-preview .carousel-inner .item .navbar-inner span {
    position: absolute;
    bottom: 0;
    right: 0;
    display: block;
    text-align: right;
    color: #002945;
    width: 100%;
    padding: 5px 15px;
    background-color: #fafafa;
    background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));
    background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
    background-image: -o-linear-gradient(top, #ffffff, #f2f2f2);
    background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
    background-repeat: repeat-x;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
}

.news-preview .carousel-inner .item a:hover,
.news-preview .carousel-inner .item a:hover p {
    text-decoration: none!important;
}

.news-preview .carousel-inner .item a:hover span {
    text-decoration: underline;
}

.carousel-control {
    top: 50%;
    margin-top: -20px;
    z-index: 9999;
}

.carousel-control.left {
    left: 45px;
}

.carousel-control.right {
    right: 45px;
}

.carousel-indicators {
    top: auto;
    bottom: 25px;
    left: 50%;
    width: 50%;
    margin: 0 0 0 -25%;
    text-align: center;
}

.carousel-indicators li {
    display: inline;
    float: none;
    border-radius: 20px;
    padding: 0 8px;
}

footer.neu h2 span {
    display: none;
}

footer div {
    position: relative;
    width: 960px;
    margin: 0 auto;
    border-top: 1px solid #002948;
}

footer div p {
    font-size: 12px;
    margin: 10px 0 15px;
}

footer {
    width: 100%;
    overflow: hidden;
}

footer div div.col {
    float: left;
    width: 14%;
    padding: 15px 0 0;
    border-top: none;
    z-index: 900;
}

footer div div.first {
    width: 28%;
}

footer div div.karriere {
    width: 20%;
}

footer div div.last {
    width: 10%;
}

footer .new {
    display: none
}

.en footer div div.first {
    width: 20%
}

.en footer div div.col,
.en footer div div.karriere {
    width: 16%
}

.us footer div div.first {
    width: 20%
}

.us footer div div.col,
.us footer div div.karriere {
    width: 16%
}

footer div div p {
    margin: 0 0 15px
}

footer div img {
    float: left;
    margin: 0 10px 15px 0;
}

footer div h2 {
    font-size: 12px;
    margin: 0 0 10px;
    padding: 0;
    line-height: 1;
    font-weight: bold;
}

footer div strong,
footer div h2 a {
    color: #000;
}

footer div h2 i {
    display: none
}

footer div ul {
    position: relative;
    top: 0;
    width: 100%;
    margin: 0;
}

footer div ul li {
    display: block;
    float: none;
    margin: 0;
}

footer div ul li a {
    display: block;
    float: none;
    font-weight: normal;
    font-size: 11px;
    margin: 0 0 10px;
    line-height: 1;
}

footer div p a,
footer div ul li a {
    color: #002945;
}

footer div ul li.active a {
    text-decoration: underline;
}

footer .copyright {
    float: left;
    width: 100%;
    padding: 10px 0;
    margin: 0;
    z-index: 200;
}

#cron {
    position: absolute;
    top: -9999px;
    left: -9999px;
    width: 0;
    height: 0;
    border: none;
    visibility: hidden;
    opacity: 0;
}

#gmap-canvas img,
#standorte-canvas img {
    max-width: none;
}

#standorte-canvas,
#standorte-wrapper {
    position: relative;
    float: left;
    height: 500px;
    width: 100%;
    background: #FFF;
}

.id-1503 #standorte-wrapper {
    margin-bottom: 40px;
}

#standorte-canvas {
    float: left;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

#standorte-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 500;
    float: left;
    width: 100%;
    height: 500px;
    background: #000;
    display: none;
    opacity: 0.5;
}

#standorte-window {
    position: absolute;
    top: 135px;
    left: 50%;
    margin: 0 0 0 -225px;
    padding: 0;
    z-index: 600;
    float: left;
    width: 450px;
    height: auto;
    background: #FFF;
    display: none;
    overflow: auto;
}

#standorte-window p {
    padding: 15px;
    margin: 0!important;
}

#standorte-window p div {
    padding: 15px;
    margin: 0!important;
    font-size: 14px;
}

#standorte-window h1 {
    font-size: 20px;
    margin: 0 auto;
    padding: 10px 30px 10px 15px;
    line-height: 100%;
    background: #007a3b;
    max-width: 1000px;
    color: #FFF;
    background: #002948;
}

#standorte-window-close {
    float: left;
    width: 10px;
    height: 10px;
    text-indent: -9999px;
    background: transparent url(../img/global/close-window.gif) 0 0 no-repeat;
    position: absolute;
    top: 15px;
    right: 15px;
}

#standorte-window-close:hover {
    background-position: -10px 0;
}

#gmap-marker-select {
    padding: 0 0 15px;
    background: #FFF;
    margin: 0;
}

#gmap-marker-select li a {
    display: block;
    margin: 5px;
    padding: 15px;
    height: 29px;
    line-height: 29px;
    text-align: left;
    background: #F2F2F2 url(../img/global/checkbox-unchecked.gif) 46px 50% no-repeat;
    border: 1px solid #C2C2C2;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
}

#gmap-marker-select li a.checked {
    background-image: url(../img/global/checkbox-checked.gif);
}

#gmap-marker-select li.alpha a {
    margin-left: 0;
}

#gmap-marker-select li.omega a {
    margin-right: 0;
    background-position: 42px 50%;
}

#gmap-marker-select li a img {
    vertical-align: middle;
    margin: 0 22px 0 0;
}

#neztwerk h5 {
    margin-top: 0;
}

#netzwerk .span2.first {
    padding-left: 0;
}

#netzwerk ul {
    margin: 0 0 10px 14px;
}

#netzwerk ul li {
    line-height: 16px;
    font-size: 12px;
}

.weltkarte {
    position: relative;
}

.hidden-detail {
    display: none;
}

.weltkarte-detail {
    width: 300px;
    position: absolute;
    right: 0;
    top: 40px;
    background: #fff;
    padding: 15px;
    opacity: 0.9;
    -khtml-opacity: 0.9;
    filter: alpha(opacity=90);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    box-shadow: 1px 2px 6px #000;
    -moz-box-shadow: 1px 2px 6px #000;
    /* Firefox */
    -webkit-box-shadow: 1px 2px 6px #000;
    /* Safari,
 Chrome */
    box-shadow: 1px 2px 6px #000;
    /* CSS3 */
    ;
}

.weltkarte span {
    position: absolute;
    width: 10px;
    height: 10px;
    background: red;
    border-radius: 10px;
    display: block;
    cursor: pointer;
}

.weltkarte .fraisa-sa {
    top: 240px;
    left: 455px;
}

.fraisa-sa:hover~.fraisa-sa-detail,
.fraisa-gmbh:hover~.fraisa-gmbh-detail,
.fraisa-usa:hover~.fraisa-usa-detail,
.fraisa-france:hover~.fraisa-france-detail,
.fraisa-italia:hover~.fraisa-italia-detail,
.fraisa-hungaria:hover~.fraisa-hungaria-detail,
.fraisa-china:hover~.fraisa-china-detail {
    display: block!important;
}

.weltkarte .fraisa-gmbh {
    top: 222px;
    left: 460px;
}

.weltkarte .fraisa-usa {
    top: 239px;
    left: 185px;
}

.weltkarte .fraisa-france {
    top: 248px;
    left: 445px;
}

.weltkarte .fraisa-italia {
    top: 248px;
    left: 463px;
}

.weltkarte .fraisa-hungaria {
    top: 235px;
    left: 495px;
}

.weltkarte .fraisa-china {
    top: 280px;
    left: 770px;
}

.kontaktform-adresse .span2:lang(us) {
    width: 23.404255319148934%;
}

.kontaktform-adresse .span10:lang(us) {
    width: 74.46808510638297%;
}

.kontaktform-adresse p {
    margin: 0 0 4px;
}

.form-horizontal {
    margin-left: 0!important;
}

.form-horizontal .radio-inline {
    display: flex;
    align-items: center;
    gap: 6px;
}

.form-horizontal .radio-btn {
    margin: 0;
}

.form-horizontal .radio-btn-text {
    margin-top: 2px;
}

.kontakt-ansprechpartner {
    border: 1px dotted #DDD;
    padding: 15px;
    margin: 0 0 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

.kontakt-ansprechpartner p {
    margin: 0 0 10px;
    line-height: 1.5;
}

.kontakt-ansprechpartner .row-fluid,
.kontakt-ansprechpartner .row-fluid p {
    margin: 0;
}

.download {
    background: #F1F1F1;
    padding: 10px;
    margin: 0 0 15px;
}

.download p {
    margin: 0;
}

.download a {
    color: #002945;
    text-decoration: underline;
}

.download a:hover {
    text-decoration: none;
}

.section-list ul {
    list-style: none;
    margin: 0 0 25px;
    border-bottom: 1px solid #CCC;
}

.section-list ul li {
    display: block;
    border-top: 1px solid #CCC;
}

.section-list ul li a {
    display: block;
    padding: 10px 15px;
}

.section-grid a {
    color: #333;
    display: block;
    cursor: pointer;
}

.section-grid.application-managers a {
    display: inline;
}

.section-grid .span6 {
    cursor: pointer;
}

.section-grid a:hover {
    text-decoration: none;
}

#content .section-grid h2 {
    font-family: 'Frutiger Neue W01 Bd', sans-serif;
    font-size: 18px;
    font-weight: 400;
    border-bottom: 1px solid #c6c6c6;
    margin: 0 0 20px 0;
    padding: 0 0 10px;
}

.section-grid p {
    margin: 0;
}

.section-grid img {
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.35);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.35);
}

.section-grid .span6:hover img {
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .5);
    box-shadow: 0 0 8px rgba(0, 0, 0, .5);
}

img.imgShadow {
    width: 100%;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.35);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.35);
}

#content h2.textHead {
    font-family: 'Frutiger Neue W01 Bd', sans-serif;
    font-size: 18px;
    margin: 0px;
    line-height: 20px;
}

.span6 .caption {
    float: left;
    margin-top: 4px;
    padding: 10px;
}

.characteristics {
    list-style-type: none;
    padding: 0;
    margin: 20px 0px 0px 0px;
    font-size: 22px;
}

.characteristics li {
    background-image: url(../img/global/haekchen.png);
    background-repeat: no-repeat;
    background-position: 0 .4em;
    padding: 12px 20px 20px 60px;
    margin-bottom: 20px;
    line-height: 1.35;
}

.characteristics li.one {
    background-image: url(../img/global/one.png);
}

.characteristics li.two {
    background-image: url(../img/global/two.png);
}

.characteristics li.three {
    background-image: url(../img/global/three.png);
}

.characteristics li.four {
    background-image: url(../img/global/four.png);
}

.characteristics li.five {
    background-image: url(../img/global/five.png);
}

.characteristics li p {
    font-size: 14px;
}

.characteristics li a {
    display: block;
    color: #002945;
}

.characteristics li a .icon-share {
    vertical-align: middle;
    height: 19px;
    margin-left: 5px;
}

.summary {
    padding: 12px 16px;
    background: #0081c6;
    border-radius: 4px;
    font-size: 22px;
    color: #fff;
}

.features {
    padding: 0;
    font-size: 22px;
}

.features li {
    background: url(http://www.fraisa.com/de/assets/img/global/li-bg.png) repeat-y top right;
    padding: 20px 20px 28px 0px;
    margin-bottom: 20px;
    line-height: 1.35;
}

.features.full li {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#feffff+0,ddf1f9+45,d3e4f6+100 */
    background: #feffff;
    /* Old browsers */
    background: -moz-linear-gradient(left, #feffff 0%, #ddf1f9 45%, #d3e4f6 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #feffff 0%, #ddf1f9 45%, #d3e4f6 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #feffff 0%, #ddf1f9 45%, #d3e4f6 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#d3e4f6', GradientType=1);
    /* IE6-9 */
}

.features li p {
    font-size: 14px;
}

.features li a {}

.features li a .icon-share {
    vertical-align: middle;
    height: 19px;
    margin-left: 5px;
}

.navbar .nav .active a,
.navbar .nav .active a:hover,
.navbar .nav .active a:focus {
    background: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#toc {
    margin: 0 0 50px;
}

#toc .navbar-inner,
#toc-fixed .navbar-inner {
    border-radius: 0;
    padding: 0;
}

#toc .navbar-inner .nav li a:hover {
    background: #fbd9dd;
}

#toc .navbar-inner .nav li.active>a {
    background: #e3001b;
    color: #fff;
    text-shadow: 0 1px 0 #323232;
}

#toc .navbar-inner .nav li.divider-vertical {
    margin: 0;
    border-right: 0;
    border-left: 1px solid #eaeaea;
}

#toc-fixed.navbar {
    float: left;
    width: 200px;
    position: fixed;
    right: 0;
    margin-right: 0px;
    top: 70%;
    z-index: 9999;
    background: none;
    -webkit-transition: margin .7s;
    -moz-transition: margin .7s;
    transition: margin .7s;
}

#toc-fixed.inactive {
    margin-right: -217px !important;
}

#toc-fixed .navbar-inner,
#toc-fixed li {
    width: 100%;
    padding: 0;
    margin: 0;
    float: left;
    background: none;
}

#toc-fixed .navbar-inner {
    background: none;
    border: none;
    box-shadow: none;
    filter: none;
}

#toc-fixed .navbar-inner .nav {
    background: none;
    float: right;
    margin: 0;
}

#toc-fixed .navbar-inner .nav li {
    background: none;
}

#toc-fixed .navbar-inner .nav li a {
    min-width: 17px;
    display: inline-block;
    float: right;
    padding: 10px 15px 10px;
    margin: 0 0 1px;
    background: #FBDEE2;
    background: rgba(251, 217, 221, 0.85);
    text-shadow: 0 1px 0 #fff;
    font-size: 14px;
    opacity: 1;
    -webkit-transition: padding 0.2s, opacity 1s, min-width .7s;
    -moz-transition: padding 0.2s, opacity 1s, min-width .7s;
    transition: padding 0.2s, opacity 1s, min-width .7s;
    -webkit-transform: translateZ(0);
}

#toc-fixed.inactive .navbar-inner .nav li a,
#toc-fixed.inactive .navbar-inner .nav li.active a {
    padding-left: 30px;
    min-width: 100%;
    opacity: .5;
    -webkit-transition: min-width .7s, padding .4s, opacity 1s;
    -moz-transition: min-width .7s, padding .4s, opacity 1s;
    transition: min-width .7s, padding .4s, opacity 1s;
}

#toc-fixed .navbar-inner .nav li a:hover,
#toc-fixed .navbar-inner .nav li.active a,
#toc-fixed .navbar-inner .nav li.override.target a,
#toc-fixed .navbar-inner .nav li.override.target.active a {
    min-width: 17px;
    background: #E3001B;
    background: rgba(227, 0, 27, 0.9);
    color: #fff;
    text-shadow: 0 1px 0 #323232;
    -webkit-transition: min-width .6s, background-color .25s, padding .4s, opacity 1s;
    -moz-transition: min-width .6s, background-color .25s, padding .4s, opacity 1s;
    transition: min-width .6s, background-color .25s, padding .4s, opacity 1s;
}

#toc-fixed .navbar-inner .nav li.active a {
    background-color: #E3001B;
    background-color: rgba(227, 0, 27, 0.9);
    background-image: url(../img/global/toc-fixed-arrow.gif);
    background-repeat: no-repeat;
    background-position: 10px 14px;
    padding-left: 30px;
}

#toc-fixed .navbar-inner .nav li.override a,
#toc-fixed .navbar-inner .nav li.active.override a {
    float: right;
    display: inline-block;
    padding: 10px 15px 10px;
    margin: 0 0 1px;
    background: #FBDEE2;
    background: rgba(251, 217, 221, 0.9);
    text-shadow: 0 1px 0 #fff;
    font-size: 14px;
    color: #777;
}

.navbar .nav>li>a {
    padding: 10px 11px 10px;
}

#page-1886 .navbar .nav>li>a {
    padding: 10px 8px 10px;
}

.table.section-table {
    width: 83%;
}

.table.section-table.full {
    width: 100%;
}

.table.section-table.center {
    margin: 0 auto;
}

.table.section-table tr th {
    background: #002948;
    color: #FFF;
    padding: 10px 15px;
}

.table.section-table tr td {
    padding: 0;
}

.table.section-table tr td a {
    display: block;
    padding: 10px 13px;
    background: #b2bec7;
    color: #002945;
}

.literatur .table.section-table tr td a {
    display: block;
    padding: 10px 13px;
    background: none;
    color: #002945;
}

.literatur .table.section-table tr td {
    vertical-align: middle;
    border-top: 0;
    width: 299px;
    text-align: center;
}

.literatur .table.section-table {
    width: 100%;
}

.literatur .span12 {
    width: 100%;
}

.literatur ul {
    margin: 0;
    list-style: none;
}

.literatur li {
    float: left;
    width: 295px;
    /* width: 299px; */
    margin-bottom: 26px;
    position: relative;
}

.literatur li img {
    box-shadow: 3px 3px 5px #999, -0.5px -0.5px 0.5px #eee;
}

.literatur li a > span {
    display: block;
    position: absolute;
    top: 0;
    width: 140px;
    left: 130px;
}

#toolChampionVideo {
    opacity: .92;
}

#toolChampionVideo:hover {
    opacity: 1;
}

.arrow-down {
    display: block;
    width: 110px;
    height: 40px;
    margin: 25px auto 15px;
    background: #FFF url(../img/global/arrow-down.gif) 50% 50% no-repeat;
}

#bewerben-oder-schnuppern {
    position: relative;
}

#content #bewerben-oder-schnuppern-oder {
    position: absolute;
    z-index: 100;
    top: 109px;
    line-height: 3.4;
    left: -10px;
    width: 100%;
    text-align: center;
    margin: 0;
    padding: 0;
    height: 125px;
    font-size: 36px;
    color: #fff;
    background: url(../img/global/circle.gif) 50% 50% no-repeat;
    ;
}

#agb li {
    font-size: 18px;
    font-family: 'Frutiger Neue W01 Bd', sans-serif;
}

#agb li p {
    font-size: 14px;
    font-weight: normal;
    font-family: 'FrutigerNeueW01-Regular', sans-serif;
}

#page-27 h2.textHead {
    margin-bottom: 10px;
}

.pane {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    float: left;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .15);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#7F000000, endColorstr=#7F000000);
    zoom: 1;
    margin: 0;
    overflow-y: scroll;
}

.pane .content {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 800px;
    margin: -230px 0 0 -400px;
    padding: 70px 0 0;
    background-color: #FFF;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 0 35px 0 rgba(0, 0, 0, .35);
}

.pane .content .row {
    margin: 0 0 30px;
    padding: 0 30px;
}

.pane .content .row h1 {
    position: absolute;
    top: 0;
    left: 0;
    text-indent: 30px;
    width: 100%;
    font-size: 1.6em;
    font-weight: normal;
    margin: 0;
    color: #FFF;
    background-color: #002948;
    padding: 10px 0;
}

.pane .content .row h1 .close {
    position: absolute;
    top: 17px;
    right: 17px;
    color: #FFF;
    opacity: 1;
    text-indent: 0;
    text-transform: uppercase;
    padding: 2px 5px;
    background-color: #B2BEC7;
    font-size: 16px;
    border-radius: 5px;
}

.pane .content .row h1 .close:hover {
    background-color: #002948;
}

.pane .content .row label {
    display: block;
    padding: 0 0 5px;
    font-size: 1.5em;
    color: #000;
}

.pane .content .row select {
    display: block;
    width: 100%;
    margin: 0;
    font-size: 1.2em;
    border-radius: 5px;
}

.pane .content .row strong {
    display: block;
    font-size: 1.8em;
    padding: 0;
    line-height: 2.1;
    border-radius: 5px;
    text-align: center;
    color: #FFF;
    background-color: #002948;
}

.pane .content .row ul {
    list-style: none;
    margin: 0;
    padding: 15px 0 0;
    width: 100%;
    border-top: 1px solid #002948;
}

.pane .content .row ul li {
    float: left;
    width: 33.33%;
    line-height: 1;
}

.pane .content .row ul li label {
    font-size: 14px;
}

.pane .content .row ul li input {
    margin: 0 5px 0 0;
}

#player {
    width: 100%;
    height: 240px;
    overflow: hidden;
    background: gray;
    position: absolute;
    border: solid 2px gray;
}

.youtube .carousel {
    width: 20%;
    height: 100%;
    overflow: auto;
    position: absolute;
    right: 0px;
    z-index: 3;
}

.youtube .thumbnail {
    margin: 2px;
    width: 80%;
    border: 1px solid black;
}

.youtube iframe.player {
    width: 80%;
    height: 240px;
    overflow: auto;
    border: 0;
}


/*
 * OVERWRITE: fancybox (temp)
 * START
 */

.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top;
}

.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020;
}

.fancybox-skin {
    position: relative;
    background: #f9f9f9;
    color: #444;
    text-shadow: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.fancybox-opened {
    z-index: 8030;
}

.fancybox-opened .fancybox-skin {
    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer,
.fancybox-inner {
    position: relative;
}

.fancybox-inner {
    overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch;
}

.fancybox-error {
    color: #444;
    font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 15px;
    white-space: nowrap;
}

.fancybox-image,
.fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%;
}

.fancybox-image {
    max-width: 100%;
    max-height: 100%;
}

#fancybox-loading,
.fancybox-close,
.fancybox-prev span,
.fancybox-next span {
    background-image: url('../img/global/fancybox_sprite.png');
}

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    opacity: 0.8;
    cursor: pointer;
    z-index: 8060;
}

#fancybox-loading div {
    width: 44px;
    height: 44px;
    background: url('../img/global/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
    position: absolute;
    top: -18px;
    right: -18px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040;
}

.fancybox-nav {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    background: transparent url('../img/global/blank.gif');
    /* helps IE */
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    z-index: 8040;
}

.fancybox-prev {
    left: 0;
}

.fancybox-next {
    right: 0;
}

.fancybox-nav span {
    position: absolute;
    top: 50%;
    width: 36px;
    height: 34px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 8040;
    visibility: hidden;
}

.fancybox-prev span {
    left: 10px;
    background-position: 0 -36px;
}

.fancybox-next span {
    right: 10px;
    background-position: 0 -72px;
}

.fancybox-nav:hover span {
    visibility: visible;
}

.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible !important;
}

.fancybox-lock {
    overflow: hidden;
}

.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 8010;
    background: url('../img/global/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0;
}

.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll;
}

.fancybox-title {
    visibility: hidden;
    font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    position: relative;
    text-shadow: none;
    z-index: 8050;
}

.fancybox-opened .fancybox-title {
    visibility: visible;
}

.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 8050;
    text-align: center;
}

.fancybox-title-float-wrap .child {
    display: inline-block;
    margin-right: -100%;
    padding: 2px 20px;
    background: transparent;
    /* Fallback for web browsers that doesn't support RGBa */
    background: rgba(0, 0, 0, 0.8);
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    text-shadow: 0 1px 2px #222;
    color: #FFF;
    font-weight: bold;
    line-height: 24px;
    white-space: nowrap;
}

.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #fff;
}

.fancybox-title-inside-wrap {
    padding-top: 10px;
}

.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background: #000;
    background: rgba(0, 0, 0, .8);
}


/*
 * OVERWRITE: fancybox (temp)
 * END
 */


/*
 * OVERWRITE: orb background (temp)
 * START{
 */

.gallery {}

.gallery ul {
    margin: 0;
    padding: 0;
    width: 60%;
}

.gallery li {
    display: inline;
    margin-right: 12px;
}

.gallery li img {
    margin-bottom: 17px;
}

.gallery img.imgShadow {
    width: auto;
}

.gallery #main-img {
    float: right
}

body {
    background: #FFF url(../img/global/bg-rund.jpg) 50% 0 no-repeat;
    background-size: 100% auto;
}

header {
    background: none;
    border-bottom: none
}

#wrapper {
    background: none
}

.toolcare2 {
    line-height: 1.35;
    margin: 25px 0 0;
    background: #002948;
    color: #FFF;
    text-shadow: none;
}

.toolcare2:hover {
    background: #002948;
    color: #DDE1E8;
    text-shadow: none;
}

.tableRowBlue {
    background: #dde1e8;
}

.tableRowFraisaBlue {
    background: #002948;
    color: #fff;
}

.tableRowLightBlue {
    background: #ffffff;
}

.tableBlue {
    background: #dde1e8;
    border-right: 2px solid #002948;
}

.tableFraisaBlue {
    background: #002948;
    border-right: 2px solid #002948;
}

.tableLightBlue {
    background: #ffffff;
    border-right: 2px solid #002948;
}

.tableRed {
    background: #fbd9c9
}

.tablelightRed {
    background: #fdece3
}

.table.einsparTable {
    margin-top: 40px;
}

.table.ansprechTable {
    margin-top: 20px;
}

.table.ansprechTable td {
    padding: 10px 5px;
}

.table.ansprechTable th,
.table.ansprechTable td {
    border-top: none;
    vertical-align: middle!important;
}

.table.einsparTable th,
.table.einsparTable td {
    border-top: none;
}

.table.einsparTable th {
    border-bottom: 2px solid #ffffff;
}

.table.einsparTable th.tableBlue {
    border-bottom: 2px solid #ffffff;
    border-left: 2px solid #002948;
}

.result {
    font-size: 22px;
    background: #fdece3;
    text-align: center;
    padding: 20px;
    font-family: 'Frutiger Neue W01 Bd', sans-serif;
}

.fraeswerkzeuge-tbl-hss,
.fraeswerkzeuge-tbl-favora,
.fraeswerkzeuge-tbl-basex,
.fraeswerkzeuge-tbl-xgen {
    padding: 10px;
    display: block;
    color: #fff;
}

.fraeswerkzeuge-tbl-hss {
    background: #babcbf;
}

.fraeswerkzeuge-tbl-favora {
    background: #5cac3f;
}

.fraeswerkzeuge-tbl-basex {
    background: #3e6c91;
}

.fraeswerkzeuge-tbl-xgen {
    background: #00345b;
}

.org-chart {
    display: block;
    clear: both;
    position: relative;
    margin: 0;
    /**
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/
    /* Box colors */
    /* 1 column */
    /* 2 column */
    /* 3 column */
    /* DEPARTMENTS COLUMNs */
}

.org-chart.cf:before,
.org-chart.cf:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
}

.org-chart.cf:after {
    clear: both;
}

.org-chart.cf {
    *zoom: 1;
}

.org-chart .board ul li span {
    font-size: inherit;
    min-height: auto;
}

.org-chart ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.org-chart ul li {
    position: relative;
}

.org-chart ul li span {
    display: block;
    border: 0px solid #fff;
    text-align: center;
    overflow: hidden;
    text-decoration: none;
    color: black;
    font-size: 12px;
    -webkit-transition: all linear .1s;
    -moz-transition: all linear .1s;
    transition: all linear .1s;
    background: #fff;
    padding: 10px;
    min-height: 90px;
}

.org-chart .lvl-b {
    background: #fff;
    color: #333333;
}

.org-chart .board {
    width: 100%;
    margin: 0 auto;
    display: block;
    position: relative;
}

.org-chart .board:before {
    content: "";
    display: block;
    position: absolute;
    height: 180px;
    width: 0px;
    border-left: 2px solid #e3001b;
    margin-left: 49.99%;
    top: 15px;
}

.org-chart ul.columnOne {
    height: 90px;
    position: relative;
    width: 100%;
    display: block;
    clear: both;
}

.org-chart ul.columnOne li {
    width: 30%;
    margin: 0px auto;
    top: 0px;
}

.org-chart ul.columnTwo {
    position: relative;
    width: 100%;
    display: block;
    height: 90px;
    clear: both;
}

.org-chart ul.columnTwo li:first-child {
    width: 30%;
    float: left;
}

.org-chart ul.columnTwo li {
    width: 30%;
    float: right;
}

.org-chart ul.columnTwo:before {
    content: "";
    display: block;
    position: relative;
    width: 80%;
    height: 10px;
    border-top: 2px solid orange;
    margin: 0 auto;
    top: 40px;
}

.org-chart ul.columnThree {
    position: relative;
    width: 100%;
    display: block;
    clear: both;
}

.org-chart ul.columnThree li:first-child {
    width: 30%;
    float: left;
    margin-left: 0;
}

.org-chart ul.columnThree li {
    width: 30%;
    margin-left: 5%;
    float: left;
}

.org-chart ul.columnThree li:last-child {
    width: 30%;
    float: right;
    margin-left: 0;
}

.org-chart ul.columnThree:before {
    content: "";
    display: block;
    position: relative;
    width: 80%;
    height: 10px;
    border-top: 0px solid orange;
    margin: 0 auto;
    top: 40px;
}

.org-chart .departments {
    width: 100%;
    display: block;
    clear: both;
}

.org-chart .departments img {
    width: 100%;
}

.org-chart .departments:before {
    content: "";
    display: block;
    width: 85%;
    height: 22px;
    border-top: 2px solid #e3001b;
    border-left: 2px solid #e3001b;
    border-right: 2px solid #e3001b;
    margin: 0 auto;
    top: 0px;
}

.org-chart .department {
    border-left: 2px solid #fff;
    width: 13.4%;
    float: left;
    margin: 0px 4px;
}

.org-chart .department:after {
    content: "";
    position: absolute;
    display: block;
    width: 10px;
    height: 22px;
    border-left: 2px solid #e3001b;
    left: 50%;
    top: -22px;
}

.org-chart .department:first-child:after {
    display: none;
}

.org-chart .department:last-child:after {
    display: none;
}

.org-chart .department.central {
    background: #F5EEC9;
}

.org-chart .department.central:after {
    display: none;
}

.org-chart .department span {
    border-left: 1px solid #fff;
}

.org-chart .department li {
    padding-left: 25px;
    border-bottom: 2px solid orange;
    height: 80px;
}

.org-chart .department li span {
    background: #92D4A8;
    top: 38px;
    position: absolute;
    z-index: 1;
    width: 95%;
    height: auto;
    vertical-align: middle;
    right: 0px;
    line-height: 14px;
    border: 3px solid orange;
}

.org-chart .department .sections {
    margin-top: -20px;
}

.contentHTML {
    width: 700px !important;
    height: auto !important;
    max-height: 450px !important;
    top: 50% !important;
    left: 50% !important;
    margin-top: -230px !important;
    margin-left: -350px !important;
}

.cHtmlTab {
    width: 50%;
    float: left;
    margin-bottom: 15px;
    display: block;
}

.fdd {
    display: block;
    width: 100%;
}

.contentHTML strong {
    display: block;
    width: 100%;
    font-size: 16px;
    margin: 15px 0 10px 0;
    float: left;
}

.btn-primary {
    background-color: #002948;
    background-image: none;
}

.btn-primary:hover {
    background-color: #002948;
    background-image: none;
}


/***	COOKIES BANNER    ***/

.cc_container {
    border: 0!important;
    border-top: 1px solid #002948 !important;
}

.cc_container a,
.cc_container a:visited {
    color: #002948 !important;
    text-decoration: underline !important;
}

.cc_container .cc_btn,
.cc_container .cc_btn:visited,
.cc_container .cc_btn:hover,
.cc_container .cc_btn:active {
    color: #fff!important;
    background-color: #002948 !important;
}

.cc_container .cc_message {
    color: #707070;
    line-height: 21.7px!important;
}


/* ### START MODAL ### */

#modal,
#modalDownload,
#modalHelp,
#modalMaxD {
    z-index: 9999;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    background: #000;
    background: rgba(0, 0, 0, .5);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=95);
    background: transparent !ie;
    zoom: 1;
}

#modal-box,
#modalDownload-box,
#modalHelp-box,
#modalMaxD-box {
    position: fixed;
    top: 25%;
    left: 50%;
    margin: 0 0 0 -250px;
    padding: 50px 0 0 0;
    width: 500px;
    background: #FFF;
    box-shadow: 0 0 15px rgba(0, 0, 0, .75);
}

#modal-title,
#modalDownload-title,
#modalHelp-title,
#modalMaxD-title {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    width: 100%;
    text-indent: 25px;
    height: 50px;
    line-height: 50px;
    font-size: 24px;
    padding: 0;
    color: #FFF;
    background: #002948;
}

#modal-close,
#modalDownload-close,
#modalHelp-close,
#modalMaxD-close {
    position: absolute;
    top: -13px;
    right: -13px;
    float: left;
    height: 25px;
    width: 25px;
    padding: 5px;
    line-height: 20px;
    text-align: center;
    font-weight: bold;
    background: #000;
    color: #FFF;
    font-size: 25px;
    text-decoration: none;
    border: 2px solid #FFF;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, .5);
    border-radius: 100%;
}

#modal-content,
#modalDownload-content,
#modalHelp-content,
#modalMaxD-content {
    padding: 25px;
}

body.modal-visible,
body.modal-visible-help #modalHelp,
body.modal-visible-down #modalDownload,
body.modal-visible-maxd #modalMaxD {
    overflow: hidden;
    height: 100%;
    width: 100%;
}

body.modal-visible #modal,
body.modal-visible-help #modalHelp,
body.modal-visible-down #modalDownload,
body.modal-visible-maxd #modalMaxD {
    display: block;
}


/* ### END MODAL ### */


/* ### HEADER SLIDER ###*/

#headerSlider {
    /*padding-top: 52px;*/
    max-height: 620px;
}

#headerSliderNav h3 {
    margin: 0px;
    padding: 10px 50px;
    background-color: #002947;
    color: white;
    font-size: 20px
}

#headerSliderNav button {
    position: absolute;
    right: 30px;
    margin: 0px;
    padding: 5px 10px;
    top: calc(50% - 17px);
    border: 2px solid white;
}


/* ### END HEADER SLIDER ###*/


/* DOWNLOADS CATALOGUES BROCHURES */

.btn.selection-btn {
    position: relative;
    display: none;
    margin-bottom: 10px;
    width: 220px;
    border: 1px solid #002948!important;
    text-align: left;
}

.btn.selection-btn i {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
}


/* SOZIALPROZENT */

.ico-sozial {
    display: block;
    float: left;
    margin-right: 5px;
    height: 48px;
    width: 48px;
    background-size: cover !important;
}

.ico-01 {
    background: url(https://www.fraisa.com/de/assets/img/sozialprozent/icons/Icons_01.jpg);
}

.ico-02 {
    background: url(https://www.fraisa.com/de/assets/img/sozialprozent/icons/Icons_02.jpg);
}

.ico-03 {
    background: url(https://www.fraisa.com/de/assets/img/sozialprozent/icons/Icons_03.jpg);
}

.ico-04 {
    background: url(https://www.fraisa.com/de/assets/img/sozialprozent/icons/Icons_04.jpg);
}


/*h3.sozial-kriterium {*/


/*min-height: 48px;*/


/*}*/

@media screen and (max-width: 1400px) {
    #cvd-project {
        display: none;
        visibility: hidden;
    }
    #slideshow .slides img.prodex-award-btn {
        width: 247px!important;
        height: 126px!important;
        position: absolute;
        right: -31px;
        top: 121px;
    }
    iframe {
        width: 100%;
    }
    header #logo {
        right: 30px;
        width: 180px;
        background-size: cover;
    }
    #slideshow .slides .sliderContainer div h2 {
        font-size: 27px;
        line-height: 34px;
    }
    #slideshow ul li a p {
        font-size: 12px;
    }
    #page-1.it #slideshow ul li a,
    #page-1.fr #slideshow ul li a p {
        font-size: 11px;
    }
    #langnav {
        width: 108px;
    }
    .gallery li img {
        width: 35% !important;
    }
    header #topnav {
        top: 25px
    }
    header .searchform {
        top: 55px
    }
    #page-19 .navbar-inner .nav li a {
        font-size: 12px;
        padding: 10px 5px 10px;
    }
    .fr #mainnav ul li.active ul li a {
        font-size: 12px;
    }
    .fr #mainnav ul li ul li {
        margin-right: 15px;
    }
    #page-1.it #content,
    #page-1.fr #content {
        padding-top: 120px;
    }
    #page-1.fr #slideshow ul li a h3 {
        font-size: 14px;
    }
    .org-chart .department {
        width: 13.2%;
    }
}

@media screen and (max-width: 1399px) {
    #headerSliderNav h3 {
        padding: 10px 32px;
    }
    #mainnav ul li a{
        font-size: 16px;
    }
    #mainnav ul li a#linkedin{
        right: 86px;
    }
    #mainnav ul li a#instagram {
        right: 125px;
    }
    #mainnav ul li a#bauprojekt {
        right: 124px;
    }
    #mainnav ul li a#sozial {
        right: 162px;
    }
    #mainnav ul li a#wechat {
        right: 127px;
    }
}


/*
 * Screen Width 1024px
 */

@media (max-width: 1100px) {
    body {
        font: 13px/1.3 'FrutigerNeueW01-Regular', sans-serif;
        min-width: 880px;
    }
    iframe {
        width: 100%;
    }
    header #logo {
        right: 30px;
        width: 135px;
        background-size: cover;
    }
    header div.wrap {
        height: 80px
    }
    #mainnav ul li a {
        font-size: 13px;
    }
    header div.wrap,
    #body {
        width: 880px;
    }
    #body:before,
    #body:after {
        height: 450px;
    }
    header .searchform .search {
        height: 15px
    }
    header .searchform .submit {
        line-height: 15px;
        padding: 4px 5px
    }
    header .searchform {
        top: 40px;
        left: 30px;
    }
    header #topnav {
        top: 10px;
        left: 30px;
    }
    #mainnav ul li {
        margin: 0 8px
    }
    #wrapper:before {
        width: 800px;
        margin-left: -400px;
    }
    #content,
    #slideshow ul,
    #section-preview section,
    footer div {
        width: 820px;
    }
    footer div strong,
    footer div p,
    footer div h2 {
        font-size: 11px;
    }
    footer div div img {
        width: 35px;
        height: auto;
        margin-right: 8px;
    }
    footer div ul li a {
        font-size: 10px
    }
    #content {
        padding: 25px 30px;
    }
    #page-1 #content h1,
    #page-1 #content h2,
    #page-3849 #content h1,
    #page-3849 #content h2 {
        margin: 0;
        font-size: 18px;
        line-height: 1.5
    }
    #slideshow,
    #slideshow .slides,
    #slideshow .controls {
        height: 284px;
    }
    #slideshow .slides .sliderContainer div h2 {
        font-size: 22px;
    }
    #page-1 #slideshow,
    #page-1 #slideshow .slides,
    #page-1 #slideshow .controls,
    #page-3468 #slideshow,
    #page-3468 #slideshow .slides,
    #page-3468 #slideshow .controls,
    #page-3849 #slideshow,
    #page-3849 #slideshow .slides,
    #page-3849 #slideshow .controls {
        height: 430px;
    }
    #page-1 #slideshow:after,
    #page-3468 #slideshow:after,
    #page-3849 #slideshow:after {
        width: 800px;
        margin-left: -400px;
    }
    #slideshow ul {
        margin-left: -410px;
    }
    #slideshow ul li a {
        padding: 15px 15px 24px 15px;
    }
    #slideshow ul li a h3 {
        margin: 0 0 2px;
        font-size: 14px;
        line-height: 1.4
    }
    #slideshow ul li a p {
        font-size: 11px
    }
    #slideshow .controls a {
        width: 50px;
        height: 50px;
        margin: -50px 0 0;
    }
    #slideshow .controls a span {
        width: 50px;
        height: 50px;
        background-position: 18px 17px;
    }
    #slideshow .controls a#back {
        left: -25px;
    }
    #slideshow .controls a#next {
        right: -25px;
    }
    #slideshow .controls a#next span {
        background-position: 23px -28px
    }
    #section-preview ul li a:after {
        top: 117px;
    }
    /*home kopie start*/
    body#page-1.us #slideshow,
    body#page-1.us #slideshow .slides,
    body#page-1.us #slideshow .controls {
        height: 430px;
    }
    body#page-1.us #slideshow .slides .sliderContainer div h2 {
        font-size: 18px;
        line-height: 20px;
        margin-top: 0;
    }
    body#page-1.us .us-new-brochure h2 {
        right: 159px;
    }
    body#page-1.us .us-new-brochure h3 {
        right: 75px;
        top: 65px;
        font-size: 14px!important;
        line-height: 18px!important
    }
    body#page-1.us #slideshow .slides .sliderContainer .us-new-brochure .more {
        padding: 5px;
    }
    body#page-1.us .us-new-brochure img {
        top: -333px!important;
    }
    body#page-1.us .us-new-brochure #toolExpertLink {
        height: 150px;
        width: 260px;
        top: -10px;
        right: 264px;
    }
    /*home kopie ende*/
    .navbar .nav>li>a {
        font-size: 12px;
    }
    #mainnav ul li ul li,
    #mainnav ul li ul li.active {
        float: left;
        margin: 0 17px 0 0;
    }
    #mainnav ul li.active ul li {
        margin-right: 12px;
    }
    #mainnav ul li.active ul li a {
        font-size: 13px;
    }
    #langnav {
        width: 81px;
    }
    #langnav ul li a {
        font-size: 11px;
    }
    #slideshow .slides img.prodex-award-btn {
        width: 206px!important;
        height: 113px!important;
        position: absolute;
        right: -31px;
        top: 100px;
    }
    .org-chart .department {
        width: 13%;
    }
}


/*
 * Screen Width > 1280px
 */

@media (min-width: 1400px) {
    body {
        font: 15px/1.4 'FrutigerNeueW01-Regular', sans-serif;
    }
    p {
        margin: 0 0 30px;
    }
    header #logo {
        right: 50px;
        width: 211px;
        height: 104px;
        background-size: cover;
    }
    header div.wrap {
        height: 140px;
    }
    #mainnav ul li.first {
        margin-left: 50px;
    }
    #mainnav ul li.first.active {
        margin-left: 35px;
    }
    #mainnav ul li ul li.first,
    #mainnav ul li ul li.first.active {
        margin-left: 0px;
    }
    #mainnav ul li.active ul li a {
        font-size: 16px;
    }
    #langnav {
        right: 50px;
    }
    #mainnav ul li a#youtube,
    #mainnav ul li a#youku {
        right: 50px
    }
    #mainnav ul li a#facebook {
        right: 90px;
    }
    #mainnav ul li a#bauprojekt {
        right: 170px;
    }
    #mainnav ul li a#twitter {
        right: 130px;
    }
    #mainnav ul li a#xing {
        right: 116px;
    }
    #mainnav ul li a#linkedin {
        right: 130px;
    }
    #mainnav ul li a#instagram {
        right: 170px;
    }
    header #topnav,
    header .searchform {
        left: 50px
    }
    header #topnav {
        top: 35px
    }
    header .searchform {
        top: 70px
    }
    header div.wrap,
    #body {
        width: 1280px;
    }
    #body:before,
    #body:after {
        height: 600px
    }
    #body:before {
        left: 1.5%;
    }
    #body:after {
        right: 1.5%;
    }
    #wrapper:before {
        width: 1200px;
        margin-left: -600px;
    }
    #content,
    #slideshow ul,
    #section-preview section,
    footer div {
        width: 1180px;
    }
    footer div ul li a {
        font-size: 12px
    }
    #submenu ul,
    #content {
        padding-left: 50px;
        padding-right: 50px;
    }
    #content {
        min-height: 600px
    }
    #page-1 #content h1,
    #page-1 #content h2,
    #page-3849 #content h1,
    #page-3849 #content h2 {
        font-size: 22px;
    }
    #page-1 #content h1,
    #page-3849 #content h1 {
        margin-top: 20px;
    }
    #slideshow,
    #slideshow .slides,
    #slideshow .controls {
        height: 413px;
    }
    #page-1 #slideshow,
    #page-1 #slideshow .slides,
    #page-1 #slideshow .controls,
    #page-3468 #slideshow,
    #page-3468 #slideshow .slides,
    #page-3468 #slideshow .controls,
    #page-3849 #slideshow,
    #page-3849 #slideshow .slides,
    #page-3849 #slideshow .controls {
        height: 625px;
    }
    #page-1 #slideshow:after,
    #page-3468 #slideshow:after,
    #page-3849 #slideshow:after {
        width: 1000px;
        margin-left: -500px;
    }
    /*home kopie start*/
    body#page-1.us #slideshow,
    body#page-1.us #slideshow .slides,
    body#page-1.us #slideshow .controls {
        height: 625px;
    }
    body#page-1.us .us-new-brochure h2 {
        right: 156px;
    }
    body#page-1.us .us-new-brochure h3 {
        right: 92px;
        top: 162px;
        font-size: 21px!important;
        line-height: 28px!important;
    }
    body#page-1.us .us-new-brochure #toolExpertLink {
        display: block;
        height: 218px;
        width: 379px;
        position: absolute;
        top: -29px;
        right: 406px;
    }
    /*home kopie ende*/
    #slideshow ul {
        margin-left: -590px;
    }
    #section-preview ul li a:after {
        margin: 0 0 0 -37.5%;
        top: 174px;
    }
    #slideshow .slides .sliderContainer div {
        left: 50px
    }
    #slideshow .slides .sliderContainer.qualitaet div h2 {}
    hr {
        position: relative;
        padding: 5px 0;
        margin: 75px 0 100px;
        background: #FFF;
        border: none;
        overflow: visible;
    }
}

@media print {
    #page-14 .btn,
    #ablauf p,
    #content>.span4,
    .subhead br,
    a:after,
    .searchform,
    #topnav,
    #langnav,
    #slideshow,
    #body:before,
    #body:after,
    #mainnav,
    #toc,
    #toc-fixed,
    #pusher,
    #online-bewerbung,
    #ausbildungsplaetze table,
    #teilnehmen,
    #lexikon,
    .pagination,
    form,
    hr,
    footer ul {
        display: none
    }
    header #logo {
        position: relative;
        left: 0;
        right: 0;
        width: 270px;
        height: 40px;
        float: left;
        text-indent: 0px;
        overflow: visible;
        background: none;
        margin: 25px 25px 0;
    }
    header #logo img {
        display: inline;
    }
    #section-preview {
        padding: 15px 0 0;
    }
    #content>.span8,
    #content .row-fluid>.span8 {
        width: 100%
    }
    #ablauf h2 {
        text-align: left
    }
    header div.wrap {
        height: 40px;
    }
    footer div {
        border: none;
    }
    .characteristics li {
        padding: 0 0 0 15px;
        list-style-type: disc;
        list-style-position: inside;
    }
}

@media (max-width: 920px) {
    body {
        min-width: 751px;
    }
    iframe {
        width: 100%;
    }
    h3 {
        font-size: 18px;
        line-height: 26px;
    }
    #slideshow ul {
        margin-left: -367px;
        width: 733px!important;
    }
    #mainnav ul li {
        margin: 0 3px;
    }
    header div.wrap,
    #body {
        width: 751px;
    }
    #content,
    #slideshow ul,
    #section-preview section,
    footer div {
        width: 691px;
    }
  
    #mainnav ul li.active a {
        padding: 14px 6px;
    }
    .kundenspektrum .span2 {
        width: 22.364641%;
    }
    .table.section-table {
        width: 92%;
    }
    .table.section-table tr td a {
        font-size: 11px;
    }
    .features {
        font-size: 16px;
    }
    .features li {
        padding: 20px 20px 28px 14px;
    }
    #toc-fixed.navbar {
        display: none!important;
    }
    #slideshow .slides img {
        height: auto!important;
    }
    .weltkarte img,
    .weltkarte span {
        display: none;
    }
    .weltkarte-detail {
        position: relative;
        display: block;
        width: auto;
    }
    .weltkarte-detail img {
        display: block;
    }
    .org-chart .department {
        width: 12.8%;
    }
    .org-chart ul li span {
        font-size: 10px;
        line-height: 14px;
    }
    .nav-tabs.karriere>li>a,
    .nav-tabs.unternehmen>li>a {
        padding: 16px 10px 14px;
    }
    #headerSliderNav h3 {
        font-size: 16px;
    }
}

/* MEDIA QUERIES */

@media all and (min-device-width: 768px)and (max-device-width: 1024px) {
    #mobileNavButton.visible-phone {
        display: block!important;
    }
    #topnav.hidden-phone,
    header .searchform,
    #mainnav {
        display: none!important;
    }
    #mobileNavButton {
        top: 28px!important;
    }
    #mobileNavOverlay,
    #mobileNav {
        display: block!important;
    }
    #slideshow .slides .sliderContainer div {
        top: 2px;
    }
    #slideshow .slides .sliderContainer div h3 {
        font-size: 20px;
        margin-top: 3px;
        line-height: 25px;
    }
    #slideshow .slides .sliderContainer div h2 sup {
        font-size: 22px;
    }
    #slideshow ul li a h3 {
        font-size: 12px;
    }
    #slideshow ul li a {
        padding: 15px 10px 24px 10px;
    }
    .kontaktform-adresse .span3 {
        width: 100%!important;
        margin-bottom: 50px;
        margin-left: 0;
    }
}

@media all and (max-width: 767px) {
    .org-chart .board {
        margin: 0px;
        width: 100%;
    }
    .org-chart .departments:before {
        border: none;
        display: none;
    }
    .org-chart .department {
        float: none;
        width: 99%;
        margin-left: 0;
        background: #F5EEC9;
        margin-bottom: 40px;
    }
    .org-chart .department:before {
        content: "";
        display: block;
        position: absolute;
        width: 15px;
        height: 60px;
        border-left: 2px solid orange;
        z-index: 1;
        top: -45px;
        left: 0%;
        margin-left: -2px;
        display: none;
    }
    .org-chart .department:after {
        display: none;
    }
    .org-chart .department:first-child:before {
        display: none;
    }
    .org-chart ul li span {
        font-size: 14px;
        line-height: 22px;
    }
    .org-chart ul.columnOne li {
        width: 100%;
    }
    .org-chart ul li {
        width: 100%;
    }
    .org-chart .board ul li span {
        width: 99%;
    }
    /*--------- TO BE REMOVED FROM YOUR CSS --*/
    /* this is just to display the behaviour of responsive on codepen */
    .responsive-content {
        width: 767px;
        margin: 0px auto;
    }
    .responsive-content .org-chart .board {
        margin: 0px;
        width: 100%;
    }
    .responsive-content .org-chart .departments:before {
        border: none;
    }
    .responsive-content .org-chart .department {
        float: none;
        width: 100%;
        margin-left: 0;
        background: #F5EEC9;
        margin-bottom: 40px;
    }
    .responsive-content .org-chart .department:before {
        content: "";
        display: block;
        position: absolute;
        width: 15px;
        height: 60px;
        border-left: 2px solid orange;
        z-index: 1;
        top: -45px;
        left: 0%;
        margin-left: -2px;
    }
    .responsive-content .org-chart .department:after {
        display: none;
    }
    .responsive-content .org-chart .department:first-child:before {
        display: none;
    }
    body {
        min-width: auto;
        background-size: auto;
        padding: 0 15px;
        background: none;
        padding-top: 57px;
    }
    #content h2.subhead {
        font-size: 18px;
    }
    body p {
        margin-top: 10px;
    }
    #body:before,
    #body:after {
        display: none;
    }
    h2 {
        font-size: 24px;
        line-height: 32px;
    }
    header {
        background: #FFF url(../img/global/bg-rund.jpg) 50% 0 no-repeat;
        margin: 0;
        position: fixed;
        width: 100%;
        top: 0;
        left: 0;
        z-index: 99999;
        /*transform: translateZ(1000px);
	-webkit-transform: translateZ(1000px);*/
    }
    header #logo {
        width: 115px;
    }
    .kundenspektrum .span2 {
        width: 100%;
    }
    .nav-tabs {
        margin-bottom: 20px;
        border-bottom: 0px solid #002945;
    }
    .nav-tabs>li>a {
        padding: 16px 20px 14px;
        background: #eee;
        border: 0;
        border-radius: 0;
        margin-right: 0;
    }
    .nav-tabs>li {
        margin-bottom: 0;
        width: 100%;
        border-bottom: 1px solid #002945;
    }
    .nav-tabs>.active>a,
    .nav-tabs>.active>a:hover,
    .nav-tabs>.active>a:focus {
        background: #002945!important;
        color: #fff!important;
        border: 0;
    }
    .tab-content ul {
        list-style: none;
        margin: 0;
        overflow: hidden;
    }
    .tab-content ul li,
    .tab-content ul li {
        display: block;
        border-bottom: 0px;
    }
    .tab-content ul li a,
    .tab-content ul li a {
        border-radius: 4px;
    }
    .tab-content .nav-tabs,
    .tab-content .nav-tabs {
        background: #B2BEC7;
        padding: 8px;
    }
    .tab-content .nav-tabs>li>a,
    .tab-content .nav-tabs>li>a {
        border: none;
        background: none;
        padding: 8px;
        margin: 0;
    }
    .tab-content .nav-tabs>li.active>a,
    .tab-content .nav-tabs>li.active>a {
        font-weight: 700;
    }
    .tab-content .nav-tabs>.active>a,
    .tab-content .nav-tabs>.active>a:hover,
    .tab-content .nav-tabs>.active>a:focus,
    .tab-content .nav-tabs>.active>a,
    .tab-content .nav-tabs>.active>a:hover,
    .tab-content .nav-tabs>.active>a:focus {
        border: none;
    }
    .nav-tabs.karriere>li.weitere-stellen-oesterreich a {
        display: block;
    }
    #standorte-canvas,
    #standorte-wrapper {
        float: none;
    }
    #standorte-window {
        left: 0;
        right: 0;
        width: auto;
        margin: 0;
    }
    #gmap-marker-select li a img {
        display: inline;
    }
    #wrapper {
        padding-bottom: 80px;
        margin: 0;
        min-height: initial;
    }
    #pusher {
        display: none;
    }
    #content h1 {
        font-size: 20px;
        line-height: 30px;
    }
    #content h2.category {
        font-size: 18px;
    }
    img {
        display: block;
        max-width: 100%;
        height: auto;
    }
    input[class*="span"] {
        margin-bottom: 15px;
        padding: 22px 15px;
    }
    .table.section-table {
        width: 100%;
    }
    #toc-fixed.navbar,
    #toc {
        display: none!important;
    }
    header div.wrap,
    #body {
        width: 100%;
    }
    header div.wrap,
    #body {
        width: 100%;
    }
    header div.wrap {
        height: 57px;
    }
    .navbar-fixed-top,
    .navbar-fixed-bottom {
        position: fixed;
        right: 0;
        left: 0;
        z-index: 1030;
    }
    .section-grid img {
        margin-bottom: 25px;
    }
    #content {
        padding: 0;
        float: none;
    }
    #content,
    #slideshow ul,
    #section-preview section,
    footer div {
        width: auto;
    }
    #slideshow {
        padding-bottom: 0!important;
        height: auto;
    }
    #slideshow .slides .sliderContainer.right div,
    #page-2 #slideshow .slides .sliderContainer div,
    #page-15 #slideshow .slides .sliderContainer div,
    #page-16 #slideshow .slides .sliderContainer div,
    #page-17 #slideshow .slides .sliderContainer div,
    #page-17 #slideshow .slides .sliderContainer div,
    #page-497 #slideshow .slides .sliderContainer div,
    #page-14 #slideshow .slides .sliderContainer div,
    #page-25 #slideshow .slides .sliderContainer div,
    #page-2763 #slideshow .slides .sliderContainer div,
    #page-3537 #slideshow .slides .sliderContainer div,
    #page-1 #slideshow .slides .sliderContainer.qualitaet div,
    #page-1 #slideshow .slides .sliderContainer.toolexpert div,
    #page-3468 #slideshow .slides .sliderContainer.qualitaet div,
    #page-3468 #slideshow .slides .sliderContainer.toolexpert div,
    #page-3849 #slideshow .slides .sliderContainer.qualitaet div,
    #page-3849 #slideshow .slides .sliderContainer.toolexpert div,
    #slideshow .slides .sliderContainer.toolexpert-helixramp div {
        height: auto;
        top: 0;
        left: 15px;
        text-align: left;
        right: auto;
    }
    #slideshow .slides,
    #page-1 #slideshow,
    #page-1 #slideshow .slides,
    #page-1 #slideshow .controls,
    #page-3468 slideshow,
    #page-3468 #slideshow .slides,
    #page-3468 #slideshow .controls,
    #page-3849 slideshow,
    #page-3849 #slideshow .slides,
    #page-3849 #slideshow .controls {
        height: auto;
    }
    #slideshow .slides img {
        height: auto!important;
        top: 0;
    }
    #slideshow .slides .sliderContainer {
        position: relative!important;
    }
    #slideshow ul {
        position: relative;
        margin-left: 0;
        left: 0;
    }
    #slideshow ul li {
        width: 100%;
        height: auto!important;
        min-height: 0;
    }
    #section-preview ul li {
        width: 100%;
        margin: 0 5% 60px 0;
    }
    .features {
        margin: 0;
        list-style: none;
        font-size: 16px;
    }
    .features li {
        padding: 20px 15px 28px 15px;
    }
    #slideshow .slides .sliderContainer.right div,
    #page-2 #slideshow .slides .sliderContainer div,
    #page-15 #slideshow .slides .sliderContainer div,
    #page-16 #slideshow .slides .sliderContainer div,
    #page-17 #slideshow .slides .sliderContainer div,
    #page-17 #slideshow .slides .sliderContainer div,
    #page-497 #slideshow .slides .sliderContainer div,
    #page-14 #slideshow .slides .sliderContainer div,
    #page-25 #slideshow .slides .sliderContainer div,
    #page-2763 #slideshow .slides .sliderContainer div,
    #page-3537 #slideshow .slides .sliderContainer div,
    #page-1 #slideshow .slides .sliderContainer.qualitaet div,
    #page-1 #slideshow .slides .sliderContainer.toolexpert div,
    #page-3468 #slideshow .slides .sliderContainer.qualitaet div,
    #page-3468 #slideshow .slides .sliderContainer.toolexpert div,
    #page-3849 #slideshow .slides .sliderContainer.qualitaet div,
    #page-3849 #slideshow .slides .sliderContainer.toolexpert div,
    #slideshow .slides .sliderContainer.toolexpert-helixramp div {
        padding: 15px;
        left: 0;
    }
    #slideshow .slides .sliderContainer div {
        left: 0;
        top: 0;
        height: auto;
        padding: 0!important;
    }
    .news-preview {
        height: auto;
        margin: 0;
    }
    .news-preview .carousel-inner .item .navbar-inner {
        width: 100%;
        padding: 0;
        box-shadow: none;
        border: 0;
        background: none;
        background-image: none;
    }
    .news-preview .carousel-inner {
        height: 100%;
    }
    .news-preview .carousel-inner .item .navbar-inner a {
        display: block;
        padding: 0 0 30px 0;
    }
    .news-preview .carousel-inner .item .navbar-inner a:focus {
        text-decoration: underline;
        outline: none;
    }
    .news-preview .carousel-inner .item .navbar-inner span {
        box-shadow: none;
        display: none;
    }
    .news-preview .carousel-inner .item .navbar-inner h3 {
        margin-top: 0;
    }
    .carousel-control {
        top: auto;
        bottom: 10px;
    }
    .carousel-control.left,
    .carousel-control.right {
        background: rgb(226, 0, 26);
    }
    .carousel-control.left {
        left: 5%;
    }
    .carousel-control.right {
        right: 5%;
    }
    .news-preview h2 {
        position: relative;
        top: 0;
        left: 0;
        color: #333333;
        text-shadow: none;
    }
    .news-preview .carousel-inner .item {
        margin: 0;
    }
    footer div div.col,
    .en footer div div.col,
    .en footer div div.karriere,
    .us footer div div.col,
    .us footer div div.karriere {
        width: 100%;
    }
    footer .wrap {
        padding: 0 15px;
    }
    footer .produkte,
    footer .anwendungen,
    footer .dienstleistungen,
    footer .karriere,
    footer .unternehmen {
        display: none;
    }
    .mobile-button {
        color: #002945;
        display: block;
        background: #002948;
        color: #fff;
        padding: 16px;
        font-size: 13px;
        margin-bottom: 10px;
        font-weight: 600;
    }
    .mobile-button:hover,
    .mobile-button:focus {
        color: #fff;
        text-decoration: none;
    }
    .mobile-button:active {
        background: #002948;
    }
    .copyright {
        display: none;
    }
    .copy {
        display: block!important;
        margin-bottom: 20px;
    }
    .nav.nav-tabs.karriere li {
        width: 100%;
    }
    .nav.nav-tabs.karriere li a {
        border-radius: 0;
        border-bottom: 1px solid;
    }
    table {
        width: 100%;
        overflow: hidden;
    }
    .karriere-table thead,
    .tab-content.seminare thead,
    .ansprechTable thead {
        display: none;
    }
    table tr:nth-of-type(2n) {
        background-color: inherit;
    }
    table tr td:first-child {
        background: #f0f0f0!important;
        font-weight: bold;
        font-size: inherit;
    }
    table tbody td {
        display: block;
        text-align: left;
    }
    table tbody td a {
        display: block;
        text-align: left;
    }
    table tbody td:before {
        content: attr(data-th);
        display: block;
        text-align: left;
    }
    .seminare table td.date {
        width: 100%;
    }
    .tab-content.karriere table tr:last-child td {
        border-bottom: solid #B2BEC7 1px;
    }
    #content #bewerben-oder-schnuppern-oder {
        display: none;
    }
    .characteristics {
        margin: 0;
    }
    .characteristics li {
        background: none!important;
        padding: 0px 0 15px 0;
        border-bottom: solid 1px #ccc;
    }
    .splash {
        margin-top: 0;
    }
    #page-2942 table {
        margin-top: 0!important;
    }
    .summary {
        display: block;
    }
    #content .blueBox {
        position: static;
    }
    .kontaktform-adresse .span3 {
        width: 100%!important;
        margin-bottom: 50px;
    }
    .table.ansprechTable th,
    .table.ansprechTable td,
    .table.ansprechTable td a {
        text-align: left;
    }
    .table.ansprechTable td img {
        width: 35%!important;
    }
    .gallery ul {
        width: 100%;
    }
    .gallery li img {
        width: 30% !important;
        float: left;
        margin: 4px
    }
    .gallery img {
        float: none;
        margin: 0 auto;
        width: 100%;
    }
    .gallery img:first-child {
        margin-bottom: 15px;
    }
    .tab-content.messe ul li img {
        float: none;
    }
    .post a.readmore,
    a.back {
        padding: 10px 14px;
        display: block;
    }
    .pp_pic_holder.pp_default {
        width: 100%!important;
        left: 0!important;
        overflow: hidden;
    }
    div.pp_default .pp_content_container .pp_left {
        padding-left: 0!important;
    }
    div.pp_default .pp_content_container .pp_right {
        padding-right: 0!important;
    }
    .pp_content {
        width: 100%!important;
        height: auto!important;
    }
    .pp_fade {
        width: 100%!important;
        height: 100%!important;
    }
    a.pp_expand,
    a.pp_contract,
    .pp_hoverContainer,
    .pp_gallery,
    .pp_top,
    .pp_bottom {
        display: none!important;
    }
    #pp_full_res img {
        width: 100%!important;
        height: auto!important;
    }
    .pp_details {
        width: 100%!important;
        padding-left: 3%;
        padding-right: 4%;
        padding-top: 10px;
        padding-bottom: 10px;
        background-color: #fff;
        margin-top: -2px!important;
    }
    a.pp_close {
        right: 7%!important;
        top: 10px!important;
    }
    footer div {
        z-index: 0;
    }
    .news-preview {
        background: #fff;
    }
    .news-preview .carousel-inner .item {
        background: #f1f1f1;
        padding: 15px;
    }
    .searchform .btn {
        line-height: 36px;
    }
}

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('../fonts/glyphicons-halflings-regular.eot');
    src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.glyphicon-asterisk:before {
    content: "\002a";
}

.glyphicon-plus:before {
    content: "\002b";
}

.glyphicon-euro:before,
.glyphicon-eur:before {
    content: "\20ac";
}

.glyphicon-minus:before {
    content: "\2212";
}

.glyphicon-cloud:before {
    content: "\2601";
}

.glyphicon-envelope:before {
    content: "\2709";
}

.glyphicon-pencil:before {
    content: "\270f";
}

.glyphicon-glass:before {
    content: "\e001";
}

.glyphicon-music:before {
    content: "\e002";
}

.glyphicon-search:before {
    content: "\e003";
}

.glyphicon-heart:before {
    content: "\e005";
}

.glyphicon-star:before {
    content: "\e006";
}

.glyphicon-star-empty:before {
    content: "\e007";
}

.glyphicon-user:before {
    content: "\e008";
}

.glyphicon-film:before {
    content: "\e009";
}

.glyphicon-th-large:before {
    content: "\e010";
}

.glyphicon-th:before {
    content: "\e011";
}

.glyphicon-th-list:before {
    content: "\e012";
}

.glyphicon-ok:before {
    content: "\e013";
}

.glyphicon-remove:before {
    content: "\e014";
}

.glyphicon-zoom-in:before {
    content: "\e015";
}

.glyphicon-zoom-out:before {
    content: "\e016";
}

.glyphicon-off:before {
    content: "\e017";
}

.glyphicon-signal:before {
    content: "\e018";
}

.glyphicon-cog:before {
    content: "\e019";
}

.glyphicon-trash:before {
    content: "\e020";
}

.glyphicon-home:before {
    content: "\e021";
}

.glyphicon-file:before {
    content: "\e022";
}

.glyphicon-time:before {
    content: "\e023";
}

.glyphicon-road:before {
    content: "\e024";
}

.glyphicon-download-alt:before {
    content: "\e025";
}

.glyphicon-download:before {
    content: "\e026";
}

.glyphicon-upload:before {
    content: "\e027";
}

.glyphicon-inbox:before {
    content: "\e028";
}

.glyphicon-play-circle:before {
    content: "\e029";
}

.glyphicon-repeat:before {
    content: "\e030";
}

.glyphicon-refresh:before {
    content: "\e031";
}

.glyphicon-list-alt:before {
    content: "\e032";
}

.glyphicon-lock:before {
    content: "\e033";
}

.glyphicon-flag:before {
    content: "\e034";
}

.glyphicon-headphones:before {
    content: "\e035";
}

.glyphicon-volume-off:before {
    content: "\e036";
}

.glyphicon-volume-down:before {
    content: "\e037";
}

.glyphicon-volume-up:before {
    content: "\e038";
}

.glyphicon-qrcode:before {
    content: "\e039";
}

.glyphicon-barcode:before {
    content: "\e040";
}

.glyphicon-tag:before {
    content: "\e041";
}

.glyphicon-tags:before {
    content: "\e042";
}

.glyphicon-book:before {
    content: "\e043";
}

.glyphicon-bookmark:before {
    content: "\e044";
}

.glyphicon-print:before {
    content: "\e045";
}

.glyphicon-camera:before {
    content: "\e046";
}

.glyphicon-font:before {
    content: "\e047";
}

.glyphicon-bold:before {
    content: "\e048";
}

.glyphicon-italic:before {
    content: "\e049";
}

.glyphicon-text-height:before {
    content: "\e050";
}

.glyphicon-text-width:before {
    content: "\e051";
}

.glyphicon-align-left:before {
    content: "\e052";
}

.glyphicon-align-center:before {
    content: "\e053";
}

.glyphicon-align-right:before {
    content: "\e054";
}

.glyphicon-align-justify:before {
    content: "\e055";
}

.glyphicon-list:before {
    content: "\e056";
}

.glyphicon-indent-left:before {
    content: "\e057";
}

.glyphicon-indent-right:before {
    content: "\e058";
}

.glyphicon-facetime-video:before {
    content: "\e059";
}

.glyphicon-picture:before {
    content: "\e060";
}

.glyphicon-map-marker:before {
    content: "\e062";
}

.glyphicon-adjust:before {
    content: "\e063";
}

.glyphicon-tint:before {
    content: "\e064";
}

.glyphicon-edit:before {
    content: "\e065";
}

.glyphicon-share:before {
    content: "\e066";
}

.glyphicon-check:before {
    content: "\e067";
}

.glyphicon-move:before {
    content: "\e068";
}

.glyphicon-step-backward:before {
    content: "\e069";
}

.glyphicon-fast-backward:before {
    content: "\e070";
}

.glyphicon-backward:before {
    content: "\e071";
}

.glyphicon-play:before {
    content: "\e072";
}

.glyphicon-pause:before {
    content: "\e073";
}

.glyphicon-stop:before {
    content: "\e074";
}

.glyphicon-forward:before {
    content: "\e075";
}

.glyphicon-fast-forward:before {
    content: "\e076";
}

.glyphicon-step-forward:before {
    content: "\e077";
}

.glyphicon-eject:before {
    content: "\e078";
}

.glyphicon-chevron-left:before {
    content: "\e079";
}

.glyphicon-chevron-right:before {
    content: "\e080";
}

.glyphicon-plus-sign:before {
    content: "\e081";
}

.glyphicon-minus-sign:before {
    content: "\e082";
}

.glyphicon-remove-sign:before {
    content: "\e083";
}

.glyphicon-ok-sign:before {
    content: "\e084";
}

.glyphicon-question-sign:before {
    content: "\e085";
}

.glyphicon-info-sign:before {
    content: "\e086";
}

.glyphicon-screenshot:before {
    content: "\e087";
}

.glyphicon-remove-circle:before {
    content: "\e088";
}

.glyphicon-ok-circle:before {
    content: "\e089";
}

.glyphicon-ban-circle:before {
    content: "\e090";
}

.glyphicon-arrow-left:before {
    content: "\e091";
}

.glyphicon-arrow-right:before {
    content: "\e092";
}

.glyphicon-arrow-up:before {
    content: "\e093";
}

.glyphicon-arrow-down:before {
    content: "\e094";
}

.glyphicon-share-alt:before {
    content: "\e095";
}

.glyphicon-resize-full:before {
    content: "\e096";
}

.glyphicon-resize-small:before {
    content: "\e097";
}

.glyphicon-exclamation-sign:before {
    content: "\e101";
}

.glyphicon-gift:before {
    content: "\e102";
}

.glyphicon-leaf:before {
    content: "\e103";
}

.glyphicon-fire:before {
    content: "\e104";
}

.glyphicon-eye-open:before {
    content: "\e105";
}

.glyphicon-eye-close:before {
    content: "\e106";
}

.glyphicon-warning-sign:before {
    content: "\e107";
}

.glyphicon-plane:before {
    content: "\e108";
}

.glyphicon-calendar:before {
    content: "\e109";
}

.glyphicon-random:before {
    content: "\e110";
}

.glyphicon-comment:before {
    content: "\e111";
}

.glyphicon-magnet:before {
    content: "\e112";
}

.glyphicon-chevron-up:before {
    content: "\e113";
}

.glyphicon-chevron-down:before {
    content: "\e114";
}

.glyphicon-retweet:before {
    content: "\e115";
}

.glyphicon-shopping-cart:before {
    content: "\e116";
}

.glyphicon-folder-close:before {
    content: "\e117";
}

.glyphicon-folder-open:before {
    content: "\e118";
}

.glyphicon-resize-vertical:before {
    content: "\e119";
}

.glyphicon-resize-horizontal:before {
    content: "\e120";
}

.glyphicon-hdd:before {
    content: "\e121";
}

.glyphicon-bullhorn:before {
    content: "\e122";
}

.glyphicon-bell:before {
    content: "\e123";
}

.glyphicon-certificate:before {
    content: "\e124";
}

.glyphicon-thumbs-up:before {
    content: "\e125";
}

.glyphicon-thumbs-down:before {
    content: "\e126";
}

.glyphicon-hand-right:before {
    content: "\e127";
}

.glyphicon-hand-left:before {
    content: "\e128";
}

.glyphicon-hand-up:before {
    content: "\e129";
}

.glyphicon-hand-down:before {
    content: "\e130";
}

.glyphicon-circle-arrow-right:before {
    content: "\e131";
}

.glyphicon-circle-arrow-left:before {
    content: "\e132";
}

.glyphicon-circle-arrow-up:before {
    content: "\e133";
}

.glyphicon-circle-arrow-down:before {
    content: "\e134";
}

.glyphicon-globe:before {
    content: "\e135";
}

.glyphicon-wrench:before {
    content: "\e136";
}

.glyphicon-tasks:before {
    content: "\e137";
}

.glyphicon-filter:before {
    content: "\e138";
}

.glyphicon-briefcase:before {
    content: "\e139";
}

.glyphicon-fullscreen:before {
    content: "\e140";
}

.glyphicon-dashboard:before {
    content: "\e141";
}

.glyphicon-paperclip:before {
    content: "\e142";
}

.glyphicon-heart-empty:before {
    content: "\e143";
}

.glyphicon-link:before {
    content: "\e144";
}

.glyphicon-phone:before {
    content: "\e145";
}

.glyphicon-pushpin:before {
    content: "\e146";
}

.glyphicon-usd:before {
    content: "\e148";
}

.glyphicon-gbp:before {
    content: "\e149";
}

.glyphicon-sort:before {
    content: "\e150";
}

.glyphicon-sort-by-alphabet:before {
    content: "\e151";
}

.glyphicon-sort-by-alphabet-alt:before {
    content: "\e152";
}

.glyphicon-sort-by-order:before {
    content: "\e153";
}

.glyphicon-sort-by-order-alt:before {
    content: "\e154";
}

.glyphicon-sort-by-attributes:before {
    content: "\e155";
}

.glyphicon-sort-by-attributes-alt:before {
    content: "\e156";
}

.glyphicon-unchecked:before {
    content: "\e157";
}

.glyphicon-expand:before {
    content: "\e158";
}

.glyphicon-collapse-down:before {
    content: "\e159";
}

.glyphicon-collapse-up:before {
    content: "\e160";
}

.glyphicon-log-in:before {
    content: "\e161";
}

.glyphicon-flash:before {
    content: "\e162";
}

.glyphicon-log-out:before {
    content: "\e163";
}

.glyphicon-new-window:before {
    content: "\e164";
}

.glyphicon-record:before {
    content: "\e165";
}

.glyphicon-save:before {
    content: "\e166";
}

.glyphicon-open:before {
    content: "\e167";
}

.glyphicon-saved:before {
    content: "\e168";
}

.glyphicon-import:before {
    content: "\e169";
}

.glyphicon-export:before {
    content: "\e170";
}

.glyphicon-send:before {
    content: "\e171";
}

.glyphicon-floppy-disk:before {
    content: "\e172";
}

.glyphicon-floppy-saved:before {
    content: "\e173";
}

.glyphicon-floppy-remove:before {
    content: "\e174";
}

.glyphicon-floppy-save:before {
    content: "\e175";
}

.glyphicon-floppy-open:before {
    content: "\e176";
}

.glyphicon-credit-card:before {
    content: "\e177";
}

.glyphicon-transfer:before {
    content: "\e178";
}

.glyphicon-cutlery:before {
    content: "\e179";
}

.glyphicon-header:before {
    content: "\e180";
}

.glyphicon-compressed:before {
    content: "\e181";
}

.glyphicon-earphone:before {
    content: "\e182";
}

.glyphicon-phone-alt:before {
    content: "\e183";
}

.glyphicon-tower:before {
    content: "\e184";
}

.glyphicon-stats:before {
    content: "\e185";
}

.glyphicon-sd-video:before {
    content: "\e186";
}

.glyphicon-hd-video:before {
    content: "\e187";
}

.glyphicon-subtitles:before {
    content: "\e188";
}

.glyphicon-sound-stereo:before {
    content: "\e189";
}

.glyphicon-sound-dolby:before {
    content: "\e190";
}

.glyphicon-sound-5-1:before {
    content: "\e191";
}

.glyphicon-sound-6-1:before {
    content: "\e192";
}

.glyphicon-sound-7-1:before {
    content: "\e193";
}

.glyphicon-copyright-mark:before {
    content: "\e194";
}

.glyphicon-registration-mark:before {
    content: "\e195";
}

.glyphicon-cloud-download:before {
    content: "\e197";
}

.glyphicon-cloud-upload:before {
    content: "\e198";
}

.glyphicon-tree-conifer:before {
    content: "\e199";
}

.glyphicon-tree-deciduous:before {
    content: "\e200";
}

.glyphicon-cd:before {
    content: "\e201";
}

.glyphicon-save-file:before {
    content: "\e202";
}

.glyphicon-open-file:before {
    content: "\e203";
}

.glyphicon-level-up:before {
    content: "\e204";
}

.glyphicon-copy:before {
    content: "\e205";
}

.glyphicon-paste:before {
    content: "\e206";
}

.glyphicon-alert:before {
    content: "\e209";
}

.glyphicon-equalizer:before {
    content: "\e210";
}

.glyphicon-king:before {
    content: "\e211";
}

.glyphicon-queen:before {
    content: "\e212";
}

.glyphicon-pawn:before {
    content: "\e213";
}

.glyphicon-bishop:before {
    content: "\e214";
}

.glyphicon-knight:before {
    content: "\e215";
}

.glyphicon-baby-formula:before {
    content: "\e216";
}

.glyphicon-tent:before {
    content: "\26fa";
}

.glyphicon-blackboard:before {
    content: "\e218";
}

.glyphicon-bed:before {
    content: "\e219";
}

.glyphicon-apple:before {
    content: "\f8ff";
}

.glyphicon-erase:before {
    content: "\e221";
}

.glyphicon-hourglass:before {
    content: "\231b";
}

.glyphicon-lamp:before {
    content: "\e223";
}

.glyphicon-duplicate:before {
    content: "\e224";
}

.glyphicon-piggy-bank:before {
    content: "\e225";
}

.glyphicon-scissors:before {
    content: "\e226";
}

.glyphicon-bitcoin:before {
    content: "\e227";
}

.glyphicon-btc:before {
    content: "\e227";
}

.glyphicon-xbt:before {
    content: "\e227";
}

.glyphicon-yen:before {
    content: "\00a5";
}

.glyphicon-jpy:before {
    content: "\00a5";
}

.glyphicon-ruble:before {
    content: "\20bd";
}

.glyphicon-rub:before {
    content: "\20bd";
}

.glyphicon-scale:before {
    content: "\e230";
}

.glyphicon-ice-lolly:before {
    content: "\e231";
}

.glyphicon-ice-lolly-tasted:before {
    content: "\e232";
}

.glyphicon-education:before {
    content: "\e233";
}

.glyphicon-option-horizontal:before {
    content: "\e234";
}

.glyphicon-option-vertical:before {
    content: "\e235";
}

.glyphicon-menu-hamburger:before {
    content: "\e236";
}

.glyphicon-modal-window:before {
    content: "\e237";
}

.glyphicon-oil:before {
    content: "\e238";
}

.glyphicon-grain:before {
    content: "\e239";
}

.glyphicon-sunglasses:before {
    content: "\e240";
}

.glyphicon-text-size:before {
    content: "\e241";
}

.glyphicon-text-color:before {
    content: "\e242";
}

.glyphicon-text-background:before {
    content: "\e243";
}

.glyphicon-object-align-top:before {
    content: "\e244";
}

.glyphicon-object-align-bottom:before {
    content: "\e245";
}

.glyphicon-object-align-horizontal:before {
    content: "\e246";
}

.glyphicon-object-align-left:before {
    content: "\e247";
}

.glyphicon-object-align-vertical:before {
    content: "\e248";
}

.glyphicon-object-align-right:before {
    content: "\e249";
}

.glyphicon-triangle-right:before {
    content: "\e250";
}

.glyphicon-triangle-left:before {
    content: "\e251";
}

.glyphicon-triangle-bottom:before {
    content: "\e252";
}

.glyphicon-triangle-top:before {
    content: "\e253";
}

.glyphicon-console:before {
    content: "\e254";
}

.glyphicon-superscript:before {
    content: "\e255";
}

.glyphicon-subscript:before {
    content: "\e256";
}

.glyphicon-menu-left:before {
    content: "\e257";
}

.glyphicon-menu-right:before {
    content: "\e258";
}

.glyphicon-menu-down:before {
    content: "\e259";
}

.glyphicon-menu-up:before {
    content: "\e260";
}

.download-area .row-fluid .download-item {
    margin-left: 0;
    margin-bottom: 50px;
}

#download-filter span {
    font-weight: 500;
    margin-right: 10px;
    cursor: pointer;
}

#download-filter span.active {
    color: #e3001b;
    font-weight: 800;
}

.download-head #download-filter .fa-chevron-right {
    margin-right: 0px;
    margin-left: 0;
}

.d-flex {
    display: flex;
}
s {
    text-decoration: line-through;
    color: #E2001A;
}


.visible-lg {
    display:none;
}
.hidden-lg {
    display:block;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}

/* Medium devices (tablets phones, 768px and up) */
@media (min-width: 769px) {
    
}

/* Large devices (tablets, 980px and up) */
@media (min-width: 980px) {
    
}

/* Large devices (desktops, 1100px and up) */
@media (min-width: 1101px) {
    .visible-lg {
        display: block;
    }
    .hidden-lg {
        display:none;
    }
}

/* Extra large devices (large desktops, 1400px and up) */
@media (min-width: 1400px) {
    
}

.zitate .slick-prev:before, .retool-slider .slick-prev:before {
    content: url('../img/cam/Icon awesome-chevron-left.svg');
    opacity: 1;
}
    
.zitate .slick-next:before, .retool-slider .slick-next:before {
    content: url('../img/cam/Icon awesome-chevron-right.svg');
    opacity: 1;
}

.zitate__item{
    max-width: 450px; 
    height: 190px !important; 
    background-color: #F5F5F5; 
    padding: 10px;
    margin: 0 20px;
}
.zitate__item-wrapper{
     display: flex; 
    flex-direction: column; 
    justify-content: space-around; 
    height: 180px; 
}

.zitate__item-top{
    display: flex;
    justify-content: space-between;

}
.zitate__item-img{
    height: 120px;
    margin-right: 15px;
}
.zitate .slick-prev, .retool-slider .slick-prev, .zitate .slick-next, .retool-slider .slick-next{
    top: 50%;
    transform: translateY(-50%);
}
.zitate .slick-prev, .retool-slider .slick-prev{
    left: -80px;
}
.zitate .slick-next, .retool-slider .slick-next{
   right: -80px;
}
@media screen and (max-width: 768px) {
    .zitate .slick-prev,
    .zitate .slick-next{
        top: 236px;
    }
    .zitate .slick-prev{
        left: 30%;
    }
    .zitate .slick-next{
       right: 30%;
    }
}
.faq__title {
  font-weight: 400;
  font-size: 24px;
  font-family: 'FrutigerNeueW01-Regular', sans-serif;
  line-height: 1.5;
  margin-bottom: 25px;
}
.faq__subtitle {
  font-size: 18px;
  font-family: "Frutiger Neue W01 Blk", sans-serif;
  font-weight: 300;
  line-height: 28px;
  margin-bottom: 30px;
}
.faq__input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: absolute;
  width: 0;
  height: 0;
}
.faq__plus {
  position: relative;
  pointer-events: none;
}
.faq__plus::after,
.faq__plus::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 3px;
  background-color: #fff;
  right: 0;
  top: -35px;
}
.faq__plus::after {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.faq__question {
  background-color: #002948;
  padding: 15px;
  display: block;
  width: 100%;
  color: #fff;
  font-size: 16px;
  font-family: "Frutiger Neue W01 Blk", sans-serif;
  font-weight: 600;
  margin-bottom: 3px;
  cursor: pointer;
}
.faq__answer {
  display: none;
  font-size: 14px;
  font-family: "Frutiger Neue W01 Blk", sans-serif;
  font-weight: 300;
  padding: 30px 15px 30px 15px;
  background-color: rgb(240 240 240);
  width: 100%;
}
.faq__answer p {
    margin: 0;
    font-size: 16px;
}
.faq__input:checked ~ .faq__plus::after {
  display: none;
}
.faq__input:checked ~ .faq__answer {
  display: block;
   margin-bottom: 10px;
}
.faq__input:checked ~ .faq__question {
   margin-bottom: 0;
}
.faq__items {
  margin-bottom: 50px;
}
.schnittstellen-grid {
    display: grid; 
    grid-template-columns: repeat(5, 1fr); 
    margin-bottom: 10%;
}
.schnittstellen-grid a img {
    margin-right: 10px;
}
.schnittstellen__title{
     font-weight: 400;
  font-size: 38px;
  font-family: "FrutigerNeueW01-Regular", sans-serif;
}
.schnittstellen__inner {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr) [3];
  grid-template-columns: repeat(3, 1fr);
  row-gap: 130px;
  -webkit-column-gap: 60px;
  -moz-column-gap: 60px;
  column-gap: 60px;
}
/*.schnittstellen__item{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}*/
.schnittstellen__link {
  display: block;
  margin-bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.schnittstellen__img {
  height: 55px;
}
.schnittstellen__link i{
    margin-left: 15px;
}
.schnittstellen__link{
    min-height: 60px;
}
.schnittstellen__item-tabs__input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: absolute;
  width: 0;
  height: 0;
}
.schnittstellen__item-tabs__plus {
  position: relative;
  pointer-events: none;
}
.schnittstellen__item-tabs__plus::after,
.schnittstellen__item-tabs__plus::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 3px;
  background-color: #fff;
  right: 10px;
  top: -35px;
}
.schnittstellen__item-tabs__plus::after {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  display: none;
}
.schnittstellen__item-tabs__title {
  background-color: #002948;
  padding: 15px;
  display: block;
  width: 100%;
  color: #fff;
  font-size: 14px;
  font-family: "Frutiger Neue W01 Blk", sans-serif;
  font-weight: 600;
  margin-bottom: 3px;
  cursor: pointer;
}
.schnittstellen__item-tabs__text {
  display: block;
  font-size: 13px;
  font-family: "Frutiger Neue W01 Blk", sans-serif;
  font-weight: 300;
  padding: 30px 15px 30px 15px;
   background-color: rgb(240 240 240);
  width: 100%;
  margin-bottom: 10px;
}
.schnittstellen__item-tabs__text p {
    margin: 0;
}
.schnittstellen__item-tabs__input:checked
  ~ .schnittstellen__item-tabs__plus::after {
  display: block;
}
.schnittstellen__item-tabs__input:checked ~ .schnittstellen__item-tabs__text {
  display: none;
}

@media screen and (max-width: 1100px) {
    .schnittstellen__inner {
        grid-template-columns: repeat(2, 1fr);
    }
    .videoKachel2Mfc {
        width: 100%!important;
    }
}

@media screen and (max-width: 768px) {
    .schnittstellen-grid {
        grid-template-columns: repeat(1, 1fr);
    }
    .schnittstellen-grid a {
        display: flex;
    }
    .schnittstellen__inner {
        grid-template-columns: repeat(1, 1fr);
    }
}

/* STARTSEITE KACHELN/GRID */
    .startseite-grid {
        display: grid;
        grid-gap: 10px;
        grid-template-columns: 1.1fr 0.95fr 0.95fr;
        grid-template-rows: auto;
        grid-template-areas: 
        "item-x item-x item-x"
        "item-a item-b item-c"
        "item-a item-d item-d"
        "item-e item-e item-e";
        margin-bottom: 5%;
    }
    
    .startseite-grid .grid-item {
        position: relative;
    }
    
    .startseite-grid .grid-item .grid-image {
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%;
        height: 100%;
    }
    
    .startseite-grid .grid-item-a {
        height: 610px;
        grid-area: item-a;
    }
    .startseite-grid .grid-item-b {
        height: 300px;
        grid-area: item-b;
    }
    .startseite-grid .grid-item-c {
        height: 300px;
        grid-area: item-c;
    }
    .startseite-grid .grid-item-d {
        height: 300px;
        grid-area: item-d;
    }
    .startseite-grid .grid-item-e {
        height: 320px;
        grid-area: item-e;
    }
    .startseite-grid .grid-item-x {
        grid-area: item-x;
    }
    .startseite-grid .grid-item-x .grid-image video {
        height: 500px;
        object-fit: cover
    }
    
    .startseite-grid .grid-item .grid-item-link {
        padding: 15px 25px;
        background-color: rgba(0, 41, 72, 0.9);
        display: flex;
        align-items: center;
        color: #fff;
        text-decoration: none;
        font-size: 18px;
        font-weight: bold;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
    }
    
    .startseite-grid .grid-item .grid-item-link svg {
        margin-left: 20px;
    }
    
    @media screen and (max-width: 768px) {
        .startseite-grid .grid-item-a,
        .startseite-grid .grid-item-b,
        .startseite-grid .grid-item-c,
        .startseite-grid .grid-item-d,
        .startseite-grid .grid-item-e,
        .startseite-grid .grid-item-x {
            grid-area: auto;
        }
        
        .startseite-grid .grid-item-x .grid-image video {
            height: auto;
        }
        
        .startseite-grid {
            grid-template-areas: none;
            grid-template-columns: 1fr;
        }
    }
    
/** ReTool Landingpage(s) **/
    .retoolgreen {
        color: #40AE49!important;
    }
    
    .fraisablue {
        color: #002948!important;
    }
    
    .btn-new {
        display: inline-block;
        padding: 20px;
        margin: 20px 0;
        font-size: 1.1rem;
        font-weight: bold;
    }
    
    .retool-grid {
        display: grid;
        grid-gap: 10px;
        grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
        grid-template-rows: auto;
    }
    
    .retool-grid .retool-grid-b {
        min-height: 370px;
    }
    .retool-grid .retool-grid-c {
        min-height: 370px;
    }
    .retool-grid .retool-grid-d {
        min-height: 370px;
    }
    
    .retool-grid .retool-grid-image {
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%;
        height: 100%;
        position: relative;
    }
    
    .retool-grid .retool-grid-image .color-retool {
        background-color: rgba(227, 6, 19, .9)!important;
    }
    .retool-grid .retool-grid-image .color-retoolblue {
        background-color: rgba(0, 129, 201, .9)!important;
    }
    .retool-grid .retool-grid-image .color-retoolgreen {
        background-color: rgba(63, 165, 53, .9)!important;
    }
    
    .retool-grid .retool-grid-image .retool-grid-link {
        padding: 15px 25px;
        background-color: rgba(0, 41, 72, 0.9);
        color: #fff;
        text-decoration: none;
        font-size: 18px;
        font-weight: bold;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
    }
    
    .retool-grid .retool-grid-image .retool-grid-link svg {
        position: absolute;
        right: 25px;
        top: 50%;
        transform: translateY(-50%);
    }
    
    @media screen and (max-width: 920px) {
        .retool-grid {
            grid-template-areas: none;
            grid-template-columns: 1fr;
        }
        
        .retool-grid .retool-grid-a,
        .retool-grid .retool-grid-b,
        .retool-grid .retool-grid-c,
        .retool-grid .retool-grid-d {
            grid-area: auto;
        }
    }
    
    #content h2 .retoolgreen, #content h2 .retoolblue,
    #content h2 .fraisaRed {
        font-weight: bold;
    }
    
    #content .retoolgreen-kaeufer h2,#content .retoolgreen-verkaeufer h2 {
        line-height:1;
        margin-bottom: 50px;
    }
    
    .list .list-item {
        padding-left: 25px;
        margin-top: 25px;
        position: relative;
    }
    .list .list-item::before {
        position: absolute;
        content: url('https://www.fraisa.com/assets/img/dienstleistungen/retoolservices/list-element.svg');
        left: 0;
        top: 0;
    }
    .retool-list {
        margin-top: 25px;
    }
    .retool-list li {
        margin: 30px 0;
    }
    .retool-list li:last-child {
        margin-bottom: 0;
    }
    .retoolservices-links {
        display: flex;
        align-items: center;
        padding: 15px 15px 15px 30px;
        position: relative;
        color: #000;
        background-color: #f2f2f2;
        font-size: 1rem;
        font-weight: bold;
        transition: all .33s ease-in-out;
    }
    
    .no-hover .elevator-pitch-attributes .attribute:hover {
        box-shadow: none!important;
    }
    
    .retoolservices-links span, .retoolservices-links svg {
        z-index: 2;
    }
    
    .retoolservices-links:hover {
        color: #fff;
        fill: #fff;
    }
    
    .retoolservices-links:hover::before {
        width: 100%;
    }
    
    .retoolservices-links::before {
        position: absolute;
        content: '';
        left: 0;
        top: 0;
        bottom: 0;
        width: 5px;
        background-color: #002948;
        transition: width 0.33s ease-in-out;
        z-index: 1;
    }
    
    .retoolservices-links svg {
        margin-left: 20px;
    }
    
    .retool-zusatzleistungen .d-flex {
        margin-bottom: 25px;
        align-items: center;
    }
    .retool-zusatzleistungen ul {
        font-size: 1.25rem;
    }
    
    .retool-zusatzleistungen .d-flex img {
        margin-right: 25px;
        width: 100%;
        max-width: 100px;
    }
    
    .retool-slider {
        background: none!important;
    }
    
    .anwendungen-grid, .download-grid {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        gap: 20px;
        margin-bottom: 10vh;
    }
    
    .anwendungen-grid .grid-item .links-red::before, .download-grid .grid-item .links-red::before {
        background-color: #e3001b;
    }
    
    .anwendungen-grid .grid-item .links-blue::before, .download-grid .grid-item .links-blue::before {
        background-color: #0080c7;
    }
    
    .anwendungen-grid .grid-item .links-green::before, .download-grid .grid-item .links-green::before {
        background-color: #40AE49;
    }
    
    .download-grid {
        grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    }
    
    .bg-lightblue {
        background-color: #EEF5FC;
        padding: 25px;
        box-sizing: border-box;
    }
    
    .bg-lightblue h3 {
        line-height: 28px;
    }
    
    .section-spacer {
        margin: 5rem 0;
    }
    
    .section-spacer .row-fluid {
        margin-bottom: 0;
    }
    
    .retool-grey-bg {
        padding: 20px 40px 40px 40px;
        background: linear-gradient(to bottom, rgba(242, 242, 242, 1), rgba(242, 242, 242, 0));
    }
    
    .retool-grey-bg ul {
        margin-left: 15px;
    }
    
    .retool-grey-bg ul li {
        margin-top: 20px;
    }
    
    .retoolgreen-verkaeufer {
        padding: 20px 40px 40px 40px;
        background: linear-gradient(to bottom, rgba(0, 129, 201, .12), rgba(0, 129, 201, 0));
    }
    
    .retoolgreen-kaeufer {
        padding: 20px 40px 40px 40px;
        background: linear-gradient(to bottom, rgba(63, 165, 53, .12), rgba(63, 165, 53, 0));
    }
    
    .retoolgreen-verkaeufer h2 {
        margin: 0 0 40px 0;
        font-size: 5rem!important;
        text-transform: uppercase;
        color: rgba(0, 129, 201, .1);
    }
    
    .retoolgreen-kaeufer h2 {
        margin: 0 0 40px 0;
        font-size: 5rem!important;
        text-transform: uppercase;
        color: rgba(63, 165, 53, .2);
    }
    
    .elevator-pitch .header-bg {
        position: relative;
        width: 100%;
        height: 525px;
        background-image: url('https://www.fraisa.com/assets/img/dienstleistungen/retoolservices/retoolgreen/Header_ReToolGreen.jpg');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }
    
    .elevator-pitch .header-bg .stoerer {
        position:absolute;
        bottom: 80px;
        left: 0;
        padding: 25px 40px;
        background-color: #002948;
        border-top-right-radius: 80px;
        border-bottom-right-radius: 80px;
    }
    
    .elevator-pitch .header-bg .stoerer h3 {
        color: #fff;
        font-size: 1.5rem;
        line-height: 2rem;
        margin: 0;
        max-width: 400px;
    }
    
    .elevator-pitch .header-text {
        position: absolute;
        top: 50px;
        left: 100px;
    }
    
    .elevator-pitch .header-text p {
        color: #fff;
        font-size: 1.5rem;
        line-height: 2rem;
        opacity: .8;
    }
    
    .elevator-pitch .header-text .kreislauf-text {
        color: #002948;
    }
    
    .elevator-pitch .header-text h1 {
        font-size: 2.5rem!important;
        line-height: 3rem;
        color: #002948;
        font-weight: 700;
    }
    
    .elevator-pitch .header-text #white-text, .elevator-pitch .header-text #white-text span {
        color: #fff!important;
    }
    
    .elevator-pitch .header-text h1 span {
        font-weight: 300;
        color: #002948!important;
    }
    
    @media screen and (min-width: 920px) {
        .anwendungen-grid {
            grid-template-columns: repeat(auto-fit, minmax(250px, .25fr));
        }
    }
    
    @media screen and (max-width: 920px) {
        .elevator-pitch .header-text {
            position: relative;
            top: auto;
            left: auto;
            padding: 1rem 2rem;
            background-color: #002948;
        }
        .elevator-pitch .header-text h1 {
            font-size: 1.8rem!important;
            line-height: 2.2rem;
            color: #fff;
        }
        
        .elevator-pitch .header-text .kreislauf-text {
            color: #fff;
        }
        
        .elevator-pitch .header-text h1 span {
            color: #fff!important;
        }
    }
    
    @media screen and (max-width: 768px) {
        .retoolgreen-kaeufer h2, .retoolgreen-verkaeufer h2 {
            font-size: 3rem!important;
        }
        
        .elevator-pitch .header-bg .stoerer {
            display: none;
        }
        
        .elevator-pitch .header-bg {
            background-position: 73% 50%;
        }
        
        .form-horizontal .control-label {
            float: none;
            width: 100%;
            text-align: left;
        }
        
        .form-horizontal .controls {
            margin: 0;
        }
        
        .form-horizontal .form-actions {
            padding-left: 20px;
        }
    }
    
    .attributeNewL {
        justify-content: left;
    }
    
    .attributeNewR {
        justify-content: right;
    }
    
    
/* Startseite Redesign */
body {
    background: none!important;
}

#body:before, #body:after {
    display: none;
}

footer {
    background-color: #f2f2f2;
    padding: 25px 0;
}

footer div {
    border: none;
}

footer .social-media {
    margin: 25px 0;
}

footer .social-media .social-icons {
    margin-right: 15px;
}

footer .social-media .social-icons img {
    width: 40px;
    margin: 0;
}

header #topnav {
    top: 0!important;
    left: 0!important;
    background-color: #f2f2f2;
    padding: 20px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

#mainnav ul li.active {
    background: #b2bec7;
}

#mainnav ul li.active a {
    box-shadow: none!important;
}

.header-container {
    margin: 0 auto;
}

#mainnav {
    background: #002948;
}

#content, #slideshow {
    margin: 0 auto;
    float: none;
    padding: 0;
    box-sizing: border-box;
}

#content {
    padding-top: 2%;
}

.sliderImage {
    max-height: 430px!important;
}

.sliderTextContainer {
    top: 75px;
    left: 340px;
}

#mainnav ul li ul li a div {
    display: none;
}

.start-icons {
    box-shadow: none;
    top: 22%;
    border-top: 1px solid white;
    border-left: 1px solid white;
    border-bottom: 1px solid white;
}

@media (min-width: 1400px) {
    #body {
        width: 100%;
    }
    
    header div.wrap, .header-container {
        width: 1180px;
    }
    
    #slideshow {
        width: 1180px;
    }
    
    #mainnav ul li.first, #mainnav ul li.first.active {
        margin-left: 0;
    }
    
    header #logo {
        right: 0;
    }
}

@media (max-width: 1400px) {
    #body {
        width: 100%;
    }
    
    header div.wrap {
        width: 960px;
    }
    
    header #logo {
        right: 0;
    }
    
    #mainnav ul {
        width: 960px;
        margin: 0 auto;
        float: none;
    }
    
    #mainnav ul li.first {
        margin: 0;
    }
}

@media (max-width: 1100px) {
    .header-container, #slideshow, header div.wrap {
        width: 880px;
    }
    
    #mainnav ul li.first, #mainnav ul li.first.active {
        margin-left: 0;
    }
    
    header div.wrap, .header-container {
        width: 820px;
    }
    
    #mainnav ul {
        width: 820px;
    }
    
    footer div strong, footer div p, footer div h2 {
        font-size: 14px;
    }
}

@media (max-width: 920px) {
    .header-container, #slideshow, header div.wrap {
        width: 100%;
    }
    
    #mainnav ul li.first, #mainnav ul li.first.active {
        margin-left: 0;
    }
}

@media all and (max-width: 767px) {
    .header-container, #slideshow {
        width: 100%;
    }
    
    header {
        background: none;
        background-color: #fff;
        border-bottom: 1px solid #dedede;
    }
    
    header #logo {
        right: 15px;
    }
    
    footer .social-media {
        float: left;
        width: 100%;
    }
    
    footer div ul li a {
        font-size: 14px;
    }
    
}

    .mfcKachel2Checkmarks {
        margin-left: 20px!important;
        margin-top: -8px!important;
    }

/* Startseite Redesign Ende */