.flipbook-container-teaser {
    
    /*border: 1px solid red;*/
    margin-left: 0px;
    margin-right: 0px;
    display: flex;
    height: 100%;
     display: flex;
    height: inherit;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: 100%;
    background-color: #009ee3;
}

.flipbook-teaser-left {
    background-color: #009ee3;
    /*border: 1px solid red;*/
    color: white;
    
}
.flipbook-teaser-left p,h1,h2,h3,h4,h5,a {
   color: white;
}
.flipbook-teaser-left a:hover {
   /*color: white;*/
}

.flipbook-teaser-right {
     border: 0px solid red;
     /* display: block; */
     height: 100%;
     margin-bottom: 0px;
     padding: 0px;
}

.flipbook-teaser-right figure {
   margin: 0em;
   margin-left: 1em;
   margin-right: 1em;

}

#KFLIPBOOKCLOSE { display: block; cursor: pointer;}

/* Flipbook als lightbox */

#flipbook-overlay {
    display: none;
}
.flipbook-overlay {
    position: fixed;
    top: 0;
    left:0;
    width: calc(100vw);
    height: calc(100vh);
    
     /* oberlay white */
    background: rgba(255,255,255,.75);
    
     /* oberlay black */
    background: rgba(0,0,0,.75);    
    
    z-index: 10011;
    
}


#flipbook-lightbox {
    display: none;
}
.flipbook-lightbox {
    border: 0px solid red;
    position: fixed;
    height: calc(80vh);
    /* width: 800px; */
    /* max-height: 600px; */
    /* height: 400px; */
    top: calc(10vh);
    left: calc(10vw);
    z-index: 10012;
    background: transparent;
}
#KFLIPBOOKCLOSE { font-size: 3rem;}
.iframe-flipbook {width: 100%;height: 100%;border: 0px solid green;background: rgba(255,255,255,.9);background: transparent;}

@media (min-width: 200px) and (max-width:576px) {
    .flipbook-container-teaser {
    /*border: 1px solid red;*/
    margin-left: 0px;
    margin-right: 0px;
    display: block;
    /* flex-direction: column; */
    height: 100%;
    height: inherit;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: 100%;
    background-color: #009ee3;
}

.flipbook-teaser-left {
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.flipbook-teaser-right {
    
}

.flipbook-teaser-right figure {
   margin: 0em;
   margin-left: 0em;
   margin-right: 0em;
   border: 0px solid red;
   

}

.flipbook-teaser-right img {
  /* border: 2px solid red; */
  /* min-width: 137%; */
}



}

@media (min-width: 576px) {
    
}

@media (min-width: 768px) {
    
}

@media (min-width: 992px) {
    
}

@media (min-width: 1200px) {
    
}


@media all and (min-width: 200px) {
    
}


@media all and (min-width: 200px) {
    
   

.btn-info1 {
         color: #009ee3;
         background-color: white;
         border-color:  #009ee3;
         border-radius: .25rem;
         transition: ease 0.6s;

  }
.flipbook-teaser-left .btn-info1:hover {
            background-color:  rgba(255,255,255,.95);
             border-radius: .0rem;
             color: #009ee3;
           transition: ease 0.6s;
}

    
  .btn-info2 {
         color: white;
         background-color: transparent;
         border-color:  white;
         border-radius: .25rem;
  }
  
  .flipbook-teaser-left .btn-info2:hover {
          background-color:  rgba(0,0,0,.05);
          color: white;
}


  
  .btn-info3 {
         color: #009ee3;
         background-color: rgba(255,255,255,.8);
         border-color:  #009ee3;
  }


    
}