@charset "utf-8";

/*
    _/_/_/    _/_/_/    _/_/_/_/  _/_/_/    _/_/_/_/  _/      _/        _/_/_/  _/      _/  _/_/_/    _/    _/
   _/    _/  _/    _/  _/        _/    _/  _/          _/  _/        _/        _/_/  _/_/  _/    _/  _/    _/
  _/_/_/    _/_/_/    _/_/_/    _/    _/  _/_/_/        _/          _/  _/_/  _/  _/  _/  _/_/_/    _/_/_/_/
 _/    _/  _/    _/  _/        _/    _/  _/          _/  _/        _/    _/  _/      _/  _/    _/  _/    _/
_/_/_/    _/    _/  _/_/_/_/  _/_/_/    _/_/_/_/  _/      _/        _/_/_/  _/      _/  _/_/_/    _/    _/

CSS Styles für die BREDEX Webseite. Responsive Anpassungen werden in der responsive.css vorgenommen!*/

/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Maven+Pro:400,500);

@font-face {
    font-family: 'Maven Pro', sans-serif;
    font-weight: normal;
    font-style: normal;
}

html, body {
    font-size: 16px;
    font-family: 'Maven Pro', sans-serif;
    height: 100%;
    min-width: 320px;
    min-height: 320px;
    margin: 0;
    color: #4e4e51;
}

h1 {
    color: #008F7B;
    font-weight: 400;
}

/* optionale unterüberschriften in kacheln */
.slide .csc-textpicHeader ~ h2:first-of-type
{
    color: #149382;
    font-weight: normal;
    font-size: 130%;
    margin-top: -22px;
    margin-bottom: 40px;
}

a {
    color: #008F7B;
    text-decoration: none;
}

iframe {
    max-width: 100%;
    height: 300px;
}

a:active, a:focus {
    outline: none;
}

/*media all*/
div.csc-textpic .csc-textpic-imagewrap img {
    margin-top: 20px !important;
    height: auto !important;
    width: 100% !important;
}

img[width="0"] {
    width: auto !important;
}

img[height="0"] {
    height: auto !important;
}


/* grundgerüst der seite start */
nav
{

}

#contentWrapper
{
    position: relative;
    /*width: 100%;*/ /* problematisch, horizontaler scrollbalken */
    height: 100%;
}
/* grundgerüst der seite stop */

/* breadcrumbs start */
.breadcrumbs
{
    margin-top: 16px;
    margin-bottom: 40px;
    font-size: 14px;
    line-height: 1.4;
}

.breadcrumbs i
{
    display: inline-block;
    margin-left: 8px;
    margin-right: 8px;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #c3c3c3;
}
/* breadcrumbs stop*/

/*********** Image preloading **********/
.preload-images {
    background: url(../images/backgrounds/start.jpg) no-repeat -9999px -9999px;
    background: url(../images/backgrounds/mobil.jpg) no-repeat -9999px -9999px,
    url(../images/backgrounds/beratung.jpg) no-repeat -9999px -9999px,
    url(../images/backgrounds/geschaeftsanwendungen.jpg) no-repeat -9999px -9999px,
    url(../images/backgrounds/qualiaetssicherung.jpg) no-repeat -9999px -9999px,
    url(../images/backgrounds/Footer.jpg) no-repeat -9999px -9999px,
    url(../images/backgrounds/Karierre.jpg) no-repeat -9999px -9999px,
    url(../images/backgrounds/Schueler.jpg) no-repeat -9999px -9999px,
    url(../images/backgrounds/Schueler_04.jpg) no-repeat -9999px -9999px,
    url(../images/backgrounds/Studies.jpg) no-repeat -9999px -9999px,
    url(../images/backgrounds/bredex.jpg) no-repeat -9999px -9999px,
    url(../images/backgrounds/produkte.jpg) no-repeat -9999px -9999px,
    url(../images/backgrounds/wegbegleiter.jpg) no-repeat -9999px -9999px,
    url(../images/backgrounds/teamwork.JPG) no-repeat -9999px -9999px,
    url(../images/backgrounds/gf.JPG) no-repeat -9999px -9999px,
    url(../images/backgrounds/federated_it.JPG) no-repeat -9999px -9999px,
    url(../images/backgrounds/teamwork2.JPG) no-repeat -9999px -9999px,
    url(../images/backgrounds/newshold_grey2.jpg) no-repeat -9999px -9999px,
    url(../images/backgrounds/bloghold_grey2.jpg) no-repeat -9999px -9999px,
    url(../images/backgrounds/eventhold_grey2.jpg) no-repeat -9999px -9999px
}

/*********** Image preloading stop **********/

/*********** Spaces and centerings **********/
.media-left {
    width: 100% !important;
    height: auto !important;
}

.menuHolder {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.element2cols {
    overflow: hidden;
}

.col1, .col2, .col3 {
    width: 33%;
    float: left;
}

.col1 {
    margin-right: 2%;
}

.col2, .col3 {
    margin-left: 2%;
}

.logo {
    position: fixed;
    left: 69px;
    top: 0;
    width: 159px;
    height: 40px;
    background-color: rgba(255, 255, 255, 0.5);
    padding: 13px;
    z-index: 7;
}

.partnerLogo {
    height: auto;
    width: auto;
}

.centerAll {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    left: 0;
    right: 0;
    vertical-align: middle;
    display: table;
}

.slide {
    height: 100%;
    position: relative;
}

.wrapper {
    width: 960px;
    height: 200px;
    margin: 0 auto;
    position: relative;
}
/*********** Spaces and centerings stop **********/

/* Bestimmte Textelemente */
.slideInfoStart {
    position: absolute;
    bottom: 18%;
    left: 2%;
    font-size: 0.8rem; /* 13px */
    color: #2F3239
}

.slideTextStart {
    position: absolute;
    bottom: 16%;
    left: 2%;
    font-size: 3.1rem; /* 50px */
    font-weight: normal;
    color: rgba(205, 23, 25, 1);
}

/* Bestimmte Textelemente stop */

/************** Button und Eingabefelder der Webseite ******************/
/* Suchfunktion und dazugehörige felder */
.inputSearchField, .inputKeSearchField {
    color: white;
    background-color: transparent;
    /*font-size: 12px;*/
    font-weight: bold;
    border: none;
    padding: 3px;
}

.inputSearchField {
    border-bottom: 1px solid white;
    background: url(../images/icons/search.png) no-repeat left center;
    height: 22px;
    width: 225px;
    padding-left: 20px;
}

.inputKeSearchField {
    width: 105px;
    padding-left: 10px;
    outline: 0 none;
    float: left;
    height: 16px;
    border: 1px solid transparent;
}

.inputKeSearchField :focus {
    border: none;
    outline: 0 none;
}

.KeSearch {
    margin-left: auto;
    margin-right: auto;
    display: table;
}

.KeSearch form fieldset {
    padding: 3px;
}

div.KeSearchBox {
    position: relative;
}

.KeSearch input[type=text], .KeSearch select, .KeSearch textarea {
    padding: 0;
    background: transparent;
    color: #fff !important;
    margin-left: 21px;
    width: 80%;
    text-align: center;
}

/* navigation: suchfeld: placeholder text weiss, einzelne regel pro browser notwendig,
gruppierte regel wird ignoriert sobald ein selektor vom browser als invalide betrachtet wird */
input.inputKeSearchField::-webkit-input-placeholder
{
    opacity: 1;
    color: white !important;
}

input.inputKeSearchField::-moz-placeholder
{
    opacity: 1;
    color: white !important;
}

input.inputKeSearchField:-ms-input-placeholder
{
    opacity: 1;
    color: white !important;
}

input.inputKeSearchField:-moz-placeholder
{
    opacity: 1;
    color: white !important;
}



#submitKeSearch {
    position: absolute;
    left: 0;
    height: 12px;
    padding: 3px;
}

.KeSearchField {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid white;
    width: 160px;
    height: 15px;
}

.tx-kesearch-pi1 #kesearch_results .result-list-item .hit {
    color: rgba(205, 23, 25, 1) !important;
}

a.kesGreyButt, span.resetbutt a, span.submitbutt input, input.kesGreyButt, span.kesGreyButt {
    font-family: 'Maven Pro', sans-serif !important;
    height: auto;
    background: #008F7B none !important;
    color: white !important;
    border: 1px solid #008F7B !important;
    border-radius: 3px;
}

.table.table-striped {
    text-align: left;
}

.table.table-striped th {
    display: none;
}

.table.table-striped td {
    padding-left: 10px;
    padding-bottom: 5px;
}

.tx-gbevents-pi1 h2 {
    display: none;
}

.media-body dt {
    margin-bottom: 10px;
    font-weight: bold;
}

.media-body dd {
    margin-left: 0;
    margin-bottom: 20px;
}

.btn.btn-primary.pull-right {
    display: none;
}

/* ein grüner eckiger button */
.button-cta
{
    display: inline-block;
    color: white;
    background: #008f7b;
    padding: 12px;
}

.button-cta:hover
{
    background: #dd1a32;
}

/* Suchfunktion und dazugehörige felder stop*/

/** arrow buttons start */
.arrowButton
{
    display: table;
    width: 40px;
    height: 40px;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 7;
    animation: arrowLoop 1.5s 3;
    -webkit-animation: arrowLoop 1.5s 3;
    -moz-animation: arrowLoop 1.5s 3;
    -o-animation: arrowLoop 1.5s 3;

    /*border: 0.5px solid #fff;*/
    /*background-color: rgba(0, 143, 123, 0.7) !important;*/
    background-color: rgba(205, 23, 25, 1) !important;
}

.arrowButton.down
{
    bottom: 5px;
    background: url(../images/icons/arrow.png) center;
}

.arrowButton.up
{
    top: 5px;
    background: url(../images/icons/arrowUp.png) center;
    animation-direction: reverse;
}

.arrowButton:hover
{
    /*background-color: rgba(205, 23, 25, 1) !important;*/
    background-color: rgba(0, 143, 123, 0.7) !important;
    cursor: pointer;
    animation: none;
}
/** arrow buttons stop **/

.buttonForSectionBig {
    display: block;
    width: 160px;
    height: 160px;
    position: absolute;
    right: 5%;
    bottom: 6.5%;
    padding: 5px;
    border: 1px solid #ffffff;
    background: rgba(0, 143, 123, 0.7) url(../images/icons/arrowNext.png) no-repeat right 5% bottom 5%;
    float: right;
    z-index: 6;
    color: #fff;
}

.buttonForBlogOnIndex {
    display: block;
    width: 210px;
    height: 210px;
    position: absolute;
    right: 5%;
    bottom: 6.5%;
    padding: 5px;
    border: 1px solid #ffffff;
    background: rgba(0, 143, 123, 0.7) url(../images/icons/arrowNext.png) no-repeat right 5% bottom 5%;
    float: right;
    z-index: 6;
    color: #fff;
    font-size: 1.8rem; /* 1.2em */
}

.buttonForSectionSmall {
    display: block;
    width: 100px;
    height: 100px;
    position: absolute;
    right: 5%;
    bottom: 13%;
    padding: 5px;
    border: 1px solid #ffffff;
    background: rgba(0, 143, 123, 0.7) url(../images/icons/arrowNext.png) no-repeat right 7% bottom 5%;
    float: right;
    z-index: 6;
    color: #fff;
}

.buttonForSectionSmallTopping {
    display: block;
    width: 120px;
    height: 120px;
    position: absolute;
    right: 5%;
    top: 5%;
    padding: 5px;
    border: 1px solid #ffffff;
    background: rgba(0, 143, 123, 0.7) url(../images/icons/arrowNext.png) no-repeat right 7% bottom 5%;
    float: right;
    z-index: 6;
    color: #fff;
}


.buttonForBlogOnIndex {
    color: #fff;
    font-weight: normal !important;
}

.buttonForBlogOnIndex b {
    font-size: 0.8rem; /* 13px */
}

.subheader-latest {
    display: none;
}

/* Button und Eingabefelder der Webseite stop*/

/* hover Effekte für die Button und Eingabefelder */
.buttonSlideLeft:hover {
    cursor: pointer;
    background-color: rgba(205, 23, 25, 1);
    color: #fff;
}

.buttonSlideRight:hover {
    cursor: pointer;
    background-color: rgba(205, 23, 25, 1);
    color: #fff;
}

.buttonForSectionBig:hover {
    cursor: pointer;
    background-color: rgba(205, 23, 25, 1);
    color: #fff;
}

.buttonForBlogOnIndex:hover {
    cursor: pointer;
    background-color: rgba(205, 23, 25, 1);
    color: #fff;
}

.buttonForSectionSmall:hover {
    cursor: pointer;
    background-color: rgba(205, 23, 25, 1);
    color: #fff;
}

.buttonForSectionSmallTopping:hover {
    cursor: pointer;
    background-color: rgba(205, 23, 25, 1);
    color: #fff;
}


/* hover Effekte für die Button und Eingabefelder stop */

/* Elemente und Bereiche der Webseite / Div´s / Spaces */
.sectionInner {
    position: absolute;
    padding: 0 5%;
    padding-top: 1%;
    margin: 7% 14%;
    margin-bottom: 5%;
    width: 62%;
    height: 75%;
    font-size: 1.1rem; /* 18px */
    background-color: rgba(255, 255, 255, 0.8);
    /*overflow: hidden;*/
    overflow: auto; /* 2017-04-10: erstmal auto damit inhalte die nicht in die kachel passen, gescrollt werden können */
}

.sectionInnerSlide {
    margin: 5%;
    width: 90%;
    height: 85%;
    color: transparent;
}

.sectionInnerNav {
    position: absolute;
    padding: 0 5%;
    margin: 5%;
    width: 80%;
    height: 75%;
    font-size: 1.2rem; /* 1.2em */
    background-color: transparent;
    text-align: center;
}

/*Menu CSS Anpassungen */
#spinner-form {
    display:none;
}

.spinner-spin {
    float:left;
    height:56px;
    width:48px;
    z-index: 10;
    position: fixed;
    padding-left: 19px;
    padding-top: 10px;
    background-color: rgba(255, 255, 255, 0.2);
}
.spinner-spin {
    cursor:pointer;
}

.spinner-spin > .spinner {
    height:5px;
    width:30px;
    background-color: rgba(0, 143, 123, 1);
    transition:all 0.3s;
    -webkit-transition:all 0.3s;
}

.spinner-spin > .spinner.diagonal.part-1 {
    float:left;
    margin-top:10px;
}

.spinner-spin > .spinner.horizontal {
    float:left;
    margin-top:6px;
}

.spinner-spin > .spinner.diagonal.part-2 {
    float:left;
    margin-top:6px;
}

#spinner-form:checked ~ .spinner-spin > .horizontal {
    opacity: 0;
}

#spinner-form:checked ~ .spinner-spin > .diagonal.part-1 {
    transform:rotate(225deg);
    -webkit-transform:rotate(225deg);
    margin-top:23px;
    background-color: rgba(205, 23, 25, 1);
}

#spinner-form:checked ~ .spinner-spin > .diagonal.part-2 {
    transform:rotate(-225deg);
    -webkit-transform:rotate(-225deg);
    margin-top:-16px;
    background-color: rgba(205, 23, 25, 1);
}

/* Animation für den Button "down" Effekt, beim starten der Webseite oder beim hoover */

@-webkit-keyframes slideIn {
    0% { opacity: 0.3; filter: alpha(opacity=0.3); -khtml-opacity: 0.3; -moz-opacity: 0.3;
        -webkit-transform: translateX(-300px);
        transform: translateX(-300px);
    }

    100% { opacity: 1; filter: alpha(opacity=1); -khtml-opacity: 1; -moz-opacity: 1;
        -webkit-transform: translateX(0px);
        transform: translateX(0px); }
}
@-moz-keyframes slideIn {
    0% { opacity: 0.3; filter: alpha(opacity=0.3); -khtml-opacity: 0.3; -moz-opacity: 0.3;
        -webkit-transform: translateX(-300px);
        transform: translateX(-300px);
    }

    100% { opacity: 1; filter: alpha(opacity=1); -khtml-opacity: 1; -moz-opacity: 1;
        -webkit-transform: translateX(0px);
        transform: translateX(0px); }
}
@-o-keyframes slideIn {
    0% { opacity: 0.3; filter: alpha(opacity=0.3); -khtml-opacity: 0.3; -moz-opacity: 0.3;
        -webkit-transform: translateX(-300px);
        transform: translateX(-300px);
    }

    100% { opacity: 1; filter: alpha(opacity=1); -khtml-opacity: 1; -moz-opacity: 1;
        -webkit-transform: translateX(0px);
        transform: translateX(0px); }
}

@keyframes slideIn {
    0% { opacity: 0.3; filter: alpha(opacity=0.3); -khtml-opacity: 0.3; -moz-opacity: 0.3;
        -webkit-transform: translateX(-300px);
        transform: translateX(-300px);
    }

    100% { opacity: 1; filter: alpha(opacity=1); -khtml-opacity: 1; -moz-opacity: 1;
        -webkit-transform: translateX(0px);
        transform: translateX(0px); }
}

@-webkit-keyframes slideFromTop {
    0% { opacity: 0.3; filter: alpha(opacity=0.3); -khtml-opacity: 0.3; -moz-opacity: 0.3;
        -webkit-transform: translateY(-500px);
        transform: translateY(-500px);
    }

    100% { opacity: 1; filter: alpha(opacity=1); -khtml-opacity: 1; -moz-opacity: 1;
        -webkit-transform: translateY(0px);
        transform: translateY(0px); }
}
@-moz-keyframes slideFromTop  {
    0% { opacity: 0.3; filter: alpha(opacity=0.3); -khtml-opacity: 0.3; -moz-opacity: 0.3;
        -webkit-transform: translateY(-500px);
        transform: translateY(-500px);
    }

    100% { opacity: 1; filter: alpha(opacity=1); -khtml-opacity: 1; -moz-opacity: 1;
        -webkit-transform: translateY(0px);
        transform: translateY(0px); }
}
@-o-keyframes slideFromTop  {
    0% { opacity: 0.3; filter: alpha(opacity=0.3); -khtml-opacity: 0.3; -moz-opacity: 0.3;
        -webkit-transform: translateY(-500px);
        transform: translateY(-500px);
    }

    100% { opacity: 1; filter: alpha(opacity=1); -khtml-opacity: 1; -moz-opacity: 1;
        -webkit-transform: translateY(0px);
        transform: translateY(0px); }
}

@keyframes slideFromTop  {
    0% { opacity: 0.3; filter: alpha(opacity=0.3); -khtml-opacity: 0.3; -moz-opacity: 0.3;
        -webkit-transform: translateY(-500px);
        transform: translateY(-500px);
    }

    100% { opacity: 1; filter: alpha(opacity=1); -khtml-opacity: 1; -moz-opacity: 1;
        -webkit-transform: translateY(0px);
        transform: translateY(0px); }
}

.dropdown {
    position: absolute;
    top: 0;
}

.dropdown-content {
    display: none;
    position: fixed;
    background-color: rgba(1, 144, 121, 1);
    color: white;
    min-width: 300px;
    min-height: 100%;
    overflow: auto;
    z-index:9;
    text-align: center;
    padding-top: 90px;
}

.dropdown-content li {
    color: white;
    padding: 7px;
    text-decoration: none;
    list-style: none;
    display: block;
    cursor: pointer;
    text-transform: uppercase;
}

.dropdown-content a {
    color: white;
    padding: 8px;
    text-decoration: none;
    font-size: 0.8rem; /* 13px */
    list-style: none;
    cursor: pointer;
}

.dropdown-content p a {
    text-transform: uppercase;
}

.dropdown-content li a{
    color: white;
    padding: 5px;
    text-decoration: none;
    font-size: 1.5rem; /* 23px */
    list-style: none;
    display: block;
    cursor: pointer;
}

.dropdown a:hover {color: #f1f1f1}
.dropdown li:hover {color: #f1f1f1}

/**
navigation: hover und active state start
active bedeutet es wird sich diese seite oder eine unterseite des entsprechenden baumes angeschaut
 */
.dropdown .main_nav a:hover,
.dropdown .main_nav li.active a
{
    color: #019079;
    background: white;
}
/** navigation: hover und active state end **/


.main_nav {
    margin: 0;
    padding: 0;
}


.show {
    display:block!important;
    position: fixed !important;
    animation: slideIn 1s 1;
}

.slide > .container {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    -webkit-transform: translate3d(0, 0, 0);
}

.slide > .left, .slide > .right {
    width: 50%;
}

.slide > .right {
    left: auto;
    right: 0;
}

.slide > .top, .slide > .bottom {
    height: 50%;
}

.slide > .bottom {
    top: auto;
    bottom: 0;
}


/** imageColumn, wird bei Leistungen verwendet **/
.imageColumn
{
    display: inline-block !important;
    margin-right: 1%;
    margin-top: 1%;
    position: initial;
    color: #4e4e51;
    width: 16%;
    max-width: 225px;
    padding: 8px;
    padding-bottom: 112px;
    min-height: 262px;
    vertical-align: top;
    border: 1px solid #ffffff;
    overflow: hidden;
    font-size: 15px;
    z-index: 6;
    background: rgba(255, 255, 255, 0.7) no-repeat bottom 5% center;
    background-size: 80px;
}

.imageColumn:hover
{
    cursor: pointer;
    background-color: rgba(205, 23, 25, 1);
    color: #fff;
}

.imageColumn .csc-firstHeader
{
    word-wrap: initial;
    white-space: nowrap;
}

/** backgrounds, z.b. zusammen mit imageColumn verwendet**/
.backgroundIconBlog
{
    background-image: url(../images/icons/blog.png);
}

.backgroundIconEvents
{
    background-image: url(../images/icons/events.png);
}

.backgroundIconBeratung
{
    background-image: url(../images/icons/beratung.svg);
}

.backgroundIconEntwicklung
{
    background-image: url(../images/icons/entwicklung.svg);
}

.backgroundIconMobile
{
    background-image: url(../images/icons/mobile.svg);
}

.backgroundIconModelling
{
    background-image: url(../images/icons/modelling.png);
}

.backgroundIconNews
{
    background-image: url(../images/icons/news.png);
}

.backgroundIconQualitaet
{
    background-image: url(../images/icons/qualitaet.svg);
}

.backgroundIconWeiterbildung
{
    background-image: url(../images/icons/weiterbildung_unten.png);
}

.backgroundIconVirtualReality
{
    background-image: url(../images/icons/virtualreality.png);
}


/*Startseite CSS Anpassungen */


#sectionOneDiv {
    background-image: url(../images/backgrounds/start_neu.jpg);
    background-size: cover;
}

#sectionTwoDivLeft {
    background: url(../images/backgrounds/geschaeftsanwendungen.jpg) top center;
    background-size: cover;
}

#sectionTwoDivRightTop {
    background: url(../images/backgrounds/mobil.jpg) top center;
    background-size: cover;
}

#sectionTwoDivRightBottom {
    background: url(../images/backgrounds/qualiaetssicherung.jpg) top center;
    background-size: cover;
}

#sectionThreeDivLeftTop {
    background-image: url(../images/backgrounds/Karriere_2017.jpg);
    background-size: cover;
}

#sectionThreeDivLeftBottom {
    background: url(../images/backgrounds/studium_neu.jpg) top center;
    background-size: cover;
}

#sectionThreeDivRightTop {
    background: url(../images/backgrounds/ausbildung_neu.jpg) top center;
    background-size: cover;
}

#sectionThreeDivRightBottom {
    background-image: url(../images/backgrounds/Schueler_05.jpg);
    background-size: cover;
}

#sectionNewsDivRight {
    background: url(../images/backgrounds/eventhold_grey2.jpg) top center;
    background-size: cover;
}

#sectionNewsDivLeftTop {
    background-image: url(../images/backgrounds/newshold_grey2.jpg);
    background-size: cover;
}

#sectionNewsDivLeftBottom {
    background: url(../images/backgrounds/bloghold_grey2.jpg) top center;
    background-size: cover;
}

/* Unternehmen CSS Anpassungen */
#sectionBxPhilosophie {
    background: url(../images/backgrounds/teamwork2.JPG) top center;
    background-size: cover;
}

#sectionBxHistorie {
    background: url(../images/backgrounds/gf_neu.jpg) top center;
    background-size: cover;
}

#sectionBxTeam {
    background-image: url(../images/backgrounds/teamwork_neu.jpg);
    background-size: cover;
}

#sectionBxWeiterbildungen {
    background-image: url(../images/backgrounds/Schueler_03.jpg);
    background-size: cover;
}

/* Footer Anpassungen */
#sectionFooter {
    background-image: url(../images/backgrounds/Footer.jpg);
    background-size: cover;
}

/* Leistungen CSS Anpassungen */
#sectionLeistungNav {
    background-image: url(../images/backgrounds/bredex_neu.jpg);
    background-size: cover;
}

#sectionLeistungSW {
    background: url(../images/backgrounds/geschaeftsanwendungen.jpg) top center;
    background-size: cover;
}

#sectionLeistungMobile {
    background: url(../images/backgrounds/mobil.jpg) top center;
    background-size: cover;
}

#sectionLeistungBeratung {
    background: url(../images/backgrounds/beratung_neu.jpg) top center;
    background-size: cover;
}

#sectionLeistungWeiterbildung {
    background: url(../images/backgrounds/Schueler_03.jpg) top center;
    background-size: cover;
}

#sectionLeistungQS {
    background: url(../images/backgrounds/qualiaetssicherung.jpg) top center;
    background-size: cover;
}

/* Produkte CSS Anpassungen */
#sectionProdukte {
    background-image: url(../images/backgrounds/produkte_neu.jpg);
    background-size: cover;
}

/* Wegbegleiter CSS Anpassungen */
#sectionKunde {
    background-image: url(../images/backgrounds/wegbegleiter.jpg);
    background-size: cover;
}

#sectionPartner {
    background-image: url(../images/backgrounds/federated_it.JPG);
    background-size: cover;
}

/* Karriere CSS Anpassungen */
#sectionKarriereWir {
    background-image: url(../images/backgrounds/Schueler_03.jpg);
    background-size: cover;
}

#sectionKarriereJobs {
    background-image: url(../images/backgrounds/Schueler_02.jpg);
    background-size: cover;
}

#sectionKarriereAusbildung {
    background-image: url(../images/backgrounds/ausbildung_neu.jpg);
    background-size: cover;
}

#sectionKarriereStudium {
    background: url(../images/backgrounds/studium_neu.jpg) top center;
    background-size: cover;
}

#sectionKarriereSchule {
    background-image: url(../images/backgrounds/schule_neu.jpg);
    background-size: cover;
}



/**
backgrounds die über das body tag zugewiesen werden können
 */
body.background.dna_a section .container
{
    background-image: url(/fileadmin/bredex/public/images/backgrounds/dna_a.jpg);
}

body.background.dna_b section .container
{
    background-image: url(/fileadmin/bredex/public/images/backgrounds/dna_b.jpg);
}

body.background.dna_c section .container
{
    background-image: url(/fileadmin/bredex/public/images/backgrounds/dna_c.jpg);
}

body.background.dna_d section .container
{
    background-image: url(/fileadmin/bredex/public/images/backgrounds/dna_d.jpg);
}

body.background.dna_e section .container
{
    background-image: url(/fileadmin/bredex/public/images/backgrounds/dna_e.jpg);
}

body.background.dna_f section .container
{
    background-image: url(/fileadmin/bredex/public/images/backgrounds/dna_f.jpg);
}

body.background.dna_dark section .container
{
    background-image: url(/fileadmin/bredex/public/images/backgrounds/dna_dark.jpg);
}



/**
wer wir sind: partner logos
 */
#sectionPartner .partnerLogos
{
    text-align: center;
    margin-top: 10%;
}

#sectionPartner .partnerLogos img
{
    display: inline-block !important;
    max-width: 15%;
    padding: 16px;
    min-width: 83px;
}

/* Other Divs CSS Anpassungen */
#sectionSingleDiv {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    min-height: 100%;
    background-color: #fff;
    margin: 0 auto -30px;
    padding-bottom: 150px;
}

#sectionNavHolder {
    position: absolute;
    left: 0;
    top: 190px;
    width: 100%;
    height: 90%;
}

#overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.singleRight .news-header-list-time {
    display: none;
}

.singleRight .news-header-list-categories {
    display: none;
}

.singleRight .news-header-list-title {
    padding-bottom: 10px;
}

/* Spacer CSS Anpassungen */
.partnerSpace {
    height: 130px;
    bottom: 100px;
    position: absolute;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.5);
    text-align: center;
    font-weight: bold;
    padding-top: 15px;
    display: table;
}

.singleSpace {
    height: 130px;
    top: 0;
    z-index: 1;
    width: 100%;
    background: rgba(255, 255, 255, 0.5) url(../images/backgrounds/Schueler_02.jpg) center;
    background-size: cover;
}

.mobileSpaceTop {
    display: none;
}

.singleTop {
    position: relative;
    left: 15%;
    top: 10px;
    width: 70%;
    border: 0 solid #018F79;
    border-bottom-width: 1px;
}

.singleLeft {
    position: relative;
    float: left;
    left: 15%;
    top: 20px;
    width: 42%;
    padding-bottom: 100px;
}

/* .fullWidth wird durch typo3 hinzugefügt, condition: wenn .singleRight leer ist */
.singleLeft.fullWidth {
    width: 70%;
    float: none;
}

.singleRight {
    position: relative;
    float: right;
    right: 15%;
    top: 20px;
    height: 65%;
    width: 25%;
    padding-left: 20px;
    border: 0 solid lightgrey;
    border-left-width: 1px;
    margin-bottom: 50px;
}

/* .singleTopNewsletter {
   position: relative;
    left: 13%;
    top: 10px;
    width: 300px;


}

.singleContentNewsletter{
    position: relative;
    left: 13%;
    top: 50px;
    width: 70%;
    min-width: 0%;
    max-width: 86%;
    margin-bottom: 100px;
    min-height: 100%;
    background-color: rgba(255, 255, 255, 0.7);
    padding: 25px;
} */



/* Footer Elemente CSS Anpassungen */
.footer, .footer2 {
    height: 100px;
    width: 100%;
    position: absolute;
    bottom: 0;
    background-color: #008F7B;
    color: #fff;
    text-align: center;
    font-size: 0.8rem; /* 13px; */
}

.footer2 {
    padding-top: 5px;
}

.footer a, .footer2 a {
    color: #fff;
}

/* News Abfragen tt_news Typo3 CSS Anpassungen */
.news-list-item img {
    max-width: 100% !important;
    height: auto !important;
}

.news-latest-item img {
    max-width: 100% !important;
    height: auto !important;
}

.news-single-item img {
    max-width: 100% !important;
    height: auto !important;
}

ul.share-buttons {
    list-style: none;
    padding: 0;
}

ul.share-buttons li {
    display: inline;
}


/*
blog
- die special menus liste soll hier keine punkte und einrückung aufweisen
*/
body.blog .singleRight .csc-menu
{
    list-style: none;
    padding-left: 0;
}


/* tt_news output (liste und single) start */
/*
wrapper die sich drum herum befinden falls beschränkung nötig wird:
.news-list-container
.news-single-item
 */
.news-list-date,
.news-single-date
{
    color: grey;
    font-size: small;
    padding-top: 20px;
    display: block;
}

.news-single-date
{
    float: right;
}

.news-single-author
{
    padding-top: 20px;
    color: grey;
    font-size: small;
}

.news-list-date + h2,
.news-single-title
{
    margin-top: 4px;
}

.news-list-item img
{
    max-width: 100% !important;
    height: auto !important;
    float: left;
    margin-right: 26px;
    margin-bottom: 22px;
}

.news-single-img img
{
    clear: both;
    margin-top: 20px;
    padding-top: 16px;
}

.news-single-content
{
    clear: both;
    padding-top: 8px;
}

span.news-list-morelink a
{

}

.news-list-category,
.news-single-category
{
    font-size: small;
    color: grey;
    margin-top: 20px;
}

.news-single-backlink
{
    margin-top: 32px;
}

.news-list-item hr.clearer,
.cl-right
{
    border: 0;
    border-top: 1px solid lightgrey;
    padding-top: 32px;
    clear: both;
}

.news-single-previous-next
{
    display: none;
}

.news-single-subheader h2
{
    font-weight: normal;
    font-size: 16px;
    margin-top: -8px;
}

/* pager start */
.news-list-browse a,
.news-list-browse span
{
    margin-right: 8px;
}

.news-list-browse .activeLinkWrap
{
    color: white;
    background: #008f7b;
    padding: 8px;
}
/* pager stop */

/* kategorien menü start */
.news-catmenu
{
    /*margin-top: 40px;*/
}

.news-catmenu ul
{
    list-style: none;
    padding-left: 0;
}

.news-catmenu > a
{
    color: grey;
    margin-bottom: 8px;
    display: block;
    font-size: small;
    display: none;
}

.news-catmenu > .level1
{
    display: inline-block;
    margin-right: 16px;
    min-width: 86px;
}
/* kategorien menü stop */
/* tt_news output (liste und single) end */


/* Ende Elemente und Bereiche der Webseite / Div´s / Spaces stop */



/* Animation für den Button "down" Effekt, beim starten der Webseite oder beim hoover */
@-webkit-keyframes arrowLoop {
    0%, 100% {
        left: 50%;
        opacity: 0;
        filter: alpha(opacity=0);
        -khtml-opacity: 0;
        -moz-opacity: 0;
        -webkit-transform: translate(-50%, -20px);
        transform: translate(-50%, -20px);
    }

    50%, 60%, 65% {
        opacity: 1;
        filter: alpha(opacity=100);
        -khtml-opacity: 1;
        -moz-opacity: 1;
        -webkit-transform: translate(-50%, 0px);
        transform: translate(-50%, 0px);
    }

    100% {
        -webkit-transform: translate(-50%, 20px);
        transform: translate(-50%, 20px);
    }
}
@-moz-keyframes arrowLoop {
    0%, 100% {
        left: 50%;
        opacity: 0;
        filter: alpha(opacity=0);
        -khtml-opacity: 0;
        -moz-opacity: 0;
        -webkit-transform: translate(-50%, -20px);
        transform: translate(-50%, -20px);
    }
    50%, 60%, 65% {
        opacity: 1;
        filter: alpha(opacity=100);
        -khtml-opacity: 1;
        -moz-opacity: 1;
        -webkit-transform: translate(-50%, 0px);
        transform: translate(-50%, 0px);
    }
    100% {
        -webkit-transform: translate(-50%, 20px);
        transform: translate(-50%, 20px);
    }
}

@-o-keyframes arrowLoop {
    0%, 100% {
        left: 50%;
        opacity: 0;
        filter: alpha(opacity=0);
        -khtml-opacity: 0;
        -moz-opacity: 0;
        -webkit-transform: translate(-50%, -20px);
        transform: translate(-50%, -20px);
    }
    50%, 60%, 65% {
        opacity: 1;
        filter: alpha(opacity=100);
        -khtml-opacity: 1;
        -moz-opacity: 1;
        -webkit-transform: translate(-50%, 0px);
        transform: translate(-50%, 0px);
    }
    100% {
        -webkit-transform: translate(-50%, 20px);
        transform: translate(-50%, 20px);
    }
}

@keyframes arrowLoop {
    0%, 100% {
        left: 50%;
        opacity: 0;
        filter: alpha(opacity=0);
        -khtml-opacity: 0;
        -moz-opacity: 0;
        -webkit-transform: translate(-50%, -20px);
        transform: translate(-50%, -20px);
    }
    50%, 60%, 65% {
        opacity: 1;
        filter: alpha(opacity=100);
        -khtml-opacity: 1;
        -moz-opacity: 1;
        -webkit-transform: translate(-50%, 0px);
        transform: translate(-50%, 0px);
    }
    100% {
        -webkit-transform: translate(-50%, 20px);
        transform: translate(-50%, 20px);
    }
}

/* Animation für den Button "down" Effekt, beim starten der Webseite oder beim hoover stop*/


/* gb_events start: anpassung für tabelle gb_events (terminübersicht seminare & workshops) */
.eventsList
{
    border-collapse: collapse;
    width: 100%;
}

.eventsList tbody tr
{
    border-top: 1px solid lightgrey;
}

.eventsList tbody tr:first-of-type
{
    border-top: 0;
}

.eventsList tbody tr td
{
    vertical-align: top;
    padding-top: 20px;
    padding-bottom: 20px !important;
    display: table-cell !important;
}

.eventsList tbody tr td.startDate
{
    padding-right: 16px;
}


.eventsList .multidayEventInfo
{
    color: grey;
}
/* gb_events stop */


/* gb_events start: anpassung für terminvorschau bei leistungen -> weiterbildung kachel */
.leistungenUpcomingKurseContainer
{
    margin-top: 32px;
}

.leistungenUpcomingKurseContainer .eventContainer
{
    float: left;
    background-image: url('../images/leistungen_weiterbildungen_upcomming_events_background.jpg');
    color: white;
    width: 32%;
    height: 129px;
}

.leistungenUpcomingKurseContainer .eventContainer a
{
    color: white;
}

.leistungenUpcomingKurseContainer .eventContainer.showAllDates .eventInfo:hover
{
    background-color: rgb(205, 23, 25);
}

.leistungenUpcomingKurseContainer .eventContainer .eventInfo
{
    background-color: rgba(1, 144, 121, 1);
    border: 1px solid white;
    text-align: left;
    width: 60%;
    margin-top: 10%;
    margin-left: 28%;
    overflow: hidden;
    padding: 8px;
    height: 50%;
}

.leistungenUpcomingKurseContainer .eventContainer .eventInfo .eventDate
{
    font-weight: bold;
    margin-bottom: 2px;
    font-size: 20px;
}

.leistungenUpcomingKurseContainer .eventContainer .eventInfo .eventTitle
{
    overflow: hidden
}
/* gb_events stop */

/* gb_events start: anpassung für nächste termine anzeige von kursen */
ul.weiterbildungenEventTermineContainer
{
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.weiterbildungenEventTermineContainer li
{
    margin-bottom: 2px;
}
/* gb_events stop */


/* diverse content elemente: start */
.mainLocationMap
{
    display: inline-block;
    width: 100%;
    height: 100%;
    max-width: 346px;
    max-height: 346px;
    background: url(../images/map.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    overflow: hidden;
}

.mainLocationMap:hover
{
    background: url(../images/map_hover.jpg);
    background-size: contain;
    background-repeat: no-repeat;
}

.mainLocationMap img
{
    width: 100%;
    height: 100%;
    visibility: hidden;
}
/* diverse content elemente: stop */


/* impressum/kontakt: start */
body.impressum .communication
{
    margin-bottom: 32px;
}

body.impressum .mainLocationMap
{
    margin-bottom: 32px;
}

body.impressum .communication label,
body.kontakt .communication label
{
    color: grey;
    display: inline-block;
    min-width: 100px;
}

@media screen
and (max-width: 991px)
{
    body.kontakt .communication label
    {
        display: block;
    }
}
/* impressum/kontakt: stop */

/* referenzen auflistung: start */
body.referenzen .singleLeft ul.csc-menu
{
    list-style: none;
    padding: 0;
}

body.referenzen .singleLeft ul.csc-menu li
{
    display: inline-block;
    height: 120px;
    line-height: 120px;
    width: 31%;
    background: #008f78;
    margin-bottom: 2%;
    margin-right: 2%;
}

body.referenzen .singleLeft ul.csc-menu li a
{
    color: white;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    width: 80%;
    padding-left: 10%;
    padding-right: 10%;
    line-height: normal;
}

body.referenzen .singleLeft ul.csc-menu li:hover
{
    background: #dd1a32;
}


@media screen
and (max-width: 767px)
{
    body.referenzen .singleLeft ul.csc-menu li
    {
        width: 48%;
    }
}
/* referenzen auflistung: stop */


/* responsive start */

/* navigation desktop angezeigt start */
@media screen
and (min-width: 1539px)
{
    nav .logo
    {
        left: 48px;
        padding: 22px;
    }

    nav .dropdown label.spinner-spin
    {
        display: none;
    }

    nav .dropdown .dropdown-content
    {
        display: block !important;
        position: fixed !important;
        padding-top: 32px;
        margin-top: 88px;
    }

    #contentWrapper
    {
        margin-left: 300px;
    }
}
/* navigation desktop angezeigt stop */

@media screen
and (max-width: 1239px) {
    .sectionInnerNav {
        font-size: 1rem;
    }

    .sectionInnerSlide {
        margin-left: 5%;
        margin-top: 30px;
        width: 90%;
        height: 85%;
    }

    .sectionInner {
        margin: 100px 0 0 5%;
        width: 80%;
    }

    .imageColumn
    {
        font-size: 14px;
    }

    .buttonForBlogOnIndex {
        width: 180px;
        height: 180px;
        left: 2%;
        top: 15.5%;
    }

    .singleTop {
        left: 5%;
        top: 10px;
        width: 90%;
    }

    .singleLeft {
        left: 5%;
        top: 20px;
        width: 55%;
    }

    /* .fullWidth wird durch typo3 hinzugefügt, condition: wenn .singleRight leer ist */
    .singleLeft.fullWidth {
        width: 90%;
    }

    .singleRight {
        right: 5%;
        top: 20px;
        width: 30%;
        padding-left: 20px;
        font-size: 0.9rem;
    }
}

@media screen
and (max-width: 991px) {
    .imageColumn
    {
        min-height: 187px;
        padding-bottom: 92px;
        width: 28%;
        background-size: 60px;
    }

    .sectionInner {
        font-size: 1rem;
    }

    .partnerSpace {
        height: 80px;
    }

    .partnerLogo {
        height: 20%;
        width: 20%;
    }

    /* optionale unterüberschriften in kacheln */
    .slide .csc-textpicHeader ~ h2:first-of-type
    {
        margin-top: -14px;
    }
}

@media screen
and (max-width: 767px) {
    .spinner-spin {
        /*background-color: transparent;*/
    }

    .mobileSpaceTop {
        display: none;
    }

    .logo {
        position: absolute;
        /*background: transparent;*/
    }

    .dropdown-content {
        min-width: 300px;
        min-height: 100%;
    }

    .buttonForBlogOnIndex {
        display: none;
    }

    .slideTextStart {
        font-size: 7vw; /* 2.3rem; */
        bottom: 34%;
    }

    .slideInfoStart {
        font-size: 2.2vw; /* 0.8rem; */
        /*bottom: 16%;*/
        bottom: 34%;
    }

    div.csc-textpic .csc-textpic-imagewrap img {
        display: block;
        height: auto !important;
        width: 75% !important;
        margin-top: 0 !important;
    }

    .sectionInner {
        margin-top: 60px;
        padding-top: 10px;
        padding-left: 10px;
        font-size: 0.75rem; /* 2.8vmin; */
        height: 75%;
        width: 80%;
    }

    .sectionInner li {
        /*font-size: 12px;*/
    }

    .sectionInnerSlide {
        margin-top: 0;
        color: transparent;
        z-index: 3;
        height: 90%;
    }

    .slide {
        height: 520px; /* 465px; */
    }

    .slide .csc-firstHeader {
        margin-top: 0;
    }

    /* optionale unterüberschriften in kacheln */
    .slide .csc-textpicHeader ~ h2:first-of-type
    {
        margin-top: -10px;
        margin-bottom: 13px;
    }

    .singleTop h1, .singleLeft h1 {
        font-size: 1.5rem;
    }

    .singleLeft h2 {
        font-size: 1.25rem;
    }

    .singleLeft .csc-textpic-intext-left-nowrap-166 .csc-textpic-text,
    .singleLeft .csc-textpic-intext-left-nowrap-240 .csc-textpic-text {
        margin-left: 0;
    }

    .singleLeft div.csc-textpic .csc-textpic-imagewrap img{
        margin-top: 25px !important;
    }

    .singleRight {
        right: 10%;
        width: 20%;
    }

    .csc-textpic-intext-left-nowrap-106 .csc-textpic-text {
        margin-left: 0;
        padding-left: 80px;
    }

    .csc-textpic-intext-left .csc-textpic-imagewrap, div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
        margin-right: -20px;
    }

    .csc-textpic-intext-right-nowrap .csc-textpic-text {
        margin-right: 0;
    }

    .imageColumn
    {
        font-size: 0.75rem;
        min-height: 230px;
        padding-bottom: 72px;
        background-size: 50px;
        width: 27%;
    }

    .sectionInnerNav {
        padding: 0 5%;
        position: absolute;
        margin-top: 60px;
        margin-left: 5%;
        width: 80%;
        height: 45%;
        font-size: 0.75rem;;
    }

    #sectionNavHolder {
        top: 110px;
    }
}

@media screen
and (max-width: 479px) {
    .mobileSpaceTop {
        display: table-cell;
        vertical-align: middle;
        margin: 0 auto;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 40px;
        background: rgba(255, 255, 255, 0.5) url(../images/bx_logo.png) no-repeat center center;
        background-size: 160px;
        padding: 13px;
        z-index: 8;
    }

    .logo {
        display: none;
    }

    .dropdown-content {
        min-width: 100%;
        padding-top: 25px;
    }

    .show {
        display: block !important;
        position: fixed !important;
        animation: slideFromTop 1s 1;
    }

    .slideTextStart {
        bottom: 180px;
    }

    .slideInfoStart {
        bottom: 180px;
    }

    #sectionNewsDivRight, #sectionTwoDivLeft,
    #sectionNewsDivLeftTop, #sectionTwoDivRightTop,
    #sectionNewsDivLeftBottom, #sectionTwoDivRightBottom,
    #sectionThreeDivLeftTop, #sectionThreeDivLeftBottom,
    #sectionThreeDivRightTop, #sectionThreeDivRightBottom {
        left: 0;
        width: 100%;
    }

    #sectionNewsDivRight, #sectionTwoDivLeft {
        height: 40%;
    }

    #sectionNewsDivLeftTop, #sectionTwoDivRightTop {
        top: 40%;
        height: 30%;
    }

    #sectionNewsDivLeftBottom, #sectionTwoDivRightBottom {
        top: 70%;
        height: 30%;
    }

    #sectionThreeDivLeftTop {
        height: 35%;
    }

    #sectionThreeDivLeftBottom {
        top: 35%;
        height: 21.66%;
    }

    #sectionThreeDivRightTop {
        top: 56.66%;
        height: 21.66%;
        background-position: center;
    }

    #sectionThreeDivRightBottom {
        top: 78.32%;
        height: 21.66%;
        background-position: top;
    }

    .buttonForSectionBig,
    .buttonForSectionSmall {
        width: 80px;
        height: 80px;
        right: 10px;
        bottom: 10px;
        font-size: 0.7rem; /*11px;*/
    }

    .partnerLogo {
        height: 40%;
        width: 40%;
    }

    .sectionInner {
        margin-top: 80px;
        height: 75%;
    }

    .sectionInnerSlide {
        margin-top: 40px;
    }

    .slide {
        min-height: 610px;
        height: 100%;
    }

    .slide .csc-firstHeader {
        margin-top: 5%;
        /*word-wrap: break-word;*/
    }

    /* optionale unterüberschriften in kacheln */
    .slide .csc-textpicHeader ~ h2:first-of-type
    {
        margin-top: 0;
        margin-bottom: 13px;
    }

    h1 {
        margin-bottom: -3px;
        /* font-size: 1rem; 16px; */
        font-weight: bold;
    }

    .imageColumn
    {
        width: 41%;
        min-height: 51px;
        padding-bottom: 52px;
        background-size: 44px;
        background-position-y: 46px;
    }

    .imageColumn .bodytext,
    .imageColumn .csc-subheader
    {
        display: none;
    }

    #sectionNavHolder {
        top: 140px;
    }

    .sectionInnerNav {
        padding: 0 5%;
        position: absolute;
        margin-top: 70px;
        margin-left: 5%;
        width: 80%;
        height: 75%;
        font-size: 12px;
    }

    .arrowButton {
        display: none;
    }

    .buttonForSectionSmallTopping {
        width: 65px;
        height: 75px;
    }

    #sectionSingleDiv {
        position: relative;
    }

    .singleSpace {
        height: 66px;
        position: fixed;
        z-index: 3;
    }

    .singleTop {
        left: 5%;
        top: 70px;
        width: 90%;
    }

    .singleTop h1 {
        margin-bottom: 16px;
        font-size: 1.5rem;
        font-weight: bold !important;
    }

    .singleLeft {
        left: 5%;
        width: 90%;
        top: 70px;
        margin-bottom: 0;
        z-index: 2;
    }

    .singleRight {
        position: relative;
        left: 5%;
        top: 0;
        width: 90%;
        height: auto !important;
        padding-left: 0;
        margin-bottom: 50px;
        border: none;
        float: none;
        z-index: 4;
        clear: both;
    }

    /* leistungen: weiterbildungen: upcoming events ausblenden da kein platz dafür vorhanden */
    .leistungenUpcomingKurseContainer
    {
        display: none;
    }
}

/* responsive stop */