.book-relative {
    position: relative;

}
.bosch-book-container {
    position: relative;
    /*
    margin: 179px 0 0 0!important;
    padding: 179px 0 0 0!important;
    */
}
.bosch-book-container > iframe {
    position: relative;
    /*
    margin: 179px 0 0 0!important;
    */
    padding: 179px 0 0 0!important;
}



.book-notice {
    background: var( --clr-bcs-dark-blue);
    display: table;
    vertical-align: middle;
}
.book-notice > h2 {
    margin: 0;
    display: table-cell;
    font-size: var(--fs-bsc-book-a);
    font-family: var(--ff-secondary);
    font-style: normal;
    font-weight: normal;
    color: var(--clr-white);
    padding: 0.5ch 1ch;
    vertical-align: middle;
}
.book-notice > a {
    margin: 0;
    display: table-cell;
    font-size: var(--fs-bsc-book-a);
    font-family: var(--ff-secondary);
    font-style: normal;
    font-weight: 700;
    color: var(--clr-white);
    padding: 0.5ch 2ch;
    vertical-align: middle;
}
.book-notice > p {
    margin: 0;
    display: table-cell;
    font-size: var(--fs-bsc-p);
    font-family: var(--ff-secondary);
    font-style: normal;
    font-weight: normal;
    color: var(--clr-white);
    padding: 0.5ch 1ch;
    vertical-align: middle;
}


@media (min-width:1152px) and (max-width:1279px)  {

    
}
@media (min-width:1280px) and (max-width:1367px){

    
}
@media (min-width:1368px) and (max-width:1489px){

    
}
@media (min-width:1490px) and (max-width:1689px){

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

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

    
}
@media (min-width:360px) and (max-width:567px) {

}
@media (min-width:568px) and (max-width:639px) {

    
}
@media (min-width:640px) and (max-width:735px) {
 
}
@media (min-width:736px) and (max-width:979px) {


    
}
@media (min-width:980px) and (max-width:1151px) {


    
}
@media (max-width:735px) {
    
  
}
@media (max-width:359px) {


}