@font-face {
        font-family: 'CircularStd';
        font-display: swap;
        src: url('/typo3conf/ext/web4brelaunch/Resources/Public/Fonts/CircularStd-Book.eot');
        src: url('/typo3conf/ext/web4brelaunch/Resources/Public/Fonts/CircularStd-Book.eot?#iefix') format('embedded-opentype'), url('/typo3conf/ext/web4brelaunch/Resources/Public/Fonts/CircularStd-Book.woff') format('woff'), url('/typo3conf/ext/web4brelaunch/Resources/Public/Fonts/CircularStd-Book.ttf') format('truetype'), url('/typo3conf/ext/web4brelaunch/Resources/Public/Fonts/CircularStd-Book.svg#bcc26993292869431e54c666aafa8fcd') format('svg');
        font-weight: 400;
        font-style: normal;
      }
      @font-face {
        font-family: 'CircularStd';
        font-display: swap;
        src: url('/typo3conf/ext/web4brelaunch/Resources/Public/Fonts/CircularStd-Bold.eot');
        src: url('/typo3conf/ext/web4brelaunch/Resources/Public/Fonts/CircularStd-Bold.eot?#iefix') format('embedded-opentype'), url('/typo3conf/ext/web4brelaunch/Resources/Public/Fonts/CircularStd-Bold.woff') format('woff'), url('/typo3conf/ext/web4brelaunch/Resources/Public/Fonts/CircularStd-Bold.ttf') format('truetype'), url('/typo3conf/ext/web4brelaunch/Resources/Public/Fonts/CircularStd-Bold.svg#bcc26993292869431e54c666aafa8fcd') format('svg');
        font-weight: 600;
        font-style: bold;
      }
      html body {width: 100%;height: 100%;padding: 0px;margin: 0px;overflow: hidden;font-size: 14px; font-weight: 400; background-color: #000;font-family: 'CircularStd'; font-weight: 400; letter-spacing: .2px} 
      #preview-frame {width: 100%;background-color: #fff;display:block; margin: 0 auto;}
      .switch{ opacity: .3; padding: 20px 10px; color:#fff; cursor:pointer;}.switch:hover{ opacity: 1 } 
      .switch.active{ opacity: 1 } .switch svg {height: 30px; margin-right: 10px;} 
      .bar .switch {align-items: center; display: inline-flex;} 
     iframe(display:block; margin: 0 auto;)
   .btn.btn-primary:hover {
    text-decoration: none;
    -webkit-box-shadow: 0 5px 50px 0 rgba(0,0,0,.2);
    -moz-box-shadow: 0 15px 50px 0 rgba(0,0,0,.2);
    -webkit-box-shadow: 0 15px 50px 0 rgba(0,0,0,.2);
    box-shadow: 0 15px 50px 0 rgba(0,0,0,.2);
    background: -webkit-linear-gradient(to right,#ec8072,#ff9c89) !important;
    background: linear-gradient(to right,#ec8072,#ff9c89) !important;
}
.btn.btn-primary {
    text-decoration: none;
    background: -webkit-linear-gradient(to right,#ff9c89,#ec8072) !important;
    background: linear-gradient(to right,#ff9c89,#ec8072) !important;
    border: none;
    margin: 10px 20px;
    float: right;position: absolute;
right: 0;
border-radius: 2px !important;
}
.btn:hover {
    -webkit-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    transform: translateY(-6px);
}.btn, .btn-lg, .btn-group-lg > .btn, .btn-group-lg > div > .btn {
    font-size: 1rem;
    padding: 1rem 2rem;
}
.btn {
    white-space: nowrap;
    font-weight: 600 !important;
    letter-spacing: .5px;
    -webkit-transition: all .25s !important;
    transition: all .25s !important;

}
a {
  color: #fff;
}