/* Menü einblenden */
@media only screen and (max-width: 767px) {
  .topsuche .countrymenutrigger {
    display: inline !important;
    clear: left;
  }
}

.topsuche .countrymenutrigger a:before,
a.countrymenutrigger:before {
  content: "" !important;
}

.topsuche .countrymenutrigger a:after,
a.countrymenutrigger:after {
  content: "˅";
  padding-left: 5px;
  display: inline-block;
  font-weight: normal;
}


.headerScrollDown {
  display: none;
  play
}

h1,
h2,
.wie_h1,
.wie_h2,
h2.abschnittsheader,
h2.abschnittsheader_grafik,
h2.abschnittsheader_zahl {
  color: #56575e;
}

.hl_headlineklammer {
  display: table;
  margin-left: auto;
  margin-right: auto;
}

.headeranimation .hl_text_table {
  height: 100%;
  width: auto;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 48px;
  grid-row-gap: 0px;
  line-height: 1.5;
  align-content: center;
}

.headeranimation .hl_text_klammer {
  opacity: 0;
  transition: opacity 0.5s;
  transition-delay: 0.8s;
  width: 1596px;
}

body.loaded .headeranimation .hl_text_klammer {
  opacity: 1;
}

.headeranimation .hl_textset1,
.headeranimation .hl_textset2t {
  /* 
  display:flex;
  flex-flow:column;
  position: absolute;
  left:0;
  top:0;
  right:0;
  bottom:0; */
  align-self: center;
  padding: 20px 0 0 0;
  grid-area: 1 / 3 / 2 / 6;
}

.headeranimation .hl_textset2 {
  /* 
  display:flex;
  flex-flow:column;
  position: absolute;
  left:0;
  top:0;
  right:0;
  bottom:0; */
  align-self: center;
  padding: 20px 0 0 0;
  grid-area: 1 / 2 / 2 / 7;
}

.headeranimation .hl_text1 {
  margin-bottom: 0;
}

@media only screen and (min-width: 1025px) {
  .headeranimation .hl_text1 {
    font-size: 46px;
    margin-bottom: 0;
  }

  .headeranimation .hl_text2 {
    font-size: 58px;
  }

  .komplettrahmen>.inhaltszeile,
  .komplettrahmen>.zusatzmenue,
  .komplettrahmen>.totop_print,
  .komplettrahmen>.fusszeile {
    width: 1920px;
    margin: auto;
  }

  .redaktionell>.frame.frame-default>*,
  .redaktionell>.csc-frame>*,
  .redaktionell>.divider,
  .kopfzeile .slider>div {
    padding: 0 60px !important;
    width: 1716px !important;
    width: 1422px !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .kopfzeile .slider>div,
  .redaktionell>.frame.frame-default.containsSlick>* {
    width: 1716px !important;
  }
}

.kopfzeile .slider {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: rgba(239, 239, 240, 0.95);
  padding: 30px 20px 0 20px;
}

.kopfzeile .slick-slider {
  margin-bottom: 30px;
}

@media only screen and (max-width:767px) {
  .kopfzeile .slick-slider {
    margin-bottom: 30px;
  }
}

.kopfzeile .slick-slide>div {
  background: #fff;
  padding: 22px;
}

.kopfzeile .slick-track {
  margin-left: 0;
  margin-right: 0;
}

#uid_39351 .kopfzeile .slick-slide>div {
  background: none;
  padding: 0;
  cursor: pointer;
}

#uid_39351 .kopfzeile .slick-slide>div img {
  border-radius: 50%;
  -webkit-filter: brightness(1);
  filter: brightness(1);
  transition: -webkit-filter 1s;
  transition: -webkit-filter 0.5s;
  transition: filter 0.5s;
  transition: filter 0.5s, -webkit-filter 0.5s;
}

#uid_39351 .kopfzeile .slick-slide>div:hover img {
  -webkit-filter: brightness(0.5);
  filter: brightness(0.5);
}

.kopfzeile .slick-slide>div p:last-child {
  margin-bottom: 0;
}

.redaktionell .slick-slider .ce-textpic.ce-above .ce-bodytext {
  padding-left: 20px;
  padding-right: 20px;
}

.slick-track {
  display: flex;
}

.slick-slide {
  display: flex;
  height: auto;
  align-items: center;
  justify-content: center;
}

.slick-dots {
  position: static;
  margin-top: 15px;
}

.kopfzeile .slick-slide>div>div {
  display: flex !important;
  flex-flow: column;
}

.kopfzeile .slick-slide>div>div>p:last-child {
  margin-top: auto;
}

/* Startanimation */
.kopfzeile .slider>div>header h2 {
  position: relative;
}

.kopfzeile .slider.bgAfterScroll {
  background: rgba(111, 154, 24, 0.95);
}

#uid_39351 .kopfzeile .slider.bgAfterScroll {
  color: #fff;
}

.kopfzeile .slider.bgAfterScroll>div>header h2 {
  color: #fff;
}

.headeranimation.headeranimation_startseite2021 .wrapper>div {
  background-position: center center;
}

.headeranimation_startseite2021_v1 {
  background: url(/fileadmin/user_upload/remondis_global_2017/startseite-2021/header/01_steg/startseitenanimation_486764234_istock.jpg) center center / cover;
}

.headeranimation_startseite2021_v2 {
  background: url(/fileadmin/user_upload/remondis_global_2017/startseite-2021/header/02_korallen/startseitenanimation_2021_rz_korallen.jpg) center center / cover;
}

.kopfzeile.contains_headeranimation_startseite2021_v2 .slider.bgAfterScroll {
  background: rgba(1, 84, 145, 0.9);
}

.headeranimation_startseite2021_v3 {
  background: url(/fileadmin/user_upload/remondis_global_2017/startseite-2021/header/03_eisberg/startseitenanimation_2021_rz_eisberg.jpg) center center / cover;
}

.kopfzeile.contains_headeranimation_startseite2021_v3 .slider.bgAfterScroll {
  background: rgba(49, 183, 188, 0.95);
}

.headeranimation_startseite2021_v4 {
  background: url(/fileadmin/user_upload/remondis_global_2017/startseite-2021/header/04_panda/startseitenanimation_2021_rz_panda.jpg) right top / cover;
}

.headeranimation.headeranimation_startseite2021_v4 .wrapper>div {
  background-position: right top;
}

.headeranimation_startseite2021_v5 {
  background: url(/fileadmin/user_upload/remondis_global_2017/startseite-2021/header/05_moos/startseitenanimation_2021_rz_moos.jpg) center center / cover;
}

.realskiptotop {
  right: 0;
}


/*Hier die Überschriften des Sliders*/
.headeranimation .hl_text2 {
  margin-bottom: 22px;
}

/* #uid_39338 .kopfzeile .slider > div > header h2:before {
  content:"";
  position: absolute;
  width:50px;
  height:50px;
  left:-60px;
  top:0;
  background: url(/fileadmin/user_upload/remondis_global_2017/startseite-2021/flaggen_svgs/deutschland_50px.svg) left top / contain;
  border-radius: 50%;
  border:2px solid #fff;
} */

@media only screen and (max-width: 1024px) {
  #uid_39338 .kopfzeile .slider>div>header h2 {
    margin-left: 70px;
  }

  #uid_39338 .kopfzeile .slider>div>header h2:before {
    content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    left: -70px;
    top: 0;
    background: url(/fileadmin/user_upload/remondis_global_2017/startseite-2021/flaggen_svgs/deutschland_50px.svg) left top / contain;
  }

  .headeranimation .hl_text1 {
    font-size: 46px;
    margin-bottom: 0;
  }

  .headeranimation .hl_text2 {
    font-size: 58px;
  }
}

@media only screen and (max-width: 1799px) and (min-width: 768px) and (orientation: landscape) {
  .kopfzeile .slider {
    position: static;
  }

  .scrollmagic-pin-spacer>.sticky {
    height: auto !important;
  }

  .headeranimation .hl_text_klammer {
    height: 100% !important;
  }

  .headeranimation .hl_textset1,
  .headeranimation .hl_textset2 {
    grid-area: 1 / 2 / 2 / 6;
  }
}

@media only screen and (max-width: 1439px) {

  .redaktionell>.frame.frame-default>*,
  .redaktionell>.csc-frame>*,
  .redaktionell>.divider {
    padding: 0 30px !important;
  }
}

@media only screen and (max-width: 1023px) {
  .headeranimation .hl_text1 {
    font-size: 36px;
    margin-bottom: 0;
    padding-left: 0;
  }

  .headeranimation .hl_text2 {
    font-size: 48px;
    padding-left: 20px;
  }
}

@media only screen and (max-width: 1439px) and (min-width: 1024px) {
  .startseite_5er-kacheln .columnItems>div:last-child {
    grid-column: 2;
  }

  .startseite_5er-kacheln .columnItems>div:last-child>div::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -1px;
    width: 1px;
    /* background: #000; */
    background: url(/fileadmin/templates/2013/m/global/v_trenner.png) no-repeat center center/1px 80%;
  }
}

@media only screen and (min-width: 769px) and (max-width: 1023px) {

  .headeranimation .hl_textset1,
  .headeranimation .hl_textset2 {
    grid-area: 1 / 1 / 2 / 13;
  }

  .headeranimation .hl_text_table {
    background: rgba(255, 255, 255, 0.7);
  }

  .headeranimation .hl_text {
    color: rgb(107, 107, 113) !important;
  }
}

@media only screen and (min-width: 768px) and (min-height: 1024px) {

  .headeranimation .hl_textset1,
  .headeranimation .hl_textset2 {
    grid-area: 1 / 2 / 2 / 8;
  }
}

@media only screen and (max-width: 767px),
screen and (max-height: 600px) {

  .headeranimation .hl_textset1,
  .headeranimation .hl_textset2 {
    padding: 20px;
  }

  .headeranimation .hl_text_table {
    background: none;
    display: block;
  }

  .scrollmagic-pin-spacer>.sticky {
    height: auto !important;
  }

  .kopfzeile::after {
    display: none;
  }

  .kopfzeile::before {
    content: "";
    padding-bottom: 45.57291666666667%;
    height: 0;
    display: block;
    background: url(/fileadmin/user_upload/remondis_global_2017/startseite-2021/header/768_pixel/01_startseite_768px.jpg) no-repeat left top / contain;
  }

  .kopfzeile .sticky .headeranimation {
    /*background: #383a42 !important;*/
    height: auto !important;
    padding-bottom: 0 !important;
  }

  .headeranimation .hl_text,
  .headeranimation .h2_text {
    position: static;
  }

  .kopfzeile .sticky .headeranimation *,
  .kopfzeile .sticky .headeranimation * * {
    /*color: #fff !important;*/
  }

  .headeranimation {
    background: none;
  }

  .slider {
    display: block !important;
  }

  .kopfzeile .slider {
    position: static;
  }
}

@media only screen and (max-width: 767px) {
  #animate:after {
    display: none;
  }
}

@media only screen and (max-width: 567px) {
  #uid_39338 .kopfzeile .slider>div>header h2:before {
    width: 30px;
    height: 30px;
    left: -50px;
  }

  #uid_39338 .kopfzeile .slider>div>header h2 {
    margin-left: 050px;
  }

  .hl_headlineklammer {
    /* display:block; */
    margin-bottom: 20px;
  }

  .hl_headlineklammer>div {
    display: inline;
  }

  .headeranimation .hl_text2 {
    padding-left: 0;
    font-size: 36px;
  }

  .hl_text>p:last-child {
    margin-bottom: 0;
  }
}
}