.expanding-grid {position: relative; width: 100%; margin-bottom: 40px;}
.expanding-grid .links {display: block; margin:0; overflow: hidden; padding: 0px;}
.expanding-grid .links > li {box-sizing: border-box; float: left; width: 33.33%; border: 0px;}
.white-popup-block .expanding-grid {    max-width: 600px; margin: 0px auto 20px auto !important;} /* Externe Verweise innerhalb Lightbox */
.white-popup-block .expanding-grid .links > li {width: 100%; padding: 0px !important;}
.expanding-grid .links > li a {background: #e8e8e8; color: #fff; display: block; font-size: 18px; line-height: 1; padding: 27% 10% 40% 10%; position: relative; text-align: center; text-decoration: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.expanding-grid .links > li  a{	background-repeat:no-repeat; background-size: cover; background-position:0 0}
.expanding-grid .links > li  a:hover{background-position:0 0;}
.expanding-grid .links > li a span {display: block;}
.expanding-grid .links > li a span:first-child {font-size: 20px;}
.expanding-grid .links > li a h4 span:first-child {font-size: 14px;}
.expanding-grid .links > li a span:nth-child(2) {font-family: 'Verdana', sans-serif; font-size: 11px;}

.expanding-grid .spacer {clear: both; display: block; margin: 0 1em;}
.expanding-grid .expanding-container {clear: both; display: none; overflow: hidden; width: 100%;}
.expanding-grid .expanding-container.expanded, .expanding-grid .expanding-container:target {display: block;}

.expanding-grid .hentry .entry-image img{width: 100%; height: auto;}
.expanding-grid .hentry .entry-title {font-size: 1.5em;}

h3.centered {position: absolute; left: 0%; bottom: 0; transform: translate(0%, -20%); padding: 10px 20px 10px 20px; background: #df252b; text-align: left; color: #ffffff; transition: all 0.2s ease-out 0s;}
ul li a:hover h3.centered {padding: 10px 20px 10px 30px; background: #be1c22;}


.no-padding {padding: 0px !important;}

.expanding-grid ul.links li.full {width: 100%; float: none;}
.expanding-grid ul.links li.full a img {display: block; width: 100%; padding-right: 0px;}



.expanding-grid ul.links li:first-child,
.expanding-grid ul.links li:nth-child(4),
.expanding-grid ul.links li:nth-child(7),
.expanding-grid ul.links li:nth-child(10),
.expanding-grid ul.links li:nth-child(13),
.expanding-grid ul.links li:nth-child(16),
.expanding-grid ul.links li:nth-child(19),
.expanding-grid ul.links li:nth-child(22)
{padding: 0 10px 15px 0;}

.expanding-grid ul.links li:nth-child(2),
.expanding-grid ul.links li:nth-child(5),
.expanding-grid ul.links li:nth-child(8),
.expanding-grid ul.links li:nth-child(11),
.expanding-grid ul.links li:nth-child(14),
.expanding-grid ul.links li:nth-child(17),
.expanding-grid ul.links li:nth-child(20),
.expanding-grid ul.links li:nth-child(23)
{padding: 0 5px 15px 5px;}

.expanding-grid ul.links li:nth-child(3),
.expanding-grid ul.links li:nth-child(6),
.expanding-grid ul.links li:nth-child(9),
.expanding-grid ul.links li:nth-child(12),
.expanding-grid ul.links li:nth-child(15),
.expanding-grid ul.links li:nth-child(18),
.expanding-grid ul.links li:nth-child(21),
.expanding-grid ul.links li:nth-child(24)
{padding: 0 0 15px 10px;}

/* Referenzen - Tab Kundenreferenzen */
.expanding-grid.kd-stimme, .expanding-grid.kd-stimme .links, .expanding-grid.kd-stimme .links > li, .expanding-grid.kd-stimme .links > li a {padding: 0px !important;}
.expanding-grid.kd-stimme {display: inline-block; width: 200px; height: 177px; margin-right: 5%; margin-bottom: 3%;}
.kd-text {display: inline-block; vertical-align: top; width: calc(100% - 400px);}
.expanding-grid.kd-stimme .links > li {width: 100%; float: none;}
.expanding-grid.kd-stimme .links > li a {width: 200px; height: 177px; float: none; background-color: #fff;}







/* --  Unternehmen  -- */
.expanding-grid .links > li  a.ueber-uns {background-image:url("/files/inhalte/unternehmen/teaser/ueber-uns_blur.jpg");}
.expanding-grid .links > li  a.ueber-uns:hover {background-image:url("/files/inhalte/unternehmen/teaser/ueber-uns.jpg");}
.expanding-grid .links > li  a.team {background-image:url("/files/inhalte/unternehmen/teaser/team_blur.jpg");}
.expanding-grid .links > li  a.team:hover {background-image:url("/files/inhalte/unternehmen/teaser/team.jpg");}
.expanding-grid .links > li  a.referenzen {background-image:url("/files/inhalte/unternehmen/teaser/referenzen_blur.jpg");}
.expanding-grid .links > li  a.referenzen:hover {background-image:url("/files/inhalte/unternehmen/teaser/referenzen.jpg");}
.expanding-grid .links > li  a.firmensitz {background-image:url("/files/inhalte/unternehmen/teaser/firmensitz_blur.jpg");}
.expanding-grid .links > li  a.firmensitz:hover {background-image:url("/files/inhalte/unternehmen/teaser/firmensitz.jpg");}
.expanding-grid .links > li  a.laufbahn2 {background-image:url("/files/inhalte/unternehmen/teaser/laufbahn_blur2.jpg");}
.expanding-grid .links > li  a.laufbahn2:hover {background-image:url("/files/inhalte/unternehmen/teaser/laufbahn2.jpg");}
.expanding-grid .links > li  a.mitarbeitervideos {background-image:url("/files/inhalte/unternehmen/teaser/mitarbeitervideos_blur.jpg");}
.expanding-grid .links > li  a.mitarbeitervideos:hover {background-image:url("/files/inhalte/unternehmen/teaser/mitarbeitervideos.jpg");}

.expanding-grid .links > li a.ref-wi {background-image:url("/files/inhalte/unternehmen/hersteller-referenzen/ref-wi.jpg");}

/* --  Unternehmen > Firmensitz  -- */
.expanding-grid .links > li a.atrium {background-image:url("/files/inhalte/unternehmen/firmensitz/atrium.jpg");}
.expanding-grid .links > li a.buero-0 {background-image:url("/files/inhalte/unternehmen/firmensitz/buero-0.jpg");}
.expanding-grid .links > li a.buero-1 {background-image:url("/files/inhalte/unternehmen/firmensitz/buero-1.jpg");}
.expanding-grid .links > li a.buero-2 {background-image:url("/files/inhalte/unternehmen/firmensitz/buero-2.jpg");}
.expanding-grid .links > li a.buero-3 {background-image:url("/files/inhalte/unternehmen/firmensitz/buero-3.jpg");}
.expanding-grid .links > li a.buero-rk {background-image:url("/files/inhalte/unternehmen/firmensitz/buero-rk.jpg");}
.expanding-grid .links > li a.buero-wb {background-image:url("/files/inhalte/unternehmen/firmensitz/buero-wb.jpg");}
.expanding-grid .links > li a.eingangsbereich {background-image:url("/files/inhalte/unternehmen/firmensitz/eingangsbereich.jpg");}
.expanding-grid .links > li a.kueche {background-image:url("/files/inhalte/unternehmen/firmensitz/kueche.jpg");}
.expanding-grid .links > li a.seminarraum {background-image:url("/files/inhalte/unternehmen/firmensitz/seminarraum.jpg");}

.expanding-grid .links > li:hover h4.title.red-button {background-color: #df252b; padding: 8px 15px;}

.expanding-grid .links > li a.header-firmensitz {background-image:url("/files/inhalte/unternehmen/header/header_firmensitz.jpg"); background-size: contain;}
.expanding-grid.kd-stimme .links > li  a.witschke {background-image:url("/files/inhalte/unternehmen/hersteller-referenzen/1witschke-prev.png");}
.expanding-grid.kd-stimme .links > li  a img {opacity: 0; transition: all 0.2s ease-out 0s;}
.expanding-grid.kd-stimme .links > li  a img:hover {opacity: 1; transform: scale(1);}

.expanding-grid .links > li a.dbi {background-image:url("/files/inhalte/unternehmen/mitarbeitervideos/db.jpg");}
.expanding-grid .links > li a.fra {background-image:url("/files/inhalte/unternehmen/mitarbeitervideos/fra.jpg");}
.expanding-grid .links > li a.itz-fer {background-image:url("/files/inhalte/unternehmen/mitarbeitervideos/itz-fer.jpg");}
.expanding-grid .links > li a.kap {background-image:url("/files/inhalte/unternehmen/mitarbeitervideos/kap.jpg");}
.expanding-grid .links > li a.kim-kem {background-image:url("/files/inhalte/unternehmen/mitarbeitervideos/kim-kem.jpg");}
.expanding-grid .links > li a.sab {background-image:url("/files/inhalte/unternehmen/mitarbeitervideos/sab.jpg");}

.expanding-grid.social .links > li a.tik {background-image:url("/files/inhalte/unternehmen/mitarbeitervideos/social/TIK.jpg");}
.expanding-grid.social .links > li a.skr {background-image:url("/files/inhalte/unternehmen/mitarbeitervideos/social/SKR.jpg");}
.expanding-grid.social .links > li a.zet {background-image:url("/files/inhalte/unternehmen/mitarbeitervideos/social/ZET.jpg");}
.expanding-grid.social .links > li a.rk {background-image:url("/files/inhalte/unternehmen/mitarbeitervideos/social/RK.jpg");}
.expanding-grid.social .links > li a.com {background-image:url("/files/inhalte/unternehmen/mitarbeitervideos/social/COM.jpg");}
.expanding-grid.social .links > li a.deg {background-image:url("/files/inhalte/unternehmen/mitarbeitervideos/social/DEG.jpg");}
.expanding-grid.social .links > li a.msa {background-image:url("/files/inhalte/unternehmen/mitarbeitervideos/social/MSA.jpg");}
.expanding-grid.social .links > li a.kre {background-image:url("/files/inhalte/unternehmen/mitarbeitervideos/social/KRE.jpg");}
.expanding-grid.social .links > li a.kem {background-image:url("/files/inhalte/unternehmen/mitarbeitervideos/social/KEM.jpg");}
.expanding-grid.social .links > li a.jop {background-image:url("/files/inhalte/unternehmen/mitarbeitervideos/social/JOP.jpg");}
.expanding-grid.social .links > li a, .expanding-grid.social .links > li  a:hover {background-size: contain; background-color: #fff; background-position: center;}


/* --  Produkte  -- */
.expanding-grid .links > li a.ew {background-image:url("/files/inhalte/produkte/programmumfang/videothumbs/ersatzteilverwaltung.jpg");}
.expanding-grid .links > li a.u-gen {background-image:url("/files/inhalte/produkte/programmumfang/videothumbs/urlaubsantrag-gen.jpg");}
.expanding-grid .links > li a.u-ste {background-image:url("/files/inhalte/produkte/programmumfang/videothumbs/urlaubsantrag-ste.jpg");}
.expanding-grid .links > li a.ze {background-image:url("/files/inhalte/produkte/programmumfang/videothumbs/zeiterfassung.jpg");}
.expanding-grid .links > li a.server-hardlock {background-image:url("/files/inhalte/mediathek/videothek/server-hardlock.jpg");}
.expanding-grid .links > li a.tse-installation {background-image:url("/files/inhalte/produkte/sonstiges/tse-installation.jpg");}
.expanding-grid .links > li a.tse-einrichtung {background-image:url("/files/inhalte/produkte/sonstiges/tse-einrichtung.jpg");}


/* --  Produkte  -> E-Rechnung -- */
.expanding-grid .links > li a.er-grundvideo {background-image:url("/files/inhalte/produkte/E-Rechnung/Thumb_Grundvideo1.jpg");}
.expanding-grid .links > li a.er-pdf {background-image:url("/files/inhalte/produkte/E-Rechnung/Thumb_MSprnPDF1.jpg");}
.expanding-grid .links > li a.er-echtdruck {background-image:url("/files/inhalte/produkte/E-Rechnung/Thumb_Echtdruck1.jpg");}
.expanding-grid .links > li a.er-briefbogen {background-image:url("/files/inhalte/produkte/E-Rechnung/Thumb_Briefbogen.jpg");}


/* --  Karriere > Ausbildung & Studium  -- */
.expanding-grid .links > li a.header-ausbildung {background-image:url("/files/inhalte/karriere/ausbildung/header_ausbildung.jpg"); background-size: contain;}
.expanding-grid .links > li a.alb-berufsbild {background-image:url("/files/inhalte/karriere/ausbildung/thumbs/berufsbild-alb.jpg");}
.expanding-grid .links > li a.kre-berufsbild {background-image:url("/files/inhalte/karriere/ausbildung/thumbs/berufsbild-kre.jpg");}
.expanding-grid .links > li a.msa-berufsbild {background-image:url("/files/inhalte/karriere/ausbildung/thumbs/berufsbild-msa.jpg");}
.expanding-grid .links > li h4.title {display: none;}
.expanding-grid .links > li:hover h4.title {display: block; color: #ffffff; width: 100%;}
.expanding-grid .links > li  a img {transition: all 0.2s ease-out 0s !important;}
.expanding-grid .links > li  a img:hover {transform: scale(1.1) !important;}
.expanding-grid .links > li  a img.no-scale:hover {transform: scale(1) !important;}
.expanding-grid .links .btn {position: absolute; top: 0; left: 0; width: 100%; height: auto;}


/* --  Sonstiges  -- */
.expanding-grid .links > li a.pr265 {background-image:url("/files/inhalte/sonstiges/pr-265-teaser2.jpg");}
.expanding-grid .links > li a.fz-res {background-image:url("/files/inhalte/sonstiges/teaser-fahrzeugreservierung.jpg");}



@media only screen and (max-width: 1280px) {
.expanding-grid .links > li a span:first-child {font-size: 16px;}	
}

@media only screen and (max-width: 989px) {
.expanding-grid .links > li {width: 50%;}
/*.expanding-grid .links > li a span:nth-child(2) {display: none;}*/
.expanding-grid .links > li:nth-of-type(2n+1) {clear: left;}
.expanding-grid .hentry .entry-image {float: none !important; width: 100% !important; margin-left: 0 !important; margin-bottom: 15px; padding: 0 !important;}
.expanding-grid ul.links li:first-child, .expanding-grid ul.links li:nth-child(3), .expanding-grid ul.links li:nth-child(5), .expanding-grid ul.links li:nth-child(7), .expanding-grid ul.links li:nth-child(9) {padding: 1em;}
.expanding-grid ul.links li:nth-child(2), .expanding-grid ul.links li:nth-child(4), .expanding-grid ul.links li:nth-child(6), .expanding-grid ul.links li:nth-child(8), .expanding-grid ul.links li:nth-child(9), .expanding-grid ul.links li:nth-child(10), .expanding-grid ul.links li:nth-child(11), .expanding-grid ul.links li:nth-child(12), .expanding-grid ul.links li:nth-child(13), .expanding-grid ul.links li:nth-child(14), .expanding-grid ul.links li:nth-child(15), .expanding-grid ul.links li:nth-child(16), .expanding-grid ul.links li:nth-child(17), .expanding-grid ul.links li:nth-child(18), , .expanding-grid ul.links li:nth-child(19), , .expanding-grid ul.links li:nth-child(20), .expanding-grid ul.links li:nth-child(21), .expanding-grid ul.links li:nth-child(22), .expanding-grid ul.links li:nth-child(23), .expanding-grid ul.links li:nth-child(24) {padding: 1em;}
h3.centered {display: inherit !important;}
.kd-text {width: calc(100% - 300px);}
}

html {margin-right: 0 !important; overflow: visible !important;} /*Fix Magnific Popup*/


@media only screen and (max-width: 640px) {
.expanding-grid.kd-stimme {display: block; width: 100%; margin: 3% auto;}
.expanding-grid.kd-stimme .links > li a {display: block; margin: 3% auto;}
.kd-text {display: block; width: 100%;}
}

@media only screen and (max-width: 500px) {
.expanding-grid .links > li {width: 100%; border-right: 0px solid white;}
.expanding-grid .links > li {clear: left;}
.expanding-grid .links > li  a{background-position:50% 50%;}
.expanding-grid ul.links li {padding: 0 0 20px 0 !important;}
}