@media (max-width: 576px) {
	 dialog.plenta-modal {
	 	width: 80% !important;
        max-width: none !important;
        font-size: 12px;
        padding: 25px !important;
	 }
	 dialog.plenta-modal h1, dialog.plenta-modal h4 {
	 	font-size: 1.4em !important;
	 	line-height: 1.2em !important;
	 }
	 #header-bar .inside.grid, #top-strip .inside.grid {
       padding-left: 20px !important;
       padding-right: 70px !important;
	}
	#top-strip [class*="ce_"] {
		padding: 0px !important;
    	
	}
	#brand, #brand .logo img {
		max-height: calc(var(--menu-height-large) - 10px) !important;
	}
	.top-strip-modal {
		top: 105px !important;
		right: -120px !important;
		}
	.plenta-tooltip::before {
		content: url('https://www.afl-bahndienste.de/files/A_F_L/image/lay/ums-logo_hg_80.png') !important;
	}
}


.top-strip-modal {
  display: block;
  position: fixed;
  top: 80px;
  right: 20px;
}

.plenta-tooltip::before {
  content: url('https://www.afl-bahndienste.de/files/A_F_L/image/lay/ums-logo_hg_150.png');
  display: inline-block; 
  width: 160px;
  height: 141px; 
  object-fit: cover;
}


/*.plenta-tooltip::before {
  content: "*";
  cursor: pointer;
  display: inline-block;
  font-size: 2.5em;
  line-height: 0;
  margin-left: -70px;
color: #deebf5;
}*/


dialog.plenta-modal h1{
	margin-top: 0px;
	margin-bottom: 0px;
	color: #fe981e;
}

dialog.plenta-modal {
border: none;
border-radius: 6px;
padding: 60px;
background: #666;
color: #fff;
max-width: 40%;
}

.hero-overlay {
  left: 5%;
}

#ef_footer .ce_text {
  font-size: 1.0rem;
}

#ef_footer h4 {
  font-size: 1.2rem;
}
#ef_footer{
  background: var(--brand-color-3);
}

.karriere-form{
  padding-left: 5%;
  padding-right: 10%;
}
.karriere-stats .hero_inside.bg-tint {
  padding-left: 10%;
  padding-right: 5%;
}
.stats{
  padding-left: 5%;
  padding-right: 5%;
}

.slider-control {
  height: 40px;
}

.justify-center.grid [class*="col-"], [class*="mod_"].justify-center.grid [class*="col-"] {
  text-align-last: center;
}

@media only screen and (max-width: 600px) and (min-width: 400px) {
	#top-strip .inside.grid {
	  padding-left: 20px !important;
	  padding-right: 20px !important;
	}
	#header-bar {
	  background-color: none !important;
	}
	#brand .logo > div {
	  display: none;
	}
}

p{
	letter-spacing: 0 !important;
}


.ce_form input[type="text"],
    textarea {
	background-color: #efefef !important;
	color: #fe981e;
}
.ce_form .button{
	color: #ffffff !important;
}

caption, th {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 0.8em;
}
#ef_footer h5,
  h5{
  font-weight: 700;
  text-transform: uppercase;
  font-size: 0.8em;
}
/* ändern aktuelles templates*/
#header-bar .inside.grid,
#top-strip .inside.grid{
  padding-left: 100px;
  padding-right: 100px;
}
/* temporär ausschalten */	
._dark-image:hover {
   -webkit-filter: grayscale(0);
   filter: grayscale(0);
   transition: filter 2s;
}
._dark-image {
    -webkit-filter: grayscale(1);
        filter: grayscale(1);
}
/* ende ausschalten */

/* video abdunkeln*/
.dark-bg{
 background: #000;
}
.video-bg .ce_player{
	opacity: 1.0;
}
/* ende abdunkeln */

/* onepage artikelnavigation*/
.mod_onepage_navigation li {
  margin-right: 3px;
  margin-left: 3px;
  background: #ff9e28;
  border-radius: 6px;
  padding: 2px;
  margin-bottom: 8px;
}

[id="header"] {
  border-bottom: 6px solid rgba(0, 0, 0, 0.1);
  position: sticky;
  background: #1a1a1a;
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-image: none;
  top: 0;
  position: relative;
  z-index: 1001;
  left: 0;
  right: 0;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  color: #eeeeee;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.nav--onepager {
  font-size: 1.0rem;
  font-family: "Roboto Slab", Arial, Helvetica, sans-serif;
  font-weight: 500;
  font: condensed;
}
.nav--onepager ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: center;
}
.nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.nav--onepager li a::after {
  height: 5px;
  left: 1.0rem;
  right: 1.0rem;
  top: 65px;
}
.nav--onepager li a::after {
  content: "";
  display: block;
  left: 0.5125rem;
  right: 0.5125rem;
  height: 3px;
  bottom: 0;
  position: absolute;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.nav--onepager a:hover{
	color: #333333;
}
.nav--onepager a {
  /*text-transform: uppercase;*/
  letter-spacing: 0;
  font-weight: 500;
  padding: 0.35rem;
  color: #ffffff;
}

.nav-toggler__button {
  background: none;
  border: none;
  outline: none;
  font-weight: 700;
  display: inline-block;
  margin: 0;
  cursor: pointer;
  color: #887e1d;
  padding: 0.128125rem 0.25625rem;
}
.nav-toggler {
  font-family: sans-serif;
  right: 0.9375rem;
  position: fixed;
}
.menu-icon {
  position: relative;
  width: 1.75rem;
  height: 1.625rem;
  display: inline-block;
  vertical-align: top;
}
.invisible {
  width: 0;
  height: 0;
  left: -1000px;
  top: -1000px;
  position: absolute;
  overflow: hidden;
  display: inline;
}