/*
# **********************************************************************
#
#  (c) 2017 Tobias Fleckenstein <tfleckenstein@mp-group.net>, mp group GmbH
#
# **********************************************************************
# date/time    : 01/2018
# project      : Kinderschritte
# developer    : Tobias Fleckenstein
#
#   .-------------'```'----....,,__                        _,
#   |                               `'`'`'`'-.,.__        .'(
#   |                                             `'--._.'   )
#   |                                                   `'-.<
#   \               .-'`'-.                            -.    `\
#    \               -.o_.     _                     _,-'`\    |
#     ``````''--.._.-=-._    .'  \            _,,--'`      `-._(
#       (^^^^^^^^`___    '-. |    \  __,,..--'                 `
#        `````````   `'--..___\    |`
#                              `-.,'
#
# **********************************************************************
#
#  Inhaltliches CSS
#
# **********************************************************************

Kinderschritte Farben 2017

Kinderschritte rot:
RGB = 219, 13, 58
HEX = #db0d3a

Kinderschritte blau:
RGB = 13, 147, 210
HEX = #0d93d2

Kinderschritte blau für leichte Schrift:
RGB = 25, 121, 175
HEX = #1979af

E-Mail Hintergrund Grau:
RGB = 222, 224, 226
HEX = #dee0e2
*/

/*
# **********************************************************************************
#  BOF Ein und ausblenden der kopierten und orginal Elemente für kleine Auflösungen
#
#*/
/* ausblenden der kopierten Row */
.overlayBlockTextTarget>.row {
  display: none;
}

/* ausblenden der orginal Row */
.fakeView .overlayBlockImage>.row {
  display: none;
}

/* Hintergrund entfernen um Einrückung zu vermeiden und eine Bündigkeit zu erhalten*/
.fakeView .lightGreyBg {
  background: none !important;
}

.fakeView .overlayBlockText {
  width: 100%;
}

.fakeView .overlayBlockTextTarget>.row {
  display: block;
}

/*
#
#  EOF Ein und ausblenden der kopierten und orginal Elemente für kleine Auflösungen
# **********************************************************************************
#*/

.marginBottom15{
  margin-bottom: 15px;
}


/* BOF Headerbilder */
.headerImage .carousel-caption {
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  padding: 10px 15px 5px;
  color: #fff;
  text-align: left;
  text-shadow: none;

  background: #ffffff;
  background: rgba(255,255,255,0.7);
}
.headerImage .carousel-caption h3 {
  font-size: 40px;
  color: #e51259;
  padding: 0 0 5px;
  margin:0;
}
.headerImage .carousel-caption h4 {
  font-size: 26px;
  color: #46a5f1;
  padding: 0;
  margin: 0;
}

/* onerowheadline */
.headerImage.oneRowHeadline .carousel-caption h3 {
  color: #e51259;
}
.headerImage.oneRowHeadline .carousel-caption h3 span{
  color: #46a5f1;
}

.pageUid1 main > .container.mpFirstContainerElement {
  margin-top: 0;
}
.pageUid1 main > .container {
  margin-bottom: 10px;
}
.sliderStartseite.carousel-caption {
  max-width: 350px;
  max-height: 250px;
  background: #ffffff;
  background: rgba(255,255,255,0.7);
  top: 10%;
  right: 15%;
  left: unset;
  text-shadow: none;
  padding: 15px;
}
.sliderStartseite.carousel-caption p{
  color: #4d4949;
}

.sliderStartseite.slide01{
  max-width: 650px;
  max-height: 250px;
  top: 75%;
  right: 15%;
}
.sliderStartseite.slide02{
  max-width: 650px;
  max-height: 250px;
  top: 65%;
  right: 25%;
}
.sliderStartseite.slide03{
  max-width: 250px;
  max-height: 600px;
  top: 10%;
  right: 5%;
}
.sliderStartseite.slide04{
  max-width: 650px;
  max-height: 250px;
  top: 75%;
  right: 15%;
}


@media (max-width:375px){
  .headerImage .carousel-caption h3 {
    font-size: 18px;
  }
  .headerImage .carousel-caption h4 {
    font-size: 14px;
  }
}

@media (min-width:376px) and (max-width:767px){
  .headerImage .carousel-caption {
    padding-top: 3px;
    padding-bottom: 2px;
  }
  .headerImage .carousel-caption h3 {
    font-size: 24px;
    padding-bottom:2px;
  }
  .headerImage .carousel-caption h4 {
    font-size: 18px;
  }
}

/*bigger 768*/
@media (min-width:768px) and (max-width: 991px){
  .headerImage .carousel-caption {
    padding-top: 7px;
    padding-bottom: 3px;
  }
  .headerImage .carousel-caption h3 {
    font-size: 32px;
    padding-bottom:2px;
  }
  .headerImage .carousel-caption h4 {
    font-size: 22px;
  }
}

/*bigger 992*/
@media (min-width: 992px) and (max-width: 1199px){
  .headerImage .carousel-caption {
    padding-top: 7px;
    padding-bottom: 3px;
  }
  .headerImage .carousel-caption h3 {
    font-size: 34px;
    padding-bottom:2px;
  }
  .headerImage .carousel-caption h4 {
    font-size: 22px;
  }
}

/*bigger 1200*/
@media (min-width: 1200px) {

}
/* EOF Headerbilder */

/* Abstände pro Datensatz */
.frame-space-before-extra-small{margin-top:15px !important;}
.frame-space-before-small{margin-top:30px !important;}
.frame-space-before-medium{margin-top:45px !important;}
.frame-space-before-large{margin-top:60px !important;}
.frame-space-before-extra-large{margin-top:150px !important;}

.frame-space-after-extra-small{margin-bottom:15px !important;}
.frame-space-after-small{margin-bottom:30px !important;}
.frame-space-after-medium{margin-bottom:45px !important;}
.frame-space-after-large{margin-bottom:60px !important;}
.frame-space-after-extra-large{margin-bottom:150px !important;}

@media (max-width:767px){
  .frame-space-before-extra-small{margin-top:7.5px !important;}
  .frame-space-before-small{margin-top:15px !important;}
  .frame-space-before-medium{margin-top:22.5px !important;}
  .frame-space-before-large{margin-top:30px !important;}
  .frame-space-before-extra-large{margin-top:150px !important;}

  .frame-space-after-extra-small{margin-bottom:7.5px !important;}
  .frame-space-after-small{margin-bottom:15px !important;}
  .frame-space-after-medium{margin-bottom:22.5px !important;}
  .frame-space-after-large{margin-bottom:30px !important;}
  .frame-space-after-extra-large{margin-bottom:75px !important;}
}
.equalHeight > div > [class*="frame-layout-mpBootstrapTile"]{
  height: 100%;
}

/* special Element auf demo.html*/



.textOverImage .colWithText .frame-space-before-extra-large{
  margin-top: 320px !important;
}
.photoSearchColStartseite .connectsPhotoSearch .col-md-5{
  width: 100%;
}
.photoSearchColStartseite .connectsPhotoSearch .col-md-7{
  width: 100%;
}
.photoSearchColStartseite .connectsPhotoSearch .col-md-7 label,
.photoSearchColStartseite .connectsPhotoSearch .photoSearchCode{
  display: none;
}
.photoSearchColStartseite header h2 {
  text-indent: -9999px;
  background: url(../../media/inhaltsbilder/sprechblasen/startseite-teilnehmer-id.png) no-repeat center center;
  background-size: contain;
  height: 115px;
}

/* NAS Umzugs */
.photoSearchColStartseite #c3997 header > h2 {
  text-indent: -9999px;
  background: url(../../media/inhaltsbilder/sprechblasen/startseite-teilnehmer-id.png) no-repeat center center;
  background-size: auto auto;
  background-size: contain;
  height: 115px;
}
.photoSearchColStartseite #c3997 .ce-bodytext h2{
  text-indent: 0;
  background: none;
  height: auto;
  display: block;
}
#c3997 header h2{
  font-size: 38px;
  color: #e51259;
  padding: 0;
}
#c3997 .ce-bodytext h2{
  display: none;
}
#c3996 .ce-bodytext h2{
  display: none;
}
/* NAS Umzugs */

.parallax-window .ce-bodytext {
  color: #4d4949;
}

.aktionsStoerer{
  min-height: 400px;
}
.aktionsStoerer .frame-space-before-extra-large {
  margin-top: 250px !important;
}
.carousel-indicators{
  display: none;
}
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 60px;
  height: 60px;
  margin-top: -30px;
  font-size: 60px;
}
.carousel-control {
  opacity: 0;
  filter: alpha(opacity=0);
  text-shadow: none;
  background-color: transparent;
}
.carousel:hover .carousel-control,
.carousel:focus .carousel-control {
  opacity: .3;
  filter: alpha(opacity=30);
  color: #db0d3a;
}
.carousel-control:hover,
.carousel-control:focus {
  color: #0d93d2 !important;
  opacity: .6 !important;
  filter: alpha(opacity=60) !important;
}
.carousel-control{
  width: 5%;
}
.carousel-control.right,
.carousel-control.left {
  background-image: none;
}

/* FORM */
.inputs-list .form-group .form-check{
  display: inline-block;
  margin-right: 30px;
}
.inputs-list .form-group .form-check .form-check-input{
  margin-right: 5px;
}



/* default classes */
/* Auflösen des Background Covers */
.noBgCover{
  -webkit-background-size: inherit !important;
  -moz-background-size: inherit !important;
  -o-background-size: inherit !important;
  background-size: inherit !important;
}
.noMargin{
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}
.marginTopDefault{
  margin-top: 30px;
}
.overlayBlockText h4:first-child{
  margin-top: 25px;
}
.overlayBlockText h4{
  margin-top: 40px;
  margin-bottom: 5px;
}
.overlayBlockText h4 + h5{

}
.lightGreyBg{
  background: rgba(241, 241, 241, 0.65);
}


/* Homepage */
.homepageBlockHeader{
  height: 80vh;
}

.homepageBlockHeader .img-responsive{
  max-width: 70%;
  border: 1px solid #e0e0e0;
}
@media (max-width:767px){
  .homepageBlockHeader .img-responsive{
    max-width: 100%;
  }
}
/*bigger 992*/
@media (min-width: 992px) and (max-width: 1199px){
  .homepageBlockHeader .img-responsive{
    max-width: 80%;
  }
  .homepageBlockHeader{
    height: 90vh;
  }
}
@media (min-width:768px) and (max-width: 991px){
  .homepageBlockHeader{
    height: 100vh;
  }
}

@media (max-width:767px){
  .homepageBlockHeader{
    background-position: 98% 0 !important;
  }
  .homepageBlockHeader .overlayBlockText .frame-space-before-extra-large {
    margin-top: 180px !important;
  }
}
@media (min-width:768px) and (max-width: 991px){
  .homepageBlockHeader{
    background-position: 65% 0 !important;
  }
}
/*bigger 992*/
@media (min-width: 992px) and (max-width: 1199px){
  .homepageBlockHeader{
    background-position: 66% 0 !important;
  }
}
/* Homepage */

/* BOF Homepage 10 Jahre*/
.pageUid1 .mpFirstContainerElement{
  margin-bottom: 0px !important;
}
.homepageBlockHeaderMirror{
  height: 80vh;
  background-position: 0% 0 !important;
}

.homepageBlockHeaderMirror .img-responsive{
  max-width: 70%;
  border: 1px solid #e0e0e0;
}
@media (max-width:767px){
  .homepageBlockHeaderMirror .img-responsive{
    max-width: 100%;
  }
}
/*bigger 992*/
@media (min-width: 992px) and (max-width: 1199px){
  .homepageBlockHeaderMirror .img-responsive{
    max-width: 80%;
  }
  .homepageBlockHeaderMirror{
    height: 90vh;
  }
}
@media (min-width:768px) and (max-width: 991px){
  .homepageBlockHeaderMirror{
    height: 100vh;
  }
}

@media (max-width:767px){
  .homepageBlockHeaderMirror{
    background-position: 0% 0 !important;
  }
  .homepageBlockHeaderMirror .overlayBlockText .frame-space-before-extra-large {
    margin-top: 180px !important;
  }
}
@media (min-width:768px) and (max-width: 991px){
  .homepageBlockHeaderMirror{
    background-position: 29% 0 !important;
  }
}
/*bigger 992*/
@media (min-width: 992px) and (max-width: 1199px){
  .homepageBlockHeaderMirror{
    background-position: 11% 0 !important;
  }
}


@media (max-width:767px){
  .homepageBlockHeader10j{
    background-position: 100% 0 !important;
  }
}
@media (max-width:500px){
  .homepageBlockHeader10j{
    background-position: 96% 0 !important;
  }
}
@media (min-width:768px) and (max-width: 991px){
  .homepageBlockHeader10j{
    background-position: 71% 0 !important;
  }
}
/*bigger 992*/
@media (min-width: 992px) and (max-width: 1199px){
  .homepageBlockHeader10j{
    background-position: 95% 0 !important;
  }
}
/* EOF Homepage 10 Jahre */


/* Für Eltern */
.elternBlockHeader{
  height: 100vh;
}

@media (min-width: 992px) and (max-width: 1199px){

  .elternBlock01{
    background-position: 72% 0 !important;
  }
  .elternBlock02{
    background-position: 16% 0 !important;
  }
  .elternBlock03{
    background-position: 77% 0 !important;
  }
  .elternBlock04{
    background-position: 16% 0 !important;
  }
  .elternBlock05{
    background-position: 80% 0 !important;
  }
  .elternBlock06{
    background-position: 20% 0 !important;
  }
  .elternBlock07{
    background-position: 79% 0 !important;
  }
  .elternBlock08{
    background-position: 20% 0 !important;
  }
  .elternBlock09{
    background-position: 86% 0 !important;
  }
}

@media (min-width:768px) and (max-width: 991px){
  .elternBlockHeader{
    background-position: 65% 0 !important;
  }
  .elternBlock01{
    background-position: 72% 0 !important;
  }
  .elternBlock02{
    background-position: 20% 0 !important;
  }
  .elternBlock03{
    background-position: 72% 0 !important;
  }
  .elternBlock04{
    background-position: 23% 0 !important;
  }
  .elternBlock05{
    background-position: 80% 0 !important;
  }
  .elternBlock06{
    background-position: 20% 0 !important;
  }
  .elternBlock07{
    background-position: 81% 0 !important;
  }
  .elternBlock08{
    background-position: 22% 0 !important;
  }
  .elternBlock09{
    background-position: 86% 0 !important;
  }
}
@media (max-width:767px){
  .elternBlockHeader{
    background-position: 98% 0 !important;
  }
  .elternBlockHeader .overlayBlockText .frame-space-before-extra-large {
    margin-top: 180px !important;
  }
  .elternBlock01{
    background-position: 91% 0 !important;
  }
  .elternBlock02{
    background-position: 0% 0 !important;
  }
  .elternBlock03{
    background-position: 93% 0 !important;
  }
  .elternBlock04{
    background-position: 0% 0 !important;
  }
  .elternBlock05{
    background-position: 98% 0 !important;
  }
  .elternBlock06{
    background-position: 0% 0 !important;
  }
  .elternBlock07{
    background-position: 100% 0 !important;
  }
  .elternBlock08{
    background-position: 0% 0 !important;
  }
  .elternBlock09{
    background-position: 100% 0 !important;
  }
}
/* Für Eltern */

/* Für Einrichtungen */
.elternBlockHeader{
  height: 100vh;
}
.einrichtungenBlock01{
  background-position: 100% 0 !important;
}
.einrichtungenBlock02{
  background-position: 15% 0 !important;
}
.einrichtungenBlock03{
  background-position: 100% 0 !important;
}
@media (min-width: 992px) and (max-width: 1199px){
  .einrichtungenBlock01{
    background-position: 90% 0 !important;
  }
  .einrichtungenBlock02{
    background-position: 20% 0 !important;
  }
  .einrichtungenBlock03{
    background-position: 100% 0 !important;
  }
}

@media (min-width:768px) and (max-width: 991px){
  .einrichtungenBlockHeader{
    background-position: 65% 0 !important;
  }
  .einrichtungenBlock01{
    background-position: 88% 0 !important;
  }
  .einrichtungenBlock02{
    background-position: 23% 0 !important;
  }
  .einrichtungenBlock03{
    background-position: 86% 0 !important;
  }
}

@media (max-width:767px){
  .einrichtungenBlockHeader{
    background-position: 98% 0 !important;
  }
  .einrichtungenBlockHeader .overlayBlockText .frame-space-before-extra-large {
    margin-top: 180px !important;
  }
  .einrichtungenBlock01{
    background-position: 100% 0 !important;
  }
  .einrichtungenBlock02{
    background-position: 0% 0 !important;
  }
  .einrichtungenBlock03{
    background-position: 100% 0 !important;
  }
}
/* Für Einrichtungen */


/* Für geschaeft */
.geschaeftBlockHeader{
  height: 100vh;
}
.geschaeftBlock0{
  background-position: 80% 0 !important;
}
.geschaeftBlock01{
  background-position: 5% 0 !important;
}
.geschaeftBlock02{
  background-position: 80% 0 !important;
}
.geschaeftBlock03{
  background-position: 5% 0 !important;
}
.geschaeftBlock04{
  background-position: 95% 0 !important;
}
@media (min-width: 992px) and (max-width: 1199px){
  .geschaeftBlock0{
    background-position: 68% 0 !important;
  }
  .geschaeftBlock01{
    background-position: 22% 0 !important;
  }
  .geschaeftBlock02{
    background-position: 75% 0 !important;
  }
  .geschaeftBlock03{
    background-position: 5% 0 !important;
  }
  .geschaeftBlock04{
    background-position: 95% 0 !important;
  }
}

@media (min-width:768px) and (max-width: 991px){
  .geschaeftBlockHeader{
    background-position: 65% 0 !important;
  }
  .geschaeftBlock0{
    background-position: 70% 0 !important;
  }
  .geschaeftBlock01{
    background-position: 24% 0 !important;
  }
  .geschaeftBlock02{
    background-position: 72% 0 !important;
  }
  .geschaeftBlock03{
    background-position: 10% 0 !important;
  }
  .geschaeftBlock04{
    background-position: 85% 0 !important;
  }
}
@media (max-width:767px){
  .geschaeftBlockHeader{
    background-position: 98% 0 !important;
  }
  .geschaeftBlockHeader .overlayBlockText .frame-space-before-extra-large {
    margin-top: 180px !important;
  }
  .geschaeftBlock0{
    background-position: 100% 0 !important;
  }
  .geschaeftBlock01{
    background-position: 0 0 !important;
  }
  .geschaeftBlock02{
    background-position: 100% 0 !important;
  }
  .geschaeftBlock03{
    background-position: 0% 0 !important;
  }
  .geschaeftBlock04{
    background-position: 100% 0 !important;
  }
}
/* Für geschaeft */

/* Für Unternehmen */
.unternehmenBlockHeader{
  height: 100vh;
}
.unternehmenKontaktInvader{
  padding-top: 30px;
  padding-bottom: 30px;
}
  .unternehmenBlock00{
    background-position: 70% 0 !important;
  }
  .unternehmenBlock01{
    background-position: 45% 0 !important;
  }
  .unternehmenBlock02{
    background-position: 70% 0 !important;
  }
  .unternehmenBlock03{
    background-position: 39% 0 !important;
  }

@media (min-width: 992px) and (max-width: 1199px){
  .unternehmenBlock00{
    background-position: 70% 0 !important;
  }
  .unternehmenBlock01{
    background-position: 40% 0 !important;
  }
  .unternehmenBlock02{
    background-position: 68% 0 !important;
  }
  .unternehmenBlock03{
    background-position: 19% 0 !important;
  }
}

@media (min-width:768px) and (max-width: 991px){
  .unternehmenBlock00{
    background-position: 71% 0 !important;
  }
  .unternehmenBlock01{
    background-position: 31% 0 !important;
  }
  .unternehmenBlock02{
    background-position: 73% 0 !important;
  }
  .unternehmenBlock03{
    background-position: 20% 0 !important;
  }
}

@media (max-width:767px){
  .unternehmenBlockHeader{
    background-position: 98% 0 !important;
  }
  .unternehmenBlockHeader .overlayBlockText .frame-space-before-extra-large {
    margin-top: 180px !important;
  }
  .unternehmenBlock00{
    background-position: 93% 0 !important;
  }
  .unternehmenBlock01{
    background-position: 15% 0 !important;
  }
  .unternehmenBlock02{
    background-position: 93% 0 !important;
  }
  .unternehmenBlock03{
    background-position: 12% 0 !important;
  }
}
/* Für Unternehmen */

/* Für Vereine */
.vereineBlockHeader{
  height: 100vh;
}
.vereineKontaktInvader{
  padding-top: 30px;
  padding-bottom: 30px;
}
.vereineBlock00{
  background-position: 82% 0 !important;
}
.vereineBlock01{
  background-position: 21% 0 !important;
}
.vereineBlock02{
  background-position: 82% 0 !important;
}
.vereineBlock03{
  background-position: 29% 0 !important;
}
.vereineBlock04{
  background-position: 81% 0 !important;
}
.vereineBlock05{
  background-position: 17% 0 !important;
}

@media (min-width: 992px) and (max-width: 1199px){
  .vereineBlockHeader{
    background-position: 76% 0 !important;
  }
  .vereineBlock00{
    background-position: 76% 0 !important;
  }
  .vereineBlock01{
    background-position: 20% 0 !important;
  }
  .vereineBlock02{
    background-position: 84% 0 !important;
  }
  .vereineBlock03{
    background-position: 29% 0 !important;
  }
  .vereineBlock04{
    background-position: 80% 0 !important;
  }
  .vereineBlock05{
    background-position: 15% 0 !important;
  }
}

@media (min-width:768px) and (max-width: 991px){
  .vereineBlockHeader{
    background-position: 65% 0 !important;
  }
  .vereineBlock00{
    background-position: 77% 0 !important;
  }
  .vereineBlock01{
    background-position: 29% 0 !important;
  }
  .vereineBlock02{
    background-position: 82% 0 !important;
  }
  .vereineBlock03{
    background-position: 47% 0 !important;
  }
  .vereineBlock04{
    background-position: 80% 0 !important;
  }
  .vereineBlock05{
    background-position: 15% 0 !important;
  }
}
@media (max-width:767px){
  .vereineBlockHeader{
    background-position: 98% 0 !important;
  }
  .vereineBlockHeader .overlayBlockText .frame-space-before-extra-large {
    margin-top: 180px !important;
  }
  .vereineBlock00{
    background-position: 94% 0 !important;
  }
  .vereineBlock01{
    background-position: 0% 0 !important;
  }
  .vereineBlock02{
    background-position: 95% 0 !important;
  }
  .vereineBlock03{
    background-position: 8% 0 !important;
  }
  .vereineBlock04{
    background-position: 100% 0 !important;
  }
  .vereineBlock05{
    background-position: 0% 0 !important;
  }
}
/* Für Vereine */

/* Für Fotografen */
.fotografenKontaktInvader{
  padding-top: 30px;
  padding-bottom: 30px;
}
  .fotografenBlock00{
    background-position: 75% 0 !important;
  }
  .fotografenBlock01{
    background-position: 20% 0 !important;
  }
  .fotografenBlock02{
    background-position: 60% 0 !important;
  }
  .fotografenBlock03{
    background-position: 17% 0 !important;
  }
  .fotografenBlock04{
    background-position: 100% 0 !important;
  }


@media (min-width: 992px) and (max-width: 1199px){
  .fotografenBlock00{
    background-position: 81% 0 !important;
  }
  .fotografenBlock01{
    background-position: 10% 0 !important;
  }
  .fotografenBlock02{
    background-position: 80% 0 !important;
  }
  .fotografenBlock03{
    background-position: 11% 0 !important;
  }
  .fotografenBlock04{
    background-position: 87% 0 !important;
  }
}
@media (min-width:768px) and (max-width: 991px){

  .fotografenBlock00{
    background-position: 76% 0 !important;
  }
  .fotografenBlock01{
    background-position: 15% 0 !important;
  }
  .fotografenBlock02{
    background-position: 65% 0 !important;
  }
  .fotografenBlock03{
    background-position: 20% 0 !important;
  }
  .fotografenBlock04{
    background-position: 100% 0 !important;
  }
}
@media (max-width:767px){
  .fotografenBlock00{
    background-position: 91% 0 !important;
  }
  .fotografenBlock01{
    background-position: 0% 0 !important;
  }
  .fotografenBlock02{
    background-position: 86% 0 !important;
  }
  .fotografenBlock03{
    background-position: 0% 0 !important;
  }
  .fotografenBlock04{
    background-position: 100% 0 !important;
  }
}
/* Für Fotografen */

/* Für Studierende */
.studierendeKontaktInvader{
  padding-top: 30px;
  padding-bottom: 30px;
}
  .studierendeBlock00{
    background-position: 90% 0 !important;
  }
  .studierendeBlock01{
    background-position: 10% 0 !important;
  }
  .studierendeBlock02{
    background-position: 70% 0 !important;
  }
  .studierendeBlock03{
    background-position: 17% 0 !important;
  }
  .studierendeBlock04{
    background-position: 100% 0 !important;
  }


@media (min-width: 992px) and (max-width: 1199px){
  .studierendeBlock00{
    background-position: 90% 0 !important;
  }
  .studierendeBlock01{
    background-position: 20% 0 !important;
  }
  .studierendeBlock02{
    background-position: 90% 0 !important;
  }
  .studierendeBlock03{
    background-position: 20% 0 !important;
  }
  .studierendeBlock04{
    background-position: 87% 0 !important;
  }
}
@media (min-width:768px) and (max-width: 991px){

  .studierendeBlock00{
    background-position: 80% 0 !important;
  }
  .studierendeBlock01{
    background-position: 20% 0 !important;
  }
  .studierendeBlock02{
    background-position: 85% 0 !important;
  }
  .studierendeBlock03{
    background-position: 19% 0 !important;
  }
  .studierendeBlock04{
    background-position: 93% 0 !important;
  }
}
@media (max-width:767px){
  .studierendeBlock00{
    background-position: 100% 0 !important;
  }
  .studierendeBlock01{
    background-position: 0% 0 !important;
  }
  .studierendeBlock02{
    background-position: 100% 0 !important;
  }
  .studierendeBlock03{
    background-position: 0% 0 !important;
  }
  .studierendeBlock04{
    background-position: 100% 0 !important;
  }
}
/* Für Studierende */

/* Jahresfoto */

.jahresfotoBlock00{
  background-position: 93% 0 !important;
}
.jahresfotoBlock01{
  background-position: 0% 0 !important;
}
.jahresfotoBlock02{
  background-position: 88% 0 !important;
}
.jahresfotoBlock02-1{
  background-position: 88% 0 !important;
}
.jahresfotoBlock03{
  background-position: 100% 0 !important;
}

@media (min-width: 992px) and (max-width: 1199px){
  .jahresfotoBlock00{
    background-position: 100% 0 !important;
  }
  .jahresfotoBlock01{
    background-position: 0% 0 !important;
  }
  .jahresfotoBlock02{
    background-position: 90% 0 !important;
  }
  .jahresfotoBlock02-1{
    background-position: 0% 0 !important;
  }  
  .jahresfotoBlock03{
  background-position: 90% 0 !important;
  }
}

@media (min-width:768px) and (max-width: 991px){
  .jahresfotoBlock00{
    background-position: 83% 0 !important;
  }
  .jahresfotoBlock01{
    background-position: 14% 0 !important;
  }
  .jahresfotoBlock02{
    background-position: 80% 0 !important;
  }
  .jahresfotoBlock02-1{
    background-position: 14% 0 !important;
  }
  .jahresfotoBlock03{
  background-position: 110% 0 !important;
  }
}

@media (max-width:767px){
  .jahresfotoBlock00{
    background-position: 100% 0 !important;
  }
  .jahresfotoBlock01{
    background-position: 0% 0 !important;
  }
  .jahresfotoBlock02{
    background-position: 100% 0 !important;    
  }
  .jahresfotoBlock02-1{
    background-position: 0% 0 !important;
  }  
  .jahresfotoBlock03{
    background-position: 100% 0 !important;
  }
}
/* Jahresfoto */

/* Philosophie */
.philosophieBlock01{
  background-position: 70% 0 !important;
}
.philosophieBlock02{
  background-position: 0% 0 !important;
}
.philosophieBlock03{
  background-position: 83% 0 !important;
}
.philosophieBlock04{
  background-position: 26% 0 !important;
}

@media (min-width: 992px) and (max-width: 1199px){
  .philosophieBlock01{
    background-position: 70% 0 !important;
  }
  .philosophieBlock02{
    background-position: 10% 0 !important;
  }
  .philosophieBlock03{
    background-position: 80% 0 !important;
  }
}


@media (min-width:768px) and (max-width: 991px){
  .philosophieBlock01{
    background-position: 72% 0 !important;
  }
  .philosophieBlock02{
    background-position: 21% 0 !important;
  }
  .philosophieBlock03{
    background-position: 89% 0 !important;
  }
  .philosophieBlock04{
    background-position: 30% 0 !important;
  }
}

@media (max-width:767px){
  .philosophieBlock01{
    background-position: 95% 0 !important;
  }
  .philosophieBlock02{
    background-position: 0% 0 !important;
  }
  .philosophieBlock03{
    background-position: 100% 0 !important;
  }
  .philosophieBlock04{
    background-position: 4% 0 !important;
  }
}
/* Philosophie */

/* Videos */
.videosBlock01{
  background-position: 70% 0 !important;
  margin-bottom: unset;
}
.videosBlock02{
  background-position: 0% 0 !important;
}
.videosBlock03{
  background-position: 10% 0 !important;
}
.videosBlock04{
  background-position: 83% 0 !important;
}
.videosBlock05{
  background-position: 83% 0 !important;
}
.videosBlock06{
  background-position: 83% 0 !important;
}

.pageUid370 .fancybox-slide .fancybox-content{
  width: 1280px !important;
  margin-top: 10vh;
}

@media (min-width: 992px) and (max-width: 1199px){
  .videosBlock01{
    background-position: 10% 0 !important;
  }
  .videosBlock02{
    background-position: 0% 0 !important;
  }
  .videosBlock03{
    background-position: 50% 0 !important;
  }
  .videosBlock04{
    background-position: 20% 0 !important;
  }
  .videosBlock05{
    background-position: 80% 0 !important;
  }
  .videosBlock06{
    background-position: 30% 0 !important;
  }
  .videosBlock07{
    background-position: 90% 0 !important;
  }
}


@media (min-width:768px) and (max-width: 991px){
  .videosBlock01{
    background-position: 65% 0 !important;
  }
  .videosBlock02{
    background-position: 16% 0 !important;
  }
  .videosBlock03{
    background-position: 70% 0 !important;
  }
  .videosBlock04{
    background-position: 20% 0 !important;
  }
  .videosBlock05{
    background-position: 78% 0 !important;
  }
  .videosBlock06{
    background-position: 25% 0 !important;
  }
  .videosBlock07{
    background-position: 85% 0 !important;
  }
}

@media (max-width:767px){
  .pageUid370 .fancybox-slide .fancybox-content{
    margin-top: 20vh;
    max-width: calc(100% - 10px);
    max-height: calc(100% - 10px);
  }
  .videosBlock01{
    background-position: 88% 0 !important;
  }
  .videosBlock02{
    background-position: 0% 0 !important;
  }
  .videosBlock03{
    background-position: 80% 0 !important;
  }
  .videosBlock04{
    background-position: 5% 0 !important;
  }
  .videosBlock05{
    background-position: 95% 0 !important;
  }
  .videosBlock06{
    background-position: 13% 0 !important;
  }
  .videosBlock07{
    background-position: 98% 0 !important;
  }
}
/* Videos */

/* Der Ablauf */
  .ablaufBlock00{
    background-position: 81% 0 !important;
  }
  .ablaufBlock01{
    background-position: 0% 0 !important;
  }
  .ablaufBlock02{
    background-position: 100% 0 !important;
  }
  .ablaufBlock03{
    background-position: 0% 0 !important;
  }
  .ablaufBlock04{
    background-position: 100% 0 !important;
  }
  .ablaufBlock05{
    background-position: 40% 0 !important;
  }
  .ablaufBlock06{
    background-position: 72% 0 !important;
  }
  .ablaufBlock07{
    background-position: 0% 0 !important;
  }
  .ablaufBlock08{
    background-position: 100% 0 !important;
  }
  .ablaufBlock09{
    background-position: 0% 0 !important;
  }
  .ablaufBlock10{
    background-position: 12% 0 !important;
  }
@media (min-width: 992px) and (max-width: 1199px){
 .ablaufBlock00{
    background-position: 68% 0 !important;
  }
  .ablaufBlock01{
    background-position: 10% 0 !important;
  }
  .ablaufBlock02{
    background-position: 90% 0 !important;
  }
  .ablaufBlock03{
    background-position: 0% 0 !important;
  }
  .ablaufBlock04{
    background-position: 90% 0 !important;
  }
  .ablaufBlock05{
    background-position: 24% 0 !important;
  }
  .ablaufBlock06{
    background-position: 77% 0 !important;
  }
  .ablaufBlock07{
    background-position: 11% 0 !important;
  }
  .ablaufBlock08{
    background-position: 85% 0 !important;
  }
  .ablaufBlock09{
    background-position: 10% 0 !important;
  }
  .ablaufBlock10{
    background-position: 90% 0 !important;
  }
}
@media (min-width:768px) and (max-width: 991px){
  .ablaufBlock00{
    background-position: 75% 0 !important;
  }
  .ablaufBlock01{
    background-position: 18% 0 !important;
  }
  .ablaufBlock02{
    background-position: 81% 0 !important;
  }
  .ablaufBlock03{
    background-position: 21% 0 !important;
  }
  .ablaufBlock04{
    background-position: 77% 0 !important;
  }
  .ablaufBlock05{
    background-position: 22% 0 !important;
  }
  .ablaufBlock06{
    background-position: 82% 0 !important;
  }
  .ablaufBlock07{
    background-position: 21% 0 !important;
  }
  .ablaufBlock08{
    background-position: 80% 0 !important;
  }
  .ablaufBlock09{
    background-position: 17% 0 !important;
  }
  .ablaufBlock10{
    background-position: 96% 0 !important;
  }
}
@media (max-width:767px){
  .ablaufBlock00{
    background-position: 78% 0 !important;
  }
  .ablaufBlock01{
    background-position: 0% 0 !important;
  }
  .ablaufBlock02{
    background-position: 93% 0 !important;
  }
  .ablaufBlock03{
    background-position: 0% 0 !important;
  }
  .ablaufBlock04{
    background-position: 93% 0 !important;
  }
  .ablaufBlock05{
    background-position: 18% 0 !important;
  }
  .ablaufBlock06{
    background-position: 85% 0 !important;
  }
  .ablaufBlock07{
    background-position: 2% 0 !important;
  }
  .ablaufBlock08{
    background-position: 100% 0 !important;
  }
  .ablaufBlock09{
    background-position: 0% 0 !important;
  }
  .ablaufBlock10{
    background-position: 78% 0 !important;
  }
}
/* Der Ablauf */


/* Fotoaktionen */
  .aktionenBlock01{
    background-position: 93% 0 !important;
  }
  .aktionenBlock02{
    background-position: 6% 0 !important;
  }
  .aktionenBlock03{
    background-position: 65% 0 !important;
  }
  .aktionenBlock04{
    background-position: 58% 0 !important;
  }
  .aktionenBlock05{
    background-position: 70% 0 !important;
  }
  .aktionenBlock06{
    background-position: 41% 0 !important;
  }
  .aktionenBlock07{
    background-position: 58% 0 !important;
  }
@media (min-width: 992px) and (max-width: 1199px){
  .aktionenBlock01{
    background-position: 86% 0 !important;
  }
  .aktionenBlock02{
    background-position: 19% 0 !important;
  }
  .aktionenBlock03{
    background-position: 82% 0 !important;
  }
  .aktionenBlock04{
    background-position: 45% 0 !important;
  }
  .aktionenBlock05{
    background-position: 74% 0 !important;
  }
  .aktionenBlock06{
    background-position: 29% 0 !important;
  }
  .aktionenBlock07{
    background-position: 87% 0 !important;
  }
}
@media (min-width:768px) and (max-width: 991px){
  .aktionenBlock01{
    background-position: 81% 0 !important;
  }
  .aktionenBlock02{
    background-position: 20% 0 !important;
  }
  .aktionenBlock03{
    background-position: 76% 0 !important;
  }
  .aktionenBlock04{
    background-position: 36% 0 !important;
  }
  .aktionenBlock05{
    background-position: 77% 0 !important;
  }
  .aktionenBlock06{
    background-position: 28% 0 !important;
  }
  .aktionenBlock07{
    background-position: 92% 0 !important;
  }
}
@media (max-width:767px){
  .aktionenBlock01{
    background-position: 100% 0 !important;
  }
  .aktionenBlock02{
    background-position: 0% 0 !important;
  }
  .aktionenBlock03{
    background-position: 91% 0 !important;
  }
  .aktionenBlock04{
    background-position: 11% 0 !important;
  }
  .aktionenBlock05{
    background-position: 87% 0 !important;
  }
  .aktionenBlock06{
    background-position: 12% 0 !important;
  }
  .aktionenBlock07{
    background-position: 51% 0 !important;
  }
}

/* Für Fotoaktionen */

/* Vorbereitung */
.vorbereitungBlock00{
    background-position: 100% 0 !important;
  }
  .vorbereitungBlock01{
    background-position: 100% 0 !important;
  }
  .vorbereitungBlock02{
    background-position: 85% 0 !important;
  }
  .vorbereitungBlock03{
    background-position: 0% 0 !important;
  }
  .vorbereitungBlock04{
    background-position: 100% 0 !important;
  }
  .vorbereitungBlock05{
    background-position: 20% 0 !important;
  }
  .vorbereitungBlock06{
    background-position: 100% 0 !important;
  }
  .vorbereitungBlock07{
    background-position: 0% 0 !important;
  }

@media (min-width: 992px) and (max-width: 1199px){
  .vorbereitungBlock00{
    background-position: 81% 0 !important;
  }
  .vorbereitungBlock01{
    background-position: 8% 0 !important;
  }
  .vorbereitungBlock02{
    background-position: 86% 0 !important;
  }
  .vorbereitungBlock03{
    background-position: 18% 0 !important;
  }
  .vorbereitungBlock04{
    background-position: 91% 0 !important;
  }
  .vorbereitungBlock05{
    background-position: 29% 0 !important;
  }
  .vorbereitungBlock06{
    background-position: 86% 0 !important;
  }
  .vorbereitungBlock07{
    background-position: 0% 0 !important;
  }
}

@media (min-width:768px) and (max-width: 991px){
  .vorbereitungBlock00{
    background-position: 50% 0 !important;
  }
  .vorbereitungBlock01{
    background-position: 28% 0 !important;
  }
  .vorbereitungBlock02{
    background-position: 82% 0 !important;
  }
  .vorbereitungBlock03{
    background-position: 26% 0 !important;
  }
  .vorbereitungBlock04{
    background-position: 87% 0 !important;
  }
  .vorbereitungBlock05{
    background-position: 32% 0 !important;
  }
  .vorbereitungBlock06{
    background-position: 78% 0 !important;
  }
  .vorbereitungBlock07{
    background-position: 8% 0 !important;
  }
}

@media (max-width:767px){
  .vorbereitungBlock00{
    background-position: 85% 0 !important;
  }
  .vorbereitungBlock01{
    background-position: 20% 0 !important;
  }
  .vorbereitungBlock02{
    background-position: 98% 0 !important;
  }
  .vorbereitungBlock03{
    background-position: 2% 0 !important;
  }
  .vorbereitungBlock04{
    background-position: 100% 0 !important;
  }
  .vorbereitungBlock05{
    background-position: 10% 0 !important;
  }
  .vorbereitungBlock06{
    background-position: 100% 0 !important;
  }
  .vorbereitungBlock07{
    background-position: 0% 0 !important;
  }
}
/* Vorbereitung */

/* Freundebilder */
.freundebilderBlock01{
  background-position: 87% 0 !important;
}
.freundebilderBlock02{
  background-position: 4% 0 !important;
}
.freundebilderBlock03{
  background-position: 100% 0 !important;
}
@media (min-width: 992px) and (max-width: 1199px){
  .freundebilderBlock01{
    background-position: 73% 0 !important;
  }
  .freundebilderBlock02{
    background-position: 11% 0 !important;
  }
  .freundebilderBlock03{
    background-position: 90% 0 !important;
  }
}
@media (min-width:768px) and (max-width: 991px){
  .freundebilderBlock01{
    background-position: 91% 0 !important;
  }
  .freundebilderBlock02{
    background-position: 13% 0 !important;
  }
  .freundebilderBlock03{
     background-position: 85% 0 !important;
  }
}
@media (max-width:767px){
  .freundebilderBlock01{
    background-position: 100% 0 !important;
  }
  .freundebilderBlock02{
    background-position: 0% 0 !important;
  }
  .freundebilderBlock03{
    background-position: 100% 0 !important;
  }
}
/* Freundebilder */



/* Bildformate */
.formateBlock01{
  background-position: 81% 0 !important;
}
.formateBlock02{
  background-position: 19% 0 !important;
}
.formateBlock03{
  background-position: 100% 0 !important;
}
@media (min-width: 992px) and (max-width: 1199px){
  .formateBlock01{
    background-position: 81% 0 !important;
  }
  .formateBlock02{
    background-position: 21% 0 !important;
  }
  .formateBlock03{
    background-position: 90% 0 !important;
  }
}
@media (min-width:768px) and (max-width: 991px){
  .formateBlock01{
    background-position: 82% 0 !important;
  }
  .formateBlock02{
    background-position: 19% 0 !important;
  }
  .formateBlock03{
     background-position: 85% 0 !important;
  }
}
@media (max-width:767px){
  .formateBlock01{
    background-position: 94% 0 !important;
  }
  .formateBlock02{
    background-position: 2% 0 !important;
  }
  .formateBlock03{
    background-position: 100% 0 !important;
  }
}
/* Bildformate */

/* Blitzlicht */
.blitzlichtBlockHeader{
  height: 65vh;
  background-position: 60% 0 !important;
}
@media (min-width: 992px) and (max-width: 1199px){
  .blitzlichtBlockHeader{
    height: 73vh;
    background-position: 64% 0 !important;
  }
}
@media (min-width:768px) and (max-width: 991px){
  .blitzlichtBlockHeader{
    height: 82vh;
    background-position: 61% 0 !important;
  }
}
@media (max-width:767px){
  .blitzlichtBlockHeader{
    height: 65vh;
    background-position: 78% 0 !important;
  }
}
/* Blitzlicht */

/* FAQ */
.faqBlock01{
  height: 55vh;
  background-position: 65% 0 !important;
}
.faqBlock01 .overlayBlockText .frame-space-before-extra-large {
  margin-top: 180px !important;
}
@media (min-width: 992px) and (max-width: 1199px){
  .faqBlock01{
    background-position: 65% 0 !important;
  }
}
@media (min-width:768px) and (max-width: 991px){
  .faqBlock01{
    background-position: 65% 0 !important;
  }
}
@media (max-width:767px){
  .faqBlock01{
    background-position: 70% 0 !important;
  }
}

/* FAQ */

/* Preise */
.preiseBlock01{
  background-position: 50% 0 !important;
}
@media (min-width: 992px) and (max-width: 1199px){
  .preiseBlock01{
    background-position: 57% 0 !important;
  }
}
@media (min-width:768px) and (max-width: 991px){
  .preiseBlock01{
    background-position: 69% 0 !important;
  }
}
@media (max-width:767px){
  .preiseBlock01{
    background-position: 82% 0 !important;
  }
}
/* Preise */
/* Preise 2018 */
.preisneuBlock01{
  background-position: 81% 65% !important;
}
.preisneuBlock02{
  background-position: 50% 0 !important;
}

@media (min-width: 992px) and (max-width: 1199px){
  .preisneuBlock01{
    background-position: 70% 0 !important;
  }
  .preisneuBlock02{
    background-position: 30% 0 !important;
  }
}
@media (min-width:768px) and (max-width: 991px){
  .preisneuBlock01{
    background-position: 70% 0 !important;
  }
  .preisneuBlock02{
    background-position: 25% 0 !important;
  }
}
@media (max-width:767px){
  .preisneuBlock01{
    background-position: 100% 0 !important;
  }
  .preisneuBlock02{
    background-position: 0% 0 !important;
  }
}
/* Preise 2018 */

/* email */
.emailBlock01{
  background-position: 86% 0 !important;
}
@media (min-width: 992px) and (max-width: 1199px){
  .emailBlock01{
    background-position: 87% 0 !important;
  }
}
@media (min-width:768px) and (max-width: 991px){
  .emailBlock01{
    background-position: 77% 0 !important;
  }
}
@media (max-width:767px){
  .emailBlock01{
    background-position: 97% 0 !important;
  }
}
/* email */
.alleKaufenBlock01{
  background-position: 70% 15% !important;
}
.alleKaufenBlock02{
  background-position: 0% 0 !important;
}
.alleKaufenBlock03{
  background-position: 83% 0 !important;
}
.alleKaufenBlock04{
  background-position: 26% 0 !important;
}
.alleKaufenBlock05{
  background-position: 26% 45% !important;
}
@media (min-width: 992px) and (max-width: 1199px){
  .alleKaufenBlock05{
    background-position: 100% 0 !important;
  }
}
@media (min-width:768px) and (max-width: 991px){
  .alleKaufenBlock01{
    background-position: 90% 0 !important;
  }
  .alleKaufenBlock02{
    background-position: 16% 0 !important;
  }
  .alleKaufenBlock03{
    background-position: 65% 0 !important;
  }
  .alleKaufenBlock04{
    background-position: 3% 0 !important;
  }
  .alleKaufenBlock05{
    background-position: 88% 0 !important;
  }
}
@media (max-width:767px){
  .alleKaufenBlock01{
    background-position: 100% 0 !important;
  }
  .alleKaufenBlock02{
    background-position: 0% 0 !important;
  }
  .alleKaufenBlock03{
    background-position: 100% 0 !important;
  }
  .alleKaufenBlock04{
    background-position: 0% 0 !important;
  }
  .alleKaufenBlock05{
    background-position: 100% 0 !important;
  }
}
/* EOF Alle Kaufen */
/* nutzungsrecht */
.nutzungsrechtBlock01{
  background-position: 70% 0 !important;
}

@media (min-width: 992px) and (max-width: 1199px){
  .nutzungsrechtBlock01{
    background-position: 70% 0 !important;
  }
}


@media (min-width:768px) and (max-width: 991px){
  .nutzungsrechtBlock01{
    background-position: 72% 0 !important;
  }
}

@media (max-width:767px){
  .nutzungsrechtBlock01{
    background-position: 95% 0 !important;
  }
}
/* nutzungsrecht */

/* fashion kids */
  .fashionkidsBlock01{
    background-position: 72% 0 !important;
  }
  .fashionkidsBlock02{
    background-position: 16% 0 !important;
  }
  .fashionkidsBlock03{
    background-position: 77% 0 !important;
  }
  .fashionkidsBlock04 .frame-space-after-extra-large {
    margin-bottom: 210px !important;
  }

@media (min-width: 992px) and (max-width: 1199px){

  .fashionkidsBlock01{
    background-position: 74% 0 !important;
  }
  .fashionkidsBlock02{
    background-position: 23% 0 !important;
  }
  .fashionkidsBlock03{
    background-position: 77% 0 !important;
  }
  .fashionkidsBlock04{
    background-position: 13% 0 !important;
  }
}

@media (min-width:768px) and (max-width: 991px){
  .fashionkidsBlock01{
    background-position: 65% 0 !important;
  }
  .fashionkidsBlock02{
    background-position: 24% 0 !important;
  }
  .fashionkidsBlock03{
    background-position: 72% 0 !important;
  }
  .fashionkidsBlock04{
    background-position: 9% 0 !important;
  }
}
@media (max-width:767px){
  .fashionkidsBlock01{
    background-position: 100% 0 !important;
  }
  .fashionkidsBlock02{
    background-position: 0% 0 !important;
  }
  .fashionkidsBlock03{
    background-position: 105% 0 !important;
  }
  .fashionkidsBlock04{
    background-position: 0% 0 !important;
  }
}
/* fashion kids */
/* Vorbereitung fashion kids */
.fk-vorbereitungBlockHeader{
  background-position: 100% 0 !important;
}
.fk-vorbereitungBlock00{
  background-position: 10% 0 !important;
}
.fk-vorbereitungBlock01{
    background-position: 100% 0 !important;
}
.fk-vorbereitungBlock02{
  background-position: 100% 0 !important;
}
.fk-vorbereitungBlock03{
  background-position: 85% 0 !important;
}
.fk-vorbereitungBlock04{
  background-position: 0% 0 !important;
}
.fk-vorbereitungBlock05{
  background-position: 100% 0 !important;
}

@media (min-width: 992px) and (max-width: 1199px){
  .fk-vorbereitungBlockHeader{
    background-position: 100% 25px !important;
    -webkit-background-size: 100% !important;
    -moz-background-size: 100% !important;
    -o-background-size: 100% !important;
    background-size: 100% !important;
  }
  .fk-vorbereitungBlock00{
    background-position: 0 0 !important;
  }
  .fk-vorbereitungBlock01{
    background-position: 62% 0 !important;
  }
  .fk-vorbereitungBlock02{
    background-position: 1% 0 !important;
  }
  .fk-vorbereitungBlock03{
    background-position: 100% 0 !important;
  }
  .fk-vorbereitungBlock04{
    background-position: 12% 0 !important;
  }
  .fk-vorbereitungBlock05{
    background-position: 79% 0 !important;
  }
}

@media (min-width:768px) and (max-width: 991px){
  .fk-vorbereitungBlockHeader {
  background-position: 100% 93px !important;
  -webkit-background-size: 88% !important;
  -moz-background-size: 88% !important;
  -o-background-size: 88% !important;
  background-size: 88% !important;
}
  .fk-vorbereitungBlock00{
    background-position: 5% 0 !important;
  }
  .fk-vorbereitungBlock01{
    background-position: 62% 0 !important;
  }
  .fk-vorbereitungBlock02{
    background-position: 13% 0 !important;
  }
  .fk-vorbereitungBlock03{
    background-position: 85% 0 !important;
  }
  .fk-vorbereitungBlock04{
    background-position: 19% 0 !important;
  }
  .fk-vorbereitungBlock05{
    background-position: 80% 0 !important;
  }
}

@media (max-width:767px){
  .fk-vorbereitungBlockHeader {
    background-position: 112% 0 !important;
    -webkit-background-size: 154vw !important;
    -moz-background-size: 154vw !important;
    -o-background-size: 154vw !important;
    background-size: 154vw !important;
  }
  .fk-vorbereitungBlock00{
    background-position: 0 0 !important;
  }
  .fk-vorbereitungBlock01{
    background-position: 93% 0 !important;
  }
  .fk-vorbereitungBlock02{
    background-position: 0% 0 !important;
  }
  .fk-vorbereitungBlock03{
    background-position: 100% 0 !important;
  }
  .fk-vorbereitungBlock04{
    background-position: 0% 0 !important;
  }
  .fk-vorbereitungBlock05{
    background-position: 100% 0 !important;
  }
}
/* Vorbereitung fashion kids*/
/* schicksal fashion kids */
.schicksalsBlock01{
    background-position: 100% 0 !important;
}
.schicksalsBlock02{
  background-position: 0% 0 !important;
}
.schicksalsBlock03{
  background-position: 100% 0 !important;
}
.schicksalsBlock04{
  background-position: 0% 0 !important;
}
.schicksalsBlock05{
  background-position: 72% 0 !important;
}

@media (min-width: 992px) and (max-width: 1199px){
  .schicksalsBlock01{
    background-position: 62% 0 !important;
  }
  .schicksalsBlock02{
    background-position: 15% 0 !important;
  }
  .schicksalsBlock03{
    background-position: 100% 0 !important;
    -webkit-background-size: 150% !important;
    -moz-background-size: 150% !important;
    -o-background-size: 150% !important;
    background-size: 150% !important;
  }
  .schicksalsBlock04{
    background-position: 0% 0 !important;
    -webkit-background-size: 150% !important;
    -moz-background-size: 150% !important;
    -o-background-size: 150% !important;
    background-size: 150% !important;
  }
  .schicksalsBlock05{
    background-position: 79% 0 !important;
  }
}

@media (min-width:768px) and (max-width: 991px){
  .schicksalsBlock01{
    background-position: 71% 0 !important;
  }
  .schicksalsBlock02{
    background-position: 21% 0 !important;
  }
  .schicksalsBlock03{
    -webkit-background-size: 150% !important;
    -moz-background-size: 150% !important;
    -o-background-size: 150% !important;
    background-size: 150% !important;
    background-position: right center !important;
  }
  .schicksalsBlock04{
    -webkit-background-size: 120% !important;
    -moz-background-size: 120% !important;
    -o-background-size: 120% !important;
    background-size: 120% !important;
    background-position: left center !important;
  }
  .schicksalsBlock05{
    background-position: 80% 0 !important;
  }
}

@media (max-width:767px){
  .schicksalsBlock01{
    background-position: 100% 0 !important;
  }
  .schicksalsBlock02{
    background-position: 0% 0 !important;
  }
  .schicksalsBlock03{
  }
  .schicksalsBlock04{

  }
  .schicksalsBlock05{
    background-position: 100% 0 !important;
  }
}
/* schicksal fashion kids*/

/* Trotz Corona */
  .coronaBlock00{
    background-position: 81% 0 !important;
  }
  .coronaBlock01{
    background-position: 0% 0 !important;
  }
  .coronaBlock02{
    background-position: 100% 0 !important;
  }
  .coronaBlock03{
    background-position: 0% 0 !important;
  }
  .coronaBlock04{
    background-position: 100% 0 !important;
  }
@media (min-width: 992px) and (max-width: 1199px){
 .coronaBlock00{
    background-position: 94% 0 !important;
  }
  .coronaBlock01{
    background-position: 0 0 !important;
  }
  .coronaBlock02{
    background-position: 80% 0 !important;
  }
  .coronaBlock03{
    background-position: 0% 0 !important;
  }
  .coronaBlock04{
    background-position: 90% 0 !important;
  }
}
@media (min-width:768px) and (max-width: 991px){
  .coronaBlock00{
    background-position: 70% 0 !important;
  }
  .coronaBlock01{
    background-position: 18% 0 !important;
  }
  .coronaBlock02{
    background-position: 68% 0 !important;
  }
  .coronaBlock03{
    background-position: 16% 0 !important;
  }
  .coronaBlock04{
    background-position: 87% 0 !important;
  }
}
@media (max-width:767px){
  .coronaBlock00{
    background-position: 90% 0 !important;
  }
  .coronaBlock01{
    background-position: 0% 0 !important;
  }
  .coronaBlock02{
    background-position: 93% 0 !important;
  }
  .coronaBlock03{
    background-position: 8% 0 !important;
  }
  .coronaBlock04{
    background-position: 93% 0 !important;
  }
}
/*  Trotz Corona */

/* Trotz zehnJahre */
  .zehnJahreBlock00{
    background-position: 81% 0 !important;
  }
  .zehnJahreBlock01{
    background-position: 10% 0 !important;
  }
  .zehnJahreBlock02{
    background-position: 100% 0 !important;
  }
  .zehnJahreBlock03{
    background-position: 0% 0 !important;
  }
@media (min-width: 992px) and (max-width: 1199px){
 .zehnJahreBlock00{
    background-position: 80% 0 !important;
  }
  .zehnJahreBlock01{
    background-position: 18% 0 !important;
  }
  .zehnJahreBlock02{
    background-position: 80% 0 !important;
  }
  .zehnJahreBlock03{
    background-position: 0% 0 !important;
  }
}
@media (min-width:768px) and (max-width: 991px){
  .zehnJahreBlock00{
    background-position: 70% 0 !important;
  }
  .zehnJahreBlock01{
    background-position: 20% 0 !important;
  }
  .zehnJahreBlock02{
    background-position: 68% 0 !important;
  }
  .zehnJahreBlock03{
    background-position: 16% 0 !important;
  }
}
@media (max-width:767px){
  .zehnJahreBlock00{
    background-position: 90% 0 !important;
  }
  .zehnJahreBlock01{
    background-position: 0% 0 !important;
  }
  .zehnJahreBlock02{
    background-position: 93% 0 !important;
  }
  .zehnJahreBlock03{
    background-position: 8% 0 !important;
  }
}
/*  Trotz zehnJahre */


/* per du */
  .perDuBlock00{
    background-position: 81% 0 !important;
  }
  .perDuBlock01{
    background-position: 10% 0 !important;
  }
  .perDuBlock02{
    background-position: 100% 0 !important;
  }
  .perDuBlock03{
    background-position: 0% 0 !important;
  }
@media (min-width: 992px) and (max-width: 1199px){
 .perDuBlock00{
    background-position: 80% 0 !important;
  }
  .perDuBlock01{
    background-position: 10% 0 !important;
  }
  .perDuBlock02{
    background-position: 80% 0 !important;
  }
  .perDuBlock03{
    background-position: 0% 0 !important;
  }
}
@media (min-width:768px) and (max-width: 991px){
  .perDuBlock00{
    background-position: 78% 0 !important;
  }
  .perDuBlock01{
    background-position: 17% 0 !important;
  }
  .perDuBlock02{
    background-position: 72% 0 !important;
  }
  .perDuBlock03{
    background-position: 16% 0 !important;
  }
}
@media (max-width:767px){
  .perDuBlock00{
    background-position: 90% 0 !important;
  }
  .perDuBlock01{
    background-position: 0% 0 !important;
  }
  .perDuBlock02{
    background-position: 93% 0 !important;
  }
  .perDuBlock03{
    background-position: 8% 0 !important;
  }
}
/*  Tper du */


/* BOF mein kinderschritte */

/* Bildformate */
.mkBlock01{
  background-position: 81% 0 !important;
}
@media (min-width: 992px) and (max-width: 1199px){
  .mkBlock01{
    background-position: 51% 0 !important;
  }
}
@media (min-width:768px) and (max-width: 991px){
  .mkBlock01{
    background-position: 68% 0 !important;
  }
}
@media (max-width:767px){
  .mkBlock01{
    background-position: 75% 0 !important;
  }
}
/* Bildformate */
.mkBlockHeader{
  height: 75vh;
  background-position: 49% 0 !important;
}
@media (min-width: 992px) and (max-width: 1199px){
  .mkBlockHeader{
    height: 100vh;
    background-position: 67% 0 !important;
  }
}
@media (min-width:768px) and (max-width: 991px){
  .mkBlockHeader{
    height: 100vh;
    background-position: 73% 0 !important;
  }
}
@media (max-width:767px){
  .mkBlockHeader{
    height: 65vh;
    background-position: 75% 0 !important;
  }
}
.mkcolheadline{
  padding-left: 10%;
}
.mkcol1{
  padding-left: 10%;
}
.mkcol2{
  padding-right: 5%;
}
.mkcol2 .frame-space-before-medium {
  margin-top:90px !important;
}
@media (max-width:767px){
  .mkcol1{
    padding-left: 30px;
    padding-right: 30px;
  }
  .mkcol2{
    padding-left: 30px;
    padding-right: 30px;;
  }
  .mkcol2 .frame-space-before-medium {
    margin-top:22.5px !important;
  }
  .mkcol2 .ce-gallery{
    float: none !important;
  }
}
/* EOF mein kinderschritte */


/* BOF Servicebeitrag */
.serviceBeitragBlock01 {
  background-position: 70% 15% !important;
}

.serviceBeitragBlock02 {
  background-position: 0% 0 !important;
}

.serviceBeitragBlock03 {
  background-position: 100% 0 !important;
}

.serviceBeitragBlock04 {
  background-position: 26% 0 !important;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .serviceBeitragBlock02 {
    background-position: 20% 0 !important;
  }
}

@media (min-width:768px) and (max-width: 991px) {
  .serviceBeitragBlock01 {
    background-position: 68% 0 !important;
  }

  .serviceBeitragBlock02 {
    background-position: 45% 0 !important;
  }

  .serviceBeitragBlock03 {
    background-position: 88% 0 !important;
  }

  .serviceBeitragBlock04 {
    background-position: 19% 0 !important;
  }
}

@media (max-width:767px) {
  .serviceBeitragBlock01 {
    background-position: 100% 0 !important;
  }

  .serviceBeitragBlock02 {
    background-position: 0% 0 !important;
  }

  .serviceBeitragBlock03 {
    background-position: 100% 0 !important;
  }

  .serviceBeitragBlock04 {
    background-position: 0% 0 !important;
  }
}

@media (max-width:512px) {
  .serviceBeitragBlock02 {
    background-position: 10% 0 !important;
  }
    .serviceBeitragBlock04 {
      background-position: 17% 0 !important;
    }
}
/* EOF Servicebeitrag */

/* BOF Für Freunde und Kritiker */
.mr-polaroid{
  margin-top: 60px;
}
@media (max-width:767px) {
  .mr-polaroid {
    margin-top: 0;
  }
}
/* EOF Für Freunde und Kritiker */


/* BOF PLUS! Infoseiten */
.demo-video-qr-code{
  float: right;
  padding: 0 0 1px 10px;
}
.ksplusBlock01 {
  background-position: 70% 15% !important;
}

.ksplusBlock02 {
  background-position: 0% 0 !important;
}

.ksplusBlock03 {
  background-position: 83% 0 !important;
}

.ksplusBlock04 {
  background-position: 20% 0 !important;
}

.ksplusBlock05 {
  background-position: 26% 0 !important;
}
.ksplusBlock06 {
  background-position: 26% 0 !important;
}
.ksplusBlock07 {
  background-position: 26% 0 !important;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .ksplusBlock05 {
    background-position: 65% 0 !important;
  }
  .ksplusBlock07 {
    background-position: 85% 0 !important;
  }
}

@media (min-width:768px) and (max-width: 991px) {
  .ksplusBlock01 {
    background-position: 65% 0 !important;
  }

  .ksplusBlock02 {
    background-position: 16% 0 !important;
  }

  .ksplusBlock03 {
    background-position: 80% 0 !important;
  }

  .ksplusBlock04 {
    background-position: 5% 0 !important;
  }

  .ksplusBlock05 {
    background-position: 70% 0 !important;
  }
  .ksplusBlock07 {
    background-position: 80% 0 !important;
  }
  .ksplusBlock08{
    display: none;
    background-position: 100% 0 !important;
  }
}

@media (max-width:767px) {
  .ksplusBlock01 {
    background-position: 80% 0 !important;
  }

  .ksplusBlock02 {
    background-position: 10% 0 !important;
  }

  .ksplusBlock03 {
    background-position: 80% 0 !important;
  }

  .ksplusBlock04 {
    background-position: 6% 0 !important;
  }

  .ksplusBlock05 {
    background-position: 75% 0 !important;
  }
  .ksplusBlock06 {
    background-position: 15% 0 !important;
  }
  .ksplusBlock07 {
    background-position: 85% 0 !important;
  }
  .ksplusBlock08{
    display: none;
  }
}
@media (max-width:991.999px) {

  .mobil-plus-table .ce-bodytext .contenttable {
    background: transparent;
  }

  .mobil-plus-table .ce-bodytext .contenttable thead tr th:first-child {
    background-color: transparent;
    border-right: 1px solid #d8d8d8;
    text-align: left;
    width: 70%;
    max-width: 70%;
    padding: 5px 0;
  }

  .mobil-plus-table .ce-bodytext .contenttable thead tr th {
    color: #46a5f1;
    font-size: 16px;
    text-align: center;
    width: 15%;
    min-width: 15%;
    padding-left: 4px;
    padding-right: 4px;
  }
  .mobil-plus-table .ce-bodytext .contenttable th,
  .mobil-plus-table .ce-bodytext .contenttable td {
    -moz-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
  }

  .mobil-plus-table .ce-bodytext .contenttable tbody tr td {
    padding: 5px 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    padding-right: 4px;
    padding-left: 4px;
  }

  .mobil-plus-table .ce-bodytext .contenttable tbody tr td:first-child {
    text-align: left;
    padding-left: 0;
  }

  .mobil-plus-table .ce-bodytext .contenttable tbody tr td img {
    display: inline-block;
    height: 30px;
  }
}

.plus-table .ce-bodytext .contenttable{
  background: transparent;
}
.plus-table .ce-bodytext .contenttable thead tr th:first-child {
  background-color: transparent;
  border-right: 1px solid #d8d8d8;
  text-align: left;
}
.plus-table .ce-bodytext .contenttable thead tr th{
  color: #46a5f1;
  font-size: 20px;
  text-align: center;
}
.plus-table .ce-bodytext .contenttable tbody tr td{
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
}
.plus-table .ce-bodytext .contenttable tbody tr td:first-child {
  text-align: left;
}
.plus-table .ce-bodytext .contenttable tbody tr td img{
  display: inline-block;
  height: 40px;
}
/* EOF PLUS! Infoseiten */


/* Wer Wie Was */
.wwwBlock01 {
  background-position: 95% 0 !important;
}

.wwwBlock02 {
  background-position: 19% 0 !important;
}

.wwwBlock03 {
  background-position: 100% 0 !important;
}
.wwwBlock04 {
  background-position: 0% 0 !important;
}
.wwwBlock05 {
  background-position: 100% 0 !important;
}

.wwwBlock06-1 {
  background-position: 4% 0 !important;
}

.wwwBlock07-1 {
  background-position: 50% 0 !important;
}
.wwwBlock06 {
  background-position: 80% 0 !important;
}

.wwwBlock07 {
  background-position: 100% 0 !important;
}


@media (min-width: 992px) and (max-width: 1199px) {
  .wwwBlock01 {
    background-position: 70% 0 !important;
  }

  .wwwBlock02 {
    background-position: 21% 0 !important;
  }

  .wwwBlock03 {
    background-position: 100% 0 !important;
  }
  .wwwBlock04 {
    background-position: 3% 0 !important;
  }
  .wwwBlock05 {
    background-position: 100% 0 !important;
  }
  .wwwBlock06-1 {
    background-position: 4% 0 !important;
  }
  .wwwBlock07-1 {
    background-position: 90% 0 !important;
  }
  .wwwBlock06 {
    background-position: 27% 0 !important;
  }

  .wwwBlock07 {
    background-position: 60% 0 !important;
  }
}

@media (min-width:768px) and (max-width: 991px) {
  .wwwBlock01 {
    background-position: 100% 0 !important;
  }

  .wwwBlock02 {
    background-position: 0% 0 !important;
  }

  .wwwBlock03 {
    background-position: 95% 0 !important;
  }
  .wwwBlock04 {
    background-position: 0% 0 !important;
  }
  .wwwBlock05 {
    background-position: 95% 0 !important;
  }
  .wwwBlock06-1 {
    background-position: 2% 0 !important;
  }
  .wwwBlock07-1 {
    background-position: 93% 0 !important;
  }
  .wwwBlock06 {
    background-position: 2% 0 !important;
  }
  .wwwBlock07 {
    background-position: 100% 0 !important;
  }
}

@media (max-width:767px) {
  .wwwBlock01 {
    background-position: 87% 0 !important;
  }

  .wwwBlock02 {
    background-position: 4% 0 !important;
  }

  .wwwBlock03 {
    background-position: 99% 0 !important;
  }
  .wwwBlock04 {
    background-position: 10% 0 !important;
  }
  .wwwBlock05 {
    background-position: 100% 0 !important;
  }
  .wwwBlock06-1 {
    background-position: 8% 0 !important;
  }
  .wwwBlock07-1 {
    background-position: 100% 0 !important;
  }
  .wwwBlock06 {
    background-position: 8% 0 !important;
  }

  .wwwBlock07 {
    background-position: 80% 0 !important;
  }
}


/* dieRaabs */

.ce-bodytext ul > li::before {
  list-style-position: inside;	
}
.dieRaabsBlock01 {
  background-position: 100% 0 !important;
}
.dieRaabsBlock02 {
  background-position: 5% 0 !important;
}
.dieRaabsBlock03 {
  background-position: 100% 0 !important;
}
.dieRaabsBlock04 {
  background-position: 0% 0 !important;
}
.dieRaabsBlock05 {
  background-position: 100% 0 !important;
}
.dieRaabsBlock06 {
  background-position: 70% 0 !important;
}
.dieRaabsBlock07 {
  background-position: 100% 0 !important;
}
.dieRaabsBlock08 {
  background-position: 20% 0 !important;
}
.dieRaabsBlock09 {
  background-position: 52% 0 !important;
}
.dieRaabsBlock10 {
  background-position: 0% 0 !important;
}
.dieRaabsBlock11 {
  background-position: 20% 0 !important;
}
.dieRaabsBlock12 {
  background-position: 40% 0 !important;
}
.dieRaabsBlock13 {
  background-position: 100% 0 !important;
}
.dieRaabsBlock14 {
  background-position: 30% 0 !important;
}


@media (min-width: 992px) and (max-width: 1199px) {
  .dieRaabsBlock01 {
    background-position: 95% 0 !important;
  }
  .dieRaabsBlock02 {
    background-position: 10% 0 !important;
  }
  .dieRaabsBlock03 {
    background-position: 100% 0 !important;
  }
  .dieRaabsBlock04 {
    background-position: 0% 0 !important;
  }
  .dieRaabsBlock05 {
    background-position: 70% 0 !important;
  }
  .dieRaabsBlock06 {
    background-position: 90% 0 !important;
  }
  .dieRaabsBlock07 {
    background-position: 100% 0 !important;
  }
  .dieRaabsBlock08 {
    background-position: 27% 0 !important;
  }
  .dieRaabsBlock09 {
    background-position: 60% 0 !important;
  }
 .dieRaabsBlock10 {
    background-position: 0% 0 !important;
  }
 .dieRaabsBlock11 {
    background-position: 60% 0 !important;
  }
 .dieRaabsBlock12 {
    background-position: 20% 0 !important;
  }
  .dieRaabsBlock13 {
    background-position: 90% 0 !important;
  }
  .dieRaabsBlock14 {
    background-position: 20% 0 !important;
  }
}

@media (min-width:768px) and (max-width: 991px) {
  .dieRaabsBlock01 {
    background-position: 88% 0 !important;
  }
  .dieRaabsBlock02 {
    background-position: 12% 0 !important;
  }
  .dieRaabsBlock03 {
    background-position: 95% 0 !important;
  }
  .dieRaabsBlock04 {
    background-position: 30% 0 !important;
  }
  .dieRaabsBlock05 {
    background-position: 60% 0 !important;
  }
  .dieRaabsBlock06 {
    background-position: 70% 0 !important;
  }
  .dieRaabsBlock07 {
    background-position: 100% 0 !important;
  }
  .dieRaabsBlock08 {
    background-position: 23% 0 !important;
  }
  .dieRaabsBlock09 {
    background-position: 58% 0 !important;
  }
  .dieRaabsBlock10 {
    background-position: 0% 0 !important;
  }
  .dieRaabsBlock11 {
    background-position: 40% 0 !important;
  }
  .dieRaabsBlock12 {
    background-position: 21% 0 !important;
  }
  .dieRaabsBlock13 {
    background-position: 85% 0 !important;
  }
  .dieRaabsBlock14 {
    background-position: 20% 0 !important;
  }
}

@media (max-width:767px) {
  .dieRaabsBlock01 {
    background-position: 100% 0 !important;
  }
  .dieRaabsBlock02 {
    background-position: 0% 0 !important;
  }
  .dieRaabsBlock03 {
    background-position:100% 0 !important;
  }
  .dieRaabsBlock04 {
    background-position: 0% 0 !important;
  }
  .dieRaabsBlock05 {
    background-position: 100% 0 !important;
  }
  .dieRaabsBlock06 {
    background-position: 8% 0 !important;
  }
  .dieRaabsBlock07 {
    background-position: 100% 0 !important;
  }
  .dieRaabsBlock08 {
    background-position: 8% 0 !important;
  }
  .dieRaabsBlock09 {
    background-position: 80% 0 !important;
  }
  .dieRaabsBlock10 {
    background-position: 0% 0 !important;
  }
  .dieRaabsBlock11 {
    background-position: 100% 0 !important;
  }
  .dieRaabsBlock12 {
    background-position: 0% 0 !important;
  }
  .dieRaabsBlock13 {
    background-position: 100% 0 !important;
  }
 .dieRaabsBlock14 {
    background-position: 0% 0 !important;
  }
}
/* EOF dieRaabs */