/*------------------------------------------------------------
    Standard Teaser
------------------------------------------------------------*/

/* 
+ BASIC STYLE
+ FONT,ICON,IMAGE STYLE
+ GENERAL TEASER STYLE
+ MEDIA QUERIES 320px/767px/1440px
*/


/* BASIC STYLE */

body {
   
    font-size: 16px;
    font-weight: 400;
    font-style: normal;

}

/* FONT,ICON,IMAGE STYLE */

.linkblue {
   
    font-size: 16px;
    font-weight: 400;
    margin-top: 10px;
    color: #00446A;
    letter-spacing: 1px;
	 /* text-transform: uppercase; */
}

.linkblue:hover {
    text-decoration: underline;
    color: #00446A;
}

.linkyellow {
    
    font-size: 16px;
    font-weight: 400;
    margin-top: 10px;
    color: #FFC900;
    letter-spacing: 0;
}

.linkyellow:hover {
    text-decoration: underline;
    color: #FFC900;
}

.linkfocus {
   
    font-size: 16px;
    font-weight: 400;
    margin-top: 10px;
    color: #FFC900;
    letter-spacing: 0;
}

.linkfocus:hover,
.linkfocus:focus {
    text-decoration: none;
    font-weight: 700;
    color: #FFC900;
}



p {
   
    font-size: 16px;
    font-weight: 400;
    margin-top: 10px;
    color: #141A21;
    letter-spacing: 0;
}


h1 {
   
    font-size: 40px;
    font-weight: 300;
    color: #141A21;
    text-transform: uppercase;
    letter-spacing: 0;
    line-height: 48px;
}

h2 {
   
    font-size: 32px;
    font-weight: 400;
    color: #141A21;
    text-transform: uppercase;
}

h3 {
   
    font-size: 24px;
    font-weight: 300;
    color: #141A21;
    text-transform: none;
    line-height: 32px;
    letter-spacing: 0;

}

h3:after {
    content: none;
}

h4 {
   
    font-size: 16px;
    font-weight: 300;
    color: #141A21;
    text-transform: none;
    line-height: 24px;
    letter-spacing: 0;
}

h6 {
   
    font-size: 12px;
    font-weight: 300;
    color: #B0B0B1;
    text-transform: none;
    margin-bottom: 0px;
    letter-spacing: 0;
}

li {
   
    font-size: 16px;
    font-weight: 400;
    color: #141A21;
    letter-spacing: 0;
    padding-left: 0px;
}

ul {
    padding-left: 20px;
}

.breadcrumb {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0.75rem 1rem;
	padding-left: 0px;
    margin-bottom: 1rem;
    list-style: none;
    border-radius: 0.25rem;
    background: none;
}

.breadcrumb-item + .breadcrumb-item {
    padding-left: 0px;
   
    font-size: 12px;
    color: #141A21;
    line-height: 16px;
}

.breadcrumb-item + .breadcrumb-item::before {
    display: inline-block;
    padding-right: 0.5rem;
    color: #6c757d;
    content: "";
}

.breadcrumb-item + .breadcrumb-item:hover::before {
    text-decoration: underline;
}

.breadcrumb-item + .breadcrumb-item:hover::before {
    text-decoration: none;
}

.breadcrumb-link {
    padding-left: 0px;
   
    font-size: 12px;
    color: #141A21;
    line-height: 16px;
    text-decoration: none;
}

.breadcrumb-link:hover {
    padding-left: 0px;
   
    font-size: 12px;
    color: #141A21;
    line-height: 16px;
    text-decoration: underline;
}

/*
.breadcrumb-link:active{
    
    font-weight: 700;
    font-size: 12px;
    color: #141A21;
    line-height: 16px;
    letter-spacing: 0;
    padding-left: 10px;
}
*/

.breadcrumb-active {
   
    font-weight: 700;
    font-size: 12px;
    color: #141A21;
    line-height: 16px;
    letter-spacing: 0;
    padding-left: 10px;
}



hr.divider-line {
    border: 1px solid #FFC900;
    width: 30px;
    text-align: left;
    margin-left: 0;
    margin-bottom: 30px;
}

hr.trennliniezitat {
    border: 1px solid #FFC900;
    width: 30px;
    text-align: center;
    margin-bottom: 20px;
}

hr.punkt {
    background: #141A21;
    border: 1px solid #141A21;
    width: 0px;
}

/*
img {
    padding-right: 5px;
    padding-bottom: 2px;
}
*/

.primarybutton {
    background-color: #FFC900;
    color: #141A21;
   
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    text-align: center;
    line-height: 24px;
    border-radius: 100px;
    -webkit-transition-duration: 0.4s;
    /* Safari */
    transition-duration: 0.4s;
}

.primarybutton:hover {
    background-color: #F7AE00;
    color: #141A21;
}

.secondarybutton {
    background-color: #FFFFFF;
    color: #00446A;
    border: 1px solid #00446A;
   
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    text-align: center;
    line-height: 24px;
    border-radius: 100px;
    -webkit-transition-duration: 0.4s;
    /* Safari */
    transition-duration: 0.4s;
}

.secondarybutton:hover {
    background-color: #00446A;
    color: #FFFFFF;
}

a .linkkarriereteaser {
    display: block;
    height: auto;
}

.radius100 {
    border-radius: 100px;
}

.font-white {
    color: #FFFFFF;
}

/* GENERAL TEASER STYLE */

.teaserbox {
    background-color: #ffffff;
    box-shadow: 0px 2px 54px 0px rgba(0, 0, 0, 0.1);
}

.teasertext {
    padding: 40px;
    padding-top: 20px;
    padding: 40px;
    padding-top: 20px;
}

.standardteaserbox {
    opacity: 0.85;
    background-image: linear-gradient(-152deg, #00446A 6%, #141A21 100%);
    box-shadow: 0 2px 54px 0 rgba(0, 0, 0, 0.10);
}

.padding-0 {
    padding: 0px;
}

.padding-40 {
    padding: 40px;
}


.teasertextohnebild {
    padding: 40px;
}

.karrieretext {
    padding: 40px;
}

.highlightboxtext {
    padding: 40px;
}

.fussnote {
    font-size: 12px;
    font-weight: 400;
    color: #B0B0B1;
}

.highlightbox {
    background: #FFFFFF;
    border: 2px solid #FFC900;
}

.label {
    font-size: 12px;
    font-weight: 400;
    color: #B0B0B1;
    text-transform: none;
    letter-spacing: 0;
    line-height: 16px;
}

/*
.label::before {
    content: url();
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
}
*/

.iconlabel {
    font-size: 16px;
    font-weight: 300;
    color: #F7C300;
    text-transform: none;
    letter-spacing: 0;
    margin: 0px;
}

.labelkarriere {
    font-size: 12px;
    font-weight: 400;
    color: #B0B0B1;
    text-transform: none;
    letter-spacing: 0;
    line-height: 16px;
    margin-bottom: 0;
}

.labelkarriere::before {
    content: url(Tag_grau.svg);
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0;
}

.stellenbezeichnung-mobil {
    display: none;
}

.kontaktteaserueberschrift {
  
    font-size: 16px;
    font-weight: 700;
    color: #141A21;
    line-height: 24px;
    margin: 0px;
}

.kontaktteasertext {
   
    font-size: 16px;
    color: #141A21;
    letter-spacing: 0;
    line-height: 24px;
    margin: 0px;
}

.standardstagetext {
   
    font-size: 16px;
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 24px;
    margin-bottom: 0px;
}

.standardstagetest {
   
    font-size: 16px;
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 24px;
    margin-bottom: 0px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.standardteasertest {
   
    font-size: 16px;
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 24px;
    margin-bottom: 0px;
}

.standardstageueberschrift {
    
    font-size: 24px;
    font-weight: 300;
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 32px;
    padding-top: 0px;
}

.presseteaserueberschrift {
    
    font-size: 16px;
    font-weight: 300;
    color: #ffffff;
    line-height: 24px;
}

.presseteasertext {
    
    font-size: 16px;
    color: #ffffff;
    letter-spacing: 0;
    line-height: 24px;
    margin: 0px;
}


.datum {
    margin-right: 15px;
}

.tag-ort {
    margin-right: 5px;
}

.vertical-bar {
    margin-right: 5px;
}

.slider {
    display: block;
}

.sliderzahl {
    
    font-size: 12px;
    color: #00446A;
    letter-spacing: 0;
    padding-right: 15px;
    /*    vertical-align: top;*/
    display: table-cell;
    vertical-align: middle;
}

.sliderpunkt {
    font-size: 25px;
    letter-spacing: 7.5px;
    /*    vertical-align: top;*/
    color: #00446A;
    margin: 0px;
    display: table-cell;
    vertical-align: middle;
}

/*
.sliderpfeillinks {
    vertical-align: top;
    height: 5px;
    padding-left: 5px;
    display: table-cell;
    vertical-align: middle;
}

.sliderpfeillinks:hover {
    vertical-align: top;
    height: 5px;
    padding-left: 5px;
    display: table-cell;
    vertical-align: middle;
    background-image: url(Tag_grau.svg);
}
*/

.sliderpfeilrechts {
    /*    vertical-align: top;*/
    padding-left: 12px;
    display: table-cell;
    vertical-align: middle;
}

.iconlink {
    display: table-cell;
    vertical-align: middle;
}

.sliderpfeillinks {
    width: 30px;
    height: 30px;
    background: url("icons/Slider_links_initial_weiss.svg") no-repeat;
    display: inline-block;
    display: table-cell;
    vertical-align: middle;
}

.sliderpfeillinks:hover {
    background: url("icons/Slider_links_aktiv_blau.svg") no-repeat;

}

.sliderpfeilrechts {
    width: 30px;
    height: 30px;
    background: url("icons/Slider_rechts_initial_weiss.svg");
    display: inline-block;
    display: table-cell;
    vertical-align: middle;
}

.sliderpfeilrechts:hover {
    background: url("icons/Slider_rechts_aktiv_blau.svg") no-repeat;

}

.pfeilpositionlinks {
    display: table-cell;
    vertical-align: middle;
    padding-left: 5px;
}

.pfeilpositionrechts {
    display: table-cell;
    vertical-align: middle;
    padding-left: 12px;

}

/*
.punkt1 {
    background: #00446A;
    border: solid #00446A;
    border-radius: 5px;
    border-width: 2.5px;
    width: 5px;
    height: 5px;
}
*/

.linkzeile {
    margin: 0px;
    margin-bottom: 10px;
}

.letztelinkzeile {
    margin: 0px;
}

.uhrzeit {
    display: block;
}

#bg-one {
    background-color: #EAEFF4;
}

#bg-two {
    background-color: #ffffff;
}

#bg-three {
    background-color: #ffffff;
}

#bg-img {
    background-image: url(22.jpg);
}

#bg-blue {
    background-image: linear-gradient(-152deg, #00446A 6%, #141A21 100%);
    box-shadow: 0 2px 54px 0 rgba(0, 0, 0, 0.10);
}

.bg-iconstern {
    background-image: url("Stern_grau.png");
    padding: 10px;
	background-repeat: no-repeat;

}

.bg-iconort {
    background-image: url("Ort_grau.png");
    padding: 10px;
		background-repeat: no-repeat;
}

.bg-iconmitarbeiter {
    background-image: url("Mitarbeiter_grau.png");
    padding: 10px;
		background-repeat: no-repeat;
}

.relative {
    position: relative;
    min-height: auto;
    background-color: #ffffff;
    box-shadow: 0px 2px 54px 0px rgba(0, 0, 0, 0.1);
}

.no-bg {
    position: relative;
    background: none;
}
.relative-no-bg {
    position: relative;
    min-height: auto;
    box-shadow: 0px 2px 54px 0px rgba(0, 0, 0, 0.1);
}

.relativestage {
    position: relative;
    min-height: auto;
}

.borderstyle {
    min-height: auto;
    background-color: #ffffff;
    box-shadow: 0px 2px 54px 0px rgba(0, 0, 0, 0.1);

}

#rel2 {
	margin-top: -150px;
	margin-bottom: 75px;
}

#rel5 {
	top: -150px;
}

#text_left {
    padding: 40px;
	padding-top: 20px;
}

.text_left_only_text {
	margin-right: 30%;
}

#text_right {
    padding: 40px;
	padding-top: 20px;
}

#rel3 {
    top: 30px;
}

#rel4 {
    top: 30px;
}

#text_left2 {
    margin: 0px;
    padding: 20px;
}

#text_right2 {
    margin: 0px;
    padding: 20px;
}

#text_left3 {
    margin: 10px;
    padding: 20px;
}

#text_mid3 {
    margin: 10px;
    padding: 20px;
}

#text_right3 {
    margin: 10px;
    padding: 20px;
}


.pt-40 {
    padding-top: 40px;
}

/* MEDIA QUERIES 320px/767px/1440px */

@media (max-width: 320px) {

    #text_left {
        max-width: 290px;
    }

    #test_right {
        max-width: 290px;
    }

    #text_right {
        max-width: 290px;
    }

    #text_left3 {
        margin: 5px;
    }

    #text_mid3 {
        margin: 5px;
    }

    #text_right3 {
        margin: 5px;
    }

    p {
        font-size: 16px;
        font-weight: 400;
        color: #141A21;
        word-wrap: break-word;
    }

    h1 {
        
        font-size: 32px;
        font-weight: 400;
        color: #141A21;
        text-transform: uppercase;
        word-wrap: break-word;
    }

    h2 {
        
        font-size: 24px;
        font-weight: 400;
        color: #141A21;
        text-transform: uppercase;
    }

    h3 {
        
        font-size: 18px;
        font-weight: 300;
        color: #141A21;
        text-transform: none;
        word-wrap: break-word;
        line-height: 32px;
    }

    h4 {
        
        font-size: 16px;
        font-weight: 300;
        color: #141A21;
        text-transform: none;
        line-height: 24px;
        letter-spacing: 0;
    }


    h6 {
        
        font-size: 12px;
        font-weight: 300;
        color: #B0B0B1;
        text-transform: none;
        word-wrap: break-word;
        margin-bottom: 0px;
        lertter-spacing: 0;
    }

    .karrieretext {
        padding: 20px;
    }

    .stellenbeschreibung {
        margin-top: 0px;
    }

    .stellenbezeichnung-mobil {
        display: block;
    }

    .stellenbezeichnung {
        display: none;
    }

    .uhrzeit {
        float: left;
    }
}

@media (max-width: 767px) {
    #text_left {
        margin: 0px;
    }

    #test_right {
        margin: 0px;
    }

    #text_right {
        margin: 0px;
    }

    #text_left2 {
        margin: 5px;
    }

    #text_right2 {
        margin: 5px;
    }

    #text_left3 {
        margin: 5px;
    }

    #text_mid3 {
        margin: 5px;
    }

    #text_right3 {
        margin: 5px;
    }
	
	#rel0 {
		margin: 30px;
	}

    #rel1 {
		margin-bottom: 25px;
    }

    #rel2 {
        top: 0px;
		margin-top: 0px;
		margin-bottom: 50px;
    }

    #rel3 {
        top: 15px;
        margin: 0px;
    }

    #rel4 {
    }
	
	#rel5 {
		top: 0px;
		margin-bottom: 100px;
	}
}


@media (max-width: 1440px) {

    #test_right {
        max-width: 635px;
    }

    #text_left {
        max-width: 635px;
    }

    #text_right {
        max-width: 635px;
    }

    #text_left2 {
        max-width: 540px;
    }

    #text_right2 {
        max-width: 540px;
    }

    #text_left3 {
        max-width: 350px;
    }

    #text_mid3 {
        max-width: 350px;
    }

    #text_right3 {
        max-width: 350px;
    }

    #rel3 {
        top: 30px;
    }

    #rel4 {
        top: 30px;
    }

}

/* STANDARD-TEASER */
.standard-teaser .text-box {
	background-color: #ffffff;
	box-shadow: 0px 2px 54px 0px rgba(0, 0, 0, 0.1);
}

.standard-teaser .text {
	padding: 40px;
	padding-top: 20px;
}

.standard-teaser .z-index-1 {
	z-index: 1;
}

@media (max-width: 767px) {
	
	.standard-teaser .text-box {
		margin-bottom: 35px;
	}
	
	.standard-teaser .order-mobile-1 {
		order: 1;
	}
	
	.standard-teaser .order-mobile-2 {
		order: 2;
	}
	
}

@media (min-width: 768px) {
	
	.standard-teaser .margin-right {
		margin-right: -8.35%;
	}
	
	.standard-teaser .margin-left {
		margin-left: -8.35%;
	}
	
	.standard-teaser .lower-text-box {
		margin-top: 120px;
	}
	
	.standard-teaser .text-left {
		margin-right: 30%;
	}
	
}	

/* TABELLE */
.table-responsive > .fixed-column {
    position: absolute;
    display: inline-block;
    width: auto;
    background-color:#ffffff;
	box-shadow: 0px 2px 54px 0px rgb(0 0 0 / 10%);
}

/*@media (max-width: 767px) {
	.table-responsive > .fixed-column {
		width: 180px !important;
	}
	.table-responsive > .fixed-column td:first-child, th:first-child {
		width: 120px !important;
	}
	
}*/

td, th {
	flex-grow: 1;
	flex-basis: 0;
	max-width: 100%;
	margin: 0 30px;
	min-width: 125px;
}

@media (max-width: 991px) {
	td, th {
		width: 145px;
	}
}

.table thead tr th {
	border-top: none;
	border-bottom: 3px solid #dee2e6;
}

.table tbody tr:first-child td {
	border-top: none;
}

tr {
	display: flex;
}

.table-hover tbody tr:hover {
	background-color: unset;
}