/* --------------- SCHULUNGEN STYLES ---------------  */


.slidercontainer {padding: 0;  position: relative; height: 420px;}
.slideheigt div {max-height: 500px !important;}
.header_text h3.headlinetext{color: #3a3a3a; font-size: 40px !important; margin-bottom: 10px !important; text-transform: none;}
.header_text p{color: #3a3a3a; font-size: 20px !important; font-family: 'Raleway', sans-serif; line-height: 1.4 !important;}
p {text-align: justify !important;}

#karriereevents .bx-viewport {height: auto !important; min-height: 355px;}


#preload-teaser::after{
position: absolute;
width: 0;
height: 0;
overflow: hidden;
z-index: -1;
content: url(/files/inhalte/schulung/teaser/01-seminare.jpg) 
url(/files/inhalte/schulung/teaser/02-web-seminare.jpg) 
url(/files/inhalte/schulung/teaser/04-potenzialpaket.jpg) 
url(/files/inhalte/schulung/teaser/05-tagesschulung.jpg) 
url(/files/inhalte/schulung/teaser/05-onlineschulung.jpg)
url(/files/inhalte/schulung/teaser/05-schulungsberichte.jpg) 
url(/files/inhalte/schulung/teaser/06-anfahrt-co.jpg);
}

.expanding-grid .links > li  a.seminare {background-image:url("/files/inhalte/schulung/teaser/01-seminare_blur.jpg");}
.expanding-grid .links > li  a.seminare:hover {background-image:url("/files/inhalte/schulung/teaser/01-seminare.jpg");}
.expanding-grid .links > li  a.web-seminare {background-image:url("/files/inhalte/schulung/teaser/02-web-seminare_blur.jpg");}
.expanding-grid .links > li  a.web-seminare:hover {background-image:url("/files/inhalte/schulung/teaser/02-web-seminare.jpg");}
.expanding-grid .links > li  a.potenzialpaket {background-image:url("/files/inhalte/schulung/teaser/04-potenzialpaket_blur.jpg");}
.expanding-grid .links > li  a.potenzialpaket:hover {background-image:url("/files/inhalte/schulung/teaser/04-potenzialpaket.jpg");}
.expanding-grid .links > li  a.tagesschulung {background-image:url("/files/inhalte/schulung/teaser/05-tagesschulung_blur.jpg");}
.expanding-grid .links > li  a.tagesschulung:hover {background-image:url("/files/inhalte/schulung/teaser/05-tagesschulung.jpg");}
.expanding-grid .links > li  a.onlineschulung {background-image:url("/files/inhalte/schulung/teaser/05-onlineschulung_blur.jpg");}
.expanding-grid .links > li  a.onlineschulung:hover {background-image:url("/files/inhalte/schulung/teaser/05-onlineschulung.jpg");}
.expanding-grid .links > li  a.schulungsberichte {background-image:url("/files/inhalte/schulung/teaser/05-schulungsberichte_blur.jpg");}
.expanding-grid .links > li  a.schulungsberichte:hover {background-image:url("/files/inhalte/schulung/teaser/05-schulungsberichte.jpg");}
.expanding-grid .links > li  a.anfahrt-co {background-image:url("/files/inhalte/schulung/teaser/06-anfahrt-co_blur.jpg");}
.expanding-grid .links > li  a.anfahrt-co:hover {background-image:url("/files/inhalte/schulung/teaser/06-anfahrt-co.jpg");}

#karriereevents {background-color: #e8e8e8; text-align: center; padding: 30px 20px 40px 20px; margin: 30px 0 40px 0;}
#karriereevents .bx-viewport {min-height: 300px; background: transparent;}
#karriereevents .nachrichtenteaser_entry {background: #ffffff; min-height: 300px;}
#karriereevents .nachrichtenteaser_entry h4, #karriereevents .nachrichtenteaser_entry .text {padding: 15px;}
#karriereevents .nachrichtenteaser_entry h4 {font-family: 'Raleway', sans-serif; font-size: 22px; color: #df252b; margin-top: 10px; margin-bottom: 0;}

#karriereevents .bx-controls-direction {background: transparent;}
#karriereevents .bx-wrapper .bx-controls-direction a:before {left: 0px;}



/* --- 1. STELLENANGEBOTE + PRAKTIKUM --- */
table.stellenangebote td, table.praktikum td {font-size: 14px;}
table.stellenangebote tr:hover, table.praktikum tr:hover {background: #F8F8F8;}
table.stellenangebote img, table.praktikum img {width: 40px; height: 40px; margin-top: 4px;}
table.stellenangebote td:nth-child(2) {text-align: right;}
table.praktikum td:nth-child(2) {text-align: left;}

#stellen .calltoaction p:first-child {width: 53%;}



/* --- SEMINARE / WEBINARE --- */
.schulungs-details table td {padding: 0.5em 1.5em; border-top: 0px; vertical-align: top;}
img.main-icon {width: 130px; height: auto; background: #df252b; border-radius: 50%;  transition: all 0.2s ease-out 0s;}
img.main-icon:hover {background-color: #be1c22;}

div.schulungs-details table tr td:nth-child(3n+3) {min-width: 240px;}


/* --- 2. BEWERBUNGSPROZESS UND TIPPS --- */
#tipps h5{font-weight: bold; margin-bottom: 0px; padding-bottom: 2px;}
.bewerbungsprozess_teaser a {cursor: context-menu;}


/* --- ONLINE-SCHULUNG --- */
.c-grid .checkbox_container span.mandatory {width: auto; display: initial; padding: initial;}
.c-grid .checkbox_container span {width: 49%; display: inline-block; padding: 0.5%;}




/* --- 3. UNSER ANGEBOT --- */
#resp-grid {display: flex; flex-wrap: wrap; font-size: 14px; margin: 25px 0;}
#resp-grid a {display: inline-block; margin-bottom: 8px; width: calc(25% - 6px); margin-right: 8px; text-decoration: none; color: black; padding: 20px; -webkit-transition: background-color 0.25s ease-out; -moz-transition: background-color 0.25s ease-out; -o-transition: background-color 0.25s ease-out; transition: background-color 0.25s ease-out;}
#resp-grid.web a {margin-bottom: 6px; width: calc(20% - 6px); margin-right: 6px; padding: 10px;}
#resp-grid a:nth-of-type(2n) {margin-right: 8px;}
#resp-grid a:nth-of-type(4n) {margin-right: 0;}
#resp-grid a:hover {background-color: #F9F9F9;}
#resp-grid a:hover img {transform: scale(1.05); background-color: #df252b;}
#resp-grid a:hover img.i-sem, #resp-grid a:hover img.i-web {transform: scale(1); background-color: #ffffff;}
.figure {margin: 0; overflow: hidden; text-align: center; padding-top: 10px; position: relative;}
.figcaption {margin-top: 15px;}
#resp-grid img {border: none; border-radius: 50%; max-width: 100%; width: 135px; height: auto; display: block; background-color: #888888; margin: 0 auto; transition: transform .2s ease-in-out;}
#resp-grid.web h3 {font-size: 20px !important;}
#resp-grid.web img {width: 110px;}
#resp-grid img.i-sem, #resp-grid img.i-web {position: absolute; top: 0px; left: 0px; background-color: #ffffff; width: 50px; transition: none; z-index: 99;}
#resp-grid img.faq {background: #df252b;}
#resp-grid img.faq:hover {background-color: #be1c22;}

table td img.i-sem, table td img.i-web {display: block; width: 50px;}


@media only screen and (max-width: 1280px) {
.slidercontainer {height: auto;}
.slideheigt div {background-size: cover;}
.header_text h3, .header_text p{display: none;}
p.funktion {font-size: 12px !important;}}

@media only screen and (min-width: 990px) {
.bewerbungsprozess_wrapper .bx-wrapper {max-width: 100% !important;}
.bewerbungsprozess_teaser {width: 390px !important; height: auto; pointer-events: none;}
.bewerbungsprozess_teaser h4 {font-family: 'Raleway', sans-serif; font-size: 20px;}}
}

@media only screen and (min-width: 881px) {
#ma-stimmen_desktop {display: block !important;}
#ma-stimmen_mobil {display: none !important;}
}

@media only screen and (max-width: 880px) {
#ma-stimmen_desktop {display: none !important;}
#ma-stimmen_mobil {display: block !important;}
#ma-stimmen_mobil label {text-align: center;}
#ma-stimmen_mobil p.funktion {font-size: 16px;}
.calltoaction p {width: 100% !important; text-align: center; margin-bottom: 20px;}
.calltoaction a {position: relative; left: 0; width: 100%; text-align: center; margin-bottom: 20px;}
.bewerbungsprozess_teaser {width: 255px !important;}
.zusatzleistungen p {font-size: 13px;}
#resp-grid.zusatzleistungen a {padding: 5px;}
#resp-grid a, #resp-grid.web a {width: calc(32% - 4px);}
.c-grid .checkbox_container span {width: 100%; display: block;}
}

@media screen and (max-width: 640px) {
#resp-grid.web h3 {font-size: 18px !important;}
#karriereevents .bx-wrapper .bx-controls-direction {top: -29px !important;}
table tr td {text-align: left;}
#resp-grid a, #resp-grid.web a {width: calc(50% - 4px);}
#resp-grid a:nth-of-type(2n) {margin-right: 0;}
table#faktencheck td {width: 100%;}
table#faktencheck td.tdpadd {padding-bottom: 3%;}
table.stellenangebote td, table.praktikum td {display: table-cell; border-top: 1px solid #eee;}}