@import url("https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.2.0/assets/owl.carousel.min.css");
@import url("https://cdn.jsdelivr.net/mediaelement/latest/mediaelementplayer.min.css");

/* Für LP Headlines, OK, 11.04.2018 */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:700');



.main .cms-container .carousel-teaser .owl-carousel {
  padding: 45px 80px 40px 80px;
  background: #F2F2F2;
  margin-bottom: 20px;
}
@media only screen and (max-width: 580px) {
  .main .cms-container .carousel-teaser .owl-carousel { 
    padding-left: 67px;
    padding-right: 67px;
  }
}
.main .cms-container .carousel-teaser .owl-carousel .owl-item .title {
  font-weight: 700;
  color: #111111;
  padding-top: 7px;
  display: block;
}
.main .cms-container .carousel-teaser .owl-carousel .owl-item .carousel-link-more {
  height: 187px;
  color: #FFFFFF;
  text-align: center;
  font-size: 20px;
  line-height: 28px;
  font-weight: 900;
  text-transform: uppercase;
  background: #ef3631;
  border: 3px solid transparent;
}
.main .cms-container .carousel-teaser .owl-carousel .owl-item .carousel-link-more:hover {
  border-color: #ef3631;
  color: #ef3631;
  background: transparent;
}
.main .cms-container .carousel-teaser .owl-carousel .owl-nav > div {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 15px;
  height: 26px;
  text-indent: -9999px;
  background-image: url(https://shop.brigitte.de/s/media/stores/brigitte/sprite.png);
  background-repeat: no-repeat;
}
.main .cms-container .carousel-teaser .owl-carousel .owl-nav > div.owl-prev {
  left: 18px;
  background-position: -2px -204px;
}
.main .cms-container .carousel-teaser .owl-carousel .owl-nav > div.owl-next {
  right: 18px;
  background-position: -134px -84px;
}
.main .cms-container .carousel-teaser .owl-carousel .owl-nav > div.disabled {
  opacity: .5;
}
.main .cms-container .carousel-teaser .owl-carousel .owl-dots {
  position: absolute;
  top: -30px;
  right: 0px;
  text-align: right;
}
@media only screen and (max-width: 580px) {
  .main .cms-container .carousel-teaser .owl-carousel .owl-dots {
    display: none;
  }
}
.main .cms-container .carousel-teaser .owl-carousel .owl-dots .owl-dot {
  width: 20px;
  height: 20px;
  margin-left: 8px;
  border-radius: 20px;
  background: #ef3631;
  display: inline-block;
}
.main .cms-container .carousel-teaser .owl-carousel .owl-dots .owl-dot.active {
  background: #d4d4d4;
}
.main .cms-container .carousel-teaser.carousel--brigitte-all .owl-carousel .owl-item img {
  width: auto;
  max-height: 184px;
}
.main .cms-container .carousel-teaser--step-by-step {
  text-align: center;
  margin: 0 0 10px 0;
  padding: 35px 0 45px 0;
  background: #F2F2F2;
}
.main .cms-container .carousel-teaser--step-by-step h3 {
  font-family: "Playfair Display", serif;
  font-size: 20px;
  line-height: 26px;
  margin-bottom: 0px;
  padding: 0 20px;
}
.main .cms-container .carousel-teaser--step-by-step h3:after {
  display: none;
}
.main .cms-container .carousel-teaser--step-by-step .owl-carousel {
  margin: 0 auto;
  padding: 25px 65px 0 65px;
}
@media only screen and (min-width: 581px) {
  .main .cms-container .carousel-teaser--step-by-step .owl-carousel {
    width: 630px;
  }
}
.main .cms-container .carousel-teaser--step-by-step .owl-carousel .owl-stage-outer {
  background: #FFFFFF;
}
.main .cms-container .carousel-teaser--step-by-step .owl-carousel .owl-stage-outer:before {
  content: '';
  position: absolute;
  top: calc(50% - 67px);
  left: calc(50% - 67px);
  width: 134px;
  height: 134px;
  background-image: url("https://shop.brigitte.de/s/media/stores/brigitte/Relaunch2017/step-by-step/preload.png");
  background-repeat: no-repeat;
}
.main .cms-container .carousel-teaser--step-by-step .owl-carousel .owl-stage-outer .owl-stage {
  background-color: #F2F2F2;
}
.main .cms-container .carousel-teaser--step-by-step .owl-carousel .owl-nav > div {
  top: calc(183px + 25px);
}
@media only screen and (max-width: 580px) {
  .main .cms-container .carousel-teaser--step-by-step .owl-carousel .owl-nav > div {
    top: calc(113px + 25px);
  }
}
.main .cms-container .carousel-teaser--step-by-step .owl-carousel .owl-dots {
  position: relative;
  top: auto;
  right: auto;
  text-align: center;
  margin-top: 10px;
}
.main .cms-container .carousel-teaser--step-by-step .owl-carousel .owl-dots .owl-dot {
  margin-left: 4px;
  margin-right: 4px;
}
.main .cms-container .carousel-teaser--step-by-step p {
  max-width: 540px;
  margin: 0 auto;
  padding: 10px 20px 0 20px;
  background: #F2F2F2;
}
.main .cms-container .carousel-teaser--app-store .owl-stage-outer:before {
  background-position: center 7px;
}
.main .cms-container .carousel-teaser--play-store .owl-stage-outer:before {
  background-position: center -601px;
}
.main .cms-container .carousel-teaser--amazon .owl-stage-outer:before {
  background-position: center -1215px;
}
.main .cms-container .carousel-teaser--pdf .owl-stage-outer:before {
  background-position: center -1820px;
}

.main .cms-container .mejs__container {
  background: #fff;
}
.main .cms-container .mejs__overlay-play {
  background: rgba(0, 0, 0, 0.25);
}
.main .cms-container .hero--theme-stepbystep .mejs__player {
  height: 100% !important;
}

.main .cms-container,
.top-container .cms-container,
.left-column .cms-container {
  font-size: 16px;
  line-height: 22px;
  color: #4a4a4a;
  margin-top: 10px;
  margin-bottom: 10px;
  -moz-osx-font-smoothing: grayscale;
}
@media only screen and (max-width: 580px) {
  .main .cms-container > div > .row,
  .top-container .cms-container > div > .row,
  .left-column .cms-container > div > .row {
    padding: 0 20px;
  }
}
.main .cms-container a,
.top-container .cms-container a,
.left-column .cms-container a {
  text-decoration: none;
}
.main .cms-container a:not(.btn):not(.hero__link):not(.hero__lookinside a):hover,
.top-container .cms-container a:not(.btn):not(.hero__link):not(.hero__lookinside a):hover,
.left-column .cms-container a:not(.btn):not(.hero__link):not(.hero__lookinside a):hover {
  text-decoration: underline;
}
.main .cms-container .btn.inline,
.top-container .cms-container .btn.inline,
.left-column .cms-container .btn.inline {
  width: auto;
  min-width: 155px;
}
.main .cms-container .btn--primary,
.main .cms-container .btn--secondary,
.top-container .cms-container .btn--primary,
.top-container .cms-container .btn--secondary,
.left-column .cms-container .btn--primary,
.left-column .cms-container .btn--secondary {
  border: 2px solid transparent;
  line-height: 26px;
  height: inherit;
}
@media only screen and (max-width: 580px) {
  .main .cms-container .btn--primary,
  .main .cms-container .btn--secondary,
  .top-container .cms-container .btn--primary,
  .top-container .cms-container .btn--secondary,
  .left-column .cms-container .btn--primary,
  .left-column .cms-container .btn--secondary {
    line-height: 46px;
    height: 50px;
    padding: 0 20px;
  }
}
.main .cms-container .btn--primary,
.top-container .cms-container .btn--primary,
.left-column .cms-container .btn--primary {
  color: #FFFFFF;
  background: #ef3631;
}
.main .cms-container .btn--primary:hover,
.top-container .cms-container .btn--primary:hover,
.left-column .cms-container .btn--primary:hover {
  color: #ef3631;
  background: transparent;
  border-color: #ef3631;
}
.main .cms-container .btn--secondary,
.top-container .cms-container .btn--secondary,
.left-column .cms-container .btn--secondary {
  color: #ef3631;
  background: #FFFFFF;
}
.main .cms-container .btn--secondary:hover,
.top-container .cms-container .btn--secondary:hover,
.left-column .cms-container .btn--secondary:hover {
  color: #FFFFFF;
  background: transparent;
  border-color: #FFFFFF;
}
.main .cms-container .linkarea,
.top-container .cms-container .linkarea,
.left-column .cms-container .linkarea {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  text-indent: -9999px;
  z-index: 60;
  display: block;
  overflow: hidden;
  background: transparent;
  cursor: pointer;
}
.main .cms-container .linkarea.relative,
.top-container .cms-container .linkarea.relative,
.left-column .cms-container .linkarea.relative {
  position: relative;
  text-indent: 0;
}
.main .cms-container .strong,
.top-container .cms-container .strong,
.left-column .cms-container .strong {
  font-weight: 700 !important;
}
.main .cms-container .show-desktop,
.top-container .cms-container .show-desktop,
.left-column .cms-container .show-desktop {
  display: none;
}
@media only screen and (min-width: 581px) {
  .main .cms-container,
  .top-container .cms-container,
  .left-column .cms-container {
    margin-top: 0;
    margin-bottom: 0;
  }
  .main .cms-container .show-mobile,
  .top-container .cms-container .show-mobile,
  .left-column .cms-container .show-mobile {
    display: none;
  }
  .main .cms-container .show-desktop,
  .top-container .cms-container .show-desktop,
  .left-column .cms-container .show-desktop {
    display: block;
  }
}
.main .cms-container [class*="icon-"],
.top-container .cms-container [class*="icon-"],
.left-column .cms-container [class*="icon-"] {
  display: block;
}
.main .cms-container .bgcolor--gray,
.top-container .cms-container .bgcolor--gray,
.left-column .cms-container .bgcolor--gray {
  background-color: #F2F2F2;
}
.main .cms-container .text-intro,
.top-container .cms-container .text-intro,
.left-column .cms-container .text-intro {
  padding: 35px 45px 30px;
  text-align: center;
  border: 1px solid #F2F2F2;
  margin-bottom: 20px;
}
.main .cms-container .text-intro H1,
.top-container .cms-container .text-intro H1,
.left-column .cms-container .text-intro H1 {
  margin-bottom: 10px;
}
.main .cms-container .text-intro p + p,
.top-container .cms-container .text-intro p + p,
.left-column .cms-container .text-intro p + p {
  margin-top: 10px;
}
.main .cms-container .pull_left,
.top-container .cms-container .pull_left,
.left-column .cms-container .pull_left {
  margin-left: 0;
}
.main .cms-container .gradient-overlay:before,
.top-container .cms-container .gradient-overlay:before,
.left-column .cms-container .gradient-overlay:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 40;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 180px;
  opacity: 0.5;
  background: -webkit-linear-gradient(top, transparent 0%, black 100%);
  background: -moz-linear-gradient(top, transparent 0%, black 100%);
  background: linear-gradient(to bottom, transparent 0%, black 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 );
}
@media only screen and (max-width: 580px) {
  .main .cms-container .gradient-overlay:before,
  .top-container .cms-container .gradient-overlay:before,
  .left-column .cms-container .gradient-overlay:before {
    height: 126px;
  }
}
.main .cms-container .is-table,
.top-container .cms-container .is-table,
.left-column .cms-container .is-table {
  display: table;
  width: 100%;
  height: 100%;
}
.main .cms-container .is-tablecell,
.top-container .cms-container .is-tablecell,
.left-column .cms-container .is-tablecell {
  display: table-cell;
  vertical-align: middle;
}

.main .cms-container .hero:after,
.top-container .cms-container .hero:after, .main .cms-container .hero-vorteilswelt:after, .main .cms-container .hero-onlineservice:after {
  content: " ";
  display: table;
  clear: both;
}

.main .cms-container .carousel-teaser .owl-carousel .owl-item .carousel-link-more, .main .cms-container .btn--primary,
.main .cms-container .btn--secondary,
.top-container .cms-container .btn--primary,
.top-container .cms-container .btn--secondary,
.left-column .cms-container .btn--primary,
.left-column .cms-container .btn--secondary, .main .cms-container .hero__lookinside a,
.top-container .cms-container .hero__lookinside a, .main .cms-container .hero__lookinside a:before,
.top-container .cms-container .hero__lookinside a:before {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.main .cms-container .hero__lookinside.rotate a:before,
.top-container .cms-container .hero__lookinside.rotate a:before {
    left: 141px;
    transform: rotate(180deg);
}
.main .cms-container .hero__zugabe {
    z-index: 200;
    position: relative;
    top: 58px;
    left: 369px;
}
@media only screen and (max-width: 580px) {
    .main .cms-container .hero__zugabe {
        top: 104px;
        left: 216px;
    }
}
.main .cms-container .teaser-grid__item, .main .cms-container .teaser-grid__item-text .headline {
  -webkit-transition: all 0.15s ease-in;
  -moz-transition: all 0.15s ease-in;
  -ms-transition: all 0.15s ease-in;
  -o-transition: all 0.15s ease-in;
  transition: all 0.15s ease-in;
}

.main .cms-container H1,
.top-container .cms-container H1,
.left-column .cms-container H1, .main .cms-container .step-by-step .hero__title,
.top-container .cms-container .step-by-step .hero__title, .main .cms-container .hero-vorteilswelt__title, .main .cms-container .hero-onlineservice__title, .main .cms-container H2,
.top-container .cms-container H2,
.left-column .cms-container H2, .main .cms-container .hero__title,
.top-container .cms-container .hero__title, .main .cms-container .text-teaser__content H3, .left-column .cms-container .left-sidebar__headline {
  font-family: "Playfair Display", serif;
  font-weight: 900;
}

.main .cms-container H1,
.top-container .cms-container H1,
.left-column .cms-container H1, .main .cms-container .step-by-step .hero__title,
.top-container .cms-container .step-by-step .hero__title, .main .cms-container .hero-vorteilswelt__title, .main .cms-container .hero-onlineservice__title {
  font-size: 30px;
  line-height: 34px;
  color: #111111;
}

.main .cms-container H2,
.top-container .cms-container H2,
.left-column .cms-container H2, .main .cms-container .hero__title,
.top-container .cms-container .hero__title, .main .cms-container .text-teaser__content H3, .left-column .cms-container .left-sidebar__headline {
  font-size: 20px;
  line-height: 26px;
  color: #111111;
}

.main .cms-container .row__headline,
.top-container .cms-container .row__headline,
.left-column .cms-container .row__headline {
  position: relative;
  display: inline-block;
  font-weight: 900;
  color: #111111;
  font-size: 17px;
  text-transform: uppercase;
  margin-bottom: 28px;
  letter-spacing: 0.05em;
}
.main .cms-container .row__headline:after,
.top-container .cms-container .row__headline:after,
.left-column .cms-container .row__headline:after {
  content: '';
  position: absolute;
  top: calc(50% - 1px);
  right: -40px;
  width: 30px;
  height: 2px;
  background: #111111;
  display: block;
}

.main .cms-container .list__item,
.top-container .cms-container .list__item,
.left-column .cms-container .list__item {
  line-height: 20px;
  margin-bottom: 0px;
  list-style: none;
}
.main .cms-container .list__item:before,
.top-container .cms-container .list__item:before,
.left-column .cms-container .list__item:before {
  content: "+ ";
}
.main .cms-container .benefit-list,
.top-container .cms-container .benefit-list,
.left-column .cms-container .benefit-list {
  color: #111111;
  line-height: 20px;
  text-align: center;
  padding: 25px 20px;
  border: 1px solid #F2F2F2;
  margin-bottom: 30px;
}
@media only screen and (max-width: 580px) {
  .main .cms-container .benefit-list,
  .top-container .cms-container .benefit-list,
  .left-column .cms-container .benefit-list {
    padding: 15px 10px;
    margin-bottom: 15px;
  }
}

.main .cms-container .hero,
.top-container .cms-container .hero {
  display: block;
  margin-bottom: 20px;
}
@media only screen and (min-width: 581px) {
  .main .cms-container .hero,
  .top-container .cms-container .hero {
    height: 415px;
  }
}
.main .cms-container .hero__image, .main .cms-container .hero__content,
.top-container .cms-container .hero__image,
.top-container .cms-container .hero__content {
  height: 100%;
  position: relative;
}
@media only screen and (min-width: 581px) {
  .main .cms-container .hero__image, .main .cms-container .hero__content,
  .top-container .cms-container .hero__image,
  .top-container .cms-container .hero__content {
    float: left;
  }
}
.main .cms-container .hero__image,
.top-container .cms-container .hero__image {
  width: 622px;
  overflow: hidden;
  background-image: url("https://shop.brigitte.de/s/media/stores/brigitte/Relaunch2017/hero/d-bg-hero.jpg");
  background-repeat: no-repeat;
  background-color: #F2F2F2;
}
@media only screen and (max-width: 580px) {
  .main .cms-container .hero__image,
  .top-container .cms-container .hero__image {
    width: auto;
    height: 293px;
    background-image: url("https://shop.brigitte.de/s/media/stores/brigitte/Relaunch2017/hero/m-bg-hero.jpg");
  }
}
.main .cms-container .hero__videocontent,
.top-container .cms-container .hero__videocontent {
  width: 100%;
  height: 100%;
  max-width: 622px;
  max-height: 415px;
}
.main .cms-container .hero__coverload,
.top-container .cms-container .hero__coverload {
  position: absolute;
  z-index: 20;
  width: 422px;
  height: 528px;
  left: 33px;
  top: -12px;
  -webkit-transform-origin: top right;
  -moz-transform-origin: top right;
  -ms-transform-origin: top right;
  -o-transform-origin: top right;
  transform-origin: top right;
  -webkit-transform: rotate(-6.59deg);
  -moz-transform: rotate(-6.59deg);
  -ms-transform: rotate(-6.59deg);
  -o-transform: rotate(-6.59deg);
  transform: rotate(-6.59deg);
  -webkit-box-shadow:  0 13px 29px 0 rgba(0, 0, 0, 0.35) ;
  -moz-box-shadow:  0 13px 29px 0 rgba(0, 0, 0, 0.35) ;
  box-shadow:  0 13px 29px 0 rgba(0, 0, 0, 0.35) ;
}
@media only screen and (max-width: 580px) {
  .main .cms-container .hero__coverload,
  .top-container .cms-container .hero__coverload {
    width: 300px;
    height: 375px;
    left: 23px;
    top: -8px;
  }
}
.main .cms-container .hero__lookinside,
.top-container .cms-container .hero__lookinside {
  position: absolute;
  z-index: 80;
  bottom: 60px;
  right: 70px;
}
.main .cms-container .hero__lookinside.rotate,
.top-container .cms-container .hero__lookinside.rotate {
    right: 450px;
}
@media only screen and (max-width: 580px) {
  .main .cms-container .hero__lookinside,
  .top-container .cms-container .hero__lookinside {
    bottom: 30px;
    right: 20px;
  }
  .main .cms-container .hero__lookinside.rotate,
  .top-container .cms-container .hero__lookinside.rotate {
    right: 280px;
  }
}
.main .cms-container .hero__lookinside a,
.top-container .cms-container .hero__lookinside a {
  height: 45px;
  line-height: 45px;
  padding: 0 15px;
  color: #FFFFFF;
  font-size: 18px;
  font-weight: 900;
  text-transform: uppercase;
  background-color: #ef3631;
}
@media only screen and (min-width: 581px) {
  .main .cms-container .hero__lookinside a.look-inside__link-overlay,
  .top-container .cms-container .hero__lookinside a.look-inside__link-overlay {
    display: block;
  }
}
.main .cms-container .hero__lookinside a:before,
.top-container .cms-container .hero__lookinside a:before {
  content: "";
  display: block;
  position: absolute;
  width: auto;
  left: -18px;
  border-top: 22px solid transparent;
  border-right: 18px solid #ef3631;
  border-bottom: 23px solid transparent;
}

.main .cms-container .hero__lookinside:hover a,
.top-container .cms-container .hero__lookinside:hover a {
  color: #ef3631;
  text-decoration: none;
  background: #FFFFFF;
  text-decoration: none;
}
.main .cms-container .hero__lookinside:hover a:before,
.top-container .cms-container .hero__lookinside:hover a:before {
  border-right-color: #FFFFFF;
}
.main .cms-container .hero__content,
.top-container .cms-container .hero__content {
  width: 318px;
  background: #ef3631;
  text-align: center;
  padding: 20px 20px;
}
@media only screen and (max-width: 580px) {
  .main .cms-container .hero__content,
  .top-container .cms-container .hero__content {
    width: auto;
    padding: 20px 25px;
  }
}
.main .cms-container .hero__content, .main .cms-container .hero__title, .main .cms-container .hero__subtitle,
.main .cms-container .hero .list, .main .cms-container .hero__price,
.top-container .cms-container .hero__content,
.top-container .cms-container .hero__title,
.top-container .cms-container .hero__subtitle,
.top-container .cms-container .hero .list,
.top-container .cms-container .hero__price {
  color: #FFFFFF;
}
.main .cms-container .hero .list, .main .cms-container .hero__price,
.top-container .cms-container .hero .list,
.top-container .cms-container .hero__price {
  margin-bottom: 18px;
}
@media only screen and (max-width: 580px) {
  .main .cms-container .hero .list, .main .cms-container .hero__price,
  .top-container .cms-container .hero .list,
  .top-container .cms-container .hero__price {
    margin-bottom: 22px;
  }
}
.main .cms-container .hero__title,
.top-container .cms-container .hero__title {
  margin-bottom: 25px;
}
.main .cms-container .hero__price,
.top-container .cms-container .hero__price {
  font-size: 26px;
  line-height: 22px;
  font-weight: 900;
}
.main .cms-container .hero__btn,
.top-container .cms-container .hero__btn {
  margin-bottom: 5px;
}
.main .cms-container .hero__link,
.top-container .cms-container .hero__link {
  color: #FFFFFF;
  text-decoration: underline;
  font-size: 12px;
}
.main .cms-container .hero__link:hover,
.top-container .cms-container .hero__link:hover {
  text-decoration: none;
}
.main .cms-container .hero-badge,
.top-container .cms-container .hero-badge {
  position: absolute;
  z-index: 50;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
}
.main .cms-container .hero-badge--theme-tipp,
.top-container .cms-container .hero-badge--theme-tipp {
  width: 125px;
  height: 125px;
  top: 30px;
  left: -100px;
  background-image: url("https://shop.brigitte.de/s/media/stores/brigitte/Relaunch2017/hero/stoerer-tipp_1x.png");
  background-repeat: no-repeat;
}
.main .cms-container .hero-badge--stoerer, 
.top-container .cms-container .hero-badge--stoerer {
	position: absolute;
	z-index: 100;
	border-radius: 50%;
	color: #f54e3f;
	background: #ffffff;
	width: 120px;
	height: 120px;
	text-align: center;
	padding: 31px 5px 5px 5px;
	letter-spacing: -0.04em;
	font-weight: bold;
	top: 40px;
	right: 280px;
	font-size: 1.8em;
    line-height: 1em;
    transform: rotate(-10deg);
}
@media only screen and (max-width: 580px) {
  .main .cms-container .hero-badge--theme-tipp,
  .top-container .cms-container .hero-badge--theme-tipp {
    display: none;
  }
  .main .cms-container .hero-badge--stoerer,
  .top-container .cms-container .hero-badge--stoerer {
      top: -150px;
      right: 27px;
  }
}
.main .cms-container .hero-badge--theme-tipp .hero-badge__text-row,
.top-container .cms-container .hero-badge--theme-tipp .hero-badge__text-row {
  font-size: 30px;
  line-height: 28px;
}
.main .cms-container .hero-badge--theme-immerverfuegbar,
.top-container .cms-container .hero-badge--theme-immerverfuegbar {
  width: 170px;
  height: 170px;
  top: 115px;
  left: -143px;
  padding: 0;
  background-image: url("https://shop.brigitte.de/s/media/stores/brigitte/Relaunch2017/hero/stoerer-verfuegbar-big_1x.png");
  background-repeat: no-repeat;
}
@media only screen and (max-width: 580px) {
  .main .cms-container .hero-badge--theme-immerverfuegbar,
  .top-container .cms-container .hero-badge--theme-immerverfuegbar {
    display: none;
  }
}
.main .cms-container .hero-badge--theme-immerverfuegbar .hero-badge__text-row--first,
.top-container .cms-container .hero-badge--theme-immerverfuegbar .hero-badge__text-row--first {
  font-size: 27px;
  line-height: 27px;
}
.main .cms-container .hero-badge--theme-immerverfuegbar .hero-badge__text-row--second,
.top-container .cms-container .hero-badge--theme-immerverfuegbar .hero-badge__text-row--second {
  margin-top: 5px;
  font-size: 14px;
  line-height: 16px;
}
.main .cms-container .hero--theme-digitalabo .hero__image,
.top-container .cms-container .hero--theme-digitalabo .hero__image {
  background-image: url("https://shop.brigitte.de/s/media/stores/brigitte/Relaunch2017/hero/d-hero-digitalabo.jpg");
}
@media only screen and (max-width: 580px) {
  .main .cms-container .hero--theme-digitalabo .hero__image,
  .top-container .cms-container .hero--theme-digitalabo .hero__image {
    background-image: url("https://shop.brigitte.de/s/media/stores/brigitte/Relaunch2017/hero/m-hero-digitalabo.jpg");
  }
}
.main .cms-container .hero--theme-digitalabo .hero__content,
.top-container .cms-container .hero--theme-digitalabo .hero__content {
  padding: 25px 10px;
}
.main .cms-container .hero--theme-digitalabo .hero__subtitle,
.top-container .cms-container .hero--theme-digitalabo .hero__subtitle {
  margin-bottom: 20px;
}
@media only screen and (min-width: 581px) {
  .main .cms-container .hero--small,
  .top-container .cms-container .hero--small {
    height: 315px;
  }
}
.main .cms-container .hero--small .hero__coverload,
.top-container .cms-container .hero--small .hero__coverload {
  width: 342px;
  height: 428px;
}
@media only screen and (min-width: 581px) {
  .main .cms-container .hero--small .hero__coverload,
  .top-container .cms-container .hero--small .hero__coverload {
    left: 90px;
  }
}
@media only screen and (min-width: 581px) {
  .main .cms-container .hero--small .hero__lookinside,
  .top-container .cms-container .hero--small .hero__lookinside {
    bottom: 50px;
  }
}
.main .cms-container .hero--small .hero__content p,
.top-container .cms-container .hero--small .hero__content p {
  margin-top: 20px;
}
.main .cms-container .hero--small .hero__subtitle,
.top-container .cms-container .hero--small .hero__subtitle {
  margin-bottom: 0;
}
.main .cms-container .hero--small .gradient-overlay:before,
.top-container .cms-container .hero--small .gradient-overlay:before {
  height: 150px;
}
.main .cms-container .digital-subscription.brigitte-woman .list, .main .cms-container .digital-subscription.brigitte-wir .list,
.top-container .cms-container .digital-subscription.brigitte-woman .list,
.top-container .cms-container .digital-subscription.brigitte-wir .list {
  padding: 0 15px 0 20px;
}
.main .cms-container .digital-subscription.brigitte-wir .hero--theme-digitalabo .hero__image,
.top-container .cms-container .digital-subscription.brigitte-wir .hero--theme-digitalabo .hero__image {
  background-image: url("https://shop.brigitte.de/s/media/stores/brigitte/Relaunch2017/hero/d-hero-digitalabo-brigitte-wir.jpg");
}
@media only screen and (max-width: 580px) {
  .main .cms-container .digital-subscription.brigitte-wir .hero--theme-digitalabo .hero__image,
  .top-container .cms-container .digital-subscription.brigitte-wir .hero--theme-digitalabo .hero__image {
    background-image: url("https://shop.brigitte.de/s/media/stores/brigitte/Relaunch2017/hero/m-hero-digitalabo-brigitte-wir.jpg");
  }
}
.main .cms-container .digital-subscription.brigitte-mom .hero, .main .cms-container .digital-subscription.brigitte-wir .hero,
.top-container .cms-container .digital-subscription.brigitte-mom .hero,
.top-container .cms-container .digital-subscription.brigitte-wir .hero {
  margin-bottom: 5px;
}
.main .cms-container .digital-subscription.brigitte-mom .hero-badge--theme-immerverfuegbar, .main .cms-container .digital-subscription.brigitte-woman .hero-badge--theme-immerverfuegbar,
.top-container .cms-container .digital-subscription.brigitte-mom .hero-badge--theme-immerverfuegbar,
.top-container .cms-container .digital-subscription.brigitte-woman .hero-badge--theme-immerverfuegbar {
  top: 135px;
}
.main .cms-container .step-by-step .hero__image,
.top-container .cms-container .step-by-step .hero__image {
  background-image: url("https://shop.brigitte.de/s/media/stores/brigitte/Relaunch2017/hero/d-schritt-fuer-schritt-brigitte.jpg");
}
@media only screen and (max-width: 580px) {
  .main .cms-container .step-by-step .hero__image,
  .top-container .cms-container .step-by-step .hero__image {
    background-image: url("https://shop.brigitte.de/s/media/stores/brigitte/Relaunch2017/hero/m-schritt-fuer-schritt-brigitte.jpg");
  }
}
.main .cms-container .step-by-step .hero__title,
.top-container .cms-container .step-by-step .hero__title {
  margin-bottom: 10px;
  color: #FFFFFF;
}
.main .cms-container .step-by-step .hero__content p,
.top-container .cms-container .step-by-step .hero__content p {
  line-height: 20px;
}
.main .cms-container .step-by-step .hero__content p:last-child,
.top-container .cms-container .step-by-step .hero__content p:last-child {
  margin-bottom: 0;
}
.main .cms-container .step-by-step .hero__content p.small,
.top-container .cms-container .step-by-step .hero__content p.small {
  font-size: 13px;
}
.main .cms-container .step-by-step .hero__content p + p,
.top-container .cms-container .step-by-step .hero__content p + p {
  margin-top: 10px;
}
.main .cms-container .step-by-step .hero__content p a,
.top-container .cms-container .step-by-step .hero__content p a {
  color: #FFFFFF;
  text-decoration: underline;
}
.main .cms-container .step-by-step .hero__content p a:hover,
.top-container .cms-container .step-by-step .hero__content p a:hover {
  text-decoration: none;
}
.main .cms-container .step-by-step .hero__actions,
.top-container .cms-container .step-by-step .hero__actions {
  margin: 12px 0 22px;
}
.main .cms-container .step-by-step .hero__btn,
.top-container .cms-container .step-by-step .hero__btn {
  margin-bottom: 10px;
}
@media only screen and (max-width: 580px) {
  .main .cms-container .step-by-step .hero__btn,
  .top-container .cms-container .step-by-step .hero__btn {
    margin-left: 4px;
    margin-right: 4px;
  }
}
@media only screen and (min-width: 581px) {
  .main .cms-container .step-by-step.brigitte-woman .hero, .main .cms-container .step-by-step.brigitte-wir .hero,
  .top-container .cms-container .step-by-step.brigitte-woman .hero,
  .top-container .cms-container .step-by-step.brigitte-wir .hero {
    height: 265px;
  }
  .main .cms-container .step-by-step.brigitte-woman .hero__content, .main .cms-container .step-by-step.brigitte-wir .hero__content,
  .top-container .cms-container .step-by-step.brigitte-woman .hero__content,
  .top-container .cms-container .step-by-step.brigitte-wir .hero__content {
    padding: 30px 20px;
  }
  .main .cms-container .step-by-step.brigitte-woman .hero__subtitle, .main .cms-container .step-by-step.brigitte-wir .hero__subtitle,
  .top-container .cms-container .step-by-step.brigitte-woman .hero__subtitle,
  .top-container .cms-container .step-by-step.brigitte-wir .hero__subtitle {
    max-width: 200px;
    margin: 0 auto 50px;
  }
}
.main .cms-container .step-by-step.brigitte-woman .hero__title, .main .cms-container .step-by-step.brigitte-wir .hero__title,
.top-container .cms-container .step-by-step.brigitte-woman .hero__title,
.top-container .cms-container .step-by-step.brigitte-wir .hero__title {
  margin-bottom: 20px;
  color: #FFFFFF;
}
.main .cms-container .step-by-step.brigitte-woman .hero__image, .main .cms-container .step-by-step.brigitte-wir .hero__image,
.top-container .cms-container .step-by-step.brigitte-woman .hero__image,
.top-container .cms-container .step-by-step.brigitte-wir .hero__image {
  background-image: url("https://shop.brigitte.de/s/media/stores/brigitte/Relaunch2017/hero/d-schritt-fuer-schritt-brigitte-woman.jpg");
}
@media only screen and (max-width: 580px) {
  .main .cms-container .step-by-step.brigitte-woman .hero__image, .main .cms-container .step-by-step.brigitte-wir .hero__image,
  .top-container .cms-container .step-by-step.brigitte-woman .hero__image,
  .top-container .cms-container .step-by-step.brigitte-wir .hero__image {
    background-image: url("https://shop.brigitte.de/s/media/stores/brigitte/Relaunch2017/hero/m-schritt-fuer-schritt-brigitte-woman.jpg");
  }
}

.main .cms-container .hero-vorteilswelt {
  display: block;
  margin-bottom: 12px;
}
@media only screen and (min-width: 581px) {
  .main .cms-container .hero-vorteilswelt {
    height: 306px;
  }
}
.main .cms-container .hero-vorteilswelt__image, .main .cms-container .hero-vorteilswelt__content {
  height: 100%;
}
.main .cms-container .hero-vorteilswelt__image {
  position: relative;
  width: 622px;
  float: right;
  background-image: url("https://shop.brigitte.de/s/media/stores/brigitte/Relaunch2017/hero/d-vorteilswelt.jpg");
  background-repeat: no-repeat;
  background-color: #F2F2F2;
}
@media only screen and (max-width: 580px) {
  .main .cms-container .hero-vorteilswelt__image {
    float: none;
    width: auto;
    height: 180px;
    background-image: url("https://shop.brigitte.de/s/media/stores/brigitte/Relaunch2017/hero/m-vorteilswelt.jpg");
  }
}
.main .cms-container .hero-vorteilswelt__badge {
  width: 200px;
  height: 200px;
  top: 28px;
  left: -18px;
  background-image: url("https://shop.brigitte.de/s/media/stores/brigitte/Relaunch2017/hero/stoerer-exklusiv_1x.png");
  background-repeat: no-repeat;
}
@media only screen and (max-width: 580px) {
  .main .cms-container .hero-vorteilswelt__badge {
    width: 160px;
    height: 160px;
    top: inherit;
    left: 20px;
    bottom: -14px;
    background-image: url("https://shop.brigitte.de/s/media/stores/brigitte/Relaunch2017/hero/stoerer-exklusiv_2x.png");
    background-size: 100% auto;
  }
}
@media only screen and (max-width: 580px) {
  .main .cms-container .hero-vorteilswelt .gradient-overlay:before {
    height: 111px;
  }
}
.main .cms-container .hero-vorteilswelt__content {
  float: left;
  width: 318px;
  background: #ef3631;
  text-align: center;
  padding: 45px 38px 40px;
}
@media only screen and (max-width: 580px) {
  .main .cms-container .hero-vorteilswelt__content {
    float: none;
    width: auto;
    padding: 25px 35px 20px;
  }
}
.main .cms-container .hero-vorteilswelt__content, .main .cms-container .hero-vorteilswelt__title {
  color: #FFFFFF;
}
.main .cms-container .hero-vorteilswelt__title {
  margin-bottom: 10px;
}
.main .cms-container .hero-vorteilswelt__btn {
  margin-bottom: 0;
}
.main .cms-container .hero-vorteilswelt__actions {
  display: block;
  margin-top: 36px;
}
@media only screen and (max-width: 580px) {
  .main .cms-container .hero-vorteilswelt__actions {
    margin-top: 18px;
  }
}

.main .cms-container .hero-onlineservice {
  display: block;
  margin-bottom: 20px;
  position: relative;
}
@media only screen and (min-width: 581px) {
  .main .cms-container .hero-onlineservice {
    height: 270px;
  }
}
@media only screen and (min-width: 581px) {
  .main .cms-container .hero-onlineservice__image, .main .cms-container .hero-onlineservice__content {
    width: 50%;
    height: 100%;
    float: left;
  }
}
.main .cms-container .hero-onlineservice__image {
  position: relative;
  background-image: url("https://shop.brigitte.de/s/media/stores/brigitte/Relaunch2017/hero/d-abo-online-service-portal-1.jpg");
  background-repeat: no-repeat;
  background-color: #F2F2F2;
}
@media only screen and (max-width: 580px) {
  .main .cms-container .hero-onlineservice__image {
    height: 180px;
    background-image: url("https://shop.brigitte.de/s/media/stores/brigitte/Relaunch2017/hero/m-abo-online-service-portal.jpg");
  }
}
.main .cms-container .hero-onlineservice__content {
  background: #ef3631;
  text-align: center;
  padding: 40px 35px 20px;
}
@media only screen and (max-width: 580px) {
  .main .cms-container .hero-onlineservice__content {
    padding: 40px 25px 30px;
  }
}
.main .cms-container .hero-onlineservice__content, .main .cms-container .hero-onlineservice__title {
  color: #FFFFFF;
}
.main .cms-container .hero-onlineservice__title {
  margin-bottom: 10px;
}
.main .cms-container .hero-onlineservice__actions {
  margin-top: 35px;
}

@media only screen and (min-width: 581px) {
  .main .cms-container .teaser-grid {
    margin-bottom: 20px;
  }
}
.main .cms-container .teaser-grid__item {
  text-align: center;
  background: #f2f2f2;
  position: relative;
  border: 1px solid transparent;
  overflow: hidden;
}
.main .cms-container .teaser-grid__item:hover {
  border-color: #dadada;
  -webkit-box-shadow:  0 0 10px -1px rgba(0, 0, 0, 0.2) ;
  -moz-box-shadow:  0 0 10px -1px rgba(0, 0, 0, 0.2) ;
  box-shadow:  0 0 10px -1px rgba(0, 0, 0, 0.2) ;
}
@media only screen and (max-width: 580px) {
  .main .cms-container .teaser-grid__item {
    margin-bottom: 20px;
  }
}
.main .cms-container .teaser-grid__item:hover .headline {
  color: #ef3631;
}
.main .cms-container .teaser-grid__item-coverimage {
  padding-top: 20px;
}
@media only screen and (max-width: 580px) {
  .main .cms-container .teaser-grid__item-coverimage {
    padding-bottom: 5px;
  }
}
@media only screen and (min-width: 581px) {
  .main .cms-container .teaser-grid__item-coverimage {
    height: 225px;
  }
}
.main .cms-container .teaser-grid__item-coverimage .coverimage img {
  -webkit-box-shadow:  0 13px 29px 0 rgba(0, 0, 0, 0.15) ;
  -moz-box-shadow:  0 13px 29px 0 rgba(0, 0, 0, 0.15) ;
  box-shadow:  0 13px 29px 0 rgba(0, 0, 0, 0.15) ;
}
.main .cms-container .teaser-grid__item-picture {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 200px;
  padding-top: 20px;
}
.main .cms-container .teaser-grid__item-picture .img-valign--top {
  position: relative;
  top: 25%;
  -webkit-transform: translateY(-25%);
  -moz-transform: translateY(-25%);
  -ms-transform: translateY(-25%);
  -o-transform: translateY(-25%);
  transform: translateY(-25%);
}
.main .cms-container .teaser-grid__item-picture .img-valign--center {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.main .cms-container .teaser-grid__item-picture .img-valign--bottom {
  position: relative;
  top: 100%;
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.main .cms-container .teaser-grid__item-picture + div {
  padding-top: 202px;
  position: relative;
  z-index: 10;
}
.main .cms-container .teaser-grid__item-picture .hero-badge--theme-einzelhefte {
  width: 83px;
  height: 83px;
  top: 85px;
  left: 50%;
  background-image: url(https://shop.brigitte.de/s/media/stores/brigitte/stoerer-nachbestellen_1x_1.png);
  background-repeat: no-repeat;
}
@media only screen and (max-width: 580px) {
  .main .cms-container .teaser-grid__item-picture .hero-badge--theme-einzelhefte {
    background-image: url(https://shop.brigitte.de/s/media/stores/brigitte/stoerer-nachbestellen_2x_1.png);
    background-size: 100% auto;
  }
}
.main .cms-container .teaser-grid__item-magazine {
  margin-top: 10px;
  min-height: 176px;
  padding-top: 3px;
  background-repeat: no-repeat;
  background-position: top center;
}
.main .cms-container .teaser-grid__item-magazine .coverimage {
  display: inline-block;
  padding-right: 1px;
}
.main .cms-container .teaser-grid__item-magazine .coverimage img {
  -webkit-box-shadow:  0 3px 7px 0 rgba(0, 0, 0, 0.35) ;
  -moz-box-shadow:  0 3px 7px 0 rgba(0, 0, 0, 0.35) ;
  box-shadow:  0 3px 7px 0 rgba(0, 0, 0, 0.35) ;
}
.main .cms-container .teaser-grid__item-magazine--einzelhefte-brigitte {
  background-image: url("https://shop.brigitte.de/s/media/stores/brigitte/Relaunch2017/teaser-grid/einzelhefte-brigitte.jpg");
}
.main .cms-container .teaser-grid__item-magazine--einzelhefte-brigitte-woman {
  background-image: url("https://shop.brigitte.de/s/media/stores/brigitte/Relaunch2017/teaser-grid/einzelhefte-brigitte-woman.jpg");
}
.main .cms-container .teaser-grid__item-magazine--einzelhefte-brigitte-mom {
  background-image: url("https://shop.brigitte.de/s/media/stores/brigitte/Relaunch2017/teaser-grid/einzelhefte-brigitte-mom.jpg");
}
.main .cms-container .teaser-grid__item-magazine--einzelhefte-brigitte-wir {
  background-image: url("https://shop.brigitte.de/s/media/stores/brigitte/Relaunch2017/teaser-grid/einzelhefte-brigitte-wir.jpg");
}
.main .cms-container .teaser-grid__item-magazine--einzelhefte-brigitte-kreativ {
  background-image: url("https://shop.brigitte.de/s/media/stores/brigitte/Relaunch2017/teaser-grid/einzelhefte-brigitte-kreativ.jpg");
}
.main .cms-container .teaser-grid__item-magazine--geschenk-abo .coverimage {
  display: block;
  width: 123px;
  height: 154px;
  margin: auto;
  position: relative;
  padding: 0;
}
.main .cms-container .teaser-grid__item-magazine--geschenk-abo .coverimage:before {
  content: "";
  display: block;
  top: -8px;
  left: -1px;
  width: 138px;
  height: 166px;
  position: absolute;
  z-index: 10;
  background-image: url("https://shop.brigitte.de/s/media/stores/brigitte/Relaunch2017/teaser-grid/visual-geschenk-abo.png");
  background-repeat: no-repeat;
  background-position: top center;
}
.main .cms-container .teaser-grid__item-text {
  padding: 0 15px 15px 15px;
}
.main .cms-container .teaser-grid__item-text .headline {
  margin-bottom: 2px;
}
.main .cms-container .teaser-grid__item-text p {
  font-size: 16px;
  line-height: 20px;
  color: #444444;
}
@media only screen and (min-width: 581px) {
  .main .cms-container .teaser-grid__item-text p {
    min-height: 60px;
  }
}
@media only screen and (min-width: 581px) {
  .main .cms-container .start .teaser-grid__item-text p {
    min-height: 80px;
  }
}
.main .cms-container .title.brigitte-produkte .teaser-grid__item-picture {
  height: 235px;
}
.main .cms-container .title.brigitte-produkte .teaser-grid__item-text {
  padding-top: 232px;
}

.main .cms-container .text-teaser {
  margin-bottom: 20px;
}
@media only screen and (max-width: 580px) {
  .main .cms-container .text-teaser.row {
    margin: 0 20px 20px;
    width: auto;
  }
}
.main .cms-container .text-teaser--intro {
  margin-bottom: 45px;
}
@media only screen and (min-width: 581px) {
  .main .cms-container .text-teaser--intro p {
    max-width: 385px;
  }
}
.main .cms-container .text-teaser--produkte {
  margin: 40px 0 20px;
}
.main .cms-container .text-teaser--brigitte-box {
  padding: 20px 0;
}
.main .cms-container .text-teaser--brigitte-reisewelten {
  padding: 20px 0 0;
}
@media only screen and (min-width: 581px) {
  .main .cms-container .text-teaser--brigitte-reisewelten .text-teaser__text {
    padding-top: 50px;
  }
}
.main .cms-container .text-teaser__text {
  padding: 30px 0 0 20px;
}
@media only screen and (max-width: 580px) {
  .main .cms-container .text-teaser__text {
    padding: 10px;
    text-align: center;
  }
}
.main .cms-container .text-teaser__text .headline {
  font-size: 30px;
  line-height: 34px;
  margin-bottom: 8px;
}
.main .cms-container .text-teaser__text p {
  font-size: 16px;
  line-height: 20px;
  color: #444444;
}
.main .cms-container .text-teaser__text p + .btn {
  margin-top: 25px;
  margin-bottom: 0;
}
.main .cms-container .text-teaser__image {
  text-align: center;
}
.main .cms-container .text-teaser__image img {
  margin: 0 auto;
  max-width: 100%;
}
@media only screen and (max-width: 580px) {
  .main .cms-container .text-teaser__image img {
    margin-top: 10px;
  }
}
.main .cms-container .text-teaser__content {
  padding: 35px 30px 20px;
  text-align: center;
}
@media only screen and (max-width: 580px) {
  .main .cms-container .text-teaser__content {
    padding: 25px 30px 20px;
  }
}
.main .cms-container .text-teaser__content H3 {
  margin-bottom: 10px;
}
.main .cms-container .text-teaser__actions {
  display: block;
  margin-top: 22px;
}
.main .cms-container .text-teaser__actions .btn {
  margin: 0;
}

.left-column .cms-container .left-sidebar__headline {
  text-align: center;
  margin-bottom: 15px;
}
.left-column .cms-container .list--sidebar .list__item {
  color: #111111;
  line-height: 20px;
  font-weight: 700;
  position: relative;
  padding-left: 20px;
  margin-bottom: 20px;
}
.left-column .cms-container .list--sidebar .list__item:last-child {
  margin-bottom: 0;
}
.left-column .cms-container .list--sidebar .list__item:before {
  position: absolute;
  left: 0;
}



/* BRIGITTE App Registrierung, http://shop.brigitte.de/app-registrierung/, OK, 02.03.2017 */ 
.main .cms-container .app-registrierung {border: 1px solid black; padding: 20px;}
.main .cms-container .app-registrierung h3 {text-decoration: underline; font-family: auto; font-weight: auto; font-size: 18px; margin-bottom: 26px;}
.main .cms-container .app-registrierung img {margin-bottom: 26px; margin-right: 50px; margin-right: 17px; width: 94px;}
.main .cms-container .app-registrierung .number {float: left; width: 20px;}
.main .cms-container .app-registrierung .number.three {height: 94px;}
@media only screen and (max-width:580px) {
.main .cms-container .app-registrierung .number {height: 20px;}
.main .cms-container .app-registrierung .number.three {height: 100px;}
}  
/* eo BRIGITTE App Registrierung, OK, 02.03.2017 */ 

/* App Update, http://shop.brigitte.de/brigitte-app-update/, OK, 02.03.2017 */ 
.main .cms-container .app-update .mobile {display: none;}
.main .cms-container .app-update p {margin-bottom: 20px; padding-left: 20px; padding-right: 20px; width: 800px; font-size: 20px; line-height: 26px; font-family: auto;}
.main .cms-container .app-update h2 {padding-left: 20px; padding-right: 20px; font-size: 28px; font-family: auto; margin-bottom: 30px;}
.main .cms-container .app-update h3 {padding-left: 20px; padding-right: 20px; font-family: arial; font-size: 24px; margin-bottom: 14px; margin-top: 60px;}
.main .cms-container .app-update h4 {padding-left: 20px; padding-right: 20px; font-family: auto; font-size: 20px; font-weight: bold; margin-bottom: 20px; margin-top: 40px;}
.main .cms-container .app-update .btn {width: 250px;}
.main .cms-container .app-update ul li {list-style: none; margin-left: 42px; margin-top: 10px; font-size: 20px; font-family: auto;}
.main .cms-container .app-update ul {margin-bottom: 30px; list-style: none;}
.main .cms-container .app-update .btn {bottom: auto; margin: 0 auto; position: relative;
}
@media only screen and (max-width: 580px) {
.main .cms-container .app-update .mobile {display: block;}
.main .cms-container .app-update .desktop {display: none;}
.main .cms-container .app-update p {width: auto; font-size: 20px; line-height: 26px;}
.main .cms-container .app-update h2 {line-height: 30px;}
.main .cms-container .app-update h4 {font-size: 20px; line-height: 24px;}
.main .cms-container .app-update h3 {line-height: 28px;}
.main .cms-container .app-update ul li {width: auto; font-size: 18px; line-height: 24px;}
.main .cms-container .app-update .btn {width: 400px;}
.main .cms-container .app-update a img {height: 40px;}
}
/* eo App Update, OK, 02.03.2017 */ 



/* BRIGITTE InApp-LP, http://shop.brigitte.de/brigitte-emagazine-landingpage/, OK, 02.03.2017 */
.main .cms-container.bri-emag { margin-top: -15px; font-family: Arial, "?Helvetica", "?sans-serif", sans-serif }
.main .cms-container.bri-emag .row { background-color: #ffffff; width: 1024px;}
.main .cms-container.bri-emag .seven.columns {font-size: 19px; }
.main .cms-container.bri-emag .row:not(:first-child) { border-top: 2px #c00808 solid; padding-top: 50px; padding-bottom: 20px;}
.main .cms-container.bri-emag .row.no-top-border { border-top: 0px; }
.main .cms-container.bri-emag .row.no-top-border.kombi, .main .cms-container.bri-emag .row.digital {padding-top: 20px;}
.main .cms-container.bri-emag img.responsive { max-width:100%; height:auto; }
.main .cms-container.bri-emag .btn, .main .cms-container.bri-emag .btn:hover {background: none repeat scroll 0 0 #e2002f; border-radius: 5px; font-size: 20px; font-weight: bold !important; font-style: normal;
    height: 46px; line-height: 40px; margin-top: 11px; min-width: 0; padding: 3px 45px 0; width: auto; font-family: Arial,"Helvetica Neue","HelveticaNeue",Helvetica,"Lucida Grande",sans-serif; bottom: 30px;}
.main .cms-container.bri-emag.mom .btn, .main .cms-container.bri-emag.mom .btn:hover {background: none repeat scroll 0 0 #84004c;}
.main .cms-container.bri-emag .headline {font-size: 30px; font-weight: bold; margin-top: 20px; margin-bottom: 7px;}
.main .cms-container.bri-emag .upgrade .headline { margin-bottom: 0px; }
.main .cms-container.bri-emag ul {margin-bottom: 0px;}
.main .cms-container.bri-emag .ausgabe {font-size: 20px;}
.main .cms-container.bri-emag .preis{font-size: 30px; font-weight: bold !important; margin-top: 10px; margin-bottom: 10px;}
.main .cms-container.bri-emag .subprice {font-size: 18px; color: #666666; margin-bottom: 64px;}
.main .cms-container.bri-emag .content { margin-top: 20px; }
.main .cms-container.bri-emag .term { font-weight: bold; margin-top: 10px; }
.main .cms-container.bri-emag .footer { margin: 0 auto; color: #999999; background-color: #ffffff; text-align: center; padding: 5px; }
.main .cms-container.bri-emag .footer ul { margin-top: 10px; }
.main .cms-container.bri-emag .footer li { display: inline; }
.main .cms-container.bri-emag .footer li:not(:first-child) { margin-left: 10px; }
.main .cms-container.bri-emag .footer li:not(:first-child):before {padding-right: 10px; }
.main .cms-container.bri-emag .footer a { color: #999999; text-decoration: none;}
.main .cms-container.bri-emag .stoerer { left: 227px;position: absolute; top: 145px; width: 189px; z-index: 2;}
.main .cms-container.bri-emag .emag-cover-upgrade { left: 81px; position: absolute; top: 45px; width: 301px; z-index: 1;}
.main .cms-container.bri-emag .aboplus-heft {position:relative;}
.main .cms-container.bri-emag .aboplus-ipad { left: 20px; position: absolute; z-index: 1;}
.main .cms-container.bri-emag .emag-cover-digital { left: 87px; position: absolute; top: 42px; width: 294px; z-index: 2;}
.main .cms-container.bri-emag .emag-cover-kombi { left: 154px; position: absolute;top: 176px; width: 277px; z-index: 2;}
.main .cms-container.bri-emag img.responsive1 {height: 303px;width: 639px;}
.main .cms-container.bri-emag .aboplus-heft {height: 389px; position: relative; width: 714px;}
.main .cms-container.bri-emag .aboplus-ipad {height: 430px;position: absolute; top: 0; width: 449px; z-index: 1;}
.main .cms-container.bri-emag img.responsive3 { height: 300px; width: 400px;}
.main .cms-container.bri-emag .text-infobox2 {margin-top:83px;}
.main .cms-container.bri-emag .coverload-heft {left: 27px; position: absolute; top: 30px;}
.main .cms-container.bri-emag .coverload-heft img {width: 240px; margin-left: 30px;}
.main .cms-container.bri-emag .row .ipad {position: absolute; z-index: 30; margin-left: 165px; margin-top: 103px;}
.main .cms-container.bri-emag .row .ipad-cover {position: absolute; z-index: 50; margin-left: 179px; margin-top: 126px;}
.main .cms-container.bri-emag .row .ipad img {width: 207px;}
.main .cms-container.bri-emag .row .ipad-cover img {width: 180px;}
.main .cms-container.bri-emag .row .phone {position: absolute; top: 200px; left: 30px; z-index: 50;}
.main .cms-container.bri-emag .row.kombi .phone { left: 100px; top: 230px;}
.main .cms-container.bri-emag .row .phone-cover {position: absolute; top: 240px; left: 36px; z-index: 50;}
.main .cms-container.bri-emag .row.kombi .phone-cover {left: 106px; top: 270px}
.main .cms-container.bri-emag .row .banderole {position: absolute; z-index: 70; margin-left: 238px; margin-top: 277px;}
.main .cms-container.bri-emag .row .banderole img {width: 135px;}
.main .cms-container.bri-emag .row .ipad-gross {position: absolute; z-index: 30; margin-left: 47px; margin-top: 21px;}
.main .cms-container.bri-emag .row .ipad-cover-gross {position: absolute; z-index: 50; margin-left: 61px; margin-top: 54px;}
.main .cms-container.bri-emag .row .ipad-gross img {width: 240px;}
.main .cms-container.bri-emag .row .ipad-cover-gross img {width: 213px;}
.main .cms-container.bri-emag .row .stoerer {position: absolute; z-index: 90; margin-left: -50px; margin-top: -169px;}
.main .cms-container.bri-emag .row .stoerer img {width: 170px;}
.main .cms-container.bri-emag .row .banderole-gross {position: absolute; z-index: 70; margin-left: 129px; margin-top: 220px;}
.main .cms-container.bri-emag .row .banderole-gross img {width: 160px;}
.main .cms-container.bri-emag .row ul {margin-bottom: 20px;}
.main .cms-container.bri-emag .row ul li {background: url(https://shop.brigitte.de/s/media/stores/brigitte/bri-haken.png) no-repeat 15px 0 rgba(0, 0, 0, 0); margin-bottom: 8px; padding-top: 7px; padding-bottom: 10px; padding-left: 64px;}
.main .cms-container.bri-emag .row ul li.gelb {background: url(https://shop.brigitte.de/s/media/stores/brigitte/bri-gelb.png) no-repeat 0 0 rgba(0, 0, 0, 0); margin-bottom: 10px; padding-bottom: 21px; padding-left: 64px; padding-top: 15px; color: white;}
.main .cms-container.bri-emag .btn::after {background: none;}
.main .cms-container.bri-emag .one {float: left; width: 300px; height: 200px;}
.main .cms-container.bri-emag .footer ul li {background: none; list-style: none; text-decoration: none;}
@media only screen and (max-width:580px) {
.main .cms-container.bri-emag {margin-left: 0px;}
.main .cms-container.bri-emag .row {width: auto;}
.main .cms-container.bri-emag img.responsive {width: 480px; }
.main .cms-container.bri-emag .seven.columns {padding-left: 20px;}
.main .cms-container.bri-emag .five.columns {width: 480px !important; float: left; height: 280px;}
.main .cms-container.bri-emag .seven.columns {width: 480px !important;}
.main .cms-container.bri-emag .row ul li {width: 400px;}
.main .cms-container.bri-emag .coverload-heft {left: 90px; top: 0px;}
.main .cms-container.bri-emag .coverload-heft img {margin-left: 20px; width: 170px;}
.main .cms-container.bri-emag .row .ipad {margin-left: 215px; margin-top: 45px;}
.main .cms-container.bri-emag .row .ipad img {width: 140px;}
.main .cms-container.bri-emag .row .ipad-cover {margin-left: 224px; margin-top: 62px;}
.main .cms-container.bri-emag .row .ipad-cover img {width: 122px;}
.main .cms-container.bri-emag .row .banderole {margin-left: 256px; margin-top: 155px;}
.main .cms-container.bri-emag .row .banderole img {width: 100px;}
.main .cms-container.bri-emag .row ul li.gelb {background: url(https://shop.brigitte.de/s/media/stores/livingessen/fjt-haken.png) no-repeat 15px 0 rgba(0, 0, 0, 0); margin-bottom: 10px; padding-top: 7px; padding-bottom: 10px; padding-left: 64px; color: black;}
.main .cms-container.bri-emag .btn, .main .cms-container.bri-emag .btn:hover {height: 58px; padding: 8px 45px 0; width: 440px; position: relative;}
.main .cms-container.bri-emag .row .ipad-gross {margin-left: 165px;}
.main .cms-container.bri-emag .row .ipad-gross img {width: 150px;}
.main .cms-container.bri-emag .row .ipad-cover-gross {margin-left: 175px; margin-top: 40px;}
.main .cms-container.bri-emag .row .ipad-cover-gross img {width: 130px;}
.main .cms-container.bri-emag .row .phone {top: 90px; left: 130px;  width: 17%;}
.main .cms-container.bri-emag .row.kombi .phone {left: 150px; top: 100px;}
.main .cms-container.bri-emag .row .phone-cover {width: 72px; top: 123px; left: 135px;}
.main .cms-container.bri-emag .row.kombi .phone-cover {left: 155px; top: 131px;}
.main .cms-container.bri-emag .row .banderole-gross img {width: 100px;}
.main .cms-container.bri-emag .row .banderole-gross {margin-left: 217px; margin-top: 146px;}
.main .cms-container.bri-emag .two {margin-top: 50px;}
.main .cms-container.bri-emag .row.footer {width: auto;}
.main .cms-container.bri-emag .row.footer ul li {margin-left: -29px; padding-right: 27px;}
.main .cms-container.bri-emag .row .stoerer img {width: 120px;}
.main .cms-container.bri-emag .row .stoerer {margin-left: 29px; margin-top: -161px;}
.main .cms-container.bri-emag .one {margin-bottom: 50px; width: 450px;}
.main .cms-container.bri-emag .content {margin-bottom: -62px;}
.main .cms-container.bri-emag .one .btn, .main .cms-container.bri-emag .one .btn:hover, .main .cms-container.bri-emag .two .btn, .main .cms-container.bri-emag .two .btn:hover {top: -87px;}
.main .cms-container.bri-emag .subprice {margin-bottom: 105px;}
}
/* eo BRIGITTE InApp-LP, OK, 02.03.2017 */


/* Digital-Kennenlernangebot, http://shop.brigitte.de/digital-kennenlernangebot/, OK, 02.03.2017 */ 
.main .cms-container .digital-kennenlernangebot {background-image: url(https://shop.brigitte.de/s/media/stores/brigitte/dka-brigitte-bg.jpg); background-repeat: no-repeat; margin-top: -40px !important; background-attachment: fixed; margin-bottom: -40px; padding-bottom: 60px; background-size: 100% auto;}
.main .cms-container .digital-kennenlernangebot.mom {background-image: url(https://shop.brigitte.de/s/media/stores/brigitte/dka-mom-bg.jpg);}
.main .cms-container .digital-kennenlernangebot .content {padding-top: 20px;}
.main .cms-container .digital-kennenlernangebot .content .row {background: white; padding: 30px 50px 0px 50px; opacity: 0.95;}
.main .cms-container .digital-kennenlernangebot .content .row .five {height: 390px;}
.main .cms-container .digital-kennenlernangebot .content .logo-partner {float: right;}
.main .cms-container .digital-kennenlernangebot .content .logo {height: 70px;}
.main .cms-container .digital-kennenlernangebot .content .top {text-align: center;}
.main .cms-container .digital-kennenlernangebot .content h2 {font-size: 30px; margin-bottom: 14px;}
.main .cms-container .digital-kennenlernangebot .content p {font-size: 16px;}
.main .cms-container .digital-kennenlernangebot .content ul li {margin-top: 20px; font-size: 16px; list-style: disc; margin-left: 17px; color: #ed1c24;}
.main .cms-container .digital-kennenlernangebot .content ul li span {color: #555555;}
.main .cms-container .digital-kennenlernangebot .content .vorteile ul li {margin-top: 10px;}
.main .cms-container .digital-kennenlernangebot .content .ipad {position: absolute; background-image: url(https://shop.brigitte.de/s/media/stores/brigitte/dka-ipad.png); width: 252px; height: 356px; margin-left: 51px; padding-top: 31px; padding-left: 17px;}
.main .cms-container .digital-kennenlernangebot .content .iphone {position: absolute; background-image: url(https://shop.brigitte.de/s/media/stores/brigitte/dka-iphone.png); margin-top: 160px; width: 110px; height: 224px; padding-left: 6px; padding-top: 44px;}
.main .cms-container .digital-kennenlernangebot .content .blick {position: absolute; margin-left: 179px; margin-top: 200px; background-image: url(https://shop.brigitte.de/s/media/stores/brigitte/dka-brigitte-blick_1.png); height: 42px; width: 132px; padding-top: 7px; padding-left: 8px; font-size: 15px;}
.main .cms-container .digital-kennenlernangebot .content .blick a {color: white; text-decoration: none;}
.main .cms-container .digital-kennenlernangebot .content .btn {position: relative; width: 240px; font-size: 18px; height: 50px; padding-top: 8px; float: right; margin-top: 118px;}
.main .cms-container .digital-kennenlernangebot .content .footer {text-align: center; margin-bottom: 30px;}
@media only screen and (max-width:580px) {
.main .cms-container .digital-kennenlernangebot {background-image: none; margin-top: -60px !important;}
.main .cms-container .digital-kennenlernangebot .content .row {padding: 20px 20px 0px 20px;}
.main .cms-container .digital-kennenlernangebot .content .logo img {height: 40px;}
.main .cms-container .digital-kennenlernangebot .content .logo {height: 60px;}
.main .cms-container .digital-kennenlernangebot .content .ipad {margin-left: 111px;}
.main .cms-container .digital-kennenlernangebot .content .iphone {margin-left: 60px;}
.main .cms-container .digital-kennenlernangebot .content .blick {margin-left: 239px;}
.main .cms-container .digital-kennenlernangebot .content .desktop {display: none;}
.main .cms-container .digital-kennenlernangebot .content .btn {width: 440px; font-size: 24px; height: 60px; padding-top: 0px; float: left; margin-top: 45px; margin-bottom: 30px;} 
}
/* eo Digital-Kennenlernangebot, OK, 02.03.2017 */ 

/* Digitale Abos, http://shop.brigitte.de/digitale-abos/, OK, 02.03.2017 */ 
.main .cms-container .tabellarisch .box table span {font-size: 11px;}
.main .cms-container .tabellarisch .box table tr {height: 40px;}
.main .cms-container .tabellarisch .box table td {padding-left: 10px; padding-top: 12px;}
.main .cms-container .tabellarisch .box {padding-right: 20px; padding-bottom: 20px; height: 350px;}
.main .cms-container .tabellarisch .box h2 {margin-bottom: 30px;}
/* eo Digitale Abos, OK, 02.03.2017 */ 



/* Geschenkabo, OK, 02.03.2017 */ 
.main .cms-container .abo-teaser-header {position: relative;float: left;width: 100%;clear:both;display: block;background: #fff url(https://shop.brigitte.de/s/media/stores/brigitte/app_schleife.png) no-repeat top right;background-size: 20%;margin: 20px 0 20px 0;border: 1px solid #fce5e8;}
.main .cms-container .abo-teaser-header h1.h1-2 {padding: 10px 20px 0 20px;}
.main .cms-container .abo-teaser-header .abo-box {padding: 20px;}
.main .cms-container .abo-box li .icon {float: left; margin: 0 15px 0 0; }
.main .cms-container .abo-box ul {margin: 0; list-style: none; padding: 0; display:flex;align-items: center;width: 90%;}
.main .cms-container .abo-box li {margin: 0 0 20px 0;flex:1;}
.main .cms-container .abo-box li.long {min-width: 350px}
.main .cms-container .abo-box li .icon.last {margin: 0;}
.main .cms-container #app-abo {max-width: 100%}
@media (max-width: 768px) {
.main .cms-container .abo-box ul {display:block;} 
.main .cms-container .abo-box ul li {clear:both;padding-bottom: 15px;} 
.main .cms-container .abo-box ul li img {padding-bottom: 15px} 
.main .cms-container .abo-teaser-header h1.h1-2 {max-width: 80%} 
.main .cms-container .abo-box li .icon.last {margin: 0 10px 0 0;}} 
.main .cms-container .intro.abo-box ul {width:100%;padding-top: 10px;}
.main .cms-container .intro.abo-box {margin-bottom: 20px;border: 1px solid #FCE5E8;}
.main .cms-container .intro.abo-box li.short {max-width: 100px;text-align:center;}
.main .cms-container .intro.abo-box li {margin-left: 50px;}
.main .cms-container .intro.abo-box li p {margin-top: 10px;}
.main .cms-container .intro.abo-box li.long {min-width: 400px}
.main .cms-container .intro.abo-box li:last-child {margin: 60px 20px 0 55px;}
@media (max-width: 768px) {
.main .cms-container .intro.abo-box li, .main .cms-container .main .cms-container .intro.abo-box li:last-child {margin-left:0;}}
.main .cms-container .three.digital-abo-box:first-child {height: auto;}
.main .cms-container .center {text-align: center;}
.main .cms-container .aboauswahl-brigitte .teaserAbo .center img {margin: 0 auto;}
@media (max-width: 568px) {
.main .cms-container .digital-abo-box .exception-left-teaser {background: #FFF;margin: 0 20px 20px 20px;padding: 20px;}
.main .cms-container .digital-abo-box .exception-left-teaser .twelve.columns p {position: absolute;top: 10px;left: 220px;}}
.main .cms-container .intro.abo-box li a.btn {position: relative;}
.main .cms-container .digital-abo-box {background: url(https://shop.brigitte.de/s/media/stores/brigitte/app_schleife.png) no-repeat top right;background-size:60%;-webkit-filter: drop-shadow(0px 0px 5px rgba(255, 255, 255, 1));width: 210px;height: 289px;position: absolute;top: 6px;right: 81px;}
@media (max-width: 568px) {
.main .cms-container .digital-abo-box{top:0;right:0;}}
/* eo Geschenkabo, OK, 02.03.2017 */ 




/* BRIGITTE Bares, http://shop.brigitte.de/bares/, OK, 14.12.16 Anpassungen 14.03.2017 SK */ 
.main .cms-container .bares {background-image: url(https://shop.brigitte.de/s/media/stores/brigitte/brigitte-countdown-1706-bg.jpg); background-color: #fdeae9; height: auto; padding-top: 234px;background-repeat: no-repeat;}
.main .cms-container .bares .borderedBox  {width: 218px;  height: 307px; padding-left: 18px; margin-bottom: 40px;}
.main .cms-container .bares .borderedBox.drei {background: #fff url(https://shop.brigitte.de/s/media/stores/brigitte/brigitte-countdown-1706-50fade.jpg) no-repeat scroll 18px 13px;}
.main .cms-container .bares .borderedBox.zwei {background: #fff url(https://shop.brigitte.de/s/media/stores/brigitte/brigitte-countdown-1706-45fade.jpg) no-repeat scroll 18px 13px;}
.main .cms-container .bares .borderedBox.eins {background: #fff url(https://shop.brigitte.de/s/media/stores/brigitte/brigitte-countdown-1706-40fade.jpg) no-repeat scroll 18px 13px;}
.main .cms-container .bares .borderedBox.drei.active {background: #fff url(https://shop.brigitte.de/s/media/stores/brigitte/brigitte-countdown-1706-50.jpg) no-repeat scroll 18px 13px;}
.main .cms-container .bares .borderedBox.zwei.active {background: #fff url(https://shop.brigitte.de/s/media/stores/brigitte/brigitte-countdown-1706-45.jpg) no-repeat scroll 18px 13px;}
.main .cms-container .bares .borderedBox.eins.active {background: #fff url(https://shop.brigitte.de/s/media/stores/brigitte/brigitte-countdown-1706-40.jpg) no-repeat scroll 18px 13px;}
.main .cms-container .bares .leftTeaserTransparent img {margin-left: 31px; margin-top: 0px;}
.main .cms-container .bares .borderedBox .btn {bottom: 30px; display: none;}
.main .cms-container .bares .borderedBox.active .btn {display: block; width: 83%; bottom: 0px; position: absolute;}
.main .cms-container .bares .leftTeaserTransparent img.stoerer {box-shadow: none; position: absolute; top: 160px; left: 78px;}
@media only screen and (max-width:580px) {
.main .cms-container .bares {background-image: url(https://shop.brigitte.de/s/media/stores/brigitte/brigitte-countdown-1706-bg-mobile-1.jpg); padding-top: 88px; background-color: #fdeae9;}
.main .cms-container .bares .leftTeaserTransparent img {margin-left: 14px; margin-top: 15px;}
.main .cms-container .bares .borderedBox {display: none;}
.main .cms-container .bares .borderedBox.active {background-position: 150px 13px !important; margin-top: 10px;  height: 322px;display: block;}
.main .cms-container .bares .leftTeaserTransparent img.stoerer {left: 168px; top: 100px;}
}
/* BRIGITTE Bares, OK, 14.12.16 Anpassungen 14.03.2017 SK */  



/* Brigitte David Was macht dich glücklich - Sarah Kossel - 05.04.17*/
.main .cms-container .davidglueck .desktop {display: block; margin-bottom: 5px;}
.main .cms-container .davidglueck  .mobil {display: none;}
.main .cms-container .davidglueck  .cover {position: absolute; top: 17px; left: 70px; width: 169px; height: 211px; z-index: 2;}
.main .cms-container .davidglueck  .btn-blick {
	background: transparent url(https://shop.brigitte.de/s/media/stores/brigitte/blick-ins-heft-white.png) no-repeat scroll right top / 109px 30px;
    border-radius: 0;
    left: 60px;
    line-height: 22px;
    margin: 0;
    padding-left: 0;
    position: absolute;
    top: 140px;
    width: 109px !important;
    z-index: 200;
	color: white;
	}
.main .cms-container .davidglueck  .btn-blick a {color: white; font-size: 13px; padding-left: 12px;}


@media only screen and (max-width: 580px) {
.main .cms-container .davidglueck .mobil {display: block; margin-bottom: 5px;}
.main .cms-container .davidglueck .desktop {display: none;}
.main .cms-container .davidglueck  .cover {position: absolute; top: 325px; left: 30px; width: 169px; height: 211px; z-index: 2;}
}
/* Ende - Brigitte David Was macht dich glücklich - Sarah Kossel - 05.04.17*/



/* BRIGITTE Countdown 03/17, http://shop.brigitte.de/countdown/, SK, 01.03.16 */
.main .cms-container .gutschein-0317 {background: url(https://shop.brigitte.de/s/media/stores/brigitte/gutschein-countdown-082017-bg.jpg) no-repeat; height: 582px; padding-top: 157px;}
.main .cms-container .gutschein-0317 .leftTeaserTransparent img {
    margin-left: 17px;
    box-shadow: 5px 8px 9px -2px rgba(0, 0, 0, 0.3);
}

.main .cms-container .gutschein-0317 .borderedBox {
    padding: 15px;
    height: 350px;
    background-color: #fdf1f3;
}
.main .cms-container .gutschein-0317 .borderedBox.active {
    padding: 15px;
    height: 350px;
    background-color: #f5bbc3;
}
.main .cms-container .gutschein-0317 .borderedBox .pic {
    height: 283px;
}
.main .cms-container .gutschein-0317 .borderedBox.drei.active .pic {
    background: url(https://shop.brigitte.de/s/media/stores/brigitte/brigitte-gutschein-17-3.png) no-repeat;
}
.main .cms-container .gutschein-0317 .borderedBox.zwei.active .pic {
    background: url(https://shop.brigitte.de/s/media/stores/brigitte/brigitte-gutschein-17-2.png) no-repeat;
}
.main .cms-container .gutschein-0317 .borderedBox.eins.active .pic {
    background: url(https://shop.brigitte.de/s/media/stores/brigitte/brigitte-gutschein-17-1.png) no-repeat;
}
.main .cms-container .countdown-1214 .borderedBox.eins .pic {background: url(https://shop.brigitte.de/s/media/stores/brigitte/brigitte-gutschein-17-1-fade.png) no-repeat;}
.main .cms-container .countdown-1214 .borderedBox.zwei .pic {background: url(https://shop.brigitte.de/s/media/stores/brigitte/brigitte-gutschein-17-2-fade.png) no-repeat;}
.main .cms-container .countdown-1214 .borderedBox.drei .pic {background: url(https://shop.brigitte.de/s/media/stores/brigitte/brigitte-gutschein-17-3-fade.png) no-repeat;}

.main .cms-container .gutschein-0317 .btn {bottom: auto; margin: 16px auto 0; display: none;}
.main .cms-container .gutschein-0317 .active .btn {display: block;}
.main .cms-container .gutschein-0317 .btn.verschenken {margin: 14px auto 0;}
.main .cms-container .gutschein-0317 .leftTeaserTransparent img {margin-left: 38px;}

.main .cms-container .gutschein-0317 p {text-align: center; color: #ededed;}
.main .cms-container .gutschein-0317 .active p {color: #555555;}

@media only screen and (max-width: 580px) {
.main .cms-container .gutschein-0317 {background: url(https://shop.brigitte.de/s/media/stores/brigitte/gutschein-countdown-2017-bg-mobile-1.jpg) no-repeat; height: 760px; padding-top: 93px;}
.main .cms-container .gutschein-0317 .borderedBox {display: none; height: 395px;}
.main .cms-container .gutschein-0317 .borderedBox.active {display: block;margin-top: 140px;
height: 400px;}
.main .cms-container .gutschein-0317 .leftTeaserTransparent {background-color: transparent; border: 0px; margin-bottom: 0px; padding: 0px; height: 250px;}
.main .cms-container .gutschein-0317 .leftTeaserTransparent img {margin-left: 45px;
margin-top: 96px;}
.main .cms-container .gutschein-0317 .borderedBox {border: auto; margin-top: 40px; border: 1px solid #fce5e8;}
.main .cms-container .gutschein-0317 .borderedBox .pic {margin-left: 125px;}
.main .cms-container .gutschein-0317 p {margin-left: 0px; font-size: 18px;}
.main .cms-container .gutschein-0317 .btn {font-size: 18px;}
    
}

.main .cms-container .countdown-0317 {background: url(https://shop.brigitte.de/s/media/stores/brigitte/countdown-taschen-bg.jpg) no-repeat; height: 690px; padding-top: 157px;}
.main .cms-container .countdown-0317 .borderedBox {border: 1px solid #ea4f6d;}
.main .cms-container .countdown-0317 .leftTeaserTransparent img {
    margin-left: 17px;
    box-shadow: 5px 8px 9px -2px rgba(0, 0, 0, 0.3);
}

.main .cms-container .countdown-0317 .borderedBox.three {
    padding: 15px;
    height: 350px;
    background-color: #fff;
}
.main .cms-container .countdown-0317 .borderedBox .pic {
    height: 200px;
}
.main .cms-container .countdown-0317 .borderedBox.drei.active .pic {
    background: url(https://shop.brigitte.de/s/media/stores/brigitte/brigitte-countdown-17-3.gif) no-repeat;
}
.main .cms-container .countdown-0317 .borderedBox.zwei.active .pic {
    background: url(https://shop.brigitte.de/s/media/stores/brigitte/brigitte-countdown-17-2.gif) no-repeat;
}
.main .cms-container .countdown-0317 .borderedBox.eins.active .pic {
    background: url(https://shop.brigitte.de/s/media/stores/brigitte/brigitte-countdown-17-1.gif) no-repeat;
}
.main .cms-container .countdown-0317 .borderedBox.eins .pic {background: url(https://shop.brigitte.de/s/media/stores/brigitte/brigitte-countdown-17-1-fade.gif) no-repeat;}
.main .cms-container .countdown-0317 .borderedBox.zwei .pic {background: url(https://shop.brigitte.de/s/media/stores/brigitte/brigitte-countdown-17-2-fade.gif) no-repeat;}
.main .cms-container .countdown-0317 .borderedBox.drei .pic {background: url(https://shop.brigitte.de/s/media/stores/brigitte/brigitte-countdown-17-3-fade.gif) no-repeat;}

.main .cms-container .countdown-0317 .btn {bottom: auto; margin: 16px auto 0; display: none;}
.main .cms-container .countdown-0317 .active .btn {display: block;}
.main .cms-container .countdown-0317 .btn.verschenken {margin: 14px auto 0;}
.main .cms-container .countdown-0317 .leftTeaserTransparent img {margin-left: 38px;}

.main .cms-container .countdown-0317 p {text-align: center; color: #ededed;}
.main .cms-container .countdown-0317 .active p {color: #555555;}

@media only screen and (max-width: 580px) {
.main .cms-container .countdown-0317 {background: url(https://shop.brigitte.de/s/media/stores/brigitte/countdown-taschen-bg-mobile-1.jpg) no-repeat; height: 760px; padding-top: 93px;}
.main .cms-container .countdown-0317 .borderedBox {display: none; height: 395px;}
.main .cms-container .countdown-0317 .borderedBox.active {display: block;margin-top: 140px;
height: 400px;}
.main .cms-container .countdown-0317 .leftTeaserTransparent {background-color: transparent; border: 0px; margin-bottom: 0px; padding: 0px; height: 250px;}
.main .cms-container .countdown-0317 .leftTeaserTransparent img {margin-left: -5px;
margin-top: 134px;}
.main .cms-container .countdown-0317 .borderedBox {border: auto; margin-top: 40px; border: 1px solid #fce5e8;}
.main .cms-container .countdown-0317 .borderedBox .pic {margin-left: 125px;}
.main .cms-container .countdown-0317 p {margin-left: 0px; font-size: 18px;}
.main .cms-container .countdown-0317 .btn {font-size: 18px;}
    
}
/* eo BRIGITTE Countdown 03/17, SK, 01.03.16 */

/* App-Navigation mobile/desktop switch, OK, 02.05.2017*/
.main .cms-container .app-navigation.neu .mobile {display: none;}
@media only screen and (max-width: 580px) {
.main .cms-container .app-navigation.neu .mobile {display: block;}
.main .cms-container .app-navigation.neu .desktop {display: none;}
}
/* eo App-Navigation mobile/desktop switch, OK, 02.05.2017*/


/* mobile/desktop switch, OK, 04.05.2017*/
.main .cms-container .mobile {display: none;}
@media only screen and (max-width: 580px) {
.main .cms-container .mobile {display: block;}
.main .cms-container .desktop {display: none;}
}
/* eo mobile/desktop switch, OK, 04.05.2017*/

/* BRIGITTE PINK FIRST, http://shop.brigitte.de/pink-first/, OK, 05.05.2017*/
@media only screen and (max-width: 580px) {
.main .cms-container .pinkfirst .btn {margin-top: 20px;} 
}
/* eo BRIGITTE PINK FIRST, OK, 05.05.2017*/

/* BRIGITTE WIR testen, OK, 16.06.2017 */
.main .cms-container .brigitte-wir-testen .teaser-grid__item-text .headline {margin-top: 50px;}
.main .cms-container .brigitte-wir-testen .overlay {display: block; width: auto; height: auto; position: absolute; z-index: 200; margin-left: 112px; margin-top: 32px;}
/* eo BRIGITTE WIR testen, OK, 16.06.2017 */

/* BRIGITTE Taschen, http://shop.brigitte.de/pink-first/ etc, OK, 16.06.2017 */
.main .cms-container .brigitte-countdown-a .teaser {padding: 14px; background: #f2f2f2; height: 401px;}
.main .cms-container .brigitte-countdown-a .teaser img {margin-top: 20px; margin-bottom: 20px;}
.main .cms-container .brigitte-countdown-a .teaser .btn {margin-top: 20px;}
.main .cms-container .brigitte-countdown-a.countdown .teaser p {color: #dedede;}
.main .cms-container .brigitte-countdown-a.countdown .teaser.active p {color: #4a4a4a;}
.main .cms-container .brigitte-countdown-a.countdown .teaser .btn {display: none;}
.main .cms-container .brigitte-countdown-a.countdown .teaser.active .btn {display: block;}
@media only screen and (max-width: 580px) {
.main .cms-container .brigitte-countdown-a .left {display: none;}
.main .cms-container .brigitte-countdown-a .teaser {margin-top: 20px;}
.main .cms-container .brigitte-countdown-a .teaser img {margin-left: 105px; margin-top: 0;}
.main .cms-container .brigitte-countdown-a.countdown .teaser {display: none;}
.main .cms-container .brigitte-countdown-a.countdown .teaser.active  {display: block;}
}
/* eo BRIGITTE Taschen, OK, 16.06.2017 */


/* BRIGITTE Digital gratis, OK, 10.07.2017 */
.main .cms-container .digital-kennenlernangebot.gratis {background-image: url(https://shop.brigitte.de/s/media/stores/brigitte/konfetti_1.jpg);}
/* eo BRIGITTE Digital gratis, OK, 10.07.2017 */

/* BRIGITTE Shopping Days, OK, 19.07.2017 */
.main .cms-container .shopping-days-code {background: #806049; margin-left: 0; height: 50px; margin-bottom: 20px; padding-top: 10px; padding-left: 20px; color: white; font-size: 14px;}
.main .cms-container .shopping-days-code input {height: 29px; padding: 7px; margin-left: 7px;}
/* eo BRIGITTE Shopping Days, OK, 19.07.2017 */



/* Brigitte Danke Seite Cycle Aktion Banner, Sarah Kossel, 01.08.2017*/

.main .cms-container .cycle-aktion-mobil {height: 0px;}
@media only screen and (max-width: 580px) {
.main .cms-container .cycle-aktion {height: 0px; width: 0px;}
.main .cms-container .cycle-aktion-mobil {height:auto;}

}

.main .cms-container .auswahl .teaser {
    background-color: #fdf0f0;
    text-align: center;
    padding: 20px;
}
.main .cms-container .auswahl .teaser p {
    padding: 20px;
}
.main .cms-container .auswahl .cover.mittel .coverimage img {
    padding: 10px;
    height: 184px; 
    width: 137px;
}
.main .cms-container .auswahl .cover.mittel {
    background: url(https://shop.brigitte.de/s/media/stores/brigitte/heft-bg.png) no-repeat 139px 7px;
}
.main .cms-container .auswahl .longTeaser {
    margin-bottom: 15px;
}
.main .cms-container .auswahl .btn {
    width: 267px;
}
.main .cms-container .auswahl .longTeaser .coverimage img {
    position: absolute;
    top: 154px;
    left: 136px;
}
.main .cms-container .auswahl .longTeaser  .stoerer {
    position: absolute;
    top: 350px;
    left: 188px;
}
@media only screen and (max-width: 580px) {
    .main .cms-container .auswahl .teaser {
        margin-bottom: 15px;
    }
    .main .cms-container .auswahl .cover.mittel {
        background-position: 128px 7px;
    }
    .main .cms-container .auswahl .longTeaser .coverimage img {
        top: 71px;
        left: 64px;
        width: 104px;
        height: 129px;
    }
    .main .cms-container .auswahl .longTeaser .stoerer {
        top: 160px;
        left: 84px;
        width: 100px;
    }
    .main .cms-container .auswahl .btn {
        width: 100%;
    }
}


/* BRIGITTE Balance-Brot, http://shop.brigitte.de/balance-brot/, OK, 21.09.2017 */
.main .cms-container .balance-brot h2 {line-height: 1.1;}
.main .cms-container .balance-brot {background-image: url(https://shop.brigitte.de/s/media/stores/brigitte/brigitte-balance-bg_2.jpg);}
.main .cms-container .balance-brot .brot {background-image: url(https://shop.brigitte.de/s/media/stores/brigitte/balance-brot-essen.jpg)!important; height: 620px; width: 940px; padding-top: 573px !important;}
.main .cms-container .balance-brot .footer a {color: black;}
.main .cms-container .balance-brot .row {max-width: 940px;}
.main .cms-container .balance-brot .shade {box-shadow: 0 13px 29px 0 rgba(0, 0, 0, 0.15); width: 940px; margin-left: calc(50% - 470px); margin-top: 30px;}
@media only screen and (max-width: 580px) {
.main .cms-container .balance-brot .shade {box-shadow: none; width: 480px; margin-left: 0;}
.main .cms-container .balance-brot {background-image: none;}
.main .cms-container .balance-brot .row {max-width: 480px;}
.main .cms-container .balance-brot .brot {height: 318px; width: 480px; padding-top: 275px !important; background-size: 480px auto !important;}
}  
/* eo BRIGITTE Balance-Brot, OK, 21.09.2017 */


/* BRIGITTE Optimierungen Hero, OK, 11.10.2017 */
.main .cms-container .hero, .top-container .cms-container .hero {height: 300px;}
.main .cms-container .hero__content, .top-container .cms-container .hero__content {background: #bbbbbb;}
.main .cms-container .hero__content, .main .cms-container .hero__title, .main .cms-container .hero__subtitle, .main .cms-container .hero .list, .main .cms-container .hero__price, .top-container .cms-container .hero__content, .top-container .cms-container .hero__title, .top-container .cms-container .hero__subtitle, .top-container .cms-container .hero .list, .top-container .cms-container .hero__price {
    color: black;}
.main .cms-container .hero__lookinside, .top-container .cms-container .hero__lookinside {bottom: 37px;}
.main .cms-container .hero__link:hover, .top-container .cms-container .hero__link:hover {text-decoration: underline;}
.main .cms-container .hero__link, .top-container .cms-container .hero__link {color: black;}
.main .cms-container .teaser-grid__item.oben h2 {margin-top: 20px;}
.main .cms-container .teaser-grid__item.oben .teaser-grid__item-picture {top: 27px;}
.main .cms-container .teaser-grid__item.oben .teaser-grid__item-magazine--geschenk-abo .coverimage {width: 125px;}
.main .cms-container .teaser-grid__item.oben .teaser-grid__item-magazine--geschenk-abo .coverimage img {width: 125px; height: 154px;}   
.main .cms-container .hero__coverload, .top-container .cms-container .hero__coverload, .top-container .cms-container .hero--small .hero__coverload {width: 286px; left: 104px;}   
.main .cms-container .hero__lookinside, .top-container .cms-container .hero__lookinside, .top-container .cms-container .hero--small .hero__lookinside {right: 144px;}
.main .cms-container .subscription.brigitte-woman .teaser-grid__item.oben .teaser-grid__item-picture,
.main .cms-container .subscription.brigitte-wir .teaser-grid__item.oben .teaser-grid__item-picture,
.main .cms-container .subscription.brigitte-mom .teaser-grid__item.oben .teaser-grid__item-picture {top: 52px;}
@media only screen and (max-width: 580px) {
.main .cms-container .hero, .top-container .cms-container .hero {height: auto;}
.main .cms-container .hero__coverload, .top-container .cms-container .hero__coverload, .top-container .cms-container .hero--small .hero__coverload {left: 46px;}   
.main .cms-container .hero__lookinside, .top-container .cms-container .hero__lookinside, .top-container .cms-container .hero--small .hero__lookinside  {right: 50px;}
}
/* eo BRIGITTE Optimierungen Hero, OK, 11.10.2017 */

/* BRIGITTE Christmas Shopping, http://shop.brigitte.de/x-mas/, OK, 21.10.2017 */
.main .cms-container .christmas-shopping .teaser-grid__item .stoerer {position: absolute; margin-left: 244px; z-index: 1000; margin-top: 67px;}
/* eo BRIGITTE Christmas Shopping, http://shop.brigitte.de/x-mas/, OK, 21.10.2017 */

/* BRIGITTE Begleitung, http://shop.brigitte.de/begleitung/, OK, 05.12.2017 */
.main .cms-container .begleitung h2 {margin-top: 20px;}
.main .cms-container .begleitung .teaser-grid__item-picture {padding-top: 45px;}
.main .cms-container .begleitung .teaser-grid__item-picture + div {padding-top: 212px;}
.main .cms-container .begleitung .teaser-grid__item-text p {min-height: 135px;}
.main .cms-container .begleitung .teaser-grid__item .stoerer {position: absolute; margin-left: 108px; z-index: 1026; margin-top: 107px;}
.main .cms-container .begleitung .sternchen {font-size: 11px; text-align: right;}
@media only screen and (max-width: 580px) {
.main .cms-container .begleitung .teaser-grid__item-text p {min-height: auto;}
.main .cms-container .begleitung .teaser-grid__item .stoerer {margin-left: 224px;}
}
/* eo BRIGITTE Begleitung, http://shop.brigitte.de/begleitung/, OK, 05.12.2017 */


/* BRIGITTE Fix http://shop.brigitte.de/brigitte-mom/abo/digital-abo/schritt-fuer-schritt/, OK, 13.12.2017 */
.main .cms-container .hero.hero--theme-stepbystep {height: 415px;}
@media only screen and (max-width: 580px) {
.main .cms-container .hero.hero--theme-stepbystep {height: auto;}
}
/* eo BRIGITTE Fix http://shop.brigitte.de/brigitte-mom/abo/digital-abo/schritt-fuer-schritt/, OK, 13.12.2017 */


/* BRIGITTE Gutscheincountdown, http://shop.brigitte.de/gutscheincountdown/, OK, 22.12.2017 */
.main .cms-container .gutscheincountdown {background: url(https://shop.brigitte.de/s/media/stores/brigitte/brigitte-countdown-1811-bg.jpg); padding-top: 120px; background-repeat: no-repeat; height: 600px;}
.main .cms-container .gutscheincountdown .teaser {padding: 10px; border: 1px solid #ededed; background-repeat: no-repeat !important; background-color: white !important; background-position: 13px 15px !important; height: 370px;}
.main .cms-container .gutscheincountdown .teaser.drei {background: url(https://shop.brigitte.de/s/media/stores/brigitte/brigitte-countdown-1811-50-fade.jpg);}
.main .cms-container .gutscheincountdown .teaser.drei.active {background: url(https://shop.brigitte.de/s/media/stores/brigitte/brigitte-countdown-1811-50.jpg);}
.main .cms-container .gutscheincountdown .teaser.zwei {background: url(https://shop.brigitte.de/s/media/stores/brigitte/brigitte-countdown-1811-45-fade.jpg);}
.main .cms-container .gutscheincountdown .teaser.zwei.active {background: url(https://shop.brigitte.de/s/media/stores/brigitte/brigitte-countdown-1811-45.jpg);}
.main .cms-container .gutscheincountdown .teaser.eins {background: url(https://shop.brigitte.de/s/media/stores/brigitte/brigitte-countdown-1811-40-fade-1.jpg);}
.main .cms-container .gutscheincountdown .teaser.eins.active {background: url(https://shop.brigitte.de/s/media/stores/brigitte/brigitte-countdown-1811-40-1.jpg);}
.main .cms-container .gutscheincountdown img {width: 158px; box-shadow: 0 13px 29px 0 rgba(0, 0, 0, 0.15);}
.main .cms-container .gutscheincountdown .btn {margin-top: 265px; display: none;}
.main .cms-container .gutscheincountdown .active .btn {display: block;}
.main .cms-container .gutscheincountdown .leftTeaserTransparent {width: 208px;}
@media only screen and (max-width: 580px) {
.main .cms-container .gutscheincountdown {background: url(https://shop.brigitte.de/s/media/stores/brigitte/brigitte-countdown-1811-bg-mobile.jpg); height: auto;}
.main .cms-container .gutscheincountdown img {margin-bottom: 105px;margin-left: 154px;margin-top: 34px;}
.main .cms-container .gutscheincountdown .teaser {display: none; height: auto; background-position: 121px 23px !important;}
.main .cms-container .gutscheincountdown .teaser.active {display: block;}
}
/* eo BRIGITTE Gutscheincountdown, http://shop.brigitte.de/gutscheincountdown/, OK, 22.12.2017 */

/* BRIGITTE Shopping Days, http://shop.brigitte.de/shopping-days/brigitte, OK, 16.01.2018 */
.main .cms-container .shopping-days-code {background: #da005d; height: 50px; margin-bottom: 48px; padding-left: 254px;}
.main .cms-container .shopping-days .teaser-grid__item {background: #fce1d5;}
.main .cms-container .shopping-days .teaser-grid__item-text p {min-height: 82px;}
@media only screen and (max-width: 580px) {
.main .cms-container .shopping-days-code {margin-bottom: 0px; padding-left: 20px;}
.main .cms-container .shopping-days .teaser-grid__item-text p {min-height: auto;}
}
/* eo BRIGITTE Shopping Days, http://shop.brigitte.de/shopping-days/brigitte, OK, 16.01.2018 */


/* BRIGITTE BREE, http://shop.brigitte.de/bree/, OK, 16.02.2018 */
.main .cms-container .bree {background-image: url(https://shop.brigitte.de/s/media/stores/brigitte/bree-bg.jpg); height: 110vh;}
.main .cms-container .digital-kennenlernangebot.bree .content .logo {height: auto; position: absolute; z-index: 100; margin-top: 13px; margin-left: 24px;}
.main .cms-container .digital-kennenlernangebot.bree .content p {font-size: 16px; margin-bottom: 30px;}

/* SL 20.02.2018 */
.main .cms-container .zinio-update {
    margin: 0 auto;
    width: 960px;
}

.main .cms-container .zinio-update .mobile {display: none;}
.main .cms-container .zinio-update .desktop {display: block;}
.main .cms-container .zinio-update.main .cms-container .zinio-update .overlay {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0, 0.9);
    overflow-x: hidden;
    transition: 0.5s;
}
.main .cms-container .zinio-update .content {
    padding: 22px 75px;
}

.main .cms-container .zinio-update .overlay-content {
    position: relative;
    top: 25%;
    width: 100%;
    text-align: center;
    margin-top: 30px;
}
.main .cms-container .zinio-update .content img {
    margin: 0 auto;
    display: block;
}
.main .cms-container .zinio-update .content p,
.main .cms-container .zinio-update .content ul {
    font-size: 20px;
    line-height: 26px;
    color: #080909;
    padding-bottom: 15px;
    margin-top: 0px;
}
.main .cms-container .zinio-update .content h1,
.main .cms-container .zinio-update .content h2 {
    font-size: 20px;
    line-height: 26px;
    color: #080909;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 20px;
    position: static;
}
.main .cms-container .zinio-update h1 {
    position: absolute;
    top: 58px;
    left: 76px;
    color: #fff;
    font-size: 50px;
    text-transform: uppercase;
    font-weight: 800;
    width: 528px;
    line-height: 68px;
}
.main .cms-container .zinio-update .content h3 {
    font-size: 20px;
    line-height: 26px;
    color: #080909;
    padding-bottom: 15px;
    font-weight: 700;
}
.main .cms-container .zinio-update .content.first {
    padding-top: 70px;
}
.main .cms-container .zinio-update .stoerer {
    position: absolute;
    top: 167px;
    right: 200px;
}
.main .cms-container .zinio-update .cover {
    position: absolute;
    top: 42px;
    right: 95px;
}
.main .cms-container .zinio-update #book {
    display: none;
    width: 100px;
    height: 100px;
    background: #ccc;
    border: 1px solid #000;
 }
.main .cms-container .zinio-update ul {
     list-style: disc;
    padding-left: 30px;
    margin-top: 30px;
    font-size: 20px;
 }
.main .cms-container .zinio-update ul li {
    padding-bottom: 10px;
}


@media only screen and (max-width: 580px) {
  .main .cms-container .zinio-update {
     width: 480px;
  }
  .main .cms-container .zinio-update .mobile {
    display: block;
  }
  .main .cms-container .zinio-update .desktop {
      display: none;
  }
  .main .cms-container .zinio-update .content {
    padding: 22px 0px;
  }
  .main .cms-container .zinio-update h1 {
    top: 17px;
    left: 26px;
    font-size: 27px;
    width: 329px;
    line-height: 36px;
  }
  .main .cms-container .zinio-update .content .one {
     float: left;
     width: auto !important;
     margin-right: 20px;
  }
  .main .cms-container .zinio-update .content .eleven h2 {
    min-height: 77px;
  }
  .main .cms-container .zinio-update .content .four {
      margin-bottom: 20px;
  }
  .main .cms-container .zinio-update .cover {
    top: 24px;
    right: 45px;
  }
  .main .cms-container .zinio-update .cover img {
    height: 100px;
    width: auto;
  }
  .main .cms-container .zinio-update .stoerer {
    position: absolute;
    top: 56px;
    right: 86px;
    height: 89px;
  }
}

/* eo SL 20.02.2018 */

/* BRIGITTE BEGLEITUNG Fix, OK, 05.04.2018 */
.main .cms-container .begleitung .teaser-grid__item-magazine .coverimage img {height: 154px;}

/* LP MOBILE FIRST generelle styles, OK, 11.04.2018 */ 
.main .cms-container .lp .head {background: #e1f1fb; text-align: center; padding: 20px; margin-top: -10px;}
.main .cms-container .lp .content {padding: 5px 20px 20px 20px; text-align: center;}
.main .cms-container .lp .head h1 {font-family: 'Open Sans', sans-serif; font-weight: bold; height: auto; color: #ea4f6b; font-size: 2em; line-height: 1.2em; letter-spacing: -0.03em; padding-bottom: 10px; text-align: left;}
.main .cms-container .lp .head p {font-family: 'Open Sans', sans-serif; color: #575757; font-size: 1em; line-height: 1.3em; height: auto; margin-bottom: 0;}
.main .cms-container .lp .row.head {height: auto;}
.main .cms-container .lp p {margin-bottom: 10px;}
.main .cms-container .lp h1 {line-height: 1.1em; margin-bottom: 0px;}
.main .cms-container .lp h2 {line-height: 1.1em; margin-bottom: 20px;}
.main .cms-container .lp img {margin-bottom: 20px;}
.main .cms-container .lp .cover img {box-shadow: 3px 3px 6px #aaa;}
.main .cms-container .lp .cover {width: 440px; padding: 25px 110px 20px 110px;}
.main .cms-container .lp img.no-shadow {box-shadow: none;}
.main .cms-container .lp .columns .btn {width: 100%;}
.main .cms-container .lp .stoerer {font-family: 'Open Sans', sans-serif; position: absolute; z-index: 100; border-radius: 50%; color: white; background: #e8324c; width: 110px; height: 110px; text-align: center;
    padding: 33px 5px 5px 5px; margin-top: 240px; font-weight: bold; margin-left: 275px; font-size: 2.6em; line-height: 0.4em;}
.main .cms-container .lp .stoerer span {font-size: 0.3em;}
.main .cms-container .lp .cta {position: fixed; bottom: 0; width: 100%; background: #f2f2f2; padding: 20px; z-index: 100; margin-left: -20px; padding-bottom: 0; border-top: 1px solid white; transition: transform .25s .1s ease-in-out;}
.main .cms-container .lp .cta.down {position: relative; margin-left: 0; border-top: none; background: white;}
.main .cms-container .lp .zugaben {padding: 20px; text-align: center;}
.main .cms-container .lp .teaser {padding: 20px; padding-top: 40px; text-align: center; background: #f2f2f2; margin-bottom: 20px;}
.main .cms-container .lp .teaser .btn {padding: 0; z-index: 100;}
.main .cms-container .lp .teaser h2 {font-size: 1.2em;}
.main .cms-container .lp .teaser p {margin-bottom: 20px;}
.main .cms-container .lp .teaser .flag {margin-left: 285px; background-size: 120px; width: 120px; padding: 8px 22px 5px 8px; line-height: 1.2em;}
.main .cms-container .lp .row .columns {padding: 0;}  /* PM-spezifisch */
.main .cms-container .lp .row .cover {width: auto !important; height: auto; box-shadow: none;} /* PM-spezifisch */
.main .cms-container .lp .content .right {background: white;}
.main .cms-container .lp .cta .btn {height: 40px; padding-top: 0; line-height: 38px; font-size: 1.4rem;}
.main .cms-container .lp .copy {padding-top: 20px;}
.main .cms-container .lp .head .logo {position: absolute; right: 10px; width: 75px; margin-top: -10px;}
.main .cms-container .lp .stoerer:before {content: ''; position: absolute; background: #e8324c; width: 50%; height: 50%; top: 0; right: 0; z-index: -1;}
@media only screen and (min-width:580px) {
.main .cms-container .lp .head {padding-bottom: 8px; margin-top: 33px;}
.main .cms-container .lp .head h1 {font-size: 2.6em; margin-left: 0; margin-right: 0; margin-bottom: 0; text-align: center; margin-top: 30px;}
.main .cms-container .lp .head p {padding-left: 0; padding-right: 0; line-height: 1.6em; font-size: 1.6em; margin-bottom: 20px;}
.main .cms-container .lp .columns.left {margin-left: 0;}
.main .cms-container .lp .columns .btn {width: 250px; margin-top: 20px; margin-bottom: 0;}
.main .cms-container .lp .columns.right .copy {margin-top: 20px; padding-left: 70px; padding-right: 70px;}
.main .cms-container .lp .cta {position: relative; bottom: auto; width: auto; background: transparent; padding-top: 0; border-top: none; margin-bottom: 40px; margin-left: 0;}
.main .cms-container .lp .content .right {float: right !important;}
.main .cms-container .lp .foot {background-color: #72b733; border-top: 4px solid #fecc00; height: 50px;}
.main .cms-container .lp .teaser .btn {margin-top: 0; margin-bottom: 20px;}
.main .cms-container .lp .cover {padding-top: 52px;}
.main .cms-container .lp .head .logo {right: 20px; margin-top: -4px;}
.main .cms-container .lp .stoerer {margin-top: 265px;}
}
/* eo LP MOBILE FIRST generelle styles, OK, 11.04.2018 */ 


/* BRIGITTE Herzenswünsche, http://shop.brigitte.de/brigitte/herzenswuensche/, OK, 11.04.2018 */ 
/* MOBILE FIRST */ 
.main .cms-container .lp.herzenswuensche {background: #e1f1fb;}
/* eo BRIGITTE Herzenswünsche, http://shop.brigitte.de/brigitte/herzenswuensche/, OK, 11.04.2018 */ 

/* http://shop.brigitte.de/brigitte-mom/abo/digital-abo/ Störer Fix, OK, 17.04.2018 */ 
.main .cms-container .hero-badge--theme-immerverfuegbar, .top-container .cms-container .hero-badge--theme-immerverfuegbar {top: 114px !important; left: -158px; background-image: url("http://s2h.shop.brigitte.de/media/stores/brigitte/stoerer-verfuegbar-big_1x.png");}


/*** SK Brigitte Countdown Bares 24.05.18 **/
.main .cms-container .lp.bar {
   background-image: url(https://shop.brigitte.de/s/media/stores/brigitte/bares-2018.jpg);
   background-repeat: no-repeat;
}
.main .cms-container .lp.bar .head {
    background: transparent;
}
.main .cms-container .lp.bar .stoerer {
    background: #778285;
    font-size: 1.2em;
    line-height: 1.0em;
    padding: 23px 5px 5px 5px;
}
.main .cms-container .lp.bar .stoerer:before {
    left: 0;
    background: #778285;
}
/*** eo SK Brigitte Countdown Bares 24.05.18 **/


/* Fonts anpassen, OK, 31.05.2018 */
.main .cms-container .font-optimize h1 {font-size: 21px; line-height: 18px; font-weight: bold; margin-bottom: 10px; margin-top: 20px;}
.main .cms-container .font-optimize h2 {font-size: 18px; line-height: 18px; font-weight: bold; margin-bottom: 10px; margin-top: 20px;}
.main .cms-container .font-optimize p {margin-bottom: 18px; font-size: 14px;}
.main .cms-container .font-optimize .toggle {cursor: pointer; margin-top: 20px; text-decoration: underline; font-size: 14px;}
@media only screen and (max-width: 580px) {
.main .cms-container .font-optimize {padding: 20px;}
.main .cms-container .font-optimize h1 {font-size: 21px; line-height: 26px;}
.main .cms-container .font-optimize h2 {font-size: 21px; line-height: 26px;}
.main .cms-container .font-optimize p {font-size: 16px;}
.main .cms-container .font-optimize .toggle {display: block; cursor: pointer; margin-top: 20px; text-decoration: underline; font-size: 14px;}
.main .cms-container .font-optimize .desktop.active {display: block;}
.main .cms-container .font-optimize .mobile.hide {display: none;}
} 
/* eo Fonts anpassen, OK, 31.05.2018 */
@media only screen and (max-width: 580px) {
  
  .main-row .left-column {
    margin: 0 20px 20px;
  }

}


/* App-Navigation, OK, 02.03.2017 */
.cms-container .app-navigation {font-family: arial; text-align: center; font-size: 1.5em;}
.cms-container .app-navigation .header {background: black none repeat scroll 0 0; color: white; font-size: 1.5em; padding: 13px; text-align: center; width: 100%; margin-bottom: 3em;}
.cms-container .app-navigation strong {color: #7cc303;}   
/* eo App-Navigation, OK, 02.03.2017 */

.product-grid .product-actions {margin-bottom: 10px;}

/*28.11.17 Danke-Seite Überschrift, Sarah Kossel*/

.checkoutb h1 {padding-left: 94px;}

@media only screen and (max-width: 580px) {
    .checkoutb h1 {padding-left: 18px;}
}
/*28.11.17 Danke-Seite Überschrift, Sarah Kossel*/

/* Abstand zwischen Top Container und dynamischen Blöcken, z. B. auf http://shop.brigitte.de/brigitte-woman/abo/heft-abos/ */
.row.top-container {margin-bottom: 12px;}
/* eo Abstand zwischen Top Container und dynamischen Blöcken, z. B. auf http://shop.brigitte.de/brigitte-woman/abo/heft-abos/ */


/* shop-hotfix.css eltern*/
/* Overlay Layer  SK 16.10.17 */

.category-brigitte-mom-zinio .content-description .cms-container .layer {
    margin: 20px 30px 0px 40px;
    background-color: #ffffff;
    padding: 30px 30px 20px 30px;
}
@media only screen and (max-width:580px) {
   .category-brigitte-mom-zinio .content-description .cms-container .layer {
       margin: auto;
   } 
}
.category-brigitte-mom-zinio .content-description .cms-container .layer h2 {
   font-size: 20px;
   font-weight: 700;
   color: #000;
}
.category-brigitte-mom-zinio .overlay .stage {
    background-color: rgba(0,0,0,0.4);
}
.category-brigitte-mom-zinio .overlay .stage .close {
    color: transparent;
}
.category-brigitte-mom-zinio .content-description .cms-container .layer ul {
    list-style: disc;
    padding-left: 30px;
    margin-top: 30px;
    font-size: 20px;
    color: #000;
}
.category-brigitte-mom-zinio .content-description .cms-container .layer li {
    padding-bottom: 10px;
}
/* eo Overlay Layer  SK 16.10.17 */

/* Störer auf http://shop.brigitte.de/brigitte-mom/einzelhefte/ ausblenden, OK, 22.05.2018 */
.product-grid.first-page .products.first .product.first.eiki .product-image-eyecatcher {display: none;}

/* Datenschutzhinweis Sticky Banner, OK, 25.05.2018 */
.datenschutzhinweis {padding: 20px; background: white; border-top: 1px solid #cccccc; width: 960px;}
@media only screen and (max-width:580px) {
.datenschutzhinweis {width: 480px;}
}