/* The CSS box-sizing property allows us to include the padding and border in an element's total width and height */
* {
    box-sizing: border-box;
}

body {
    margin: 0;
    overflow-x: hidden;
}

/* Texte von bereits besuchten Links und Links generell nicht unterstreichen, damit es immer gleich aussieht */
a:link, a:visited {
    text-decoration: none;
}

a {
    color: #54a321;
}

.footerLinks {
    color: #ffffff;
}

/* ANFANG HEADER-CSS */

#header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: auto;
}

.headerMain {
    width: 100%;
    background-color: rgba(255, 255, 255, 0.9);
    overflow: hidden;
    position: relative;
    padding-top: 10px;
}

.headerLogo {
    float: left;
    margin-left: 10px;
}

.burgerMenu {
    width: 40px;
    height: 40px;
    float: right;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 5px;
    margin-right: 5px;
}

.menuIcon {
    background: #55a32100; /* Falls Background gewollt ist #54a4321, jetzt einfach nur komplett transparent */
    color: black;
    padding: 6px 7px;
    text-decoration: none;
    font-size: 17px;
    border-radius: 5px;
    display: block;
    position: absolute;
    width: 40px;
    height: 40px;
}

/* Burger-Menu-Icon von W3Schools */
.bar1, .bar2, .bar3 {
    width: 25px;
    height: 4px;
    background-color: #333;
    margin: 4px 0;
    transition: 0.4s;
  }

  .change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-6px, 6px);
    transform: rotate(-45deg) translate(-6px, 6px);
  }
  
  .change .bar2 {opacity: 0;}
  
  .change .bar3 {
    -webkit-transform: rotate(45deg) translate(-5px, -6px);
    transform: rotate(45deg) translate(-5px, -6px);
  }

.languageFlag {
    width: 27px;
    height: 18px;
    margin-top: 5px;
}

.languageNameDiv {
    width: 150px;
}

#headerLinks {
    display: none;
}

#languageLinks {
    display: none;
}

.menuEntry {
    width: 100%;
    height: 50px;
    right: 0px;
    background-color: #eeeeee;
}

.menuEntryText {
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    color: #54a321;
    text-decoration: none;
    text-align: center;
    margin: 0px;
    padding-top: 15px;
}

#aboutLinks {
    display: none;
    width: 100%;
    height: 100px;
}

.subMenuEntry {
    float: right;
    width: 100%;
    height: 50px;
    background-color: #dbdbdb;
}

.greenLine {
    width: 100%;
    height: 5px;
    background-color: #54a321;
}

/* ENDE HEADER-CSS */


/* MAINBODY-CSS */
.mainBody {
    height: auto;
    margin-top: 60px;
}

.sliderImage1 {
    background-image: url(../images/home/nl/teaser/lucombenelux-2.jpg);
    background-size: cover;
    background-position: center;
}

.sliderImage2 {
    background-image: url(../images/home/nl/teaser/home-carousel-2.jpg);
    background-size: cover;
    background-position: center;
}

.sliderImage3 {
    background-image: url(../images/home/nl/teaser/home-carousel-3.jpg);
    background-size: cover;
    background-position: center;
}

.sliderImage4 {
    background-image: url(../images/news/nl/news202008/Jan_van_Buren_in_gesprek_met_MKB_news_background.jpg);
    background-size: cover;
    background-position: center;
}

.sliderImage5 {
    background-image: url(../images/news/nl/news4/Audit_Processing.jpg);
    background-size: cover;
    background-position: center;
}

.sliderImage6 {
    background-image: url(../images/news/nl/news1/UBL_news_background.jpg);
    background-size: cover;
    background-position: center;
}

.sliderImage7 {
    background-image: url(../images/news/nl/news1/Shadow-IT-news.jpg);
    background-size: cover;
    background-position: center;
}

.sliderImage8 {
    background-image: url(../images/news/nl/news222511/Lucom_en_Beurtvaartadres_breiden_samenwerking_uit_header.jpg);
    background-size: cover;
    background-position: center;
}

/* Slider Text mit Button */
.sliderHeadline{
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    width: fit-content;
    text-shadow: 0 2px 5px rgba(1, 1, 1, 0.25);
    margin-top: none;
    position: absolute;
    margin-top: 15%;
    margin-left: 20px;
}

.mainButtonSliderImage {
    float: right;
    padding: 10px;
    border: 3px solid #54a321;
    border-radius: 5px;
    cursor: pointer;
    font-family: 'Open Sans', sans-serif;
    color: #54a321;
    text-align: center;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
    background-color: white;
}

/* TODO: NAMEN DER IMAGES-KLASSEN ANPASSEN UND RESPONSIVE VERBESSERN, INDEM PADDINGS VON BUTTONS/WRAPPERN AUCH ENTSPRECHEND IN @media ANGEPASST WIRD
AUßERDEM KLASSEN MEHR "ZUSAMMENLEGEN", D.H. MEHR ERBEN, ... UND KEINE SPEZIF. CLASSEN WIE "KUNDEN..." ODER "MISSION..." */

/* TODO: Eventuell media-Queries auch für kleinere Größen (die meisten Geräte weit unter 600px (320px-500px)) */

/* Für Displaygrößen bis 600px Breite */
@media (max-width: 600px) {
    h3 {
        font-size: 22px;
    }
    
    h4 {
        font-size: 20px;
    }

    .slides {
        height: 200px;
        display: none;
        width: 100%;
    }

    .aboutUsSlides {
        height: 300px;
        display: none;
        width: 100%;
    }

    .pvSlides {
        height: 200px;
        display: none;
        width: 100%;
    }

    .karriereSlides {
        height: 200px;
        display: none;
        width: 100%;
    }

    .fullimage_forschung {
        height: 400px;
    }

    .headline {
        font-size: 2em;
    }

    .smallheadline {
        font-size: 1.5em;
    }

    .subheadline {
        font-size: 18px;
        line-height: 1.5em;
    }

    .soloIcon {
        width: 50px;
    }

    .kundenBox3 {
        height: 75px;
    }

    .kundenBox2 {
        height: 100px;
    }

    .mainButton {
        width: 120px;
        height: 40px;
        font-weight: 700;
        font-size: 14px;
    }

    .ansprechpartnerButton {
        height: 40px;
        font-weight: 700;
        font-size: 14px;
    }

    /* Erweiterung für den mainButton */
    .smallFont {
        font-size: 11px;
    }

    .green-button {
        height: 40px;
        font-weight: 700;
        font-size: 14px;
    }

    .teamInfoTextName {
        font-size: 22px;
        margin-top: 10%;
    }

    .teamInfoTextNameWithoutQuote {
        font-size: 22px;
    }

    .teamInfoTextTitle {
        font-size: 15px;
    }

    .teamInfoTextQuote {
        font-size: 15px;
    }

    #NLTeamSwitchWide {
        display: none;
    }

    #NLTeamSwitchSmall {
        display: block;
    }

    .footer {
        font-size: 14px;
    }

    .socials {
        margin-top: 5px;
    }

    /* Erweiterung Text auf Slider */
    .sliderHeadlineFixMobile{
        height: 150px;
    }
}

/* Für Displaygrößen von 600px bis 800px Breite */
@media (min-width: 600px) {
    h3 {
        font-size: 24px;
    }
    
    h4 {
        font-size: 22px;
    }

    .slides {
        height: 250px;
        display: none;
        width: 100%;
    }

    .aboutUsSlides {
        height: 400px;
        display: none;
        width: 100%;
    }

    .pvSlides {
        height: 250px;
        display: none;
        width: 100%;
    }

    .karriereSlides {
        height: 250px;
        display: none;
        width: 100%;
    }

    .fullimage_forschung {
        height: 450px;
    }

    .headline {
        font-size: 2.5em;
    }

    .smallheadline {
        font-size: 2em;
    }

    .subheadline {
        font-size: 20px;
        line-height: 1.5em;
    }

    .soloIcon {
        width: 60px;
    }

    .kundenBox3 {
        height: 100px;
    }

    .kundenBox2 {
        height: 125px;
    }

    .mainButton {
        width: 150px;
        height: 45px;
        font-weight: 700;
        font-size: 17px;
    }

    .ansprechpartnerButton {
        height: 45px;
        font-weight: 700;
        font-size: 17px;
    }

    /* Erweiterung für den mainButton */
    .smallFont {
        font-size: 14px;
    }

    .green-button {
        height: 45px;
        font-weight: 700;
        font-size: 17px;
    }

    .teamInfoTextName {
        font-size: 26px;
        margin-top: 15%;
    }

    .teamInfoTextNameWithoutQuote {
        font-size: 26px;
    }

    .teamInfoTextTitle {
        font-size: 18px;
    }

    .teamInfoTextQuote {
        font-size: 18px;
    }

    #NLTeamSwitchWide {
        display: block;
    }

    #NLTeamSwitchSmall {
        display: none;
    }

    .footer {
        font-size: 16px;
    }

    .socials {
        margin-top: 7.5px;
    }

    /* Erweiterung Text auf Slider */
    .sliderHeadlineFixMobile{
        height: 200px;
    }
}

/* Für Displaygrößen ab 800px Breite (max. 980px, alles darüber ist nicht mobile HP) */
@media (min-width: 800px) {
    h3 {
        font-size: 26px;
    }
    
    h4 {
        font-size: 24px;
    }

    .slides {
        height: 300px;
        display: none;
        width: 100%;
    }

    .aboutUsSlides {
        height: 500px;
        display: none;
        width: 100%;
    }

    .pvSlides {
        height: 300px;
        display: none;
        width: 100%;
    }

    .karriereSlides {
        height: 300px;
        display: none;
        width: 100%;
    }

    .fullimage_forschung {
        height: 500px;
    }

    .headline {
        font-size: 3em;
    }

    .smallheadline {
        font-size: 2.5em;
    }

    .subheadline {
        font-size: 24px;
        line-height: 1.5em;
    }

    .soloIcon {
        width: 70px;
    }

    .kundenBox3 {
        height: 125px;
    }

    .kundenBox2 {
        height: 150px;
    }

    .mainButton {
        width: 180px;
        height: 50px;
        font-weight: 700;
        font-size: 20px;
    }

    .ansprechpartnerButton {
        height: 50px;
        font-weight: 700;
        font-size: 20px;
    }

    /* Erweiterung für den mainButton */
    .smallFont {
        font-size: 17px;
    }

    .green-button {
        height: 50px;
        font-weight: 700;
        font-size: 20px;
    }

    .teamInfoTextName {
        font-size: 30px;
        margin-top: 20%;
    }

    .teamInfoTextNameWithoutQuote {
        font-size: 30px;
    }

    .teamInfoTextTitle {
        font-size: 20px;
    }

    .teamInfoTextQuote {
        font-size: 20px;
    }

    #NLTeamSwitchWide {
        display: block;
    }

    #NLTeamSwitchSmall {
        display: none;
    }

    .footer {
        font-size: 18px;
    }

    .socials {
        margin-top: 10px;
    }

    /* Erweiterung Text auf Slider */
    .sliderHeadlineFixMobile{
        height: 250px;
    }
}

.animate-left {
    position: relative;
    animation: animateright 1s
}

@keyframes animateright { 
    from { left :500px; opacity:0 } to { left:0; opacity:1 }
}

.animate-appear {
    position: relative;
    animation: animateappear 1s
}

@keyframes animateappear { 
    from { left :0px; opacity:0 } to { left:0; opacity:1 }
}

.block {
    width: 100%;
    height: auto;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #222222;
}

.textBackgroundImage {
    background-image: url(../images/home/white_bg_large.png);
    background-size: cover;
    background-position: center;
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.backgroundImage {
    background-image: url(../images/home/white_bg_large.png);
    background-size: cover;
    background-position: center;
    width: 100%;
    height: auto;
    padding-bottom: 20px;
}

.flexboxTemp {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.centerTextBlock {
    width: 70%;
    height: auto;
    margin-top: 50px;
    padding-top: 10%;
    padding-bottom: 50px;
    /* TODO: padding-bottom: 0 (wird sehr häufig inline gesetzt) */
}

/* Schriftdicke kleiner machen (evtl. in media-Queries nachschauen) */
.headline {
    margin-top: 0;
    font-weight: normal;
}

.smallheadline {
    margin-top: 0;
    font-weight: normal;
}

.subheadline {
    /* siehe media-Queries */
}

.displayKundenBlock {
    width: 70%;
    height: auto;
}

.kundenBox3 {
    width: 33.33%;
    float: left;
}

/* Slides auf der Main-Page (home.html) */
.kundenSlides {
    display: none;
}

.buttonWrapperRight {
    width: 100%;
    height: 50px;
    margin-top: 30px;
    margin-bottom: 50px;
    padding-right: 15%;
}

.buttonWrapperLeft {
    width: 100%;
    height: 50px;
    margin-bottom: 50px;
    padding-left: 15%;
}

.mainButtonWrapper {
    width: 70%;
    height: 50px;
    margin-bottom: 50px;
}

.mainButton {
    float: left;
    border: 3px solid #54a321;
    border-radius: 5px;
    cursor: pointer;
    font-family: 'Open Sans', sans-serif;
    color: #54a321;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Button für NL Slider */
.buttonWrapperSlider {
    float: right;
    width: fit-content;
    height: 50px;
    padding-right: 20px;
    margin-top: -10px;
}

.mainButtonSlider {
    float: right;
    padding: 10px;
    border: 3px solid #54a321;
    border-radius: 5px;
    cursor: pointer;
    font-family: 'Open Sans', sans-serif;
    color: #54a321;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -100px;
    background-color: white;
}

/* Damit die float nach links geändert werden kann (aktuell genutzt für den mainButton, um den auf die Linke Seite zu ziehen */
.left {
    float: left;
}

.ansprechpartnerButton {
    width: 100%;
    border: 3px solid #54a321;
    border-radius: 5px;
    cursor: pointer;
    font-family: 'Open Sans', sans-serif;
    color: #54a321;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.green-button {
    width: 100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    font-family: 'Open Sans', sans-serif;
    text-shadow: 0px -1px 0px rgba(57, 145, 0, 0.004);
    background: #69b537;
    /* Old browsers */
    background: -moz-linear-gradient(top, #69b537 0%, #54a321 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #69b537), color-stop(100%, #54a321));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #69b537 0%, #54a321 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #69b537 0%, #54a321 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #69b537 0%, #54a321 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #69b537 0%, #54a321 100%);
    /* W3C */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#69b537', endColorstr='#54a321',GradientType=0 )";
    /* IE6-9 */
    -webkit-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.25);
    -moz-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.25);
    box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.25);
    border: none;
    text-align: center;
    color: #fff;
    cursor: pointer;
    clear: both;
    float: right;
    margin-bottom: 20px;
    margin-top: 40px;
}

/* ENDE MAINBODY CSS */

/* Footer-CSS */
.footer { /* Height von den zwei festen divs bestimmen lassen, also später hier auto */
    float: left;
    height: 100px;
    width: 100%;
    opacity: 1;
    background: #59a726;
    bottom: 0px;
    transition: 0.25s ease-in;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Open Sans', sans-serif;
    color: #ffffff;
    font-weight: 400;
}

.footerTextWrapper {
    width: 100%;
    height: 50px;
    float: left;
}

.footerText {
    text-align: center;
    padding-top: 10px;
}

.footerTextSozialeNetzwerke {
    width: 55%;
    height: 50px;
    float: left;
    text-align: right;
}

.socials {
    height: 40px;
    width: 75px;
    float: left;
    margin-left: 10px;
}


/* HILFSKLASSEN */
.div100 {
    width: 100%;
    height: auto;
}

.div80 {
    width: 80%;
    height: auto;
}

.div70 {
    width: 70%;
    height: auto;
}

.div50 {
    width: 50%;
    height: auto;
}

.div20 {
    width: 20%;
    height: auto;
}

.flexbox {
    display: flex;
    justify-content: center;
    align-items: center;
}

.smallImage {
    max-height: 100%;
    max-width: 90%;
}



/* KUNDEN-SITE CSS */

.fullimage_forschung {
    background-image: url(../images/customers/lucom_kunden_forschung.jpg);
    background-size: cover;
    background-position: center;
}

.maxImage {
    max-width: 100%;
    margin-bottom: -10%;
}

/* Aktuell nicht genutzt
.textOverImgBox {
    width: 50%;
    height: 100%;
    left: 50%; // Weil float right nicht funktioniert...
    border: 1px solid black;
    position: absolute;
    color: #222222;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    font-style: italic;
    z-index: 1000;
}

h3.handwrite {
    font-weight: 400;
    line-height: 1.675em;
    margin-left: -60px;
    padding-right: 60px;
}
*/

.kundenAuswahlWrapper {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #f7f7f7;
    color: #a7a6a6;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 1.05em;
}

/* Slides auf der Kunden-Seite */
.kundenSlide, .kundenSlide2, .kundenSlide3, .kundenSlide4, .kundenSlide5, .kundenSlide6, .kundenSlide7, .kundenSlide8 { /* ÜBERHAUPT NOTWENDIG? TODO PRÜFEN */
    width: auto;
    height: auto;
    display: none;
}

.kundenBox2 {
    width: 50%;
    float: left;
}

.imgSourceTextBox {
    bottom: 0;
    left: 0;
    position: absolute;
    color: #ffffff;
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    font-size: 14px;
    z-index: 1000;
    margin-bottom: -9%;
}

#scrollTop {
    position: fixed;
    bottom: 25px;
    right: 25px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    display: none;
    opacity: 0.6;
    background: #69b537 url(../images/layout/scrollTopPfeil.png) center no-repeat;
    border-radius: 5px;
}

#scrollTop:hover {
    opacity: 1;
}


/* ABOUT US-SITE CSS */

.aboutUsSliderImage1 {
    background-image: url(../images/about_us/nl/teaser/slider/over-ons-carousel-1.jpg);
    background-size: cover;
    background-position: top;
}

.aboutUsSliderImage2 {
    background-image: url(../images/about_us/nl/teaser/slider/over-ons-carousel-2.jpg);
    background-size: cover;
    background-position: top;
}

.aboutUsSliderImage3 {
    background-image: url(../images/about_us/nl/teaser/slider/over-ons-carousel-3.jpg);
    background-size: cover;
    background-position: top;
}

.aboutUsSliderImage4 {
    background-image: url(../images/about_us/nl/teaser/slider/over-ons-carousel-4.jpg);
    background-size: cover;
    background-position: top;
}

.aboutUsSliderImage5 {
    background-image: url(../images/about_us/nl/teaser/slider/over-ons-carousel-5.jpg);
    background-size: cover;
    background-position: top;
}


/* ENGAGEMENT-SITE CSS */

.pvSliderImage1 {
    background-image: url(../images/engagement/teaser/auftaktveranstaltung.jpg);
    background-size: cover;
    background-position: center;
}

.pvSliderImage2  {
    background-image: url(../images/engagement/teaser/lucom-soziales-engagement.jpg);
    background-size: cover;
    background-position: center;
}

.pvSliderImage3 {
    background-image: url(../images/engagement/teaser/planetvalue-logo.jpg);
    background-size: cover;
    background-position: center;
}

.pvSliderImage4 {
    background-image: url(../images/engagement/teaser/lucom-soziales-engagement-2.jpg);
    background-size: cover;
    background-position: center;
}

.planetvalueImgHeadline {
    width: 70%;
    height: auto;
}


/* IMPRESSUM-SITE CSS */

.impressumLinks {
    color: #54a321;
}

/* KARRIERE-SITE CSS */

.karriereSliderImage1 {
    background-image: url(../images/career/nl/slider/carriere-carousel-1.jpg);
    background-size: cover;
    background-position: center;
}

.karriereSliderImage2 {
    background-image: url(../images/career/nl/slider/carriere-carousel-2.jpg);
    background-size: cover;
    background-position: center;
}

.karriereSliderImage3 {
    background-image: url(../images/career/nl/slider/carriere-carousel-3.jpg);
    background-size: cover;
    background-position: center;
}

.karriereSliderImage4 {
    background-image: url(../images/career/nl/slider/carriere-carousel-4.jpg);
    background-size: cover;
    background-position: center;
}

.ulLeft {
    margin: 15px;
    padding: 0;
}

#mehrAnzeigenBlockProf, #mehrAnzeigenBlockBeginner, #mehrAnzeigenBlockDualis, #mehrAnzeigenBlockPraktikanten, #mehrAnzeigenBlockCons, #mehrAnzeigenBlockJong, #mehrAnzeigenBlockTrai {
    display: none;
}

/* LÖSUNGEN-SITE CSS */

.soloIcon {
    padding-top: 60px;
    height: auto;
}

.tableGrid {
    display: table;
    width: 100%;
    height: auto;
}

.tableGridCell20 {
    display: table-cell;
    width: 20%;
    height: auto;
    vertical-align: middle;
}

.tableGridCell80 {
    display: table-cell;
    width: 80%;
    height: auto;
    vertical-align: middle;
}

/* SERVICE-SITE CSS */

#DownloadBlock, #TrainingsBlock, #SupportBlock {
    display: block;
}

.tabgrid {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

.tabButton {
    color: black;
    cursor: pointer;
}

.tab33 {
    width: 33.33%;
    height: 66px;
    float: left;
    background-color: #eeeeee;
}

.tabtext {
    padding-top: 8px;
    padding-bottom: 8px;
}


/* TEAM-SITE CSS */

.teamTabgrid {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

.tab50 {
    width: 50%;
    height: 66px;
    float: left;
    background-color: #eeeeee;
}

.tab25 {
    width: 25%;
    height: 66px;
    float: left;
    background-color: #eeeeee;
}

.tab20 {
    width: 20%;
    height: 66px;
    float: left;
    background-color: #eeeeee;
}

.tab16 {
    width: 16.66666%;
    height: 66px;
    float: left;
    background-color: #eeeeee;
}

#DEBlock {
    display: none;
}

#ConsultingBlock, #OrganisationBlock, #DualisBlock {
    display: none;
}

#SalesBlockNL, #ConsultingBlockNL, #SupportBlockNL, #AccountBlockNL, #StudentBlockNL {
    display: none;
}

.teamMemberGrid {
    width: 100%;
    display: table;
    -webkit-box-shadow: 0 5px 6px -6px grey;
    -moz-box-shadow: 0 5px 6px -6px grey;
    box-shadow: 0 5px 6px -6px grey;
}

.teamMemberGridNoBorder {
    width: 100%;
    display: table;
}

.teamMemberGridWrapper {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-box-shadow: 0 5px 6px -6px grey;
    -moz-box-shadow: 0 5px 6px -6px grey;
    box-shadow: 0 5px 6px -6px grey;
}

.teamVideo {
    width: 100%;
    display: table-cell;
}

.teamImageContact {
    width: 100%;
    display: table-cell;
    -webkit-box-shadow: 0 5px 6px -6px grey;
    -moz-box-shadow: 0 5px 6px -6px grey;
    box-shadow: 0 5px 6px -6px grey;
}

.teamInfoDiv {
    width: 50%;
    display: table-cell;
    vertical-align: top;
    text-align: center;
}

.teamInfoTextName {
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 0;
}

.teamInfoTextNameWithoutQuote {
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 0;
    margin-top: 25%;
}

.teamInfoTextTitle {
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    margin-top: 0;
}

.teamInfoTextQuote {
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-style: italic;
}

.teamInfoButtons {
    width: 100%;
    /*bottom: 0;*/
    height: auto;
}

/* Wird von mehreren Seiten genutzt und muss weiter unten stehen, da es den Standard-Tab-Stil überschreiben soll */
.activeTab {
    color: #ffffff;
    background-color: #54a321;
}




/* Spacer-Images */

.aboutUsSpacerImage1 {
    background-image: url(../images/about_us/lucom-think-smart.jpg);
    background-position: center;
    background-size: cover;
    height: 250px;
}

.aboutUsSpacerImage2 {
    background-image: url(../images/about_us/lucom-kickerteams.jpg);
    background-position: center;
    background-size: cover;
    height: 250px;
}

.aboutUsSpacerImage3 {
    background-image: url(../images/about_us/lucom-soziales-engagement.jpg);
    background-position: center;
    background-size: cover;
    height: 250px;
}