html, body {
  height: 100%;
}

a {
  color: #23527c
}

body {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  background-attachment: fixed;
  font-size: 16px;
  color: rgb(88, 101, 117);
  font-family: "Titillium Web", Arial;
  background-color: #fff;
  padding-top: 100px;
}

#navbarTop ul.nav li a.active {
  background-color: #697b92;
}

.navbar-fixed-top {
  background: transparent;
  background-color: #fff;
  border-bottom: 4px solid #586575;
  height: auto;
  box-shadow: none;
}

.noPadding {
  padding: 0px;
}

.navbar-header {
  height: 110px;
}

#navbar ul {
  /*bottom: 5px;*/
  /*position: absolute;*/
  /*left: 230px;*/
}

#navbar ul a {
  color: #586575;
  text-transform: uppercase;
  display: block;
  border-bottom: 7px solid transparent;
  font-weight: 600;
  font-size: 14px;
}

#navbar ul li:hover a, #navbar ul li .current {

  border-bottom: 2px solid #586575;
}

.navbar-inverse .navbar-brand {
  padding-top: 0;
}

.navbar-inverse .navbar-brand img.hid {
  width: auto;
  height: 54px;
}

.navbar-inverse .navbar-brand.mobile {
  display: none;
  position: absolute;
  top: 13px;
  left: 26px;
}

.grid-container {
  padding-top: 50px;
  padding-bottom: 50px;


}

.grid-container:last-child {
  margin-bottom: 0px;
}


.navbar-fixed-top .container {
  height: 125px;
  padding: 0 10px 5px 10px;
  width: 1450px;
  position: relative;
}

.grid-container .container {
  /*    width:1280px;*/
}

#navbarTop {
  width: 91%;
  float: right;
  margin-bottom: 17px;
  margin-top: 20px;
}

#navbarTop ul {
  margin-left: 40px;
}

@media (max-width: 1444px) {
  #navbarTop ul {
    margin-left: 20px;
  }

  .navbar-inverse .navbar-brand img.hid {
    height: 48px;
  }

  .navbar-inverse .navbar-brand {
    padding-top: 2px;
  }
}

@media (max-width: 1222px) {
  .navbar-inverse .navbar-brand img.hid {
    height: 45px;
  }
  .navbar-inverse .navbar-brand {
    padding-top: 4px;
  }
}

@media (max-width: 768px) {
  body {
    padding-top: 12px;
  }
  .navbar-inverse .navbar-brand.mobile {
    display: block;
  }
}

#navbarTop ul li {
  background-color: #586575;
  color: #fff;
  top: 12px;
}

#navbarTop ul li.blogLink {
  background-color: #fff;
  text-shadow: none;
}

#navbarTop ul li.blogLink a {
  color: rgba(229, 22, 48, 1);
  font-weight: 600;
  font-size: 20px;
  text-shadow: none;
  border-left: 3px solid rgba(229, 22, 48, 1);
  height: 26px;
  padding-right: 0;
}

#navbarTop ul li.blogLink i {
  color: #1e3c63;
}

#navbarTop ul li:nth-last-child(2) {
  background-color: rgba(229, 22, 48, 1);
  margin-right: 20px;
}

#navbarTop ul li a {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  padding: 5px 15px;
  padding-top: 3px;
  padding-bottom: 3px;
}

#navbarTop ul li.search {
  width: 43px;
  height: 50px;
  background-color: #fff;
  text-align: Center;
  line-height: 50px;
  color: #000;
  top: 0px;
  visibility: visible;
  display: block;
}

.nav > li > a {
  padding: 10px 25px;
}



#navbar .newnav {
  width: 80%;
  text-align: center;
  display: flex;
  justify-content: space-between;
  margin: 0 auto 12px auto;
  list-style: none;
  padding: 0;
}


#navbar .newnav a {
  padding: 5px 0;
}
#navbar .newnav a:hover {
  text-decoration: none;
}


@media (max-width: 1222px) {
  #navbarTop {
    width: 96%;
  }
  #navbar .newnav {
    width: 90%;
  }
  #navbar .newnav a {
    font-size: 13px;
  }
}

@media (max-width: 1024px) {
  #navbarTop {
    width: 99%;
  }
  #navbar .newnav {
    width: 100%;
  }
  #navbar .newnav a {
    font-size: 11px;
  }
}





.search {
  visibility: hidden;
}

.searchBox {
  background-color: #1e3c63;
  height: 70px;
  top: 125px;
  position: absolute;
  width: 100%;
  left: 0px;
}

.image-width-bubble {

  width: 90%;
  position: relative;
}

.bubble {

  position: relative;


  top: -100px;

}

.bubblePlus {
  background-color: #aaa;
  border-radius: 50%;
  display: table;
  width: 70px;
  height: 70px;


}

.bubblePlus i, .bubblePlus span {

  display: block;
  vertical-align: middle;
  text-align: center;
  left: 0%;
  position: relative; /*makes left effective*/
  display: table-cell;
  color: #fff;
  font-size: 45px;
}

.bubbleText {
  vertical-align: middle;
  text-align: left;
  left: 10%;
  position: relative; /*makes left effective*/
  display: table-cell;
  color: #fff;
  font-size: 20px;

}

.bubble.position-left {
  left: -6%;
}

.bubble.position-right {
  left: 27%;
}


.bubble.red .bubblePlus {
  background-color: rgba(30, 60, 99, 1);
  left: 80%;
}


.bubble.blue .bubblePlus {
  background-color: rgba(229, 22, 48, 1);
}


.cta-button {
  margin: 20px;
  text-align: center;
}

.cta-button a {
  background-color: rgba(229, 22, 48, 1);
  color: #fff;
  padding: 5px 20px;
  font-size: 26px;
  text-transform: uppercase;
  font-weight: 600;
}

.cta-button.blue a {
  background-color: rgba(30, 60, 99, 1);
  color: #fff;
  padding: 5px 20px;
  font-size: 26px;
  text-transform: uppercase;
  font-weight: 600;
  width: 298px;
  display: block;
  text-align: center;
}


.send-btn {
  background-color: rgba(229, 22, 48, 1);
  color: #fff;
  padding: 5px 20px;
  font-size: 32px;
  text-transform: uppercase;
  font-weight: 600;
  margin: 20px;
  text-align: center;
  border: 0px;
}

.grid-container-6-6 .cta-button {
  text-align: left;
  margin-left: 0px;
  margin-top: 20px;
  /* margin-top:70px; */
  /* float: left; */

}

.smallbubble {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: rgba(229, 22, 48, 1);
  margin-bottom: 7px;
}

.standard-info-text a, .icon-teaser a {
  font-weight: 600;
  font-style: italic;
  color: rgba(30, 60, 99, 1);
}

.standard-info-text.invertcolor a {
  color: rgba(229, 22, 48, 1);
}

 h1, h2 {
  color: rgba(30, 60, 99, 1);
  font-size: 47px;
  text-transform: uppercase;
  font-weight: 700;
  margin-top: 11px;
  margin-bottom: 11px;
}

h4 {
  color: rgba(229, 22, 48, 1);
  font-size: 32px;
  line-height: 34px;
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 20px;
}

h1.form-headline {
  color: rgba(229, 22, 48, 1);
  text-align: Center;
}


.icon-teaser {
  text-align: center;
}

.icon-teaser h2 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.plusliste ul {
  padding: 0px;
  margin: 0px;
  list-style: none;
}

.plusliste ul li {
  width: 100%;
  float: left;
  margin-bottom: 20px;

}

.plusliste ul li::after {
  clear: both;
}

.plusliste ul li i {

  padding-bottom: 15px;
  border-bottom: 2px solid #ff0000;
  float: left;
  display: block;
  width: 91%;
  padding-left: 12px;
}

.plusliste ul li:last-child i {
  border: 0px;
}

.plus-icon {
  float: left;
  margin-right: 7px;
  width: 30px;
}

.layout-1 .img-responsive .plus-icon {
  min-width: inherit;
}

.timeslider {
  text-align: center;
}

.slick-dots {
  margin: 0px;
  padding: 0px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  border-top: 4px solid rgba(229, 22, 48, 1);
  padding-top: 15px;
  margin-top: 15px;
  list-style: none;
}

.slick-dots li {
  background-color: rgba(229, 22, 48, 1);
  font-weight: bold;
  border: 0px solid black;
  margin-top: -40px;
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  border-radius: 50%;
}

.number {
  background-color: rgba(229, 22, 48, 1);
  font-weight: bold;
  border: 0px solid black;
  width: 53px;
  height: 53px;
  line-height: 53px;
  text-align: center;
  display: block;
  color: #fff;
  border-radius: 50%;
  font-size: 29px;
  margin-bottom: 20px;
}

.timeslider .slick-dots li button {
  display: none;
}

.slick-dots li button {
  background-color: transparent;
  border: 0px;
  color: #fff;
}

.a-left {
  z-index: 1;
  position: absolute;
  left: -35px;
  top: 50px;
}

.a-right {
  z-index: 1;
  position: absolute;
  right: -35px;
  top: 50px;
}

.company-selector .row-col {
  display: table-row;

}

.white {
  color: #fff;
}

.company-row {
  display: none;
}

.company-row:first-child {
  display: block;
}

.company-selector .col {
  display: table-cell;
  height: 362px;
  margin-bottom: 5px;


}

.form-control {

  border-radius: 0;
  height: 50px;
  margin-bottom: 10px;
}

.standard-info-text ul, .standard-info-text ul li {
  margin-left: 10px;
  font-weight: 600;
  padding: 0.01em 0;
}

#c9.grid-container {

  padding-top: 35px;
  padding-bottom: 10px;

}

.footer {
  margin-left: 0;
  margin-right: 0;
  bottom: 0px;
  margin-top: 0px;
  height: 230px;
  padding-top: 50px;
  background-color: rgba(30, 60, 99, 1);
}

.kontaktieren-sie-uns-box .container {
  padding-left: 0;
  padding-right: 0;
}

.footer-nav ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

.footer-nav ul li {
  float: left;
  margin: 5px 10px;
}

.footer-nav ul li a {
  color: #fff;
  font-weight: 600;
}

.news-list-item {
  padding-top: 40px;
  padding-bottom: 40px;
}

.news-list-item:nth-child(odd) {
  background: #eff1f4
}

.news-list-item:nth-child(event) {
  background: #FFF
}


.news-list-item h2, .news-list-item h2 a {
  text-transform: uppercase;
  color: rgba(30, 60, 99, 1);
  font-weight: 700;
}

.news-list-item h3 {
  color: rgba(229, 22, 48, 1);
  margin-top: -4px;
}

.news-list-item .lead {
  font-size: 18px !important;
}

@media screen and (max-width: 480px) {
  [data-aos-delay] {
    transition-delay: 0s !important;
  }
}

.standard-info-text ul li {
  list-style-type: square;
  color: rgba(30, 60, 99, 1);
}

#c253.grid-container {
  padding-bottom: 100px;
}

#c253 .a-right, #c253 .a-left {
  top: 193px;
  height: 50px;
  cursor: pointer;
}

#c67 .a-right, #c67 .a-left {
  cursor: pointer;
  height: 32px;
  top: 25px;
}

#c185 .a-right, #c185 .a-left {
  cursor: pointer;
  height: 20px;
  top: 20px;
}

#c185 .a-right {
  right: -10px;
}

#c185 .a-left {
  left: -10px;
}

#c185 .slick-slide .img-responsive {
  padding: 0 15px;
}

#c253 .numberslider ul.slick-dots {
  margin-top: 50px;

}

#landingPageForm h1.form-headline {
  color: rgba(30, 60, 99, 1);
  margin-bottom: 32px;
}

#c69 .company-row h3 {
  color: #fff;
}

.map-overlay-outer {
  width: 50%;
  height: 500px;
  position: absolute;
  left: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 50px;
  max-width: 650px;
}

.map-overlay {

  z-index: 1;
  padding: 40px;
  background: rgba(14, 29, 48, 0.7);
  color: #fff;
}

.map-overlay > img {
  margin: 20px 0;
  height: 60px;
}

.map-overlay-heading {
  font-size: 36px;
  line-height: 42px;
}

.map-overlay-small {
  font-size: 16px;
}

.map-overlay-first.map-overlay-small {
  margin: 20px 0;
}

#c255 > .container > .row {
  display: flex;
  align-items: center;
}

#c255 .column-1 {
  border-right: 3px solid rgb(239, 239, 239);
}

.kontakt-right {
  padding-left: 50px;
  color: rgba(229, 22, 48, 1);
  font-size: 24px;
  line-height: 26px;
}

.kontakt-right-inner {
  margin: 20px 0;
}

.kontakt-right-inner img {
  height: 50px;
  margin-right: 15px;
}

#c255 {
  margin-top: 30px;
}

#c299 {
  padding: 0;
}

.img-responsive {
  margin: 0 auto;
}

.tab-text-heading {
  margin-top: 0;
  font-size: 32px;
  line-height: 1.2em;
  padding: 10px 0;
  color: #1e3c63;
}

.numberslider .slick-dots li > button:after {
  display: block;
  position: relative;
  padding-top: 7px;
  color: #1e3c63;
  font-size: 12px;
  line-height: 14px;
  width: 0;
  text-align: center;
}

.numberslider .slick-dots .slick-active {
  border: 2px solid #1e3c63;
}

li > button[aria-label="1 of 9"]:after {
  content: "REWE Lager";
  right: 10px;
}

li > button[aria-label="2 of 9"]:after {
  content: "Marketing Services";
  right: 19px;
}

li > button[aria-label="3 of 9"]:after {
  content: "Datenmanagement";
  right: 40px;
}

li > button[aria-label="4 of 9"]:after {
  content: "Category Management";
  right: 20px;
}

li > button[aria-label="5 of 9"]:after {
  content: "Digital Services";
  right: 17px;
}

li > button[aria-label="6 of 9"]:after {
  content: "Logistik";
  right: 15px;
}

li > button[aria-label="7 of 9"]:after {
  content: "Konzepte";
  right: 20px;
}

li > button[aria-label="8 of 9"]:after {
  content: "Messen";
  right: 15px;
}

li > button[aria-label="9 of 9"]:after {
  content: "Weitere Services";
  right: 15px;
}

.unternehmen-brand-popouts .tab-text-outer {
  background-color: #818b97;
  padding: 30px;
  color: #fff;
}

.unternehmen-brand-popouts {
  min-height: 700px;
}

.unternehmen-brand-popouts .hidden {
  display: none;
}

.unternehmen-brand-popouts .brand-img {
  cursor: pointer;
}


/* a.anchor {
    display: block;
    position: relative;
    top: -250px;
    visibility: hidden;
} */

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  50% {
    -webkit-transform: scale(1.4, 1.4);
    -ms-transform: scale(1.4, 1.4);
    transform: scale(1.4, 1.4);
  }

  100% {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  50% {
    -webkit-transform: scale(1.4, 1.4);
    -ms-transform: scale(1.4, 1.4);
    transform: scale(1.4, 1.4);
  }

  100% {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

img.slick-arrow {
  -webkit-animation: pulse 1s linear infinite;
  animation: pulse 1s linear infinite;
}

.form-headline {
  padding-top: 125px;
  padding-bottom: 35px;
}


/* NAVBAR MOBILE */

@media screen and (max-width: 1424px) {
  .map-overlay {
    right: 13%;
  }


  .navbar-fixed-top .container {
    width: auto;
  }



  #navbar ul a {
    padding: 5px 10px;
  }

  #navbarTop ul li a {
    padding: 3px 15px;
  }
}

@media screen and (max-width: 1222px) {
  .navbar-brand .img-responsive {
    height: 50px;
    width: auto;
  }

  #navbar ul {
    top: 110px;
  }

  #navbarTop ul li a {
    padding: 3px 8px;
  }

  .map-overlay-outer {
    width: 100%;
    height: 500px;
    position: absolute;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 50px;
    max-width: none;
  }
}

@media screen and (max-width: 991px) {
  h1, h2 {
    font-size: 36px;
    line-height: 38px;
  }

  .form-control#powermail_field_anrede {
    width: auto;
  }

  .cta-button a {
    font-size: 22px;
  }

  /* Column Ordering */
  .news-list-view .news-list-item:nth-child(even) .container {
    display: flex;
    flex-direction: column;
  }

  .news-list-view .news-list-item:nth-child(even) .container .col-md-6:nth-child(1) {
    order: 2;
  }

  .news-list-view .news-list-item:nth-child(even) .container .col-md-6:nth-child(2) {
    order: 1;
  }

  #navbarTop ul li a {
    font-size: 12px;
  }

}

@media screen and (max-width: 971px) {
  #navbar ul {
    font-size: 0.68em;
    top: 58px;
  }

  .navbar-fixed-top .container {
    height: 100px;
  }

  .navbar-brand {
    float: left;
    padding: 10px 15px;
  }
}
@media screen and (min-width:767px) {
  div.container-fluid:nth-child(2) > div:nth-child(1) > div:nth-child(1) > img:nth-child(2) {
    display:none;
  }
}

@media screen and (max-width: 767px) {
  div.container-fluid:nth-child(2) > div:nth-child(1) > div:nth-child(1) > img:nth-child(1) {
    display: none;
  }

  .a-left {
    left: 0;
    z-index: 1;
  }

  .slick-dots .slick-active {
    border: 2px solid black;
  }

  .a-right {
    right: 0;
    z-index: 1;
  }

  #c67 .a-right, #c67 .a-left {
    height: 26px;
    top: 20px;
  }

  #c253 .a-right, #c253 .a-left {
    height: 26px;
    top: 254px;
  }

  #c253 .slider-item {
    text-align: center;
  }

  #c253 .slider-item .number {
    margin-left: auto;
    margin-right: auto;
  }

  .slider-item {
    padding-left: 20px;
    padding-right: 20px;
  }

  .standard-info-text ul, .standard-info-text ul li {
    margin-left: 15px;
  }

  .kontakt-right {
    padding-left: 0;
  }

  /* Column Ordering */
  #c2975 > .container > .row,
  #c279 > .container > .row,
  #c271 > .container > .row,
  #c1 > .container > .row,
  #c253 > .container > .row,
  /*#c36 > .container > .row,*/
  #c29 > .container > .row,
  #c218 > .container > .row,
  #c210 > .container > .row,
  #c202 > .container > .row,
    /*#c253>.container>.row,*/
  #c185 > .container > .row,
  #c173 > .container > .row,
  #c165 > .container > .row,
  #c159 > .container > .row,
  #c151 > .container > .row,
  #c147 > .container > .row,
  #c134 > .container > .row,
  #c224 > .container > .row,
  #c233 > .container > .row,
  #c243 > .container > .row,
  #c249 > .container > .row,
  #c73 > .container > .row,
  #c405 > .container > .row,
  #c90 > .container > .row,
  #c94 > .container > .row,
  #c103 > .container > .row,
  #c116 > .container > .row,
  #c124 > .container > .row,
  #c128 > .container > .row {
    display: flex;
    flex-direction: column;
  }

  #c2975 > .container > .row .column-1,
  #c279 > .container > .row .column-1,
  #c271 > .container > .row .column-1,
  #c1 > .container > .row .column-1,
  #c253 > .container > .row .column-1,
  /*#c36 > .container > .row .column-1,*/
  #c29 > .container > .row .column-1,
  #c218 > .container > .row .column-1,
  #c210 > .container > .row .column-1,
  #c202 > .container > .row .column-1,
    /*#c253>.container>.row .column-1,*/
  #c185 > .container > .row .column-1,
  #c173 > .container > .row .column-1,
  #c165 > .container > .row .column-1,
  #c159 > .container > .row .column-1,
  #c151 > .container > .row .column-1,
  #c147 > .container > .row .column-1,
  #c134 > .container > .row .column-1,
  #c224 > .container > .row .column-1,
  #c233 > .container > .row .column-1,
  #c243 > .container > .row .column-1,
  #c249 > .container > .row .column-1,
  #c73 > .container > .row .column-1,
  #c405 > .container > .row .column-1,
  #c90 > .container > .row .column-1,
  #c94 > .container > .row .column-1,
  #c103 > .container > .row .column-1,
  #c116 > .container > .row .column-1,
  #c124 > .container > .row .column-1,
  #c128 > .container > .row .column-1 {
    order: 2;
  }

  #c2975 > .container > .row .column-2,
  #c279 > .container > .row .column-2,
  #c271 > .container > .row .column-2,
  #c1 > .container > .row .column-2,
  #c253 > .container > .row .column-2,
  /*#c36 > .container > .row .column-2,*/
  #c29 > .container > .row .column-2,
  #c218 > .container > .row .column-2,
  #c210 > .container > .row .column-2,
  #c202 > .container > .row .column-2,
    /*#c253>.container>.row .column-2,*/
  #c185 > .container > .row .column-2,
  #c173 > .container > .row .column-2,
  #c165 > .container > .row .column-2,
  #c159 > .container > .row .column-2,
  #c151 > .container > .row .column-2,
  #c147 > .container > .row .column-2,
  #c134 > .container > .row .column-2,
  #c224 > .container > .row .column-2,
  #c2793 > .container > .row .column-2,
  #c243 > .container > .row .column-2,
  #c249 > .container > .row .column-2,
  #c73 > .container > .row .column-2,
  #c405 > .container > .row .column-2,
  #c90 > .container > .row .column-2,
  #c94 > .container > .row .column-2,
  #c103 > .container > .row .column-2,
  #c116 > .container > .row .column-2,
  #c124 > .container > .row .column-2,
  #c128 > .container > .row .column-2 {
    order: 1;
  }

  #c10 .col-sm-4 {
    padding-top: 20px;
    padding-bottom: 20px;
  }


  #c69 .company-selector .company-row .col-xs-6 {
    width: 100%;
  }

  .unternehmen-brand-popouts > .row {
    padding-left: 15px;
    padding-right: 15px;
  }

  .unternehmen-brand-popouts > .row .col-xs-2 {
    padding-left: 0;
    padding-right: 0;
  }

  .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height: 640px;
  }

  #navbar {
    margin-left: -25px;
    margin-right: -25px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }

  #navbar .newnav {
    display: block;
  }

  #navbar ul {
    position: absolute;
    left: 275px;
    text-align: left;
    padding: 0 15px;
    position: relative;
    background-color: #f6f6f6;
    text-align: left;
    width: 60%;
    left: 0;
    top: 0;
  }

  #navbar ul li:hover a, #navbar ul li .current {
    border-bottom: 3px solid white;
  }

  #navbar ul li:last-child a {
    padding-bottom: 15px;
    border-bottom: 3px solid rgba(30, 60, 99, 1);
  }

  #navbar ul li:first-child a {
    padding-top: 15px;
  }

  #navbar ul:last-child li:last-child a {
    border-bottom: 3px solid #f6f6f6;
  }

  .navbar-inverse .navbar-toggle .icon-bar {
    background-color: rgba(30, 60, 99, 1);
  }

  .plusliste ul li i {
    width: 89%;
  }

  .navbar-collapse.collapse.show {
    max-height: 678px;
    overflow-y: auto;
  }

  .navbar-toggle {
    position: fixed;
    /* top: 5px; */
    top: 10px;
    right: 0;
    color: #666e70;
    border: none;
    margin-right: 20px;
  }

  .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #fff;
  }

  .navbar-toggle .icon-bar + .icon-bar {
    margin-top: 7px;
  }

  .navbar-toggle .icon-bar {
    width: 25px;
    height: 3px;
    border-radius: 1px;
  }

  .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border: none;
  }

  #navbar ul a {
    color: rgb(88, 101, 117);
    font-size: 14px;
    line-height: 24px;
    font-style: italic;
    font-weight: normal;
    text-transform: capitalize;
    padding: 5px 10px;
    border-bottom: 3px solid white;
  }

  .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .active > a {
    background: none;
    box-shadow: none;
  }

  .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    background-color: rgba(255, 255, 255, 0);
  }

  .navbar-brand {
    padding: 10px 0;
  }

  .navbar-fixed-top .container {
    /* height: 70px; */
    height: 80px;
  }

  .navbar-header {
    /* height: 64px; */
    height: 80px;
  }

  .navbar-nav {
    margin: 0;
  }

  .navbar-collapse {
    padding: 0;
  }

  .search {
    display: none !important;
  }

  .main-container {
    padding-top: 68px;
  }

  h1, h2 {
    color: rgba(30, 60, 99, 1);
    font-size: 31px;
  }

  h4 {
    font-size: 24px;
    line-height: 24px;
  }

  .cta-button a {
    font-size: 20px;
  }

  .grid-container {
    padding-top: 25px;
    padding-bottom: 25px;
  }

  #c255 > .container > .row {
    width: 100%;
    display: block;
  }

  #c255 .column-1 {
    border-right: none;
  }

  .tab-text-heading {
    font-size: 26px;
  }

  #c533 .slider-item .col-xs-6 {
    width: 100%;
  }

  .numberslider .slick-dots li > button::after {
    content: "";
  }

  .slick-dots li {
    background-color: rgba(229, 22, 48, 1);
    font-weight: bold;
    border: 0px solid black;
    margin-top: -30px;
    width: 25px;
    height: 25px;
    line-height: 23px;
    text-align: center;
    border-radius: 50%;
    font-size: 10px;
  }

  #c36 .icon-teaser {
    margin: 40px 0;
  }
}

@media screen and (max-width: 600px) {
  .map-overlay-heading {
    font-size: 24px;
    line-height: 36px;
  }

  .map-overlay-outer {
    padding: 0;
  }

  .plusliste {
    float: left;
  }

  .plusliste {
    isplay: block;
    position: relative;
    z-index: 1;
  }
}

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.input-row input {
  background-color: transparent;
  color: #fff;
  font-size: 20px;
  border: 0px;
  border-bottom: 2px #ff0000;
}

.searchBox {
  display: none;
}

.buttonWithPopup .popup {
  background-color: rgb(229, 22, 48);
  border: 10px solid #fff;
  width: 450px;

}


.buttonWithPopup .popup h2, .buttonWithPopup .popup h3 {
  color: #ffF;
  margin-bottom: 0px;
  margin-top: 0;

}

.buttonWithPopup .popup h2 {
  font-weight: bold;
}

.buttonWithPopup .popup .plusliste {
  color: #ffF;

}

.popup .modal-content {
  box-shadow: none;
  border: 0px;
  background-color: transparent;
}

.popup .modal-content .modal-header {
  padding: 0;
  border-bottom: 0;
}

.popup .modal-content .modal-header .close {
  display: none;
}


.popup .modal-content .modal-footer {
  padding: 0;
  text-align: right;
  border-top: 0;
}

.buttonWithPopup .popup .cta-button a {
  background-color: rgba(30, 60, 99, 1);
  color: #fff;
  padding: 5px 20px;
  font-size: 26px;
  text-transform: uppercase;
  font-weight: 600;
  width: 340px;
  display: block;
  text-align: center;
  margin: 0 auto;
}

.buttonWithPopup .popup .plusliste ul li i {
  border-bottom: 2px solid #fff;
}


/* Cookie banner cookieman */

.cookieman-plusbutton {
  font-size: 15px;
}

/* #cookieman-modal {
    display: flex !important;
    justify-content: center;
}

.modal.in .modal-dialog {
position: fixed;
bottom: 0;
} */

.modal-dialog {
  margin-top: 400px !important;
}

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

  .modal-dialog {
    margin-top: 120px !important;
  }

}

#cookieman-modal [data-toggle=collapse][data-target="#cookieman-settings"]:after {
  font-size: 1rem;
  right: 0px !important;
  content: "";
}

.send-btn-outline {
  background-color: rgba(255, 255, 255, 1);
  color: #1e3c63;
  padding: 5px 15px;
  font-size: 20px;
  font-weight: 400;
  margin: 2px;
  text-align: center;
  border-color: #1e3c63;
}

.send-btn-red {
  background-color: rgba(255, 255, 255, 1);
/ / color: rgb(229, 22, 48);
  color: #1e3c63;
  padding: 5px 15px;
  font-size: 15px;
  font-weight: 400;
  margin: 2px;
  text-align: center;
/ / border-color: rgb(229, 22, 48);
  border-color: #1e3c63;
}


.send-btn-primary {
  background-color: #1e3c63;
  color: #fff;
  padding: 5px 15px;
  font-size: 15px;
  font-weight: 400;
  margin: 2px;
  text-align: center;
  border-color: #1e3c63;
}

.send-btn-primary:hover {
  color: rgb(229, 22, 48);
}

.send-btn-secondary {
  background-color: rgba(255, 255, 255, 1);
  color: #818b97;
  padding: 5px 15px;
  font-weight: 400;
  margin: 2px;
  text-align: center;
  border-color: #818b97;
}

#cookieman-settings .card-header {
  position: relative;
  padding: 5px;
}


/* Google Map Overlay */

#DSGVOoverlay {
  position: absolute; /* Sit on top of the page content */
  display: none; /* Hidden by default */
  width: 100%; /* Full width (cover the whole page) */
  height: 505px; /* Full height (cover the whole page) */
  top: 27%;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(221, 226, 233, 0.9); /* Black background with opacity */
  z-index: 0; /* Specify a stack order in case you're using a different order for other elements */
  cursor: pointer; /* Add a pointer on hover */
  display: flex;
}

@media screen and (max-width:767px){
  #c36 > .container > .row .column-1,
  #c253 > .container > .row .column-1 {
    order: 2;
  }
  #c36 > .container > .row .column-2,
  #c253 > .container > .row .column-2 {
    order: 1;
  }

  #c253 > .container > .row,
  #c36 > .container > .row,
  #c253 > .container > .row {
    display: flex;
    flex-direction: column;
  }
  #c253 > .container > .row .column-1,
  #c36 > .container > .row .column-1,
  #c253 > .container > .row .column-1 {
    order: 2;
  }
  #c253 > .container > .row .column-2,
  #c36 > .container > .row .column-2,
  #c253 > .container > .row .column-2 {
    order: 1;
  }
}


.nav.navbar-nav.visible-xs-block li:first-child {
  display: none;
}



body div.sg-cookie-optin-iframe-consent button {
  background-color: #88c349;
}

body div.sg-cookie-optin-iframe-consent button:hover {
  background-color: #70a13d;
}

body div.sg-cookie-optin-iframe-consent a {
  font-size: 19px;
  font-weight: 400;
}

body #SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-box-description,
body #SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-box-cookie-detail-list .sg-cookie-optin-box-cookie-detail-description {
  font-size: 12px;
}

body #SgCookieOptin .sg-cookie-optin-box-description a {
  font-weight: 700;
}

body #SgCookieOptin .sg-cookie-optin-box-footer-links {
  font-weight: 700;
}

body #SgCookieOptin .sg-cookie-optin-box-footer-user-hash-container {
  margin-top: 20px;
  font-size: 11px;
}

.form_field_doppel {
  margin-left: -5248775px;
  position: absolute;
}


.hero {
  position: relative;
  background-color: #eee;
  max-height: calc(100vh - 100px);
  overflow: hidden;
  margin-bottom: 15px;
}

.hero .heroSlider .slick-dots li button {
  padding-top: 10px;
}
.hero .heroSlider .slick-dots li {
  border: none;
}

.hero .heroSlider img {
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 100vh;
  position: relative;
  z-index: 1;
}

.hero .heroText {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
  top: 44vh;
  color: #fff;
  z-index: 2;
}

.hero .heroText h1 {
  color: #fff;
  text-shadow: 2px 2px 2px rgba(0,0,0,0.32);
  text-transform: none;
  font-weight: 600;
  font-size: 64px;
}

.hero .heroRow {
  position: relative;
}

.hero .slick-slider {
  position: initial;
}

.hero .slick-dots {
  position: absolute;
  bottom: 32px;
  left: 0;
  width: 100%;
  justify-content: center;
  border: none;
  z-index: 100;
}

.hero .heroText a.moreButton {
  display: inline-block;
  border: 1px solid #fff;
  color: #fff;
  background-color: transparent;
  padding: 2px 9px;
  margin-top: 14vh;
  text-shadow: 0 0 3px rgba(0,0,0,0.25);
  border-radius: 7px;
}

.hero .heroText a.moreButton:hover {
  text-decoration: none;
}

.hero .slick-dots li {
  width: 15px;
  height: 15px;
  overflow: hidden;
  margin-right: 5px;
  background-color: #fff;
}

.hero .slick-dots li.slick-active {
  background-color: rgba(229, 22, 48, 1);
}



.standard-info-text {
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover;
}

.layout-1 .img-responsive,
.layout-1 .thumbnail > img,
.layout-1 .thumbnail a > img,
.layout-1 .carousel-inner > .item > img,
.layout-1 .carousel-inner > .item > a > img {
  min-width: 100%;
}

.layout-1 .img-responsive.plus-icon {
  min-width: initial;
}

#navbarTop ul li#navitem248 {
  background-color: rgba(30, 60, 99, 1);
}

#navbarTop ul li#navitem9 {
  background-color: rgba(229, 22, 48, 1);
}

.mainStage {
  width: 100%;
}

.social-media img {
  width: 45px;
  height: 45px;
}

.social-media a:last-child img {
  margin-left: 2px;
}

.layout-1,
.layout-3 {
  padding-top: 0;
  padding-bottom: 0;
  background-color: #f4f5f7;
}

.layout-1 .standard-info-text .blue,
.layout-3 .standard-info-text .blue {
  color: rgba(30, 60, 99, 1) !important;
}

.layout-1 .container,
.layout-3 .container {
  width: 100% !important;
}

.layout-1 .container .standard-info-text,
.layout-3 .container .standard-info-text {
  padding: 80px 20px 20px 40px;
}

.layout-1 .container .column,
.layout-3 .container .column {
  padding: 0;
}

.layout-1.grid-container-4-4-4,
.layout-3.grid-container-4-4-4 {
  margin: 20px 0;
}

.layout-1 .container .respsonive-wrapper,
.layout-1 .container .standard-info-text,
.layout-3 .container .respsonive-wrapper,
.layout-3 .container .standard-info-text {
  aspect-ratio: 1 / 1;
  overflow: hidden;
}

.layout-1 .container .singleColumn .respsonive-wrapper,
.layout-1 .container .singleColumn .standard-info-text,
.layout-3 .container .singleColumn .respsonive-wrapper,
.layout-3 .container .singleColumn .standard-info-text {
  aspect-ratio: 2 / 1;
}

.layout-1 .container .singleColumn .standard-info-text .freitext,
.layout-3 .container .singleColumn .standard-info-text .freitext {
  width: 40%;
}

.layout-1 .container .singleColumn .standard-info-text,
.layout-3 .container .singleColumn .standard-info-text {
  padding: 160px 20px 20px 40px;
}

.layout-1 .container .standard-info-text,
.layout-3 .container .standard-info-text {
  overflow: auto;
}

.layout-1 .container .standard-info-text h4,
.layout-3 .container .standard-info-text h4 {
  width: 80%;
  max-width: 682px;
  font-weight: 600;
}

.layout-1 .container .standard-info-text h5.fliesstext,
.layout-3 .container .standard-info-text h5.fliesstext {
  font-size: 22px;
  font-weight: 600;
}

.layout-1.grid-container-12 .container .standard-info-text h4,
.layout-3.grid-container-12 .container .standard-info-text h4 {
  width: 47%;
}

.layout-1 .container .standard-info-text.red,
.layout-3 .container .standard-info-text.red {
  background: url("/fileadmin/fuer-sie-eg.de/red_bg.jpg") repeat-y top center / 100% auto !important;
}

.layout-1 .container .standard-info-text.blue,
.layout-3 .container .standard-info-text.blue {
  background: url("/fileadmin/fuer-sie-eg.de/blue.jpg") repeat-y top center / 100% auto !important;
}

.layout-1 .container .standard-info-text.lightblue,
.layout-3 .container .standard-info-text.lightblue {
  background: #7a94b0;
}

.layout-1 .container .respsonive-wrapper img,
.layout-3 .container .respsonive-wrapper img {
  display: block;
  width: 100%;
  height: 103%;
  object-fit: cover;
  object-position: center center;
}

.layout-1 .container .standard-info-text.invertcolor .smallbubble,
.layout-3 .container .standard-info-text.invertcolor .smallbubble {
  position: absolute;
  width: 50px;
  height: 50px;
  left: -27px;
  top: 60px;
}

.layout-1 .container .standard-info-text.invertcolor .smallbubble + .smallbubble,
.layout-3 .container .standard-info-text.invertcolor .smallbubble + .smallbubble {
  top: 120px;
}

.layout-1 .container .standard-info-text.invertcolor,
.layout-1 .container .standard-info-text.invertcolor h1,
.layout-1 .container .standard-info-text.invertcolor h2,
.layout-1 .container .standard-info-text.invertcolor h3,
.layout-1 .container .standard-info-text.invertcolor h4,
.layout-1 .container .standard-info-text.invertcolor a,
.layout-3 .container .standard-info-text.invertcolor,
.layout-3 .container .standard-info-text.invertcolor h1,
.layout-3 .container .standard-info-text.invertcolor h2,
.layout-3 .container .standard-info-text.invertcolor h3,
.layout-3 .container .standard-info-text.invertcolor h4,
.layout-3 .container .standard-info-text.invertcolor a {
  color: #fff;
}

.layout-1 .container .singleColumn .standard-info-text.invertcolor h1,
.layout-1 .container .singleColumn .standard-info-text.invertcolor h2,
.layout-1 .container .singleColumn .standard-info-text.invertcolor h3,
.layout-1 .container .singleColumn .standard-info-text.invertcolor a,
.layout-3 .container .singleColumn .standard-info-text.invertcolor h1,
.layout-3 .container .singleColumn .standard-info-text.invertcolor h2,
.layout-3 .container .singleColumn .standard-info-text.invertcolor h3,
.layout-3 .container .singleColumn .standard-info-text.invertcolor a {
  color: rgba(229, 22, 48, 1);
}

.layout-1 .standard-info-text.invertcolor .button_white,
.layout-3 .standard-info-text.invertcolor .button_white {
  background-color: #fff;
  color: rgba(30, 60, 99, 1) !important;
  padding: 4px 12px;
  font-size: 20px;
  font-style: normal;
  text-transform: uppercase;
  margin-bottom: 10px;
  display: inline-block;
}

.layout-1 .standard-info-text.invertcolor .button_white:hover,
.layout-1 .standard-info-text .button_blue:hover,
.layout-1 .standard-info-text .button_red:hover,
.layout-3 .standard-info-text.invertcolor .button_white:hover,
.layout-3 .standard-info-text .button_blue:hover,
.layout-3 .standard-info-text .button_red:hover {
  text-decoration: none;
}

.layout-1 .standard-info-text .button_blue,
.layout-3 .standard-info-text .button_blue {
  background-color: rgba(30, 60, 99, 1);
  color: #fff;
  padding: 4px 12px;
  font-size: 20px;
  font-style: normal;
  text-transform: uppercase;
  margin-bottom: 10px;
  display: inline-block;
}

.layout-1 .standard-info-text .button_red,
.layout-3 .standard-info-text .button_red {
  background-color: rgba(229, 22, 48, 1);
  color: #fff;
  padding: 4px 12px;
  font-size: 20px;
  font-style: normal;
  text-transform: uppercase;
  margin-bottom: 10px;
  display: inline-block;
}

.layout-1 .standard-info-text.invertcolor ul li,
.layout-3 .standard-info-text.invertcolor ul li {
  color: #fff;
}

.layout-1 .container .standard-info-text.bottomCenter,
.layout-3 .container .standard-info-text.bottomCenter {
  min-height: 400px;
}

.container .standard-info-text.bottomCenter .txE .smallbubble {
  display: none;
}

.layout-1 .container .standard-info-text.bottomCenter .txE,
.layout-3 .container .standard-info-text.bottomCenter .txE {
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  padding: 20px;
  width: 100%;
}

.standard-info-text.bottomCenter .txE {
  text-align: center;
}

.layout-1 .container .standard-info-text.bottomCenter h4,
.layout-1 .container .standard-info-text.bottomCenter .freitext,
.layout-3 .container .standard-info-text.bottomCenter h4,
.layout-3 .container .standard-info-text.bottomCenter .freitext {
  margin-right: auto;
  margin-left: auto;
}

.layout-1 .container .standard-info-text .icon,
.layout-3 .container .standard-info-text .icon {
  position: absolute;
  right: 80px;
  bottom: 50px;
  width: 230px;
  height: 210px;
  object-fit: contain;
}

.layout-3 .container .standard-info-text .icon {
  bottom: calc(50% - 150px);
  width: 453px;
  height: 310px;
}

.layout-1 .standard-info-text ul,
.layout-1 .standard-info-text ul li,
.layout-3 .standard-info-text ul,
.layout-3 .standard-info-text ul li {
  font-weight: 400;
}

.layout-1 .container .logogrid,
.layout-3 .container .logogrid {
  padding-top: 20px;
  width: 100%;
}

.layout-1 .container .logogrid:after {
  content: "";
  border-bottom: 5px solid #fff;
  position: absolute;
  top: 49%;
  left: 0;
  display: block;
  width: 100%;
  z-index: 1;
}

.layout-1 .container .logogrid .logoCol {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  width: 11.41%;
  float: left;
  margin-bottom: 20px;
  z-index: 2;
}

.layout-1 .container .logogrid .logoCol:first-child {
  margin-left: 10%;
}

.layout-1 .container .logogrid .logoCol:last-child {
  margin-right: 10%;
}

.layout-0 .container .logogrid .logoCol {
  margin-bottom: 4%;
}

.layout-1 .column-2 .freitext {
  width: 90%;
}

.linkBox:hover {
  cursor: pointer;
}

#contactSidebar {
  position: fixed;
  z-index: 10000;
  right: 8px;
  top: calc(50% - 80px);
  text-align: right;
}
#contactSidebar a {
  background-color: rgba(30, 60, 99, 1);
  border-radius: 25px;
  color: #fff;
  font-size: 18px;
  padding: 9px 1px;
  text-decoration: none;
}
#contactSidebar a:hover {
  padding: 9px 1px 9px 20px;
}
#contactSidebar a span {
  display: none;
  padding-right: 10px;
}
#contactSidebar a:hover span {
  display: initial;
}
#contactSidebar a:after {
  content: "";
  display: inline-block;
  width: 45px;
  height: 45px;
  position: relative;
  top: 24px;
  left: 6px;
}
#contactSidebar a.tel:after {
  background: url(/fileadmin/fuer-sie-eg.de/Bilder/2022/icons/icon-telefon.svg) no-repeat center center / 100% auto;
}
#contactSidebar a.email:after {
  background: url(/fileadmin/fuer-sie-eg.de/Bilder/2022/icons/icon-mail.svg) no-repeat center center / 100% auto;
  top: 25px;
}
#contactSidebar a.contact:after {
  background: url(/fileadmin/fuer-sie-eg.de/Bilder/2022/icons/icon-kontakt.svg) no-repeat center center / 100% auto;
  left: 3px;
}


/* BLOG */
.postlist .postlist__kat {
  position: absolute;
  background-color: rgba(30, 60, 99, 1);
  color: #fff;
  padding: 2px 12px;
  font-weight: 600;
}

.postlist .postlist__posttitle {
  font-size: 36px;
}

.postlist .postlist__subtitle {
  font-size: 30px;
}

.postlist .col-sm-6 {
  float: none;
}

.postlist .txtEnv {
  padding: 30px 30px;
}

.postlist .txtEnv .postmetagroup__item--published {
  padding-left: 0;
}

.postmetagroup__body {
  margin-left: 0;
}

article.postlist__post {
  padding: 5px;
  margin-bottom: 20px;
}

article.postlist__post:hover {
  background-color: #e8ecef;
}

.blogimage img {
  width: 100%;
  height: auto;
}

/*.postmetagroup__icon,*/
/*.postmetagroup__prefix {*/
/*  display: none;*/
/*}*/

.postmetagroup__list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.postmetagroup__list:after {
  content: "";
  clear: both;
  display: table;
}

.postmetagroup__list li {
  float: left;
  background-color: #eff0f1;
  border-radius: 6px;
  padding: 2px 24px;
  margin-right: 10px;
  margin-bottom: 7px;
}

.postmetagroup__list li:not(:last-child)::after {
  content: "";
}

.postmetagroup__item--published time {
  font-style: italic;
  font-weight: 600;
  padding-left: 30px;
  position: relative;
}

.postlist .alert.alert-info {
  display: none;
}

.postmetagroup__item--published time:before {
  content: "";
  display: block;
  position: absolute;
  width: 25px;
  height: 25px;
  top: 0;
  left: 0;
  background: url(/typo3conf/ext/tmpl/Resources/Public/fuer-sie-eg.de/images/write.png) no-repeat center center / 100% auto;
}

.blogwidgetlist--categories {
  text-align: center;
  list-style-type: none;
  padding: 0;
  margin: 0 0 16px 0 !important;
}

.blogwidgetlist--categories li {
  background-color: #eff0f1;
  border-radius: 6px;
  padding: 2px 24px;
  margin-right: 10px;
  margin-bottom: 10px;
  display: inline-block;
}

.blogwidgetlist--categories li.active {
  background-color: rgba(30, 60, 99, 1);
  color: #fff !important;
}

.blogwidgetlist--categories li.active a {
  color: #fff !important;
}

.postmetagroup__item--tags {
  padding-left: 0;
}

.postlist__more {
  font-style: italic;
  font-weight: 600;
}

.blogpagination {
  position: absolute;
  bottom: 0;
}

/* blog detail */
.postheader__featuredimage {
  position: relative;
  margin-bottom: 20px;
}

.postheader__env {
  position: absolute;
  top: 45%;
  left: 13%;
  width: 74%;
  text-align: center;
  color: #fff;
}

.postheader__title {
  color: #fff;
  text-shadow: 2px 2px 2px rgba(0,0,0,0.32);
}

.postmetagroup--simple {
  display: inline-block;
  text-align: center;
}

.frame-layout-2 .postmetagroup__item--published time {
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.32);
}

.postmetagroup__item--authors,
.postmetagroup__item--comments {
  display: none;
}

.blogarchiveheader__titlelink {
  display: none;
}

.postlist--bycategory {
  min-height: 150px;
}

.alert-info {
  margin-top: 20px;
}


.layout-2 {
  background-color: #eee;
  margin-bottom: 40px;
}

.layout-2 h1,
.layout-2 h2,
.layout-2 h3,
.layout-2 h4,
.layout-2 h5 {
  text-align: center;
}

.layout-2 > .container {
  padding: 60px 180px;
}

.layout-2 .ce-gallery,
.layout-2 .img-responsive {
  margin: 30px 0;
}


.blogDetailFooter .postlist .postlist__posttitle {
  font-size: 26px;
}

.blogDetailFooter .blogwidget__content {
  margin: 10px 0 20px 0;
}

.blogDetailFooter .postmetagroup__list li {
  display: none;
}

.blogDetailFooter .blogwidgetlist__item {
  background-color: #eff0f1;
  border-radius: 6px;
  padding: 2px 24px;
  margin-right: 10px;
  margin-bottom: 10px;
  display: inline-block;
}
.blogDetailFooter .blogwidgetlist__item .blogbadge {
  border: none;
}

.blogDetailFooter > .container > .row {
  text-align: center;
}

.blogDetailFooter .blogwidget__content {
  text-align: center;
}

.blogDetailFooter .col-sm-6 {
  width: 33%;
}
.blogDetailFooter .postlist .col-sm-6 {
  float: left;
}



/* Download Center */

.dlHead {
  padding-top: 40px;
}

.dlHead strong {
  color: #aaa;
}

.dlHead h1 {
  color: #fff;
  margin-top: 0;
}

.dlHead .filter label {
  color: #fff;
  margin-left: 10px;
}

.dlHead .filter label:hover {
  cursor: pointer;
}

.dlHead .filter input[type="checkbox"] + label {
}

.dlHead .filter input[type="checkbox"] {
  position: relative;
  left: 15px;
  top: -4px;
  z-index: 0;
  -webkit-appearance: none;
}

.dlHead .filter input[type="checkbox"] + label::before {
  width: 15px;
  height: 15px;
  background-color: transparent;
  display: block;
  content: "";
  float: left;
  margin-right: 12px;
  margin-top: 4px;
  z-index: 5;
  position: relative;
  border: solid 1px #fff;
}

.dlHead .filter input[type="checkbox"]:checked+label::before {
  background-color: #fff;
}

.dlHead {
  background: url("/fileadmin/fuer-sie-eg.de/red_bg.jpg") repeat-y top center / 100% auto !important;
  padding: 100px 0 73px 0;
  margin-top: -69px;
  overflow: hidden;
  position: relative;
}

.dlHead .smallbubble {
  width: 120px;
  height: 120px;
  position: absolute;
  top: 20px;
  left: -60px;
}

.dlHead .smallbubble + .smallbubble {
  top: 150px;
}


.dlCenter  {
  background: #eee url(/fileadmin/fuer-sie-eg.de/Bilder/2022/background/download_info.png) no-repeat top left / 12vw auto;
  margin-top: 20px;
  min-height: 400px;
}

.dlCenter a.view {
  background: url(/fileadmin//fuer-sie-eg.de/Bilder/2022/icons/show_icon.png) no-repeat center center / 40px auto;
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-top: 8px;
}

.dlCenter a.dl {
  background: url(/fileadmin//fuer-sie-eg.de/Bilder/2022/icons/dl_icon.png) no-repeat center center / 40px auto;
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-top: 8px;
}

.dlCenter ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.dlCenter ul li {
  margin: 0;
  padding: 0 1.8vw;
  text-align: center;
  font-size: 12px;
  line-height: 14px;
  height: 255px;
}

.dlCenter ul li img {
  display: block;
  height: 130px;
  width: 100%;
  object-fit: contain;
  margin-bottom: 10px;
}




@media (max-width: 1400px) {
  body {
    font-size: 14px;
  }
  h2 {
    font-size: 49px;
  }
  h4 {
    font-size: 28px;
  }
  .layout-1 .container .standard-info-text {
    padding: 60px 20px 20px 40px;
  }
  .layout-1 .container .standard-info-text .icon {
    right: 30px;
    bottom: 20px;
    width: 180px;
    height: 160px;
  }
  .layout-1 .container .standard-info-text h4,
  .layout-3 .container .standard-info-text h4 {
    width: 100%;
  }
  .hero .heroText {
    top: 40vh;
  }
  .dlCenter  {
    background: #eee;
  }
}

@media (max-width: 1222px) {
  body {
    font-size: 14px;
  }
  .layout-1 .container h1,
  .layout-3 .container h1 {
    font-size: 38px;
  }
  .layout-1 .container .standard-info-text,
  .layout-3 .container .standard-info-text {
    padding: 40px 12px 12px 25px;
  }
  .smallbubble {
    width: 14px;
    height: 14px;
  }
  .layout-1 .container .respsonive-wrapper,
  .layout-1 .container .standard-info-text,
  .layout-3 .container .respsonive-wrapper,
  .layout-3 .container .standard-info-text {
    aspect-ratio: 2.5 / 3;
  }
  .layout-1 .container .standard-info-text.invertcolor .smallbubble,
  .layout-3 .container .standard-info-text.invertcolor .smallbubble {
    left: -31px;
  }
  .layout-1 .container .standard-info-text .icon,
  .layout-3 .container .standard-info-text .icon {
    right: 20px;
    bottom: 10px;
    width: 140px;
    height: 130px;
  }
  .layout-3 .container .standard-info-text .icon {
    width: 300px;
    height: 200px;
    bottom: calc(50% - 100px);
  }
  .layout-1 .container .singleColumn .standard-info-text,
  .layout-3 .container .singleColumn .standard-info-text {
    padding: 110px 20px 20px 40px;
  }
}

@media (max-width: 991px) {
  h2 {
    font-size: 44px;
  }
  h4 {
    font-size: 24px;
  }
  body {
    font-size: 14px;
  }
  .layout-1 .container h1, .layout-1 .container h2,
  .layout-3 .container h1, .layout-1 .container h2 {
    font-size: 32px;
    margin-top: 8px;
    margin-bottom: 8px;
    hyphens: auto;
  }
  .layout-1 .container h4,
  .layout-3 .container h4 {
    font-size: 28px;
    margin-bottom: 16px;
  }
  .layout-1 .container .standard-info-text,
  .layout-3 .container .standard-info-text {
    position: relative;
    padding: 40px 10px 10px 20px;
  }

  .layout-1 .container .respsonive-wrapper,
  .layout-1 .container .standard-info-text,
  .layout-3 .container .respsonive-wrapper,
  .layout-3 .container .standard-info-text {
    aspect-ratio: 2 / 3;
  }
  .layout-1 .container .standard-info-text.invertcolor .smallbubble,
  .layout-3 .container .standard-info-text.invertcolor .smallbubble {
    left: -36px;
  }
  .layout-1 .container .singleColumn .standard-info-text,
  .layout-3 .container .singleColumn .standard-info-text {
    padding: 60px 20px 20px 40px;
  }
  .layout-1 .container .singleColumn .standard-info-text .freitext,
  .layout-3 .container .singleColumn .standard-info-text .freitext {
    width: 55%;
  }
  .layout-1 .container .standard-info-text.bottomCenter .freitext,
  .layout-3 .container .standard-info-text.bottomCenter .freitext {
    line-height: 1.15;
  }
  .layout-1 .container .standard-info-text.bottomCenter .txE,
  .layout-3 .container .standard-info-text.bottomCenter .txE {
    padding: 20px 20px 0 20px;
  }
  .hero .heroText {
    height: 33vh;
  }
  .hero .heroText a.moreButton {
    margin-top: 11vh;
  }
  .layout-2 > .container {
    padding: 50px 80px;
  }
  .postlist .txtEnv {
    padding: 30px 16px;
  }
}

@media (max-width: 768px) {
  .hero .heroText h1 {
    font-size: 53px;
  }
  h2 {
    font-size: 40px;
  }
  h4 {
    font-size: 28px;
  }
  .layout-1 .container .respsonive-wrapper,
  .layout-3 .container .respsonive-wrapper {
    aspect-ratio: 1 / 1;
  }
  .layout-1 .container .standard-info-text,
  .layout-3 .container .standard-info-text {
    aspect-ratio: auto;
  }
  .layout-1 .container .singleColumn .standard-info-text,
  .layout-3 .container .singleColumn .standard-info-text {
    aspect-ratio: auto;
  }
  .layout-1 .container .singleColumn .standard-info-text .freitext,
  .layout-3 .container .singleColumn .standard-info-text .freitext {
    width: 100%;
  }
  .layout-1 .column-2 .freitext,
  .layout-3 .column-2 .freitext {
    width: 100%;
  }
  .layout-1 .container .singleColumn .standard-info-text,
  .layout-3 .container .singleColumn .standard-info-text {
    padding: 80px 20px 20px 40px;
  }
  .hero .heroText {
    height: 22vh;
    bottom: 0;
  }
  .hero .heroSlider img {
    height: 70vh;
  }
  .hero .heroText {
    top: 30vh
  }
  .hero .heroText h1 {
    font-size: 37px;
  }
  .hero .heroText a.moreButton {
    margin-top: 11vh;
  }
  .layout-1 .container .standard-info-text .icon,
  .layout-3 .container .standard-info-text .icon {
    position: initial;
  }
  .layout-3 .container .standard-info-text .icon {
    margin: 0 auto;
    display: block;
  }
  .layout-1 .container .logogrid {
    height: 100px
  }
  .layout-1 .container .logogrid:after {
    border-bottom: 2px solid #fff;
  }
  .layout-1 .container .logogrid .logoCol {
    padding-left: 5px;
    padding-right: 5px;
    width: 13.41%;
  }
  .layout-1 .container .logogrid .logoCol:first-child {
    margin-left: 3%;
  }
  .layout-1 .container .logogrid .logoCol:last-child {
    margin-right: 3%;
  }
  .postlist .txtEnv {
    padding: 16px 22px;
  }
  #contactSidebar {
    display: none;
  }
  .postheader__env {
    width: 90%;
    left: 5%;
  }
  .layout-2 > .container {
    padding: 40px 20px;
  }
}