@font-face {
  		font-family: 'Calibri';
  		src:  url('https://media.essen.de/media/wwwessende/essen_de_technik/essende_fonts/calibri.woff2') format('woff2'),
        url('https://media.essen.de/media/wwwessende/essen_de_technik/essende_fonts/calibri.woff') format('woff');
	}

	@font-face {
  		font-family: 'Calibri-Bold';
  		src:  url('https://media.essen.de/media/wwwessende/essen_de_technik/essende_fonts/calibri-bold.woff2') format('woff2'),
        url('https://media.essen.de/media/wwwessende/essen_de_technik/essende_fonts/calibri-bold.woff') format('woff');
	}

	@font-face {
  		font-family: 'Calibri-Italic';
  		src:  url('https://media.essen.de/media/wwwessende/essen_de_technik/essende_fonts/calibri-italic.woff2') format('woff2'),
        url('https://media.essen.de/media/wwwessende/essen_de_technik/essende_fonts/calibri-italic.woff') format('woff');
	}

	@font-face {
  		font-family: 'Calibri-Bolditalic';
  		src:  url('https://media.essen.de/media/wwwessende/essen_de_technik/essende_fonts/calibri-bolditalic.woff2') format('woff2'),
        url('https://media.essen.de/media/wwwessende/essen_de_technik/essende_fonts/calibri-bolditalic.woff') format('woff');
	}




@charset "UTF-8";
/* Breakpoints, ehemals xs: 0, sm: 480px, md: 920px, lg: 1024px, xl: 1920px */
/* Farben */
/* Schrift */
/* 1em! */
/* Abstaende und Weiten */
/* Breakpoints, ehemals xs: 0, sm: 480px, md: 920px, lg: 1024px, xl: 1920px */
/* Farben */
/* Schrift */
/* 1em! */
/* Abstaende und Weiten */
#essenNotfall {
  background-color: #d2222c;
  color: #FFFFFF;
  padding: 0;
}
@media (max-width: 1199.98px) {
  #essenNotfall {
    padding-left: 0;
  }
}
#essenNotfall .row {
  padding-left: calc(6% + 15px);
  padding-right: 6%;
  margin: 0;
}
@media (max-width: 1199.98px) {
  #essenNotfall .row {
    padding-left: 15px;
    margin: 0;
  }
}
#essenNotfall .notfallIcon {
  width: 2.5em;
  float: left;
}
@media (max-width: 1199.98px) {
  #essenNotfall .notfallIcon {
    margin-left: 14px;
  }
}
@media (max-width: 767.98px) {
  #essenNotfall .notfallIcon {
    width: 20%;
    margin-left: 0;
  }
}
#essenNotfall .notfallIcon svg {
  height: 3rem;
  width: 2rem;
  margin-top: 0;
  fill: #FFFFFF;
}
#essenNotfall .notfallInhalt {
  width: calc(100% - 4em);
}
@media (max-width: 1199.98px) {
  #essenNotfall .notfallInhalt {
    width: 100%;
  }
}
@media (max-width: 767.98px) {
  #essenNotfall .notfallInhalt {
    width: 80%;
  }
}
#essenNotfall .notfallInhalt div {
  color: #FFFFFF;
  font-size: 1.2rem;
}
@media (max-width: 1199.98px) {
  #essenNotfall .notfallInhalt div {
    font-size: 2vw;
  }
}
@media (max-width: 991.98px) {
  #essenNotfall .notfallInhalt div {
    font-size: 3.3vw;
  }
}
@media (max-width: 767.98px) {
  #essenNotfall .notfallInhalt div {
    font-size: 0.9em;
  }
}
#essenNotfall .notfallInhalt div a {
  color: #e3e7e8;
  transition: color 0.38s ease;
}
#essenNotfall .notfallInhalt div svg {
  height: 1rem;
  width: 1rem;
  fill: #FFFFFF;
}
#essenNotfall .notfallInhalt > div {
  width: 100%;
}
#essenNotfall a:hover .notfallInhalt div.link,
#essenNotfall a:focus .notfallInhalt div.link,
#essenNotfall a:active .notfallInhalt div.link {
  color: #5d9aa4;
  transition: color 0.38s ease;
}
#essenNotfall a:hover .notfallInhalt div.link svg.icon,
#essenNotfall a:focus .notfallInhalt div.link svg.icon,
#essenNotfall a:active .notfallInhalt div.link svg.icon {
  fill: #5d9aa4;
  transition: fill 0.38s ease;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Slider */
/* auskommentiert ESH
.slick-list {
    .slick-loading & {
        background: #fff slick-image-url("ajax-loader.gif") center center no-repeat;
    }
}
*/
/* Icons */
/* auskommentiert ESH
@if $slick-font-family == "slick" {
    @font-face {
        font-family: "slick";
        src: slick-font-url("slick.eot");
        src: slick-font-url("slick.eot?#iefix") format("embedded-opentype"), slick-font-url("slick.woff") format("woff"), slick-font-url("slick.ttf") format("truetype"), slick-font-url("slick.svg#slick") format("svg");
        font-weight: normal;
        font-style: normal;
    }
}
*/
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}
[dir=rtl] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "←";
}
[dir=rtl] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}
[dir=rtl] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "→";
}
[dir=rtl] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}

#placholder-for-svgsprite, .d-noneImp {
  display: none;
}

/** Wegen Serviceportal: Verzicht auf REM, statdessen mit EM*/
.essendeCssWrapper {
  font-size: 21px;
  max-width: 1920px;
}
.essendeCssWrapper * {
  font-size: 21px;
  color: #002A46;
  font-family: "Calibri";
}
.essendeCssWrapper .bold, .essendeCssWrapper b, .essendeCssWrapper strong {
  font-family: "Calibri-Bold";
  font-weight: normal;
}
.essendeCssWrapper .bgHell {
  background-color: #81adb6 !important;
}
.essendeCssWrapper .nopadding {
  padding: 0;
}
.essendeCssWrapper .btn {
  border-radius: 0;
  background-color: #FFFFFF;
}
.essendeCssWrapper h2 {
  font-size: 1.61em;
  color: #81adb6;
}
.essendeCssWrapper svg.icon {
  height: 0.8em;
  width: 0.8em;
  fill: #002A46;
}
.essendeCssWrapper a {
  color: #002A46;
  transition: color 0.38s ease;
}
.essendeCssWrapper a:hover,
.essendeCssWrapper a:focus,
.essendeCssWrapper a:active {
  color: #002A46;
  transition: color 0.38s ease;
  text-decoration: none;
}
.essendeCssWrapper .notranslate {
  font-size: inherit;
}
.essendeCssWrapper figure {
  position: relative;
}
.essendeCssWrapper figure img {
  width: 100%;
  height: auto;
}
.essendeCssWrapper figure figcaption {
  background-color: rgba(227, 231, 232, 0.8);
  position: absolute;
  padding-left: 0.25em;
  padding-right: 0.25em;
  font-size: 0.55em;
  color: #000000 !important;
}
.copyright-bottom .essendeCssWrapper figure figcaption {
  bottom: 0;
}
.copyright-top .essendeCssWrapper figure figcaption {
  top: 0;
}
.copyright-left .essendeCssWrapper figure figcaption {
  left: 0;
}
.copyright-right .essendeCssWrapper figure figcaption {
  right: 0;
}
.essendeCssWrapper .d-noneImp {
  display: none !important;
}
.essendeCssWrapper .d-blockImp {
  display: block !important;
}
.essendeCssWrapper .d-block {
  display: block;
}
.essendeCssWrapper .min-h100--2em {
  min-height: calc(100% - 2em) !important;
}
.essendeCssWrapper .min-h100--4em {
  min-height: calc(100% - 4em) !important;
}
.essendeCssWrapper .essende_suchfeld {
  border-radius: 0;
  border: 0;
}

#essenMetaNav {
  background-color: #d1d7d8;
  height: 40px;
}
#essenMetaNav * {
  font-size: 0.96em;
}
@media (max-width: 991.98px) {
  #essenMetaNav {
    display: none;
  }
}
#essenMetaNav a,
#essenMetaNav a:visited,
#essenMetaNav a:hover,
#essenMetaNav a:focus,
#essenMetaNav a:active {
  color: #002A46;
  transition: color 0.38s ease;
  text-decoration: none;
  padding-top: 0;
}
#essenMetaNav a:hover {
  color: #81adb6;
  transition: color 0.38s ease;
}
#essenMetaNav .nav {
  padding: 3px;
  margin: -3px;
  margin-top: -3px;
  margin-right: -3px;
  margin-bottom: -3px;
  margin-left: -3px;
}
#essenMetaNav .nav li a {
  padding: 0;
}
#essenMetaNav .nav .nav-link:first-child {
  padding-left: 0;
}
#essenMetaNav .nav-link {
  padding: 0.25em 1em;
}
#essenMetaNav .nav-link a {
  padding: 0;
}
#essenMetaNav #sprachwechsel {
  vertical-align: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0.2em;
  height: 2em;
  background-color: transparent;
}
#essenMetaNav #sprachwechsel svg.icon {
  width: 0.5em;
  height: 0.5em;
  margin-right: 0.2em;
  padding-right: 0;
}
#essenMetaNav #sprachwechsel img {
  width: 1em;
  height: 1em;
}
#essenMetaNav #sprachwechsel::before {
  display: none;
}
#essenMetaNav #sprachwechsel::after {
  display: none;
}
#essenMetaNav #sprachwechsel:active,
#essenMetaNav #sprachwechsel:hover,
#essenMetaNav #sprachwechsel:focus {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}
#essenMetaNav #sprachDropdown,
#essenMetaNav .dropdown-menu {
  background-color: #d1d7d8;
  min-width: 1.4em;
  width: 1.4em;
  padding: 0;
  transform: translate3d(26px, 34px, 0px) !important;
  border: 0;
  border-radius: 0;
}
#essenMetaNav #sprachDropdown .dropdown-item:active,
#essenMetaNav .dropdown-menu .dropdown-item:active {
  background-color: transparent;
}
#essenMetaNav #sprachDropdown a,
#essenMetaNav .dropdown-menu a {
  width: 1.2em;
  padding: 0 0.2em;
}
#essenMetaNav #sprachDropdown a img,
#essenMetaNav .dropdown-menu a img {
  width: 1em;
  height: 1em;
}
#essenMetaNav div svg {
  float: left;
  margin-top: 25%;
  vertical-align: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0.2em;
  height: 3em;
  width: 3em;
}
#essenMetaNav div svg#iconUp {
  display: none;
}
#essenMetaNav div svg#iconDown {
  display: block;
}
#essenMetaNav div.show svg#iconUp {
  display: block;
}
#essenMetaNav div.show svg#iconDown {
  display: none;
}

#essenNav {
  height: 120px;
  border-bottom: 3px solid #e3e7e8;
}
#essenNav #logo {
  width: 12%;
  min-width: 120px;
  max-height: 120px;
}
@media (max-width: 767.98px) {
  #essenNav #logo {
    width: 20%;
    max-width: 120px;
  }
}
#essenNav #logo img {
  width: 120px;
  height: 120px;
}
@media (max-width: 767.98px) {
  #essenNav #logo img {
    width: 100%;
  }
}
#essenNav #hauptnavigation a,
#essenNav #hauptnavigation a:visited,
#essenNav #hauptnavigation a:hover,
#essenNav #hauptnavigation a:focus,
#essenNav #hauptnavigation a:active {
  color: #002A46;
  transition: color 0.38s ease;
  font-size: 1.2em;
}
#essenNav #hauptnavigation a span,
#essenNav #hauptnavigation a:visited span,
#essenNav #hauptnavigation a:hover span,
#essenNav #hauptnavigation a:focus span,
#essenNav #hauptnavigation a:active span {
  font-size: 1em;
}
@media (max-width: 1500px) {
  #essenNav #hauptnavigation a,
  #essenNav #hauptnavigation a:visited,
  #essenNav #hauptnavigation a:hover,
  #essenNav #hauptnavigation a:focus,
  #essenNav #hauptnavigation a:active {
    font-size: 1.6vw;
  }
}
#essenNav #hauptnavigation ul {
  height: 120px;
  padding: 3px;
  margin: -3px;
}
@media (max-width: 991.98px) {
  #essenNav #hauptnavigation ul {
    display: none;
  }
}
#essenNav #hauptnavigation ul .nav-link {
  margin-left: 1em;
  margin-right: 1em;
  padding: 10px 0;
  border-bottom: 3px solid #FFFFFF;
  transition: border-color 0.38s ease;
}
#essenNav #hauptnavigation ul .nav-link:hover {
  border-bottom: 3px solid #81adb6;
  transition: border-color 0.38s ease;
}
#essenNav #hauptnavigation ul .nav-link a,
#essenNav #hauptnavigation ul .nav-link a:visited,
#essenNav #hauptnavigation ul .nav-link a:hover,
#essenNav #hauptnavigation ul .nav-link a:focus,
#essenNav #hauptnavigation ul .nav-link a:active {
  text-decoration: none;
  padding: 0;
}
#essenNav #hauptnavigation ul li a {
  padding: 0;
}
#essenNav #hauptnavigation ul li.active {
  border-bottom: 3px solid #81adb6;
  transition: border-color 0.38s ease;
}
#essenNav #hauptnavigation ul .nav .nav-link:first-child {
  margin-left: 0;
}
#essenNav #burgermenue {
  background-color: #e3e7e8;
  width: 120px;
}
@media (max-width: 1199.98px) {
  #essenNav #burgermenue {
    order: 3;
    margin-right: 0;
  }
}
@media (max-width: 767.98px) {
  #essenNav #burgermenue {
    width: 20%;
  }
}
#essenNav #burgermenue button {
  background-color: #e3e7e8;
}
#essenNav #burgermenue button svg {
  fill: #002A46;
  transition: fill 0.38s ease;
  height: 1.5em;
  width: 1.5em;
}
#essenNav #burgermenue button:hover svg {
  fill: #81adb6;
  transition: fill 0.38s ease;
}
#essenNav #burgermenue div {
  width: 100%;
}
#essenNav #headerSuche {
  max-width: 360px;
  width: 19.5%;
  overflow: hidden;
}
#essenNav #headerSuche button {
  box-shadow: none;
}
@media (max-width: 1199.98px) {
  #essenNav #headerSuche {
    order: 1;
    margin-left: auto;
    width: 50px;
    margin-right: 20px;
    overflow: visible;
  }
}
@media (max-width: 991.98px) {
  #essenNav #headerSuche {
    margin-right: 0;
  }
}
#essenNav #headerSuche #headerSucheDesktop {
  display: inline-block;
}
@media (max-width: 1199.98px) {
  #essenNav #headerSuche #headerSucheDesktop {
    display: none;
  }
}
@media (max-width: 1199.98px) {
  #essenNav #headerSuche #headerSucheDesktop .sucheFeldWrapper .sucheFeld {
    display: none;
  }
}
#essenNav #headerSuche #headerSucheDesktop .sucheFeldWrapper .sucheFeld:focus {
  border: none;
  box-shadow: none;
}
#essenNav #headerSuche #headerSucheMobile {
  display: none;
}
@media (max-width: 1199.98px) {
  #essenNav #headerSuche #headerSucheMobile {
    display: inline-block;
    width: 50px;
    margin: 0;
    margin-left: 0;
  }
  #essenNav #headerSuche #headerSucheMobile .dropdown-toggle::after {
    display: none;
  }
  #essenNav #headerSuche #headerSucheMobile #suchDropdown {
    padding: 0;
    border: 0;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  }
  #essenNav #headerSuche #headerSucheMobile #suchDropdown #sucheFeldDropdown {
    padding: 0.3em;
  }
}
@media (max-width: 1199.98px) and (max-width: 1199.98px) {
  #essenNav #headerSuche #headerSucheMobile #suchDropdown .sucheFeldWrapper .sucheFeld {
    display: inline-block;
  }
}
@media (max-width: 1199.98px) {
  #essenNav #headerSuche #headerSucheMobile #suchDropdown .sucheFeldWrapper .sucheFeld:focus {
    border: none;
    box-shadow: none;
  }
  #essenNav #headerSuche #headerSucheMobile #suchDropdown .sucheFeldWrapper button svg.icon {
    height: 1.5em;
    width: 1.5em;
    fill: #002A46;
    transition: fill 0.38s ease;
  }
  #essenNav #headerSuche #headerSucheMobile #suchDropdown .sucheFeldWrapper button:hover svg {
    fill: #81adb6;
    transition: fill 0.38s ease;
  }
}
#essenNav #headerSuche .sucheFeldWrapper {
  width: 260px;
  margin: auto;
  margin-left: 20px;
}
#essenNav #headerSuche .sucheFeldWrapper .sucheFeld {
  width: 160px;
  border: 0;
  font-size: 1em;
  padding: 0.2em;
  border: 0;
  border-radius: 0;
  margin-top: 0.3em;
}
@media (max-width: 767.98px) {
  #essenNav #headerSuche .sucheFeldWrapper .sucheFeld {
    width: 50px;
  }
}
#essenNav #headerSuche .sucheFeldWrapper button svg.icon {
  height: 1.5em;
  width: 1.5em;
  fill: #002A46;
  transition: fill 0.38s ease;
}
#essenNav #headerSuche .sucheFeldWrapper button:hover svg {
  fill: #81adb6;
  transition: fill 0.38s ease;
}
#essenNav #headerSprachwechselMobile {
  display: none;
}
@media (max-width: 991.98px) {
  #essenNav #headerSprachwechselMobile {
    display: inline-block;
    order: 2;
    width: 70px;
    margin-right: 20px;
  }
}

#essen_burgermenue {
  position: absolute;
  z-index: 999;
  width: 100%;
  padding-left: 0;
  font-size: 0.5em;
  margin: auto;
  left: 0%;
  right: 50%;
}
#essen_burgermenue .container-fluid {
  left: 0%;
  right: -50%;
  margin: auto;
  position: relative;
}
#essen_burgermenue #essenBurgermenueOverlay {
  display: none;
}
#essen_burgermenue #essenBurgermenueHeader {
  height: 120px;
  background-color: rgba(255, 255, 255, 0.9);
  margin-left: 105px;
}
#essen_burgermenue #essenBurgermenueHeader div {
  width: 150px;
  background-color: #e3e7e8;
  padding: 1em;
  margin-right: 19%;
}
#essen_burgermenue #essenBurgermenueHeader div a {
  color: #002A46;
  font-size: 0.8em;
}
#essen_burgermenue #essenBurgermenueHeader div svg.icon {
  margin-left: 1em;
  width: 0.5em;
  height: 0.5em;
}
#essen_burgermenue #essenBurgermenueContent {
  background-color: #FFFFFF;
  margin-left: 105px;
  padding-right: 0;
  min-height: 520px;
}
@media (max-width: 1199.98px) {
  #essen_burgermenue #essenBurgermenueContent {
    margin-left: -15px;
  }
}
#essen_burgermenue #essenBurgermenueContent h2 {
  color: #002A46;
  font-family: "Calibri-Bold";
}
#essen_burgermenue #essenBurgermenueContent .spalte1,
#essen_burgermenue #essenBurgermenueContent .spalte2,
#essen_burgermenue #essenBurgermenueContent .spalte3,
#essen_burgermenue #essenBurgermenueContent .spalte4 {
  padding-top: 30px;
}
#essen_burgermenue #essenBurgermenueContent .spalte1 {
  padding-left: calc(12% - 105px);
  position: relative;
  background-color: #FFFFFF;
}
@media (max-width: 1199.98px) {
  #essen_burgermenue #essenBurgermenueContent .spalte1 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (max-width: 991.98px) {
  #essen_burgermenue #essenBurgermenueContent .spalte1 {
    display: none;
  }
}
#essen_burgermenue #essenBurgermenueContent .spalte2 {
  background-color: #d1d7d8;
}
#essen_burgermenue #essenBurgermenueContent .spalte3 {
  background-color: #e3e7e8;
}
#essen_burgermenue #essenBurgermenueContent .spalte9 {
  background-color: #dfe5e6;
  padding-left: 0;
  position: relative;
  min-height: 495px;
  overflow: hidden;
}
@media (max-width: 991.98px) {
  #essen_burgermenue #essenBurgermenueContent .spalte9 {
    width: 100% !important;
  }
}
@media (max-width: 767.98px) {
  #essen_burgermenue #essenBurgermenueContent .naviContainer {
    min-height: calc(100% - 4em);
  }
}
#essen_burgermenue #essenBurgermenueContent ul {
  padding: 0;
  padding-top: 1.5em;
  height: 100%;
  background-color: #dfe5e6;
  transition: background-color 0.38s ease;
  position: absolute;
  width: 100%;
  overflow: hidden;
}
@media (max-width: 767.98px) {
  #essen_burgermenue #essenBurgermenueContent ul {
    position: absolute;
    height: auto;
    margin-bottom: 0;
    padding-top: 0;
  }
}
#essen_burgermenue #essenBurgermenueContent ul li {
  padding: 0.3em 1em;
  list-style: none;
  width: 25%;
  min-height: 2em;
}
@media (max-width: 1919.98px) {
  #essen_burgermenue #essenBurgermenueContent ul li {
    width: 33%;
  }
}
@media (max-width: 991.98px) {
  #essen_burgermenue #essenBurgermenueContent ul li {
    width: 30%;
  }
}
@media (max-width: 767.98px) {
  #essen_burgermenue #essenBurgermenueContent ul li {
    width: 100%;
  }
}
#essen_burgermenue #essenBurgermenueContent ul li a.active {
  font-family: "Calibri-Bold";
}
#essen_burgermenue #essenBurgermenueContent ul li svg.icon {
  display: none;
  height: 0.5em;
  width: 0.5em;
  margin-top: 0.5em;
}
#essen_burgermenue #essenBurgermenueContent ul li span.pfeil {
  color: #FFFFFF;
  float: left;
  position: relative;
  left: -28px;
  display: none;
  font-family: "Segoe UI Symbol";
}
#essen_burgermenue #essenBurgermenueContent ul li:hover {
  background-color: #d1d7d8;
  transition: background-color 0.38s ease;
  cursor: pointer;
}
#essen_burgermenue #essenBurgermenueContent ul li:hover span.pfeil {
  display: block;
}
#essen_burgermenue #essenBurgermenueContent ul li:hover span.text {
  position: relative;
  left: -18px;
}
#essen_burgermenue #essenBurgermenueContent ul li:hover ul.sub-2 {
  display: block;
}
@media (max-width: 767.98px) {
  #essen_burgermenue #essenBurgermenueContent ul li:hover ul.sub-2 {
    display: none;
  }
}
#essen_burgermenue #essenBurgermenueContent ul li ul.sub {
  display: none;
  width: 100%;
  position: absolute;
  top: 0;
  margin-left: 23%;
}
@media (max-width: 991.98px) {
  #essen_burgermenue #essenBurgermenueContent ul li ul.sub {
    margin-left: 27%;
  }
}
@media (max-width: 767.98px) {
  #essen_burgermenue #essenBurgermenueContent ul li ul.sub {
    margin-left: 0;
  }
}
#essen_burgermenue #essenBurgermenueContent ul li ul.sub span.pfeil {
  display: none;
}
#essen_burgermenue #essenBurgermenueContent ul li ul.sub li {
  padding: 0.3em 1em;
}
#essen_burgermenue #essenBurgermenueContent ul li ul.sub li span.text {
  position: relative;
  left: 0;
}
#essen_burgermenue #essenBurgermenueContent ul li ul.sub-2 {
  background-color: #e9eced;
}
#essen_burgermenue #essenBurgermenueContent ul li ul.sub-2 li:hover ul.sub-3 {
  display: block;
}
@media (max-width: 767.98px) {
  #essen_burgermenue #essenBurgermenueContent ul li ul.sub-2 li:hover ul.sub-3 {
    display: none;
  }
}
#essen_burgermenue #essenBurgermenueContent ul li ul.sub-3 {
  background-color: #f4f7f8;
  width: 51%;
  -webkit-columns: 2;
  -moz-columns: 2;
  columns: 2;
  -moz-column-fill: auto;
  column-fill: auto;
  height: 100%;
}
@media (max-width: 991.98px) {
  #essen_burgermenue #essenBurgermenueContent ul li ul.sub-3 {
    padding-left: 0.75em;
    width: 100%;
  }
}
@media (max-width: 479.98px) {
  #essen_burgermenue #essenBurgermenueContent ul li ul.sub-3 {
    width: 100%;
    -webkit-columns: 1;
    -moz-columns: 1;
    columns: 1;
  }
}
#essen_burgermenue #essenBurgermenueContent ul li ul.sub-3 li {
  width: 100%;
  break-inside: avoid-column;
}
#essen_burgermenue #essenBurgermenueContent ul li a {
  width: 100%;
  border-bottom: 1px solid #d1d7d8;
  display: block;
}
#essen_burgermenue #essenBurgermenueContent ul li ul.showMobile {
  display: block;
  left: 0;
  height: 100%;
}
@media (max-width: 767.98px) {
  #essen_burgermenue #essenBurgermenueContent ul li.selected > ul.sub-2 {
    display: block;
  }
}
@media (max-width: 767.98px) {
  #essen_burgermenue #essenBurgermenueContent ul ul.sub-2 li.selected:hover ul.sub-3 {
    display: block;
  }
}
#essen_burgermenue #essenBurgermenueContent ul li.withSubfolders svg.icon {
  display: none;
}
@media (max-width: 767.98px) {
  #essen_burgermenue #essenBurgermenueContent ul li.withSubfolders svg.icon {
    display: inline;
  }
}
#essen_burgermenue #essenBurgermenueContent ul li.withSubfolders a {
  width: auto;
}
#essen_burgermenue #essenBurgermenueContent ul li.level1 {
  background-color: #dfe5e6;
}
#essen_burgermenue #essenBurgermenueContent ul li.level2 {
  background-color: #e9eced;
  padding-left: 1.5em;
}
#essen_burgermenue #essenBurgermenueContent ul li.level3 {
  background-color: #f4f7f8;
}
#essen_burgermenue #essenBurgermenueContent #mobileBreadcrumbNavi {
  display: none;
  height: auto;
  position: relative;
}
@media (min-width: 480px) {
  #essen_burgermenue #essenBurgermenueContent #mobileBreadcrumbNavi {
    display: none;
  }
}
#essen_burgermenue #essenBurgermenueContent #mobileBreadcrumbNavi li a {
  border-bottom: 0;
}
#essen_burgermenue #essenBurgermenueContent #mobileBreadcrumbNavi li a span.text {
  order: 2;
  width: 100%;
  font-family: "Calibri-Bold";
}
#essen_burgermenue #essenBurgermenueContent #mobileBreadcrumbNavi li a svg.icon {
  order: 1;
  margin-right: 1em;
}
#essen_burgermenue #essenBurgermenueContent #mobileBreadcrumbNavi li:hover a svg.icon {
  margin-right: calc(1em + 18px);
}
#essen_burgermenue #essenBurgermenueFooter {
  background-color: #002A46;
  margin-left: 105px;
}
@media (max-width: 1199.98px) {
  #essen_burgermenue #essenBurgermenueFooter {
    margin-left: -15px;
    padding-left: 15px;
  }
}
@media (max-width: 767.98px) {
  #essen_burgermenue #essenBurgermenueFooter {
    padding-right: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
#essen_burgermenue #essenBurgermenueFooter a,
#essen_burgermenue #essenBurgermenueFooter span {
  color: #FFFFFF;
  font-size: 0.5em;
}
#essen_burgermenue #essenBurgermenueFooter svg.icon {
  fill: #FFFFFF;
  height: 0.3em;
  width: 0.3em;
}
#essen_burgermenue #essenBurgermenueFooter #essenBurgermenueSuche {
  width: 300px;
  height: 1.5em;
  padding-left: 15px;
}
@media (max-width: 1199.98px) {
  #essen_burgermenue #essenBurgermenueFooter #essenBurgermenueSuche {
    padding-left: 0;
  }
}
@media (max-width: 767.98px) {
  #essen_burgermenue #essenBurgermenueFooter #essenBurgermenueSuche {
    width: 100%;
    margin-bottom: 15px;
  }
}
#essen_burgermenue #essenBurgermenueFooter #essenBurgermenueSuche form {
  display: flex;
}
#essen_burgermenue #essenBurgermenueFooter #essenBurgermenueSuche form .essende_suchfeld {
  height: 1.5em;
  font-size: 1em;
  width: auto;
}
#essen_burgermenue #essenBurgermenueFooter #essenBurgermenueSuche form .btn {
  height: 1.5em;
  padding: 0 0.5em 0 0;
}
#essen_burgermenue #essenBurgermenueFooter #essenBurgermenueSuche form .btn svg.icon {
  fill: #002A46;
  transition: fill 0.38s ease;
  height: 1em;
  width: 1em;
  position: relative;
}
#essen_burgermenue #essenBurgermenueFooter #essenBurgermenueSuche form .btn:hover svg.icon {
  fill: #81adb6;
  transition: fill 0.38s ease;
}
#essen_burgermenue #essenBurgermenueFooter .padding {
  padding-right: 1em;
  padding-left: 1em;
}
@media (max-width: 767.98px) {
  #essen_burgermenue #essenBurgermenueFooter #essenBurgermenueCopyright {
    display: table !important;
    order: 10;
  }
}
@media (max-width: 767.98px) {
  #essen_burgermenue #essenBurgermenueFooter #essenBurgermenueCopyright #essenBurgermenueLinks {
    display: table-row;
    width: 100%;
    text-align: left;
    line-height: 0.6em;
  }
}
@media (max-width: 767.98px) {
  #essen_burgermenue #essenBurgermenueFooter #essenBurgermenueCopyright #essenBurgermenueLinks a:first-child {
    padding-left: 0;
  }
}
@media (max-width: 767.98px) {
  #essen_burgermenue #essenBurgermenueFooter #essenBurgermenueCopyright #essenBurgermenueCopyrightText {
    display: table-row;
    width: 100%;
    clear: both;
    text-align: left;
    line-height: 0.6em;
  }
}
#essen_burgermenue #essenBurgermenueFooter .buergermenueSocialmedia {
  width: 50px;
  text-align: center;
}
#essen_burgermenue #essenBurgermenueFooter .buergermenueSocialmedia img {
  width: 100%;
}
#essen_burgermenue #essenBurgermenueFooter .buergermenueSocialmedia svg {
  width: 40%;
  fill: #FFFFFF;
  height: 50px;
}
#essen_burgermenue #essenBurgermenueFooter .sm_fb {
  background-color: #0866FF;
}
@media (max-width: 767.98px) {
  #essen_burgermenue #essenBurgermenueFooter .sm_fb {
    order: 1;
  }
}
#essen_burgermenue #essenBurgermenueFooter .sm_tw {
  background-color: #000;
}
@media (max-width: 767.98px) {
  #essen_burgermenue #essenBurgermenueFooter .sm_tw {
    order: 2;
  }
}
#essen_burgermenue #essenBurgermenueFooter .sm_in {
  background-color: #E22AF2;
}
@media (max-width: 767.98px) {
  #essen_burgermenue #essenBurgermenueFooter .sm_in {
    order: 3;
  }
}
#essen_burgermenue #essenBurgermenueFooter .sm_yt {
  background-color: #FF0000;
}
@media (max-width: 767.98px) {
  #essen_burgermenue #essenBurgermenueFooter .sm_yt {
    order: 6;
  }
}
#essen_burgermenue #essenBurgermenueFooter .sm_sp {
  background: #1DB954;
}
@media (max-width: 767.98px) {
  #essen_burgermenue #essenBurgermenueFooter .sm_sp {
    order: 4;
  }
}
#essen_burgermenue #essenBurgermenueFooter .sm_ps {
  width: 100px !important;
  background-color: #002A46;
  padding: 0.6rem;
}
@media (max-width: 767.98px) {
  #essen_burgermenue #essenBurgermenueFooter .sm_ps {
    order: 7;
  }
}
#essen_burgermenue #essenBurgermenueFooter .sm_tt {
  background-color: #000;
  padding: 0.5rem;
}
@media (max-width: 767.98px) {
  #essen_burgermenue #essenBurgermenueFooter .sm_tt {
    order: 5;
  }
}

#essen_burgermenue.show #essenBurgermenueOverlay {
  display: block;
  position: fixed;
  top: 155px;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.5);
}

#essenFooterOben {
  background-color: #002A46;
  clear: both;
}
#essenFooterOben div, #essenFooterOben span {
  color: #FFFFFF;
}
#essenFooterOben a:hover,
#essenFooterOben a:focus,
#essenFooterOben a:active,
#essenFooterOben a:hover span,
#essenFooterOben a:focus span,
#essenFooterOben a:active span,
#essenFooterOben a:hover svg.oben {
  color: #81adb6;
  transition: color 0.38s ease;
  text-decoration: none;
  fill: #81adb6;
}
#essenFooterOben #footerObenLogo {
  background-color: #002A46;
}
@media (max-width: 767.98px) {
  #essenFooterOben #footerObenLogo {
    max-width: 90px;
  }
}
#essenFooterOben #footerObenLogo img {
  width: 90px;
  height: 90px;
  border-right: 1px solid #FFF;
  border-bottom: 1px solid #FFF;
}
@media (max-width: 767.98px) {
  #essenFooterOben #footerObenLogo img {
    width: 100%;
  }
}
#essenFooterOben #footerObenMitte {
  background-color: #002A46;
  color: #FFFFFF;
}
@media (max-width: 1199.98px) {
  #essenFooterOben #footerObenMitte {
    flex-grow: 100;
    width: auto;
  }
}
@media (max-width: 767.98px) {
  #essenFooterOben #footerObenMitte {
    width: 16%;
  }
  #essenFooterOben #footerObenMitte .text {
    display: none;
  }
}
@media (max-width: 1199.98px) {
  #essenFooterOben #footerObenMitte div {
    text-align: right !important;
  }
}
@media (max-width: 767.98px) {
  #essenFooterOben #footerObenMitte div {
    text-align: center !important;
  }
}
#essenFooterOben #footerObenMitte #toTop svg {
  width: 50px;
  fill: #FFFFFF;
  height: 50px;
}
@media (max-width: 479.98px) {
  #essenFooterOben #footerObenMitte #toTop svg {
    height: 25px;
  }
}
@media (max-width: 479.98px) {
  #essenFooterOben #footerObenMitte #toTop {
    padding: 0;
  }
}
#essenFooterOben .footerObenSocialmedia {
  width: 90px;
  text-align: center;
}
#essenFooterOben .footerObenSocialmedia.footerObenSocialmedia2 {
  width: 180px;
  display: flex;
  align-items: center;
}
#essenFooterOben .footerObenSocialmedia.footerObenSocialmedia2 a {
  display: flex;
  flex-direction: column;
}
#essenFooterOben .footerObenSocialmedia a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
#essenFooterOben .footerObenSocialmedia svg {
  width: 40%;
  fill: #FFFFFF;
  height: 90px;
}
#essenFooterOben .footerObenSocialmedia img {
  width: 60%;
  display: flex;
  align-items: center;
}
#essenFooterOben .d-flex-break {
  flex-basis: 100%;
  height: 0;
}
#essenFooterOben .sm_fb {
  background-color: #0866FF;
}
#essenFooterOben .sm_fb svg {
  width: 70%;
}
#essenFooterOben .sm_tw {
  background-color: #000;
}
#essenFooterOben .sm_in {
  background-color: #E22AF2;
}
#essenFooterOben .sm_yt {
  background-color: #FF0000;
}
#essenFooterOben .sm_sp {
  background: #1DB954;
}
#essenFooterOben .sm_ps {
  background-color: #002A46;
}
#essenFooterOben .sm_tt {
  background-color: #000;
}
@media (max-width: 767.98px) {
  #essenFooterOben .footerObenSocialmedia,
  #essenFooterOben #footerObenLogo,
  #essenFooterOben #footerObenLogo {
    width: 16.6% !important;
  }
  #essenFooterOben .footerObenSocialmedia2 {
    width: 33.2% !important;
  }
}

#essenFooterUnten {
  background-color: #0b3754;
  color: #e3e7e8;
  padding-top: 2em;
}
#essenFooterUnten .footerUntenSchmal {
  width: 996px;
  margin: auto;
  padding-top: 2em;
}
#essenFooterUnten .footerUntenSchmal * {
  color: #e3e7e8;
}
#essenFooterUnten .footerUntenSchmal a:hover,
#essenFooterUnten .footerUntenSchmal a:focus,
#essenFooterUnten .footerUntenSchmal a:active,
#essenFooterUnten .footerUntenSchmal a:hover span,
#essenFooterUnten .footerUntenSchmal a:focus span,
#essenFooterUnten .footerUntenSchmal a:active span,
#essenFooterUnten .footerUntenSchmal a:hover svg {
  color: #81adb6;
  transition: color 0.38s ease;
  text-decoration: none;
  fill: #81adb6;
}
@media (max-width: 1199.98px) {
  #essenFooterUnten .footerUntenSchmal {
    width: auto;
    max-width: 996px;
    margin-left: auto;
    margin-right: auto;
  }
}
#essenFooterUnten .footerUntenSchmal h4 {
  font-size: 1.15em;
}
#essenFooterUnten .footerUntenSchmal ul a, #essenFooterUnten .footerUntenSchmal ul a span {
  font-size: 0.9em;
}
#essenFooterUnten .footerUntenSchmal ul.links {
  list-style: none;
  padding: 0;
}
#essenFooterUnten .footerUntenSchmal ul.mitte {
  list-style: none;
  padding: 2em 1em 1em 1em;
}
#essenFooterUnten .footerUntenSchmal ul.mitte li {
  margin-bottom: 0.75em;
}
#essenFooterUnten .footerUntenSchmal ul.mitte li div {
  padding: 0.3em 0.8em;
}
#essenFooterUnten .footerUntenSchmal ul.mitte li div.intern {
  background-color: #e3e7e8;
  transition: background-color 0.38s ease;
}
#essenFooterUnten .footerUntenSchmal ul.mitte li div.intern span {
  color: #002A46;
}
#essenFooterUnten .footerUntenSchmal ul.mitte li div.intern svg {
  fill: #002A46;
}
#essenFooterUnten .footerUntenSchmal ul.mitte li div.extern {
  background-color: #002A46;
  color: #FFFFFF;
}
#essenFooterUnten .footerUntenSchmal ul.mitte li:hover a div.intern {
  background-color: #002A46;
  transition: background-color 0.38s ease;
}
#essenFooterUnten .footerUntenSchmal ul.mitte li:hover a div.intern span, #essenFooterUnten .footerUntenSchmal ul.mitte li:hover a div.intern span svg {
  color: #FFFFFF;
  fill: #FFFFFF;
}
#essenFooterUnten .footerUntenSchmal ul.mitte li:hover a div.extern {
  background-color: #81adb6;
  transition: background-color 0.38s ease;
}
#essenFooterUnten .footerUntenSchmal ul.mitte li:hover a div.extern span, #essenFooterUnten .footerUntenSchmal ul.mitte li:hover a div.extern span svg {
  color: #FFFFFF;
  fill: #FFFFFF;
}
#essenFooterUnten .footerUntenSchmal .footerRechts {
  list-style: none;
  padding-top: 2em;
}
#essenFooterUnten .footerUntenSchmal .footerRechts .slick-vertical {
  height: 200px;
  overflow: hidden;
}
#essenFooterUnten .footerUntenSchmal .footerRechts .slick-vertical .slick-slide {
  height: 199px !important;
}
#essenFooterUnten .footerUntenSchmal .footerRechts ul.slick-dots {
  width: 1.5em;
  top: 30%;
  padding-left: 0;
}
#essenFooterUnten .footerUntenSchmal .footerRechts .slick-list {
  padding-left: 1.5em;
  margin-top: -1px;
}
#essenFooterUnten .footerUntenSchmal .footerRechts img {
  width: 100%;
}
#essenFooterUnten .footerUntenSchmal .footerRechts figcaption {
  font-size: 0.46em;
}
#essenFooterUnten .footerUntenSchmal .footerRechts button:before {
  font-size: 2em;
  color: #FFFFFF;
  opacity: 1;
}
#essenFooterUnten .footerUntenSchmal .footerRechts li button:before {
  opacity: 0.75;
}
#essenFooterUnten .footerUntenSchmal .footerRechts li.slick-active button:before {
  opacity: 1;
}
#essenFooterUnten form {
  width: 100%;
  display: flex;
}
#essenFooterUnten form #footerUntenSucheFeld {
  height: 80px;
  border: 0;
  border-radius: 0;
  color: #495057;
}
#essenFooterUnten form #footerSuchButton {
  width: 80px;
  background-color: #FFF;
  height: 80px;
}
#essenFooterUnten form #footerSuchButton svg {
  fill: #0b3754;
  transition: fill 0.38s ease;
  width: 1.2em;
  height: 1.2em;
}
#essenFooterUnten form #footerSuchButton:hover svg {
  fill: #81adb6;
  transition: fill 0.38s ease;
}
#essenFooterUnten #bottomline {
  border-top: 1px solid #FFFFFF;
  padding-top: 0;
}
#essenFooterUnten #bottomline div {
  font-size: 0.65em;
}
#essenFooterUnten #bottomline a {
  font-size: 1em;
}
#essenFooterUnten #bottomline svg {
  width: 0.5em;
  height: 0.5em;
  margin-top: -0.2em;
}
#essenFooterUnten svg {
  width: 0.8em;
  height: 0.8em;
  fill: #FFFFFF;
}



@font-face {
  font-family: 'Calibri';
  src:  url('https://media.essen.de/media/wwwessende/essen_de_technik/essende_fonts/calibri.woff2') format('woff2'),
        url('https://media.essen.de/media/wwwessende/essen_de_technik/essende_fonts/calibri.woff') format('woff');
}

@font-face {
  font-family: 'Calibri-Bold';
  src:  url('https://media.essen.de/media/wwwessende/essen_de_technik/essende_fonts/calibri-bold.woff2') format('woff2'),
        url('https://media.essen.de/media/wwwessende/essen_de_technik/essende_fonts/calibri-bold.woff') format('woff');
}

@font-face {
  font-family: 'Calibri-Italic';
  src:  url('https://media.essen.de/media/wwwessende/essen_de_technik/essende_fonts/calibri-italic.woff2') format('woff2'),
        url('https://media.essen.de/media/wwwessende/essen_de_technik/essende_fonts/calibri-italic.woff') format('woff');
}

@font-face {
  font-family: 'Calibri-Bolditalic';
  src:  url('https://media.essen.de/media/wwwessende/essen_de_technik/essende_fonts/calibri-bolditalic.woff2') format('woff2'),
        url('https://media.essen.de/media/wwwessende/essen_de_technik/essende_fonts/calibri-bolditalic.woff') format('woff');
}

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('https://media.essen.de/media/egc2017media/egc2017_technik/font/glyphicons-halflings-regular.eot');
  src: url('https://media.essen.de/media/egc2017media/egc2017_technik/font/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('https://media.essen.de/media/egc2017media/egc2017_technik/font/glyphicons-halflings-regular.woff2') format('woff2'), url('https://media.essen.de/media/egc2017media/egc2017_technik/font/glyphicons-halflings-regular.woff') format('woff'), url('https://media.essen.de/media/egc2017media/egc2017_technik/font/glyphicons-halflings-regular.ttf') format('truetype'), url('https://media.essen.de/media/egc2017media/egc2017_technik/font/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
} 
/*temp, bevor scss*/
.slick-slider-content p{
	padding: 15px;
}
.slick-slider-content .slick-slide a {
padding:0;
}

.slick-slider-content .slick-dots {
	position: static;
    bottom: -50px;
}


#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
  background-image: url("https://media.essen.de/media/global/layout_2/images_2/fancybox/essen_de/fancybox_sprite.png"); 
 }
 


/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

 #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url("https://media.essen.de/media/global/layout_2/images_2/fancybox/essen_de/fancybox_sprite2x.png");
    }
}


#datepicker {
	background-image: url("https://media.essen.de/media/wwwessende/essen_de_technik/bilder_22/kalender.svg");
}

.dropDownClosed, #stadtteil, .meldenSucheFilter select {
	background: url("https://media.essen.de/media/wwwessende/essen_de_technik/bilder_22/down.svg") no-repeat; 
}

.dropDownOpen  {
	background: url("https://media.essen.de/media/wwwessende/essen_de_technik/bilder_22/up.svg") no-repeat!important; 
}


.ui-datepicker-prev span  {
	background: url("https://media.essen.de/media/wwwessende/essen_de_technik/bilder_22/pfeil-links-dunkelblau.svg") no-repeat!important;
	-webkit-transition: background-image 0.38s ease-in-out;
	transition: background-image 0.38s ease-in-out; 
}


.ui-datepicker-next span  {
	background: url("https://media.essen.de/media/wwwessende/essen_de_technik/bilder_22/pfeil-rechts-dunkelblau.svg") no-repeat!important; 
	-webkit-transition: background-image 0.38s ease-in-out;
	transition: background-image 0.38s ease-in-out;
}

#datepickerFilter .ui-datepicker-prev span  {
	background: url("https://media.essen.de/media/wwwessende/essen_de_technik/bilder_22/pfeil-links-weiss.svg") no-repeat!important;
	-webkit-transition: background-image 0.38s ease-in-out;
	transition: background-image 0.38s ease-in-out; 
}


#datepickerFilter .ui-datepicker-next span  {
	background: url("https://media.essen.de/media/wwwessende/essen_de_technik/bilder_22/pfeil-rechts-weiss.svg") no-repeat!important; 
	-webkit-transition: background-image 0.38s ease-in-out;
	transition: background-image 0.38s ease-in-out;
}


.ui-datepicker-prev:hover span,
#datepickerFilter .ui-datepicker-prev:hover span {
	background: url("https://media.essen.de/media/wwwessende/essen_de_technik/bilder_22/pfeil-links-tuerkis.svg") no-repeat!important; 
	-webkit-transition: background-image 0.38s ease-in-out;
	transition: background-image 0.38s ease-in-out;
}

.ui-datepicker-next:hover span,
#datepickerFilter .ui-datepicker-next:hover span  {
	background: url("https://media.essen.de/media/wwwessende/essen_de_technik/bilder_22/pfeil-rechts-tuerkis.svg") no-repeat!important; 
	-webkit-transition: background-image 0.38s ease-in-out;
	transition: background-image 0.38s ease-in-out;
}

.process_step_content {position:relative;overflow:hidden;}
.height0 {height: 0; opacity: 0;}

#loadingOverlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 9999;
}

#loadingSpinner {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    width: 125px;
    height: 125px;
    margin: -75px 0 0 -75px;
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


#mainIconTooltipID {
	display:none;
}


.tooltip-inner {
    max-width: unset;
}

.ui-tooltip, .arrow:after {
    background: black;
    border: 2px solid white;
  }
  .ui-tooltip {
    padding: 10px 20px;
    color: white;
    border-radius: 20px;
    font: bold 14px;
    box-shadow: 0 0 7px black;
  }
  .arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
  }
  .arrow.top {
    top: -16px;
    bottom: auto;
  }
  .arrow.left {
    left: 20%;
  }
  .arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    box-shadow: 6px 5px 9px -9px black;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .arrow.top:after {
    bottom: -20px;
    top: auto;
  }

#homeTeaser {
	margin-bottom: 0px;
	padding-top: 0px;
	}