@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,800);
.tap-highlight, a, .btn-pr, #popup_container #popup_panel button, form.kontakt .textarea input.submit {
  -webkit-tap-highlight-color: rgba(201, 224, 253, 0.8); }

.burgundy, .content-book-listing .pagination .right a {
  color: #a60008; }
  .burgundy:hover, .content-book-listing .pagination .right a:hover {
    color: #a60008; }

.warning {
  color: #a60008; }

.price-color, .checkout_steps .step1 .formbody .left table tr td.price_cell, #my-order table tr td.price_cell {
  color: green; }

.error-message {
  border: 4px solid red;
  display: none;
  color: #9A423A;
  margin-bottom: 5px;
  padding: 5px; }

.error-message-vi {
  border: 4px solid red;
  color: #9A423A;
  margin-bottom: 5px;
  padding: 5px; }

.link-color {
  color: #337ab7; }
  .link-color:hover, .link-color:focus, .link-color:active {
    color: #337ab7;
    opacity: .7; }

.info-block {
  border: 1px solid #1b809e;
  padding: 10px;
  margin: 4px 0 4px 0; }

.price-color, .checkout_steps .step1 .formbody .left table tr td.price_cell, #my-order table tr td.price_cell {
  color: green; }

body {
  font-family: 'Open Sans', sans-serif !important;
  font-size: 14px;
  font-weight: 400;
  color: #404040;
  background-color: white; }

h1 {
  font-size: 24px;
  font-weight: 700; }

h2 {
  font-size: 22px;
  font-weight: 700; }

h3 {
  font-size: 20px;
  font-weight: 700; }

h4 {
  font-size: 16px;
  font-weight: 700; }

.bold {
  font-weight: 700; }

.transition, .link-color, .head .logo-col .logo-wrap img.img-responsive, .head .basket-col .basket-wrap .service-logo img, .head .basket-col .basket-wrap .basket-button-wrap img:not(.empty), #step2 .section-1 .tab-layout .tab-content, a, .btn-pr, #popup_container #popup_panel button, form.kontakt .textarea input.submit, .footer .footer-bottom-mobile .panel-group .panel .panel-heading a {
  transition: all 0.3s;
  -webkit-transition: all 0.3s; }

.row-centered {
  text-align: center; }

.col-centered {
  display: inline-block;
  float: none;
  text-align: left;
  margin-right: -4px; }

.img-fh {
  height: 100%;
  width: auto; }

.img-fw {
  width: 100%;
  height: auto; }

.margin-xs {
  margin: 2px; }

select.form-control {
  padding: 0px; }

.top-info {
  text-align: center;
  background-color: black;
  color: white;
  font-size: 13px;
  padding-top: 7px;
  padding-bottom: 7px; }
  @media (max-width: 767px) {
    .top-info.desktop {
      display: none; } }
  @media (min-width: 767px) {
    .top-info.mobile {
      display: none; } }
  .top-info .language .flash-language {
    position: absolute;
    top: -8px;
    right: 0px;
    height: 23px;
    line-height: 30px;
    width: 78px; }
    @media (max-width: 400px) {
      .top-info .language .flash-language {
        top: 0; } }
    .top-info .language .flash-language a {
      float: right;
      margin-right: 10px; }
      .top-info .language .flash-language a:hover {
        opacity: .7; }
      .top-info .language .flash-language a img {
        height: 26px;
        width: auto; }

@media (max-width: 767px) {
  .head {
    padding-left: 10px;
    padding-right: 10px; } }
.head .logo-col {
  min-height: 100px; }
  @media (max-width: 767px) {
    .head .logo-col {
      min-height: 0; } }
  .head .logo-col .logo-wrap {
    position: absolute;
    left: 15px;
    bottom: 15px;
    width: 100%;
    padding-right: 10px; }
    @media (max-width: 991px) {
      .head .logo-col .logo-wrap {
        left: 0; } }
    @media (max-width: 767px) {
      .head .logo-col .logo-wrap {
        position: static;
        padding-right: 0; } }
    .head .logo-col .logo-wrap img.img-responsive:hover, .head .logo-col .logo-wrap img.img-responsive:focus, .head .logo-col .logo-wrap img.img-responsive:active {
      opacity: .7; }
    @media (max-width: 767px) {
      .head .logo-col .logo-wrap img.img-responsive {
        margin: auto; } }
.head .search-col {
  min-height: 100px; }
  @media (max-width: 767px) {
    .head .search-col {
      width: 66%; } }
  @media (max-width: 400px) {
    .head .search-col {
      width: 100%;
      min-height: 61px; } }
  .head .search-col .search-wrap {
    position: absolute;
    right: 0;
    bottom: 15px;
    width: 100%;
    max-width: 284px; }
    .head .search-col .search-wrap .gsc-control-cse {
      padding: 0; }
      .head .search-col .search-wrap .gsc-control-cse .gsc-search-box-tools {
        margin: 0; }
        .head .search-col .search-wrap .gsc-control-cse .gsc-search-box-tools .gsc-search-box {
          margin: 0; }
          .head .search-col .search-wrap .gsc-control-cse .gsc-search-box-tools .gsc-search-box tr {
            width: 100%; }
            .head .search-col .search-wrap .gsc-control-cse .gsc-search-box-tools .gsc-search-box tr .gsc-input {
              width: 88%;
              padding-right: 0; }
              .head .search-col .search-wrap .gsc-control-cse .gsc-search-box-tools .gsc-search-box tr .gsc-input .gsc-input-box {
                height: 32px; }
                .head .search-col .search-wrap .gsc-control-cse .gsc-search-box-tools .gsc-search-box tr .gsc-input .gsc-input-box .gsib_a {
                  padding: 6px 6px 5px; }
            .head .search-col .search-wrap .gsc-control-cse .gsc-search-box-tools .gsc-search-box tr > .gsc-search-button {
              width: 12%;
              position: relative; }
              .head .search-col .search-wrap .gsc-control-cse .gsc-search-box-tools .gsc-search-box tr > .gsc-search-button:hover:before {
                font-size: 22px; }
              .head .search-col .search-wrap .gsc-control-cse .gsc-search-box-tools .gsc-search-box tr > .gsc-search-button:before {
                content: "\e003";
                position: absolute;
                left: -1px;
                top: 0;
                padding-left: 6px;
                display: block;
                font-family: 'Glyphicons Halflings';
                font-size: 20px;
                line-height: 32px;
                color: #6d6d6d;
                width: 100%;
                height: 100%;
                background: #D9D9D9;
                transition: 1s; }
              .head .search-col .search-wrap .gsc-control-cse .gsc-search-box-tools .gsc-search-box tr > .gsc-search-button input.gsc-search-button-v2 {
                padding: 0;
                margin: 0;
                width: 100%;
                height: 100%;
                opacity: 0;
                vertical-align: top; }
.head .basket-col {
  min-height: 100px; }
  @media (max-width: 767px) {
    .head .basket-col {
      width: 34%; } }
  @media (max-width: 400px) {
    .head .basket-col {
      width: 100%;
      min-height: 61px; } }
  .head .basket-col .basket-wrap {
    position: absolute;
    right: 0;
    bottom: 18px;
    width: 100%;
    text-align: right; }
    .head .basket-col .basket-wrap .service-logo {
      display: inline-block; }
      .head .basket-col .basket-wrap .service-logo img {
        width: 44px;
        height: auto;
        margin-right: 9px; }
        .head .basket-col .basket-wrap .service-logo img:hover, .head .basket-col .basket-wrap .service-logo img:focus, .head .basket-col .basket-wrap .service-logo img:active {
          opacity: .7; }
        @media (max-width: 1200px) {
          .head .basket-col .basket-wrap .service-logo img {
            width: 50px; } }
    .head .basket-col .basket-wrap .basket-button-wrap {
      display: inline-block; }
      .head .basket-col .basket-wrap .basket-button-wrap img {
        position: relative;
        left: 2px;
        height: 45px;
        width: auto; }
        @media (max-width: 400px) {
          .head .basket-col .basket-wrap .basket-button-wrap img {
            height: 40px;
            left: 4px; } }
      .head .basket-col .basket-wrap .basket-button-wrap img:not(.empty):hover, .head .basket-col .basket-wrap .basket-button-wrap img:not(.empty):focus, .head .basket-col .basket-wrap .basket-button-wrap img:not(.empty):active {
        opacity: .7;
        cursor: pointer; }
      .head .basket-col .basket-wrap .basket-button-wrap img.empty {
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
        opacity: .6; }
      .head .basket-col .basket-wrap .basket-button-wrap .modal-header {
        text-align: left; }
      .head .basket-col .basket-wrap .basket-button-wrap .dropdown-menu {
        min-width: 320px;
        padding: 10px; }
      @media (max-width: 767px) {
        .head .basket-col .basket-wrap .basket-button-wrap .cart-link#btn-cart-detail-desktop {
          display: none; } }
      @media (min-width: 767px) {
        .head .basket-col .basket-wrap .basket-button-wrap .cart-link#btn-cart-detail-mobile {
          display: none; } }

.container.nav {
  margin-bottom: 10px; }
  .container.nav div.navbar {
    margin-bottom: 0;
    min-height: 32px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-radius: 0; }
    .container.nav div.navbar .navbar-header button span {
      background-color: #6d6d6d; }
    .container.nav div.navbar .navbar-collapse ul.nav li a {
      padding: 10px 15px;
      color: #6d6d6d;
      font-weight: 700;
      text-decoration: underline; }
      @media (max-width: 991px) {
        .container.nav div.navbar .navbar-collapse ul.nav li a {
          padding: 10px 15px;
          font-size: 13px; } }
      @media (max-width: 767px) {
        .container.nav div.navbar .navbar-collapse ul.nav li a {
          padding: 15px 10px;
          font-size: 14px; } }
      .container.nav div.navbar .navbar-collapse ul.nav li a:hover, .container.nav div.navbar .navbar-collapse ul.nav li a:active, .container.nav div.navbar .navbar-collapse ul.nav li a:focus {
        background-color: #eee;
        opacity: .7; }
    .container.nav div.navbar .navbar-collapse ul.nav li.dropdown.open .dropdown-menu {
      background-color: #D0D0D0; }
      .container.nav div.navbar .navbar-collapse ul.nav li.dropdown.open .dropdown-menu li a {
        padding: 10px 20px; }
        @media (max-width: 767px) {
          .container.nav div.navbar .navbar-collapse ul.nav li.dropdown.open .dropdown-menu li a {
            padding: 10px 40px; } }
      .container.nav div.navbar .navbar-collapse ul.nav li.dropdown.open .dropdown-menu li.current a {
        background-color: #eee; }
      .container.nav div.navbar .navbar-collapse ul.nav li.dropdown.open .dropdown-menu li.divider {
        color: #6d6d6d;
        margin: 0; }
    .container.nav div.navbar .navbar-collapse ul.nav li.dropdown.current a.dropdown-toggle {
      background-color: #D0D0D0; }
    .container.nav div.navbar .navbar-collapse ul.nav li.single.current a {
      background-color: #D0D0D0; }

/*
 * Style tweaks
 * --------------------------------------------------
 */
html, body {
  overflow-x: hidden;
  /* Prevent scroll on narrow devices */ }
  html.modal-open, body.modal-open {
    overflow-x: auto; }

/*
 * Off Canvas
 * --------------------------------------------------
 */
@media screen and (max-width: 767px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out; }

  .row-offcanvas-right {
    right: 0; }

  .row-offcanvas-left {
    left: 0; }

  .row-offcanvas-right
  .sidebar-offcanvas {
    right: -50%;
    /* 6 columns */ }

  .row-offcanvas-left
  .sidebar-offcanvas {
    left: -55%;
    /* 6 columns */ }

  .row-offcanvas-right.active {
    right: 50%;
    /* 6 columns */ }

  .row-offcanvas-left.active {
    left: 60%;
    /* 6 columns */ }

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 55%;
    /* 6 columns */ } }
.row-offcanvas-left .nav-section .panel {
  margin-bottom: 10px;
  box-shadow: none;
  background-color: transparent; }
  .row-offcanvas-left .nav-section .panel .panel-heading {
    border: none;
    background-color: transparent;
    padding: 0px; }
    .row-offcanvas-left .nav-section .panel .panel-heading a {
      padding: 10px 15px 10px 15px;
      display: block;
      font-weight: 700;
      color: #6d6d6d; }
      .row-offcanvas-left .nav-section .panel .panel-heading a:hover, .row-offcanvas-left .nav-section .panel .panel-heading a:active, .row-offcanvas-left .nav-section .panel .panel-heading a:focus {
        opacity: .5; }
  .row-offcanvas-left .nav-section .panel .panel-body {
    background-color: transparent;
    padding: 5px 15px 5px 15px;
    border-top: 1px solid #ddd; }
    @media (max-width: 1050px) {
      .row-offcanvas-left .nav-section .panel .panel-body {
        padding: 5px; } }
    @media (max-width: 767px) {
      .row-offcanvas-left .nav-section .panel .panel-body {
        padding: 5px 5px 5px 5px; } }
    .row-offcanvas-left .nav-section .panel .panel-body a {
      color: #575757;
      display: block;
      font-size: 14px;
      line-height: 24px;
      transition: none; }
      .row-offcanvas-left .nav-section .panel .panel-body a.navitem:before {
        content: "\e258 ";
        position: relative;
        display: inline-block;
        font-family: 'Glyphicons Halflings';
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        font-size: 7px;
        top: -1px;
        right: 2px; }
      .row-offcanvas-left .nav-section .panel .panel-body a:hover, .row-offcanvas-left .nav-section .panel .panel-body a:active, .row-offcanvas-left .nav-section .panel .panel-body a:focus {
        background-color: #d9534f;
        text-decoration: none;
        color: white; }
      .row-offcanvas-left .nav-section .panel .panel-body a.title_nav_a {
        font-weight: 700; }
  .row-offcanvas-left .nav-section .panel #left-menu-communication .panel-body-communication {
    background-color: transparent;
    padding: 5px 15px 5px 15px;
    border-top: 1px solid #ddd;
    text-align: center; }
    @media (max-width: 767px) {
      .row-offcanvas-left .nav-section .panel #left-menu-communication .panel-body-communication {
        padding: 5px 5px 5px 5px; } }
    .row-offcanvas-left .nav-section .panel #left-menu-communication .panel-body-communication a img {
      width: 32px;
      height: auto;
      margin-right: 5px;
      margin-bottom: 5px; }
    .row-offcanvas-left .nav-section .panel #left-menu-communication .panel-body-communication a:last-child img {
      margin-right: 0px; }
  .row-offcanvas-left .nav-section .panel #left-menu-guarantee .panel-body.guarantee p {
    color: #575757; }
    .row-offcanvas-left .nav-section .panel #left-menu-guarantee .panel-body.guarantee p:before {
      content: "\e013";
      position: relative;
      display: inline-block;
      font-family: 'Glyphicons Halflings';
      font-style: normal;
      font-weight: normal;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      font-size: 12px;
      top: 1px;
      right: 4px;
      color: green; }

.random-image-wrapper .random_image_book {
  margin: 0px auto;
  height: 250px;
  text-align: center;
  background-color: #F4F4F4; }
.random-image-wrapper .random_image_book .img_image_book {
  text-align: left;
  margin: 0px 20px 0px 32px;
  position: absolute;
  top: 0px;
  left: 0px; }
.random-image-wrapper .bg_random_image_book {
  text-align: left;
  width: 218px;
  height: 250px;
  margin: 0px auto;
  background: url("http://personalnovel.de/tl_files/personalnovel_de/static/assets/website/Buchvorschau_neu.png") no-repeat scroll 100% 100%;
  background-color: transparent;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 100;
  display: none; }
.random-image-wrapper .bg_random_image_book a {
  width: 217px;
  height: 249px;
  text-decoration: none;
  float: left;
  z-index: 1; }
.random-image-wrapper .bg_random_image_book a:hover {
  cursor: pointer; }
.random-image-wrapper .random_image_book .text_image_book:hover, .random-image-wrapper .random_image_book a:hover {
  cursor: pointer; }
.random-image-wrapper .random_image_book a {
  left: 0;
  top: 0;
  float: left;
  z-index: 1;
  color: #666;
  text-decoration: none;
  opacity: 1;
  position: absolute;
  width: 220px;
  height: 240px;
  background: url("http://personalnovel.de/tl_files/personalnovel_de/static/assets/website/Buchvorschau_Hintergrund_Explorer.png") no-repeat scroll 100% 100%;
  background-color: transparent; }
.random-image-wrapper .random_image_book .title_image_book {
  padding: 0px 10px 0px 10px;
  color: #404040;
  font-style: normal;
  font-size: 1.5em;
  text-decoration: none;
  margin-top: 5px;
  margin-left: 2%;
  display: none; }
.random-image-wrapper .random_image_book .text_image_book {
  padding: 5px 10px;
  width: 220px;
  font-family: Arial;
  font-size: 12px;
  z-index: 103;
  text-align: center;
  position: absolute;
  color: #707070;
  display: none;
  left: 0px;
  top: 0px;
  background-color: transparent; }
.random-image-wrapper .random_image_book a img {
  height: 183px;
  width: 122px;
  margin: 46px 0px 0px 11px;
  *margin: 46px 0px 0px 11px;
  *height: 183px;
  left: 0px;
  top: 0px; }
.random-image-wrapper .random_image_book a:hover {
  text-decoration: none; }
@-moz-document url-prefix() {
  .random-image-wrapper .bg_random_image_book {
    display: block; }
  .random-image-wrapper .random_image_book a {
    background: none; }
  .random-image-wrapper .random_image_book a img {
    height: 184px;
    width: 130px;
    left: 0px;
    top: 0px;
    margin: 51px 0px 0px 3px;
    -moz-transform: matrix(1, 0.07, 0, 1, 0, 0); } }
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .random-image-wrapper .bg_random_image_book {
    display: block; }
  .random-image-wrapper .random_image_book a {
    background: none; }
  .random-image-wrapper .random_image_book a img {
    height: 184px;
    width: 130px;
    left: 0px;
    top: 0px;
    margin: 51px 0px 0px 3px;
    -moz-transform: matrix3d(1, 0.07, 0, 0, 0, 1, 0, 0, 0, 2, 1, 1, 0, 300, 0, 1);
    transform: matrix3d(1, 0.07, 0, 0, 0, 1, 0, 0, 0, 2, 1, 1, 0, 0, 0, 1);
    -webkit-transform: matrix3d(1, 0.07, 0, 0, 0, 1, 0, 0, 0, 2, 1, 1, 0, 0, 0, 1);
    -o-transform: matrix3d(1, 0, 0, 0.07, 0, 1, 0, 0, 0, 2, 1, 1, 0, 0, 0, 1); } }

.order_steps .progress-steps {
  margin-bottom: 20px; }

.progress-steps, .checkout-steps {
  padding: 8px 10px 0px 10px;
  border: 1px solid #D6D6D6; }
  @media (max-width: 767px) {
    .progress-steps, .checkout-steps {
      padding: 3px 10px 3px 10px;
      margin-bottom: 5px; } }
  .progress-steps #progress, .checkout-steps #progress {
    list-style: none;
    margin: 0px; }
    .progress-steps #progress .item, .checkout-steps #progress .item {
      height: 28px;
      text-align: center;
      color: #D6D6D6;
      background: url(http://personalnovel.de/system/modules/tt_manage_books/html/img/progress-arrow.png) no-repeat scroll 0 1px transparent; }
      @media (max-width: 767px) {
        .progress-steps #progress .item, .checkout-steps #progress .item {
          height: 20px; } }
      .progress-steps #progress .item.first, .checkout-steps #progress .item.first {
        background: none; }
      .progress-steps #progress .item.current, .checkout-steps #progress .item.current {
        color: #575757;
        font-weight: 700; }
      @media (max-width: 991px) {
        .progress-steps #progress .item.cover, .progress-steps #progress .item.confirm, .checkout-steps #progress .item.cover, .checkout-steps #progress .item.confirm {
          background: none; } }
      @media (max-width: 767px) {
        .progress-steps #progress .item.cover, .progress-steps #progress .item.confirm, .checkout-steps #progress .item.cover, .checkout-steps #progress .item.confirm {
          background: url(http://personalnovel.de/system/modules/tt_manage_books/html/img/progress-arrow.png) no-repeat scroll 0 1px transparent; }
        .progress-steps #progress .item.binding, .progress-steps #progress .item.font, .progress-steps #progress .item.additional, .progress-steps #progress .item.delivery, .progress-steps #progress .item.pay, .checkout-steps #progress .item.binding, .checkout-steps #progress .item.font, .checkout-steps #progress .item.additional, .checkout-steps #progress .item.delivery, .checkout-steps #progress .item.pay {
          background: none; } }

.content-book-listing .wrapper {
  padding: 10px 10px 10px 0; }
  .content-book-listing .wrapper .perpage {
    text-align: right; }
    .content-book-listing .wrapper .perpage select {
      width: 70px;
      display: inline-block; }
    @media (max-width: 767px) {
      .content-book-listing .wrapper .perpage {
        padding-top: 15px; } }
.content-book-listing .pagination {
  padding: 5px;
  background-color: #e9e8e9; }
  .content-book-listing .pagination .left {
    padding-top: 8px;
    padding-left: 20px; }
  .content-book-listing .pagination .right ul {
    float: right;
    margin: 0px; }
    .content-book-listing .pagination .right ul li .current {
      opacity: .5;
      color: #337ab7; }
    .content-book-listing .pagination .right ul li a {
      background-color: transparent; }
      .content-book-listing .pagination .right ul li a:hover, .content-book-listing .pagination .right ul li a:focus, .content-book-listing .pagination .right ul li a.active {
        opacity: .5; }
      @media (max-width: 330px) {
        .content-book-listing .pagination .right ul li a {
          padding-left: 11px;
          padding-right: 11px; } }

.goods-list .item {
  padding: 20px 8px 60px 8px;
  height: 320px; }
  .goods-list .item:hover {
    transition: .5s;
    -webkit-box-shadow: 0px 0px 1px 1px #D6D6D6;
    -moz-box-shadow: 0px 0px 1px 1px #D6D6D6;
    box-shadow: 0px 0px 1px 1px #D6D6D6;
    border-radius: 4px; }
  @media (max-width: 1200px) {
    .goods-list .item {
      height: 360px; } }
  @media (max-width: 991px) {
    .goods-list .item {
      height: 320px; } }
  @media (max-width: 767px) {
    .goods-list .item {
      height: 360px; } }
  @media (max-width: 700px) {
    .goods-list .item {
      height: 345px; } }
  @media (max-width: 600px) {
    .goods-list .item {
      height: 330px; } }
  @media (max-width: 550px) {
    .goods-list .item {
      height: auto;
      width: 100%;
      max-width: 350px; } }
  .goods-list .item .header {
    color: #404040; }
    .goods-list .item .header .name-wrapper {
      height: 35px;
      position: relative; }
      .goods-list .item .header .name-wrapper h4 {
        margin: 0px; }
    .goods-list .item .header .subname-wrapper {
      position: relative;
      height: 35px; }
      .goods-list .item .header .subname-wrapper p {
        margin-bottom: 3px;
        line-height: 1; }
  .goods-list .item .main-section .item-img .label-ebook {
    top: 50%;
    left: 50%;
    margin-left: -30px;
    margin-top: -10px;
    padding: 3px;
    position: absolute;
    background-color: #060670;
    width: 60px;
    height: 26px;
    color: white;
    font-weight: 700;
    border: 2px solid white;
    text-align: center; }
  .goods-list .item .main-section .item-info {
    padding-left: 10px;
    color: #404040; }
  .goods-list .item .price {
    font-size: 16px;
    font-weight: 700;
    position: absolute;
    right: 8px;
    bottom: 47px;
    margin: 0px; }
  .goods-list .item .btns {
    position: absolute;
    bottom: 8px;
    left: 8px;
    padding: 0 15px 0 0; }
    @media (max-width: 1200px) {
      .goods-list .item .btns a {
        padding-left: 6px;
        padding-right: 6px; } }

.book-detail .leftpanel .bigcover {
  margin: auto; }
.book-detail .rightpanel {
  padding-left: 15px; }
  @media (max-width: 767px) {
    .book-detail .rightpanel {
      padding-top: 20px; } }
  .book-detail .rightpanel h1 {
    margin-top: 0px; }
.book-detail .ebook-help {
  margin-bottom: 8px;
  border: 1px solid #D6D6D6;
  border-radius: 5px; }
  .book-detail .ebook-help .btn, .book-detail .ebook-help #anfrage input.submit, #anfrage .book-detail .ebook-help input.submit {
    text-align: left; }
.book-detail .bottompanel {
  padding-top: 15px;
  padding-bottom: 15px; }
  .book-detail .bottompanel .block1 .fb-share-button {
    height: 35px;
    width: 80px;
    float: left; }
  .book-detail .bottompanel .block1 .google-button {
    height: 35px;
    width: 80px;
    float: left; }
  .book-detail .bottompanel .block1 .like-facebook-button {
    height: 35px;
    width: 120px;
    float: left; }
    .book-detail .bottompanel .block1 .like-facebook-button iframe {
      position: absolute; }
  .book-detail .bottompanel .block2 {
    text-align: center; }
    @media (max-width: 767px) {
      .book-detail .bottompanel .block2 {
        padding-top: 10px;
        padding-bottom: 10px;
        text-align: right; } }
  .book-detail .bottompanel .block3 {
    text-align: right; }
    .book-detail .bottompanel .block3 form {
      margin: 0px; }
      .book-detail .bottompanel .block3 form .big-btn-order {
        background-image: url("/system/modules/tt_manage_books/html/img/shopping_bag.png");
        background-position: 97% center;
        background-repeat: no-repeat; }
      .book-detail .bottompanel .block3 form .big-btn-ebook-order {
        margin-top: 10px;
        background-image: url("/system/modules/tt_manage_books/html/img/arrow_down.png");
        background-position: 97% center;
        background-repeat: no-repeat; }
@media (max-width: 991px) {
  .book-detail .tabsdiv .tabbable .nav-tabs li.tab-item-desktop {
    display: none; }
    .book-detail .tabsdiv .tabbable .nav-tabs li.tab-item-desktop a {
      padding: 10px 5px; } }
@media (min-width: 991px) {
  .book-detail .tabsdiv .tabbable .nav-tabs li.tab-item-mobile {
    display: none; } }
.book-detail .tabsdiv .tabbable .tab-content h4 {
  font-weight: 700; }
.book-detail .tabsdiv .tabbable .tab-content .tab-pane#nennungshaeufigkeit #personcount .person {
  font-weight: 700; }
  .book-detail .tabsdiv .tabbable .tab-content .tab-pane#nennungshaeufigkeit #personcount .person td {
    padding-top: 15px;
    padding-bottom: 5px; }
.book-detail .tabsdiv .tabbable .tab-content .tab-pane#nennungshaeufigkeit #personcount .item {
  padding-top: 5px;
  padding-bottom: 5px; }
.book-detail .tabsdiv .tabbable .tab-content .tab-pane#nennungshaeufigkeit #personcount .count {
  min-width: 50px;
  padding-left: 10px; }
.book-detail .tabsdiv .tabbable .tab-content .tab-pane#author .text h2 {
  margin-top: 0px; }
@media (max-width: 767px) {
  .book-detail .tabsdiv .tabbable .tab-content .tab-pane#author .photo {
    padding-top: 20px; } }
.book-detail .tabsdiv .tabbable .tab-content .tab-pane#author .photo img {
  margin: auto; }
.book-detail .tabsdiv .tabbable .tab-content .tab-pane#vorschau #previewleft, .book-detail .tabsdiv .tabbable .tab-content .tab-pane#vorschau #previewright {
  margin-top: 10px;
  height: 435px; }
  @media (max-width: 1200px) {
    .book-detail .tabsdiv .tabbable .tab-content .tab-pane#vorschau #previewleft, .book-detail .tabsdiv .tabbable .tab-content .tab-pane#vorschau #previewright {
      height: 360px; } }
  @media (max-width: 991px) {
    .book-detail .tabsdiv .tabbable .tab-content .tab-pane#vorschau #previewleft, .book-detail .tabsdiv .tabbable .tab-content .tab-pane#vorschau #previewright {
      height: 250px; } }
  @media (max-width: 767px) {
    .book-detail .tabsdiv .tabbable .tab-content .tab-pane#vorschau #previewleft, .book-detail .tabsdiv .tabbable .tab-content .tab-pane#vorschau #previewright {
      height: 360px; } }
  @media (max-width: 720px) {
    .book-detail .tabsdiv .tabbable .tab-content .tab-pane#vorschau #previewleft, .book-detail .tabsdiv .tabbable .tab-content .tab-pane#vorschau #previewright {
      height: 300px; } }
  @media (max-width: 540px) {
    .book-detail .tabsdiv .tabbable .tab-content .tab-pane#vorschau #previewleft, .book-detail .tabsdiv .tabbable .tab-content .tab-pane#vorschau #previewright {
      height: 250px; } }
  @media (max-width: 400px) {
    .book-detail .tabsdiv .tabbable .tab-content .tab-pane#vorschau #previewleft, .book-detail .tabsdiv .tabbable .tab-content .tab-pane#vorschau #previewright {
      height: 185px; } }
  @media (max-width: 350px) {
    .book-detail .tabsdiv .tabbable .tab-content .tab-pane#vorschau #previewleft, .book-detail .tabsdiv .tabbable .tab-content .tab-pane#vorschau #previewright {
      height: 150px; } }
  .book-detail .tabsdiv .tabbable .tab-content .tab-pane#vorschau #previewleft img, .book-detail .tabsdiv .tabbable .tab-content .tab-pane#vorschau #previewright img {
    width: 100%;
    height: auto; }

.order_steps .step1 .controls {
  border: 1px solid #D6D6D6;
  padding: 10px 10px 10px 10px;
  margin-bottom: 10px; }
  @media (max-width: 767px) {
    .order_steps .step1 .controls .left .image {
      text-align: center;
      margin-bottom: 10px; } }
  .order_steps .step1 .controls .left .image .wrapper {
    margin: auto;
    position: relative;
    width: 115px; }
    .order_steps .step1 .controls .left .image .wrapper .ebook-div {
      padding-top: 10px;
      padding-bottom: 10px;
      background-color: white;
      position: absolute;
      width: 100%;
      top: 50%;
      left: 0;
      margin-top: -27px;
      text-align: center; }
      .order_steps .step1 .controls .left .image .wrapper .ebook-div button {
        width: 100%;
        background-image: url("/system/modules/tt_manage_books/html/img/arrow_down.png");
        background-position: 94% center;
        background-repeat: no-repeat; }
  .order_steps .step1 .controls .left .title {
    padding-left: 10px; }
    .order_steps .step1 .controls .left .title .top h1 {
      font-weight: 700;
      margin-top: 0px; }
      @media (max-width: 767px) {
        .order_steps .step1 .controls .left .title .top h1 {
          text-align: center; } }
  .order_steps .step1 .controls .right {
    text-align: right; }
    .order_steps .step1 .controls .right .btn-order, .order_steps .step1 .controls .right #popup_container #popup_panel button#popup_ok, #popup_container #popup_panel .order_steps .step1 .controls .right button#popup_ok, .order_steps .step1 .controls .right form.kontakt .textarea input.submit, form.kontakt .textarea .order_steps .step1 .controls .right input.submit {
      margin-top: 10px; }
    .order_steps .step1 .controls .right .ebook-icon {
      padding-right: 30px;
      background-image: url("/system/modules/tt_manage_books/html/img/shopping_bag.png");
      background-position: 97% center;
      background-repeat: no-repeat; }
    .order_steps .step1 .controls .right .bag-icon {
      padding-right: 30px;
      background-image: url("/system/modules/tt_manage_books/html/img/arrow_down.png");
      background-position: 97% center;
      background-repeat: no-repeat; }
.order_steps .formdata .type_roman .left, .order_steps .formdata .type_geschenkbuch .left {
  margin-top: 10px;
  padding-right: 20px; }
  @media (max-width: 1200px) {
    .order_steps .formdata .type_roman .left, .order_steps .formdata .type_geschenkbuch .left {
      padding-right: 10px; } }
  @media (max-width: 767px) {
    .order_steps .formdata .type_roman .left, .order_steps .formdata .type_geschenkbuch .left {
      padding-right: 0px; } }
  .order_steps .formdata .type_roman .left .order-btn-row, .order_steps .formdata .type_geschenkbuch .left .order-btn-row {
    padding-bottom: 20px; }
    @media (min-width: 767px) {
      .order_steps .formdata .type_roman .left .order-btn-row, .order_steps .formdata .type_geschenkbuch .left .order-btn-row {
        display: none; } }
.order_steps .formdata .type_roman .right, .order_steps .formdata .type_geschenkbuch .right {
  padding-top: 10px;
  padding-left: 0; }
  @media (max-width: 768px) {
    .order_steps .formdata .type_roman .right, .order_steps .formdata .type_geschenkbuch .right {
      padding-top: 0;
      padding-left: 0; } }
  @media (max-width: 767px) {
    .order_steps .formdata .type_roman .right .preview_box, .order_steps .formdata .type_geschenkbuch .right .preview_box {
      display: none; } }
  .order_steps .formdata .type_roman .right #preview .default, .order_steps .formdata .type_geschenkbuch .right #preview .default {
    font-weight: 700; }
  .order_steps .formdata .type_roman .right .preview_box .preview-text, .order_steps .formdata .type_geschenkbuch .right .preview_box .preview-text {
    background-color: #FFFCEB;
    border: 1px solid #8A7A63;
    padding: 10px;
    margin-bottom: 20px;
    overflow: auto; }
  .order_steps .formdata .type_roman .right .preview_box .default, .order_steps .formdata .type_geschenkbuch .right .preview_box .default {
    font-weight: 700; }
  .order_steps .formdata .type_roman .right .preview_box .nextpage-btn, .order_steps .formdata .type_geschenkbuch .right .preview_box .nextpage-btn {
    margin: auto;
    display: block; }
  .order_steps .formdata .type_roman .right .btn-preview-mobile, .order_steps .formdata .type_geschenkbuch .right .btn-preview-mobile {
    position: fixed;
    right: 0px;
    top: 100px;
    padding-left: 6px;
    padding-right: 6px;
    z-index: 99999;
    opacity: 0.7;
    display: none; }
    @media (max-width: 767px) {
      .order_steps .formdata .type_roman .right .btn-preview-mobile, .order_steps .formdata .type_geschenkbuch .right .btn-preview-mobile {
        display: block; } }
.order_steps .formdata .type_kinderbuch .border_preview {
  padding: 2px;
  background-color: #FFFCEB;
  position: relative;
  border: 1px solid #c4c4c4;
  margin: 10px 0 10px; }
  .order_steps .formdata .type_kinderbuch .border_preview #preview {
    background: url("http://www.personalnovel.de/system/modules/tt_manage_books/html/img/bg_vorschau2.png");
    background-size: 100%;
    padding: 4px;
    background-color: #FFFCEB;
    position: relative; }
    .order_steps .formdata .type_kinderbuch .border_preview #preview .default {
      font-weight: 700; }
.order_steps .formdata .type_kinderbuch #vorschau .image {
  text-align: center; }
.order_steps .formdata .type_kinderbuch .left .formitem-select select.form-control {
  float: right;
  width: 150px;
  height: 31px; }
.order_steps .formdata .type_kinderbuch .left .order-btn-row {
  padding-bottom: 20px; }
  @media (min-width: 767px) {
    .order_steps .formdata .type_kinderbuch .left .order-btn-row {
      display: none; } }
.order_steps .formdata .type_kinderbuch .right {
  padding-left: 20px; }
  @media (max-width: 767px) {
    .order_steps .formdata .type_kinderbuch .right {
      padding-left: 10px;
      padding-right: 10px;
      display: none; } }
  .order_steps .formdata .type_kinderbuch .right .btn-row button {
    margin-top: 10px; }
  .order_steps .formdata .type_kinderbuch .right .name {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: 700; }
  .order_steps .formdata .type_kinderbuch .right .btn-col {
    text-align: right;
    margin-top: 15px; }
.order_steps .formdata .type_kinderbuch .modal-body img {
  width: 100%;
  height: auto;
  max-width: 375px; }
.order_steps .formdata .type_kinderbuch .modal-body .name {
  font-weight: 700; }
.order_steps .formdata .type_kinderbuch .btn-preview-mobile {
  position: fixed;
  right: 0px;
  top: 100px;
  padding-left: 6px;
  padding-right: 6px;
  z-index: 99999;
  opacity: 0.7;
  display: none; }
  @media (max-width: 767px) {
    .order_steps .formdata .type_kinderbuch .btn-preview-mobile {
      display: block; } }
.order_steps .formdata .type_roman .tab-order-step-1 .tab-content h1, .order_steps .formdata .type_geschenkbuch .tab-order-step-1 .tab-content h1, .order_steps .formdata .type_kinderbuch .tab-order-step-1 .tab-content h1 {
  margin-top: 0px; }
.order_steps .formdata .type_roman .formitem, .order_steps .formdata .type_geschenkbuch .formitem, .order_steps .formdata .type_kinderbuch .formitem {
  margin-bottom: 20px;
  padding: 10px;
  border: 1px solid #D6D6D6; }
  .order_steps .formdata .type_roman .formitem .name, .order_steps .formdata .type_geschenkbuch .formitem .name, .order_steps .formdata .type_kinderbuch .formitem .name {
    font-weight: 700;
    font-size: 15px; }
  .order_steps .formdata .type_roman .formitem .btn-col, .order_steps .formdata .type_geschenkbuch .formitem .btn-col, .order_steps .formdata .type_kinderbuch .formitem .btn-col {
    text-align: right; }
  .order_steps .formdata .type_roman .formitem .fields, .order_steps .formdata .type_geschenkbuch .formitem .fields, .order_steps .formdata .type_kinderbuch .formitem .fields {
    font-style: normal; }
    .order_steps .formdata .type_roman .formitem .fields .field, .order_steps .formdata .type_geschenkbuch .formitem .fields .field, .order_steps .formdata .type_kinderbuch .formitem .fields .field {
      margin-top: 6px; }
      .order_steps .formdata .type_roman .formitem .fields .field .name, .order_steps .formdata .type_geschenkbuch .formitem .fields .field .name, .order_steps .formdata .type_kinderbuch .formitem .fields .field .name {
        padding-right: 6px; }
        .order_steps .formdata .type_roman .formitem .fields .field .name label, .order_steps .formdata .type_geschenkbuch .formitem .fields .field .name label, .order_steps .formdata .type_kinderbuch .formitem .fields .field .name label {
          font-weight: 400; }
      @media (max-width: 530px) {
        .order_steps .formdata .type_roman .formitem .fields .field .input-col, .order_steps .formdata .type_geschenkbuch .formitem .fields .field .input-col, .order_steps .formdata .type_kinderbuch .formitem .fields .field .input-col {
          width: 100%; } }
      .order_steps .formdata .type_roman .formitem .fields .field .input .wrapper, .order_steps .formdata .type_geschenkbuch .formitem .fields .field .input .wrapper, .order_steps .formdata .type_kinderbuch .formitem .fields .field .input .wrapper {
        float: right;
        width: 100%;
        max-width: 200px; }
        @media (max-width: 530px) {
          .order_steps .formdata .type_roman .formitem .fields .field .input .wrapper, .order_steps .formdata .type_geschenkbuch .formitem .fields .field .input .wrapper, .order_steps .formdata .type_kinderbuch .formitem .fields .field .input .wrapper {
            float: left; } }
        .order_steps .formdata .type_roman .formitem .fields .field .input .wrapper input, .order_steps .formdata .type_geschenkbuch .formitem .fields .field .input .wrapper input, .order_steps .formdata .type_kinderbuch .formitem .fields .field .input .wrapper input {
          margin: 0px;
          width: 78%; }
          .order_steps .formdata .type_roman .formitem .fields .field .input .wrapper input.kinderbucher, .order_steps .formdata .type_geschenkbuch .formitem .fields .field .input .wrapper input.kinderbucher, .order_steps .formdata .type_kinderbuch .formitem .fields .field .input .wrapper input.kinderbucher {
            width: 100%; }
          .order_steps .formdata .type_roman .formitem .fields .field .input .wrapper input.error, .order_steps .formdata .type_geschenkbuch .formitem .fields .field .input .wrapper input.error, .order_steps .formdata .type_kinderbuch .formitem .fields .field .input .wrapper input.error {
            border: 1px solid #a60008; }
          .order_steps .formdata .type_roman .formitem .fields .field .input .wrapper input.default, .order_steps .formdata .type_geschenkbuch .formitem .fields .field .input .wrapper input.default, .order_steps .formdata .type_kinderbuch .formitem .fields .field .input .wrapper input.default {
            color: #909090; }
        .order_steps .formdata .type_roman .formitem .fields .field .input .wrapper .field_count, .order_steps .formdata .type_geschenkbuch .formitem .fields .field .input .wrapper .field_count, .order_steps .formdata .type_kinderbuch .formitem .fields .field .input .wrapper .field_count {
          width: 22%; }

.order_steps .step2.kinderbucher .formdata .formitem .left {
  padding-right: 10px; }
  @media (max-width: 767px) {
    .order_steps .step2.kinderbucher .formdata .formitem .left {
      padding-right: 0px; } }
  @media (max-width: 991px) {
    .order_steps .step2.kinderbucher .formdata .formitem .left .tab-row #tabsdiv .nav li a {
      padding: 10px 10px; } }
  @media (max-width: 767px) {
    .order_steps .step2.kinderbucher .formdata .formitem .left .tab-row #tabsdiv .nav li a {
      padding: 10px 5px; } }
  .order_steps .step2.kinderbucher .formdata .formitem .left .tab-row #tabsdiv .tab-content {
    height: 300px;
    overflow: auto;
    text-align: center; }
@media (max-width: 767px) {
  .order_steps .step2.kinderbucher .formdata .formitem .right {
    padding-top: 10px; } }
.order_steps .step2.kinderbucher .formdata .formitem .right .textarea-row .step2-title {
  min-height: 62px; }
.order_steps .step2.kinderbucher .formdata .formitem .right .textarea-row textarea {
  padding: 10px;
  width: 100%;
  height: 300px;
  border: 1px solid #D6D6D6;
  text-align: center;
  resize: none;
  /* FF 4-18 */
  /* FF 19+ */
  /* IE 10+ */ }
  .order_steps .step2.kinderbucher .formdata .formitem .right .textarea-row textarea::-webkit-input-placeholder:after {
    content: "\A (Bitte NUR deutsche Sonderzeichen verwenden)"; }
  .order_steps .step2.kinderbucher .formdata .formitem .right .textarea-row textarea:-moz-placeholder:after {
    content: "\A (Bitte NUR deutsche Sonderzeichen verwenden)"; }
  .order_steps .step2.kinderbucher .formdata .formitem .right .textarea-row textarea::-moz-placeholder:after {
    content: "\A (Bitte NUR deutsche Sonderzeichen verwenden)"; }
  .order_steps .step2.kinderbucher .formdata .formitem .right .textarea-row textarea:-ms-input-placeholder:after {
    content: "\A (Bitte NUR deutsche Sonderzeichen verwenden)"; }
  .order_steps .step2.kinderbucher .formdata .formitem .right .textarea-row textarea::-webkit-input-placeholder:before {
    content: "\A \A"; }
  .order_steps .step2.kinderbucher .formdata .formitem .right .textarea-row textarea:-moz-placeholder:before {
    content: "\A \A"; }
  .order_steps .step2.kinderbucher .formdata .formitem .right .textarea-row textarea::-moz-placeholder:before {
    content: "\A \A"; }
  .order_steps .step2.kinderbucher .formdata .formitem .right .textarea-row textarea:-ms-input-placeholder:before {
    content: "\A \A"; }
  .order_steps .step2.kinderbucher .formdata .formitem .right .textarea-row textarea:focus::-webkit-input-placeholder {
    color: transparent; }
  .order_steps .step2.kinderbucher .formdata .formitem .right .textarea-row textarea:focus:-moz-placeholder {
    color: transparent; }
  .order_steps .step2.kinderbucher .formdata .formitem .right .textarea-row textarea:focus::-moz-placeholder {
    color: transparent; }
  .order_steps .step2.kinderbucher .formdata .formitem .right .textarea-row textarea:focus:-ms-input-placeholder {
    color: transparent; }
.order_steps .step2.kinderbucher .formfooter {
  padding-top: 20px; }

@media (max-width: 991px) {
  #step2 {
    padding-left: 10px;
    padding-right: 10px; } }
#step2 .dropdown button {
  text-align: left;
  width: 220px;
  height: 32px;
  padding: 6px 20px 6px 10px; }
  #step2 .dropdown button .glyphicon {
    position: absolute;
    top: 10px;
    right: 6px;
    font-size: 14px; }
#step2 .dropdown .dropdown-menu li.active a {
  color: inherit;
  text-decoration: none;
  outline: 0;
  background-color: #f5f5f5; }
#step2 .dropdown .dropdown-menu li a {
  padding-left: 10px;
  padding-right: 20px; }
#step2 .dropdown .divider {
  margin: 0px 0; }
#step2 .formheader {
  padding-bottom: 10px; }
  #step2 .formheader h1 {
    margin-top: 0px; }
#step2 .section-1 {
  padding-right: 15px; }
  @media (max-width: 767px) {
    #step2 .section-1 {
      padding-right: 0px; } }
  #step2 .section-1 .category-chooser {
    border-top: 1px solid #D6D6D6;
    border-right: 1px solid #D6D6D6;
    border-left: 1px solid #D6D6D6;
    padding: 7px 7px 7px 7px; }
    #step2 .section-1 .category-chooser .dropdown {
      float: left; }
      #step2 .section-1 .category-chooser .dropdown button {
        height: 32px; }
      #step2 .section-1 .category-chooser .dropdown ul.nav-tabs {
        border-bottom: none; }
        #step2 .section-1 .category-chooser .dropdown ul.nav-tabs li.dropdown a.dropdown-toggle {
          border: 1px solid #D6D6D6;
          border-radius: 4px;
          width: 220px;
          height: 32px;
          padding: 6px 20px 6px 10px;
          text-align: left; }
          #step2 .section-1 .category-chooser .dropdown ul.nav-tabs li.dropdown a.dropdown-toggle:after {
            display: inline-block;
            font-family: 'Glyphicons Halflings';
            font-style: normal;
            font-weight: normal;
            line-height: 1;
            content: "\e114";
            position: absolute;
            right: 5px;
            top: 9px; }
          #step2 .section-1 .category-chooser .dropdown ul.nav-tabs li.dropdown a.dropdown-toggle span.caret {
            display: none; }
        #step2 .section-1 .category-chooser .dropdown ul.nav-tabs li.dropdown ul.dropdown-menu li a {
          padding-top: 5px;
          padding-bottom: 5px;
          font-size: 15px; }
    #step2 .section-1 .category-chooser label {
      margin: 6px 0 5px 5px; }
  #step2 .section-1 .tab-layout .tab-content {
    border: 1px solid #D6D6D6;
    padding: 10px;
    text-align: center;
    height: 500px;
    overflow: auto; }
    #step2 .section-1 .tab-layout .tab-content .copy_me {
      background-color: #50c934;
      color: white;
      padding: 3px 5px;
      border-radius: 4px; }
      #step2 .section-1 .tab-layout .tab-content .copy_me:hover, #step2 .section-1 .tab-layout .tab-content .copy_me:focus, #step2 .section-1 .tab-layout .tab-content .copy_me:active {
        opacity: .7; }
#step2 .section-2 .font-customizer {
  border-left: 1px solid #D6D6D6;
  border-top: 1px solid #D6D6D6;
  border-right: 1px solid #D6D6D6;
  padding: 7px 7px 7px 7px; }
  #step2 .section-2 .font-customizer label {
    margin-top: 6px;
    margin-right: 3px; }
  #step2 .section-2 .font-customizer .font-chooser-row {
    text-align: right; }
    @media (min-width: 1200px) {
      #step2 .section-2 .font-customizer .font-chooser-row {
        padding-right: 10px; } }
  #step2 .section-2 .font-customizer .font-color-chooser-row {
    text-align: right; }
    @media (max-width: 1200px) {
      #step2 .section-2 .font-customizer .font-color-chooser-row {
        margin-top: 5px; } }
    #step2 .section-2 .font-customizer .font-color-chooser-row .dropdown.color {
      width: 170px; }
      #step2 .section-2 .font-customizer .font-color-chooser-row .dropdown.color .dropdown-toggle {
        width: 170px; }
      #step2 .section-2 .font-customizer .font-color-chooser-row .dropdown.color .round {
        width: 20px;
        height: 20px;
        display: inline-block;
        border-radius: 20px; }
        #step2 .section-2 .font-customizer .font-color-chooser-row .dropdown.color .round.color-0 {
          background-color: black; }
        #step2 .section-2 .font-customizer .font-color-chooser-row .dropdown.color .round.color-1 {
          background-color: darkred; }
        #step2 .section-2 .font-customizer .font-color-chooser-row .dropdown.color .round.color-2 {
          background-color: darkgreen; }
        #step2 .section-2 .font-customizer .font-color-chooser-row .dropdown.color .round.color-3 {
          background-color: blue; }
        #step2 .section-2 .font-customizer .font-color-chooser-row .dropdown.color .round.color-4 {
          background-color: darkmagenta; }
  #step2 .section-2 .font-customizer .dropdown {
    float: right; }
    #step2 .section-2 .font-customizer .dropdown.font .price {
      padding-top: 3px;
      font-size: 14px;
      font-family: "open sans", sans-serif;
      font-style: normal; }
    #step2 .section-2 .font-customizer .dropdown.font button {
      padding-top: 0px;
      padding-bottom: 0px; }
    #step2 .section-2 .font-customizer .dropdown.font ul.dropdown-menu {
      width: 220px; }
#step2 .section-2 .error-row {
  min-height: 0px; }
#step2 .section-2 .text-area-row textarea {
  border: 1px solid #D6D6D6;
  height: 500px;
  width: 100%;
  padding: 10px;
  text-align: center;
  font-size: 21px;
  resize: none;
  font-family: "Century Schoolbook L";
  /* FF 4-18 */
  /* FF 19+ */
  /* IE 10+ */ }
  #step2 .section-2 .text-area-row textarea::-webkit-input-placeholder:after {
    content: "\A (–no special characters possible)"; }
  #step2 .section-2 .text-area-row textarea:-moz-placeholder:after {
    content: "\A (–no special characters possible)"; }
  #step2 .section-2 .text-area-row textarea::-moz-placeholder:after {
    content: "\A (–no special characters possible)"; }
  #step2 .section-2 .text-area-row textarea:-ms-input-placeholder:after {
    content: "\A (–no special characters possible)"; }
  #step2 .section-2 .text-area-row textarea::-webkit-input-placeholder:before {
    content: "\A \A"; }
  #step2 .section-2 .text-area-row textarea:-moz-placeholder:before {
    content: "\A \A"; }
  #step2 .section-2 .text-area-row textarea::-moz-placeholder:before {
    content: "\A \A"; }
  #step2 .section-2 .text-area-row textarea:-ms-input-placeholder:before {
    content: "\A \A"; }
  #step2 .section-2 .text-area-row textarea:focus::-webkit-input-placeholder {
    color: transparent; }
  #step2 .section-2 .text-area-row textarea:focus:-moz-placeholder {
    color: transparent; }
  #step2 .section-2 .text-area-row textarea:focus::-moz-placeholder {
    color: transparent; }
  #step2 .section-2 .text-area-row textarea:focus:-ms-input-placeholder {
    color: transparent; }
#step2 .formheader {
  padding-bottom: 15px; }
#step2 .controls.right {
  text-align: right; }
  @media (max-width: 767px) {
    #step2 .controls.right {
      padding-top: 10px; } }
#step2 .font-spec-1 {
  font-family: "Century Schoolbook L";
  font-style: italic;
  font-size: 18px; }
#step2 .font-spec-2 {
  font-family: "Zapfino Extra LT";
  font-size: 24px; }
#step2 .font-spec-3 {
  font-family: "FreestyleScriptEF-Reg";
  font-size: 24px; }
#step2 .font-spec-4 {
  font-family: "English157TT BT";
  font-size: 24px; }

@media (max-width: 767px) {
  .order_steps .step3 {
    padding-left: 10px;
    padding-right: 10px; } }
.order_steps .step3 .formheader {
  margin-bottom: 20px; }
  .order_steps .step3 .formheader h1 {
    margin-top: 0px; }
  .order_steps .step3 .formheader .right {
    text-align: right; }
.order_steps .step3 .formdata .formitem {
  border-bottom: 1px solid #c4c4c4;
  padding-bottom: 15px;
  margin-bottom: 15px; }
  .order_steps .step3 .formdata .formitem label {
    font-weight: 400; }
  .order_steps .step3 .formdata .formitem .left .col1 input.radio-lv1 {
    position: absolute;
    top: 0px;
    left: 0px;
    margin: 0px; }
  .order_steps .step3 .formdata .formitem .left .col1 label {
    padding-left: 27px; }
  .order_steps .step3 .formdata .formitem .left .col1 .article-name {
    font-weight: 700; }
  .order_steps .step3 .formdata .formitem .left .col2 {
    padding-left: 20px; }
    @media (max-width: 450px) {
      .order_steps .step3 .formdata .formitem .left .col2 {
        padding-left: 0px; } }
    .order_steps .step3 .formdata .formitem .left .col2.selected .decocolor-option label.orange-radio, .order_steps .step3 .formdata .formitem .left .col2.selected .color-option label.orange-radio {
      display: block; }
    .order_steps .step3 .formdata .formitem .left .col2 .decocolor-option {
      height: 48px;
      width: 60px;
      margin-right: 8px; }
      .order_steps .step3 .formdata .formitem .left .col2 .decocolor-option img {
        width: 42px;
        height: 42px; }
    .order_steps .step3 .formdata .formitem .left .col2 .color-option {
      padding-right: 5px;
      min-height: 115px; }
      .order_steps .step3 .formdata .formitem .left .col2 .color-option img.decocover-rect {
        width: 74px;
        height: auto; }
        @media (max-width: 767px) {
          .order_steps .step3 .formdata .formitem .left .col2 .color-option img.decocover-rect {
            width: 68px; } }
    .order_steps .step3 .formdata .formitem .left .col2 .decocolor-option, .order_steps .step3 .formdata .formitem .left .col2 .color-option {
      position: relative;
      float: left;
      padding-left: 25px;
      padding-bottom: 8px; }
      .order_steps .step3 .formdata .formitem .left .col2 .decocolor-option label.orange-radio, .order_steps .step3 .formdata .formitem .left .col2 .color-option label.orange-radio {
        display: none; }
      .order_steps .step3 .formdata .formitem .left .col2 .decocolor-option input, .order_steps .step3 .formdata .formitem .left .col2 .color-option input {
        position: absolute;
        top: 0px;
        left: 0px;
        margin: 0px;
        display: none; }
      .order_steps .step3 .formdata .formitem .left .col2 .decocolor-option img, .order_steps .step3 .formdata .formitem .left .col2 .color-option img {
        border: 1px solid #605545; }
  .order_steps .step3 .formdata .formitem .right {
    text-align: right; }
    @media (max-width: 767px) {
      .order_steps .step3 .formdata .formitem .right {
        text-align: left; }
        .order_steps .step3 .formdata .formitem .right img {
          width: 90px;
          height: auto; } }
.order_steps .step3 .formfooter {
  text-align: right;
  margin-top: 20px; }

@media (max-width: 767px) {
  .step4 {
    padding-left: 10px;
    padding-right: 10px; } }
.step4 .formheader {
  margin-bottom: 20px; }
  .step4 .formheader h1 {
    margin-top: 0px; }
  .step4 .formheader .right {
    text-align: right; }
.step4 .formdata .formitem {
  border-bottom: 1px solid #c4c4c4;
  padding-bottom: 15px;
  margin-bottom: 15px; }
  .step4 .formdata .formitem label {
    font-weight: 400; }
  .step4 .formdata .formitem .left .col1 input.designartikel {
    position: absolute;
    top: 0px;
    left: 0px;
    margin: 0px; }
  .step4 .formdata .formitem .left .col1 label {
    padding-left: 27px; }
  .step4 .formdata .formitem .left .col1 .article-name {
    font-weight: 700; }
  .step4 .formdata .formitem .left .col1 .label_subtitle, .step4 .formdata .formitem .left .col1 .upload-widget {
    display: none;
    padding-left: 27px; }
  .step4 .formdata .formitem .left .col1 .subtitle {
    margin-top: 15px;
    margin-bottom: 15px; }
    .step4 .formdata .formitem .left .col1 .subtitle input {
      width: 100% !important;
      resize: none !important; }
      @media (min-width: 767px) {
        .step4 .formdata .formitem .left .col1 .subtitle input {
          margin-left: 27px; } }
  .step4 .formdata .formitem .left .col2 img {
    float: right; }
    @media (max-width: 767px) {
      .step4 .formdata .formitem .left .col2 img {
        float: left; } }
  @media (max-width: 767px) {
    .step4 .formdata .formitem .left .col2 {
      padding-top: 15px;
      padding-bottom: 15px; } }
  @media (max-width: 767px) {
    .step4 .formdata .formitem .left .btn-row {
      padding-bottom: 10px; } }
  .step4 .formdata .formitem .right {
    text-align: right; }
    @media (max-width: 767px) {
      .step4 .formdata .formitem .right {
        text-align: left; } }
.step4 .formfooter {
  text-align: right;
  margin-top: 20px; }
.step4.upload img.ampel {
  float: left;
  margin-right: 8px;
  width: 43px; }
.step4.upload .right {
  text-align: right; }
.step4.upload .formheader {
  border-bottom: 1px solid #D6D6D6;
  padding-bottom: 10px; }
  @media (max-width: 767px) {
    .step4.upload .formheader {
      min-height: 250px; } }
  .step4.upload .formheader #toolcontainer {
    padding-top: 15px;
    padding-bottom: 15px; }
    .step4.upload .formheader #toolcontainer .crop-tool .jcrop-holder {
      margin: auto; }
    .step4.upload .formheader #toolcontainer .preview-tool {
      text-align: right; }
      .step4.upload .formheader #toolcontainer .preview-tool #virtual_cover {
        float: right; }
        @media (max-width: 991px) {
          .step4.upload .formheader #toolcontainer .preview-tool #virtual_cover {
            float: none;
            margin: 10px auto 0 auto; } }
      .step4.upload .formheader #toolcontainer .preview-tool button {
        margin-top: 10px; }
.step4.upload .formdata .disclaimer {
  margin-top: 10px;
  margin-bottom: 0px; }
  .step4.upload .formdata .disclaimer input {
    margin-right: 5px; }
.step4.upload .formdata button {
  margin-top: 10px;
  margin-right: 10px; }
.step4.upload .formfooter {
  padding-top: 10px;
  border-top: 1px solid #D6D6D6; }

.step5 .formheader {
  margin-bottom: 20px; }
  .step5 .formheader h1 {
    margin-top: 0px; }
  .step5 .formheader .right {
    text-align: right; }
.step5 .formdata .formitem {
  border-bottom: 1px solid #c4c4c4;
  padding-bottom: 15px;
  margin-bottom: 15px; }
  .step5 .formdata .formitem label {
    font-weight: 400; }
  .step5 .formdata .formitem .left input {
    position: absolute;
    top: 0px;
    left: 0px;
    margin: 0px; }
  .step5 .formdata .formitem .left label {
    padding-left: 27px; }
  .step5 .formdata .formitem .left .article-name {
    font-weight: 700; }
  .step5 .formdata .formitem .right {
    text-align: right; }
.step5 .formfooter {
  text-align: right;
  margin-top: 20px; }

.step5.extra .formheader {
  margin-bottom: 20px; }
  .step5.extra .formheader .right {
    text-align: right; }
@media (max-width: 767px) {
  .step5.extra .formdata {
    padding-left: 10px;
    padding-right: 10px; } }
.step5.extra .formdata .child {
  border-bottom: 1px solid #c4c4c4;
  padding-bottom: 15px;
  margin-bottom: 15px; }
  .step5.extra .formdata .child .childBusiness {
    text-align: right;
    padding-right: 20px; }
    .step5.extra .formdata .child .childBusiness input {
      margin-bottom: 10px; }
  .step5.extra .formdata .child .childImg {
    padding-left: 20px; }
.step5.extra .formfooter {
  text-align: right;
  margin-top: 20px; }
.step5.extra2 .formheader {
  margin-bottom: 20px; }
  .step5.extra2 .formheader .right {
    text-align: right; }
@media (max-width: 767px) {
  .step5.extra2 .formdata {
    padding-left: 10px;
    padding-right: 10px; } }
.step5.extra2 .formdata .left .name input {
  min-width: 300px; }
.step5.extra2 .formdata .left .assets .asset-option-outer {
  text-align: center; }
  .step5.extra2 .formdata .left .assets .asset-option-outer .asset-option img {
    border: 2px solid gray; }
  .step5.extra2 .formdata .left .assets .asset-option-outer .asset-option.selected img {
    border-color: #ff6400;
    -webkit-box-shadow: 2px 2px 5px 0px #ff6400;
    -moz-box-shadow: 2px 2px 5px 0px #ff6400;
    box-shadow: 2px 2px 5px 0px #ff6400; }
.step5.extra2 .formdata .right .fiximage_preview {
  border: 1px solid black;
  float: right; }
  @media (max-width: 767px) {
    .step5.extra2 .formdata .right .fiximage_preview {
      float: none;
      margin: auto; } }
.step5.extra2 .formfooter {
  text-align: right;
  margin-top: 20px; }

@media (max-width: 767px) {
  .step6 {
    padding-left: 10px;
    padding-right: 10px; } }
.step6 .formheader {
  margin-bottom: 20px; }
  .step6 .formheader h1 {
    margin-top: 0px; }
  .step6 .formheader .right {
    text-align: right; }
@media (max-width: 767px) {
  .step6 .formdata {
    padding-left: 10px;
    padding-right: 10px; } }
.step6 .formdata .formitem {
  border-bottom: 1px solid #c4c4c4;
  padding-bottom: 15px;
  margin-bottom: 15px; }
  .step6 .formdata .formitem label {
    font-weight: 400; }
  .step6 .formdata .formitem .left .col1 input {
    position: absolute;
    top: 0px;
    left: 0px;
    margin: 0px; }
  .step6 .formdata .formitem .left .col1 label {
    padding-left: 20px; }
  .step6 .formdata .formitem .left .col1 .article-name {
    font-weight: 700; }
  .step6 .formdata .formitem .left .anzahl {
    padding-top: 80px; }
    @media (max-width: 767px) {
      .step6 .formdata .formitem .left .anzahl {
        padding-top: 0px; } }
    .step6 .formdata .formitem .left .anzahl input {
      width: 50px;
      float: right; }
    .step6 .formdata .formitem .left .anzahl label {
      float: right;
      margin-top: 4px;
      margin-right: 4px; }
  .step6 .formdata .formitem .left .col2 {
    text-align: right; }
  .step6 .formdata .formitem .right {
    text-align: right; }
.step6 .formsummary {
  text-align: right; }
.step6 .formfooter {
  text-align: right;
  margin-top: 20px;
  margin-bottom: 20px; }

#popup_container {
  font-size: 14px;
  border-radius: 4px;
  background-color: #FFF;
  max-width: none !important; }
  #popup_container #popup_title {
    display: none; }
  #popup_container #popup_content {
    width: 450px; }
    @media (max-width: 450px) {
      #popup_container #popup_content {
        width: 100%; } }
    #popup_container #popup_content.alert {
      border: none;
      margin: 0;
      padding: 0; }
  #popup_container #popup_message {
    padding: 20px; }
  #popup_container #popup_panel {
    border-radius: 4px;
    padding: 10px;
    text-align: center;
    background-color: #E8E8E8; }
    #popup_container #popup_panel button#popup_cancel {
      margin-right: 10px; }

#popup_panel:after {
  clear: both;
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden; }

input.submit_post {
  visibility: hidden; }

#teaser.ebook-testen {
  padding: 40px 40px 40px 20px; }
  @media (max-width: 991px) {
    #teaser.ebook-testen {
      padding: 40px 40px 0px 20px; } }
  @media (max-width: 767px) {
    #teaser.ebook-testen {
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,b8b3b1+100 */
      background: #ffffff;
      /* Old browsers */
      background: -moz-linear-gradient(left, #ffffff 0%, #b8b3b1 100%);
      /* FF3.6+ */
      background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ffffff), color-stop(100%, #b8b3b1));
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(left, #ffffff 0%, #b8b3b1 100%);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(left, #ffffff 0%, #b8b3b1 100%);
      /* Opera 11.10+ */
      background: -ms-linear-gradient(left, #ffffff 0%, #b8b3b1 100%);
      /* IE10+ */
      background: linear-gradient(to right, #ffffff 0%, #b8b3b1 100%);
      /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#b8b3b1', GradientType=1);
      /* IE6-9 */
      border-left: 5px solid #5c0612;
      border-right: 5px solid #5c0612;
      border-top: 10px solid #5c0612;
      padding: 10px; } }
  #teaser.ebook-testen .background {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: -1; }
    @media (max-width: 767px) {
      #teaser.ebook-testen .background {
        display: none; } }
  #teaser.ebook-testen .left {
    padding-right: 30px;
    text-align: right; }
    @media (max-width: 991px) {
      #teaser.ebook-testen .left {
        padding-right: 10px; } }
    #teaser.ebook-testen .left .idoy {
      font-size: 28px;
      text-align: center;
      margin-bottom: 10px; }
    #teaser.ebook-testen .left .fields .rowsf {
      margin-bottom: 10px; }
      @media (max-width: 991px) {
        #teaser.ebook-testen .left .fields .rowsf {
          font-size: 13px; } }
      @media (max-width: 991px) {
        #teaser.ebook-testen .left .fields .rowsf input {
          width: 90px; } }
  #teaser.ebook-testen .text {
    padding-left: 40px;
    font-size: 13px; }
    @media (max-width: 767px) {
      #teaser.ebook-testen .text {
        padding-left: 0px; } }
    #teaser.ebook-testen .text #flow i {
      background-color: #ffff00;
      font-weight: 700; }
#teaser.kinderbucher-testen input.submit_post {
  visibility: hidden; }
@media (min-width: 991px) {
  #teaser.kinderbucher-testen .mobile-left {
    display: none; } }
#teaser.kinderbucher-testen .mobile-left .idoy {
  font-size: 28px; }
#teaser.kinderbucher-testen .mobile-left .left-side {
  padding-right: 20px; }
  @media (max-width: 767px) {
    #teaser.kinderbucher-testen .mobile-left .left-side {
      padding-right: 0px; } }
#teaser.kinderbucher-testen .mobile-left .rowsf {
  margin-top: 5px; }
  #teaser.kinderbucher-testen .mobile-left .rowsf .input {
    text-align: right; }
#teaser.kinderbucher-testen .teaser2 {
  position: relative;
  background-image: url("/tl_files/personalnovel_de/static/assets/website/Kinderbuchtool_hintergrund_maedchen.png");
  background-size: 100% 100%;
  display: block;
  height: 369px;
  overflow: hidden; }
  @media (max-width: 1200px) {
    #teaser.kinderbucher-testen .teaser2 {
      height: 303px; } }
  @media (max-width: 991px) {
    #teaser.kinderbucher-testen .teaser2 {
      width: 520px;
      height: 217px; } }
  @media (max-width: 540px) {
    #teaser.kinderbucher-testen .teaser2 {
      width: 100%;
      background-size: 520px 217px;
      background-position: right; } }
  #teaser.kinderbucher-testen .teaser2 .left {
    text-align: right;
    padding: 50px 50px 0px 0px; }
    @media (max-width: 991px) {
      #teaser.kinderbucher-testen .teaser2 .left {
        display: none; } }
    #teaser.kinderbucher-testen .teaser2 .left .idoy {
      font-size: 28px; }
    #teaser.kinderbucher-testen .teaser2 .left .rowsf {
      margin-top: 5px; }
  #teaser.kinderbucher-testen .teaser2 .text {
    padding: 50px 280px 0px 15px; }
    @media (max-width: 1200px) {
      #teaser.kinderbucher-testen .teaser2 .text {
        padding: 50px 220px 0px 15px; } }
    @media (max-width: 991px) {
      #teaser.kinderbucher-testen .teaser2 .text {
        padding: 30px 30px 0px 15px; } }
    @media (max-width: 540px) {
      #teaser.kinderbucher-testen .teaser2 .text {
        padding: 10px 10px 10px 10px; } }
#teaser.kinderbucher-testen #vorschau {
  height: 100%;
  width: auto;
  position: absolute;
  top: 0px;
  right: 0px; }
  #teaser.kinderbucher-testen #vorschau .image {
    height: 100%;
    width: auto; }
    #teaser.kinderbucher-testen #vorschau .image img {
      height: 100%;
      width: auto; }
#teaser.jugendbucher-testen {
  padding: 40px 40px 40px 20px; }
  @media (max-width: 991px) {
    #teaser.jugendbucher-testen {
      padding: 40px 40px 0px 20px; } }
  @media (max-width: 767px) {
    #teaser.jugendbucher-testen {
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,b8b3b1+100 */
      background: #ffffff;
      /* Old browsers */
      background: -moz-linear-gradient(left, #ffffff 0%, #b8b3b1 100%);
      /* FF3.6+ */
      background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ffffff), color-stop(100%, #b8b3b1));
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(left, #ffffff 0%, #b8b3b1 100%);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(left, #ffffff 0%, #b8b3b1 100%);
      /* Opera 11.10+ */
      background: -ms-linear-gradient(left, #ffffff 0%, #b8b3b1 100%);
      /* IE10+ */
      background: linear-gradient(to right, #ffffff 0%, #b8b3b1 100%);
      /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#b8b3b1', GradientType=1);
      /* IE6-9 */
      border-left: 5px solid #3f204d;
      border-right: 5px solid #3f204d;
      border-top: 10px solid #3f204d;
      padding: 10px; } }
  #teaser.jugendbucher-testen .background {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: -1; }
    @media (max-width: 767px) {
      #teaser.jugendbucher-testen .background {
        display: none; } }
  #teaser.jugendbucher-testen .left {
    padding-right: 30px;
    text-align: right; }
    @media (max-width: 991px) {
      #teaser.jugendbucher-testen .left {
        padding-right: 10px; } }
    #teaser.jugendbucher-testen .left .idoy {
      font-size: 28px;
      text-align: center;
      margin-bottom: 10px; }
    #teaser.jugendbucher-testen .left .fields .rowsf {
      margin-bottom: 10px; }
      @media (max-width: 991px) {
        #teaser.jugendbucher-testen .left .fields .rowsf {
          font-size: 13px; } }
      @media (max-width: 991px) {
        #teaser.jugendbucher-testen .left .fields .rowsf input {
          width: 90px; } }
  #teaser.jugendbucher-testen .text {
    padding-left: 40px;
    font-size: 13px; }
    @media (max-width: 767px) {
      #teaser.jugendbucher-testen .text {
        padding-left: 0px; } }
    #teaser.jugendbucher-testen .text #flow i {
      background-color: #ffff00;
      font-weight: 700; }

#anfrage h2 {
  margin-top: 0px; }
#anfrage .invisible {
  display: none; }
#anfrage input.submit {
  display: block;
  float: right;
  margin-right: 100px; }
  @media (max-width: 991px) {
    #anfrage input.submit {
      float: none;
      margin-right: 0px;
      margin-top: 20px; } }

#kontakt .nav li a {
  padding: 10px 5px; }
@media (max-width: 1200px) {
  #kontakt .nav li.tab {
    display: none; } }
#kontakt .nav li.dropdown a.dropdown-toggle {
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  cursor: default; }
@media (min-width: 1200px) {
  #kontakt .nav li.dropdown {
    display: none; } }

form.kontakt br {
  display: none; }
form.kontakt .fields-left {
  padding-right: 20px; }
  @media (max-width: 767px) {
    form.kontakt .fields-left {
      padding-right: 0px; } }
  form.kontakt .fields-left .radio_container legend {
    border-bottom: none;
    font-size: 14px;
    text-align: left; }
  form.kontakt .fields-left .radio_container span {
    display: block;
    margin-right: 10px;
    float: left; }
    form.kontakt .fields-left .radio_container span.invisible {
      display: none; }
    form.kontakt .fields-left .radio_container span input {
      float: left;
      margin-right: 10px; }
    form.kontakt .fields-left .radio_container span label {
      float: left; }
  form.kontakt .fields-left .checkbox_container {
    font-weight: 700; }
form.kontakt .textarea textarea {
  resize: none; }
form.kontakt .textarea input.submit {
  display: block;
  float: right;
  margin: 20px 0 0 0; }

#popup-build-info {
  padding-right: 10px;
  padding-left: 10px; }

.content-section {
  padding: 0 0 10px 10px; }
  @media (max-width: 767px) {
    .content-section {
      padding: 0 10px 10px 10px; } }
  .content-section div.mod_article.block {
    position: relative;
    float: left;
    width: 100%; }
    .content-section div.mod_article.block h1.ce_headline {
      margin-top: 0px; }
    .content-section div.mod_article.block section.ce_text.block {
      width: 100%;
      position: relative;
      display: block;
      float: left; }
    .content-section div.mod_article.block#novels .section1 a {
      position: absolute;
      right: 35%;
      bottom: 3px; }
      @media (max-width: 991px) {
        .content-section div.mod_article.block#novels .section1 a {
          right: 50%; } }
    .content-section div.mod_article.block#all .section1 a {
      position: absolute;
      right: 50%;
      bottom: 3px; }
    .content-section div.mod_article.block#payment .payment-logos img {
      height: 40px;
      width: auto;
      margin: 4px; }
    .content-section div.mod_article.block#payment .table.paypal-cards {
      max-width: 400px; }
      .content-section div.mod_article.block#payment .table.paypal-cards img {
        height: 40px;
        width: auto; }
    .content-section div.mod_article.block#dedication .tab-content, .content-section div.mod_article.block#dedication1 .tab-content, .content-section div.mod_article.block#dedication-children .tab-content, .content-section div.mod_article.block#dedication-1 .tab-content {
      text-align: center;
      min-height: 300px; }
    .content-section div.mod_article.block#dedication-children .nav li a {
      padding: 10px 5px; }
    @media (max-width: 500px) {
      .content-section div.mod_article.block#dedication-children .nav li.tab {
        display: none; } }
    .content-section div.mod_article.block#dedication-children .nav li.dropdown a.dropdown-toggle {
      background-color: #fff;
      border: 1px solid #ddd;
      border-bottom-color: transparent;
      cursor: default; }
    @media (min-width: 500px) {
      .content-section div.mod_article.block#dedication-children .nav li.dropdown {
        display: none; } }
    .content-section div.mod_article.block#so_einfach_geht .tab-content {
      min-height: 200px; }

.checkout_steps .step1 .edit_link:after {
  position: relative;
  top: 1px;
  left: 7px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  content: "\270f";
  color: darkblue; }
.checkout_steps .step1 .formheader {
  margin-top: 20px; }
  .checkout_steps .step1 .formheader .left h1 {
    margin-top: 0px; }
  .checkout_steps .step1 .formheader .left table {
    border-bottom: 1px solid #D6D6D6;
    border-top: 1px solid #D6D6D6;
    vertical-align: bottom; }
    .checkout_steps .step1 .formheader .left table tr.item_cell {
      border-top: 1px solid #D6D6D6; }
    .checkout_steps .step1 .formheader .left table tr td {
      border-top: none;
      vertical-align: middle;
      padding: 4px; }
      @media (max-width: 500px) {
        .checkout_steps .step1 .formheader .left table tr td {
          padding: 2px; } }
      .checkout_steps .step1 .formheader .left table tr td.empty {
        padding-top: 0px;
        padding-bottom: 0px; }
      .checkout_steps .step1 .formheader .left table tr td input {
        width: 30px; }
  .checkout_steps .step1 .formheader .left .summary {
    text-align: right; }
  .checkout_steps .step1 .formheader .right {
    text-align: right; }
    @media (max-width: 767px) {
      .checkout_steps .step1 .formheader .right {
        padding-top: 20px;
        text-align: center; } }
.checkout_steps .step1 .formbody {
  margin-top: 20px;
  border: 0px;
  box-shadow: none;
  border-top: 1px solid #D6D6D6; }
  @media (max-width: 767px) {
    .checkout_steps .step1 .formbody {
      border-top: none; } }
  .checkout_steps .step1 .formbody .title .mobile-title {
    text-align: center; }
    @media (min-width: 767px) {
      .checkout_steps .step1 .formbody .title .mobile-title {
        display: none; } }
    .checkout_steps .step1 .formbody .title .mobile-title h1 {
      font-size: 18px;
      margin: 0px;
      border-radius: 4px;
      padding-top: 10px;
      padding-bottom: 10px;
      -webkit-box-shadow: 0px 0px 7px 1px #337ab7;
      -moz-box-shadow: 0px 0px 7px 1px #337ab7;
      box-shadow: 0px 0px 7px 1px #337ab7; }
  @media (max-width: 767px) {
    .checkout_steps .step1 .formbody .title .desktop-title {
      display: none; } }
  .checkout_steps .step1 .formbody .panel-body {
    padding: 0px; }
  .checkout_steps .step1 .formbody .left table {
    border-bottom: 1px solid #D6D6D6; }
    .checkout_steps .step1 .formbody .left table tr.headline th {
      border-top: 0px; }
    .checkout_steps .step1 .formbody .left table tr td.label_cell, .checkout_steps .step1 .formbody .left table tr td.price_cell {
      background-color: #eee;
      text-align: right; }
    .checkout_steps .step1 .formbody .left table tr td.instruction_label_cell {
      text-align: right; }
    @media (max-width: 350px) {
      .checkout_steps .step1 .formbody .left table tr td {
        padding: 3px;
        font-size: 13px; } }
    .checkout_steps .step1 .formbody .left table tr td input {
      width: 40px; }
    .checkout_steps .step1 .formbody .left table tr.headline td {
      border-top: none; }
  .checkout_steps .step1 .formbody .right {
    padding-left: 20px; }
    @media (max-width: 767px) {
      .checkout_steps .step1 .formbody .right.desktop {
        display: none; } }
    @media (min-width: 767px) {
      .checkout_steps .step1 .formbody .right.mobile {
        display: none; } }
    .checkout_steps .step1 .formbody .right.mobile .modal-header .close {
      margin-top: -10px; }
    .checkout_steps .step1 .formbody .right.mobile .modal-body {
      padding: 0px;
      overflow: auto;
      max-height: calc(100% - 89px); }
      .checkout_steps .step1 .formbody .right.mobile .modal-body ul.tabheader {
        padding-left: 10px;
        padding-top: 5px; }
      .checkout_steps .step1 .formbody .right.mobile .modal-body .tab-content {
        min-height: 300px; }
    .checkout_steps .step1 .formbody .right.mobile .modal-dialog, .checkout_steps .step1 .formbody .right.mobile .modal-content {
      height: 98%; }
    .checkout_steps .step1 .formbody .right.mobile .modal-footer {
      border-top: none;
      height: 55px; }
      .checkout_steps .step1 .formbody .right.mobile .modal-footer button {
        position: absolute;
        bottom: 10px;
        right: 10px; }
    @media (max-width: 767px) {
      .checkout_steps .step1 .formbody .right {
        padding-left: 0px; } }
    .checkout_steps .step1 .formbody .right .tab .nav li a {
      padding: 10px 5px; }
    @media (max-width: 1200px) {
      .checkout_steps .step1 .formbody .right .tab .nav li.tab {
        display: none; } }
    .checkout_steps .step1 .formbody .right .tab .nav li.dropdown a.dropdown-toggle {
      background-color: #fff;
      border: 1px solid #ddd;
      border-bottom-color: transparent;
      cursor: default; }
    @media (min-width: 1200px) {
      .checkout_steps .step1 .formbody .right .tab .nav li.dropdown {
        display: none; } }
    .checkout_steps .step1 .formbody .right .tab .tab-content {
      overflow: auto; }
      .checkout_steps .step1 .formbody .right .tab .tab-content.desktop.book {
        height: 622px; }
        @media (max-width: 1200px) {
          .checkout_steps .step1 .formbody .right .tab .tab-content.desktop.book {
            height: 533px; } }
        @media (max-width: 991px) {
          .checkout_steps .step1 .formbody .right .tab .tab-content.desktop.book {
            height: 544px; } }
      .checkout_steps .step1 .formbody .right .tab .tab-content h1 {
        margin-top: 0px; }
      .checkout_steps .step1 .formbody .right .tab .tab-content .grafik, .checkout_steps .step1 .formbody .right .tab .tab-content .etikett, .checkout_steps .step1 .formbody .right .tab .tab-content .umschlagbild, .checkout_steps .step1 .formbody .right .tab .tab-content .widmung, .checkout_steps .step1 .formbody .right .tab .tab-content .exlibris, .checkout_steps .step1 .formbody .right .tab .tab-content .zusatzartikel, .checkout_steps .step1 .formbody .right .tab .tab-content .artikelfoto {
        text-align: center; }
        .checkout_steps .step1 .formbody .right .tab .tab-content .grafik a, .checkout_steps .step1 .formbody .right .tab .tab-content .etikett a, .checkout_steps .step1 .formbody .right .tab .tab-content .umschlagbild a, .checkout_steps .step1 .formbody .right .tab .tab-content .widmung a, .checkout_steps .step1 .formbody .right .tab .tab-content .exlibris a, .checkout_steps .step1 .formbody .right .tab .tab-content .zusatzartikel a, .checkout_steps .step1 .formbody .right .tab .tab-content .artikelfoto a {
          margin-top: 5px; }
        .checkout_steps .step1 .formbody .right .tab .tab-content .grafik img, .checkout_steps .step1 .formbody .right .tab .tab-content .etikett img, .checkout_steps .step1 .formbody .right .tab .tab-content .umschlagbild img, .checkout_steps .step1 .formbody .right .tab .tab-content .widmung img, .checkout_steps .step1 .formbody .right .tab .tab-content .exlibris img, .checkout_steps .step1 .formbody .right .tab .tab-content .zusatzartikel img, .checkout_steps .step1 .formbody .right .tab .tab-content .artikelfoto img {
          margin: auto; }
      .checkout_steps .step1 .formbody .right .tab .tab-content .personen .label_cell {
        text-align: left; }
      .checkout_steps .step1 .formbody .right .tab .tab-content .textvorschau {
        text-align: justify;
        padding-left: 10px;
        padding-right: 10px; }
        .checkout_steps .step1 .formbody .right .tab .tab-content .textvorschau span.default {
          font-weight: 700;
          background-color: #FFFCEB;
          font-style: italic; }
@media (min-width: 767px) {
  .checkout_steps .step1 .preview-btn-row {
    display: none; } }
.checkout_steps .step1 .formfooter {
  padding-top: 20px; }
  @media (max-width: 767px) {
    .checkout_steps .step1 .formfooter {
      text-align: center; } }
  .checkout_steps .step1 .formfooter .left .btn-white, .checkout_steps .step1 .formfooter .left #popup_container #popup_panel button#popup_cancel, #popup_container #popup_panel .checkout_steps .step1 .formfooter .left button#popup_cancel {
    margin-right: 15px; }
    @media (max-width: 767px) {
      .checkout_steps .step1 .formfooter .left .btn-white, .checkout_steps .step1 .formfooter .left #popup_container #popup_panel button#popup_cancel, #popup_container #popup_panel .checkout_steps .step1 .formfooter .left button#popup_cancel {
        margin-right: 0px; } }
  @media (max-width: 767px) {
    .checkout_steps .step1 .formfooter .left .total {
      margin-top: 10px; } }
  .checkout_steps .step1 .formfooter .right {
    text-align: right; }
    @media (max-width: 767px) {
      .checkout_steps .step1 .formfooter .right {
        text-align: center; } }
    .checkout_steps .step1 .formfooter .right a, .checkout_steps .step1 .formfooter .right .submit {
      margin-left: 5px; }
      @media (max-width: 991px) {
        .checkout_steps .step1 .formfooter .right a, .checkout_steps .step1 .formfooter .right .submit {
          margin-top: 10px; } }

@media (max-width: 767px) {
  .checkout_steps .step2 {
    padding-left: 10px;
    padding-right: 10px; } }
@media (max-width: 991px) {
  .checkout_steps .step2 .formbody .table tbody tr td {
    padding: 4px; } }
.checkout_steps .step2 .formbody .panel {
  border: none; }
  .checkout_steps .step2 .formbody .panel .title .mobile-title {
    margin-top: 8px;
    margin-bottom: 8px;
    text-align: center; }
    @media (min-width: 767px) {
      .checkout_steps .step2 .formbody .panel .title .mobile-title {
        display: none; } }
    .checkout_steps .step2 .formbody .panel .title .mobile-title h1 {
      font-size: 18px;
      margin: 0px;
      border-radius: 4px;
      padding-top: 10px;
      padding-bottom: 10px;
      -webkit-box-shadow: 0px 0px 7px 1px #337ab7;
      -moz-box-shadow: 0px 0px 7px 1px #337ab7;
      box-shadow: 0px 0px 7px 1px #337ab7; }
  @media (max-width: 767px) {
    .checkout_steps .step2 .formbody .panel .title .desktop-title {
      display: none; } }
  @media (max-width: 991px) {
    .checkout_steps .step2 .formbody .panel .panel-body {
      padding: 0px; } }
.checkout_steps .step2 .formbody .left {
  padding-right: 20px; }
  @media (max-width: 991px) {
    .checkout_steps .step2 .formbody .left {
      padding-right: 10px; } }
  @media (max-width: 767px) {
    .checkout_steps .step2 .formbody .left {
      padding-right: 0px; } }
  .checkout_steps .step2 .formbody .left .testclass {
    border: 1px solid #D6D6D6; }
  .checkout_steps .step2 .formbody .left .zahlungsart .panel-body .payment-item {
    padding-left: 33px;
    border-bottom: 1px dotted #D6D6D6;
    padding-bottom: 5px;
    margin-bottom: 5px; }
    .checkout_steps .step2 .formbody .left .zahlungsart .panel-body .payment-item label.orange-radio {
      top: 1px; }
    .checkout_steps .step2 .formbody .left .zahlungsart .panel-body .payment-item img {
      height: 31px;
      width: auto; }
  .checkout_steps .step2 .formbody .left table.info ul {
    padding-left: 20px; }
    @media (max-width: 1200px) {
      .checkout_steps .step2 .formbody .left table.info ul {
        padding-left: 0px; } }
    @media (max-width: 767px) {
      .checkout_steps .step2 .formbody .left table.info ul {
        padding-left: 0px; } }
    .checkout_steps .step2 .formbody .left table.info ul li {
      list-style: none;
      position: relative;
      display: block; }
      .checkout_steps .step2 .formbody .left table.info ul li:hover, .checkout_steps .step2 .formbody .left table.info ul li:active, .checkout_steps .step2 .formbody .left table.info ul li:focus {
        opacity: .7; }
      .checkout_steps .step2 .formbody .left table.info ul li label {
        margin: 0px; }
  @media (max-width: 767px) {
    .checkout_steps .step2 .formbody .left #coupon_td {
      text-align: center; } }
  .checkout_steps .step2 .formbody .left #coupon_td input#coupons_used {
    display: inline-block;
    margin-right: 10px;
    width: 120px;
    height: 33px;
    margin-top: 5px; }
  .checkout_steps .step2 .formbody .left #coupon_td input#coupons_used_validate {
    display: inline-block;
    margin-top: 5px;
    height: 33px; }
@media (max-width: 767px) {
  .checkout_steps .step2 .formbody .right .references {
    display: none; } }
.checkout_steps .step2 .formbody .right .references .spaced {
  border: 1px solid #D6D6D6;
  padding: 5px;
  margin-bottom: 5px; }
  @media (max-width: 1200px) {
    .checkout_steps .step2 .formbody .right .references .spaced .text {
      padding-left: 10px; } }
.checkout_steps .step2 .formbody .right .leadcell label {
  font-weight: 400; }
.checkout_steps .step2 .formbody .right .error_msg {
  color: #a60008; }
.checkout_steps .step2 .formbody .right .input.error input, .checkout_steps .step2 .formbody .right .input.error select {
  border: 1px solid #a60008; }
.checkout_steps .step2 .formbody .right .input.error .error_msg {
  display: block; }
.checkout_steps .step2 .formbody .right .janeinbox {
  float: left;
  margin-right: 10px; }
.checkout_steps .step2 .formbody .right .janeintext {
  float: left; }
.checkout_steps .step2 .formfooter {
  text-align: right; }

@media (max-width: 767px) {
  .checkout_steps .step3 {
    padding-left: 10px;
    padding-right: 10px; } }
.checkout_steps .step3 .formbody .left {
  padding-right: 20px; }
  @media (max-width: 767px) {
    .checkout_steps .step3 .formbody .left {
      padding-right: 0px; } }
  .checkout_steps .step3 .formbody .left .orange-radio {
    top: 0px; }
  .checkout_steps .step3 .formbody .left .shipment-item {
    padding-left: 25px;
    padding-bottom: 10px; }
@media (max-width: 767px) {
  .checkout_steps .step3 .formbody .right {
    display: none; } }
.checkout_steps .step3 .formbody .modal-dialog .modal-body {
  padding: 10px; }
  .checkout_steps .step3 .formbody .modal-dialog .modal-body h1 {
    margin-top: 0px; }
  .checkout_steps .step3 .formbody .modal-dialog .modal-body ul {
    padding-left: 20px; }
.checkout_steps .step3 .formbody .modal-dialog .modal-footer .btn-orange, .checkout_steps .step3 .formbody .modal-dialog .modal-footer #anfrage input.submit, #anfrage .checkout_steps .step3 .formbody .modal-dialog .modal-footer input.submit {
  margin-top: 10px; }
.checkout_steps .step3 .formfooter {
  text-align: right; }
  @media (max-width: 767px) {
    .checkout_steps .step3 .formfooter {
      text-align: center; } }
  .checkout_steps .step3 .formfooter .modal-check-step-3-btn {
    margin-right: 10px; }
    @media (min-width: 767px) {
      .checkout_steps .step3 .formfooter .modal-check-step-3-btn {
        display: none; } }
    @media (max-width: 350px) {
      .checkout_steps .step3 .formfooter .modal-check-step-3-btn {
        margin-bottom: 10px; } }

.checkout_steps .step4 .padded.error {
  border: 1px solid #d9534f;
  color: #d9534f;
  border-radius: 4px;
  padding: 5px;
  font-weight: 700; }
.checkout_steps .step4 .formbody h1 {
  margin-top: 0px; }
.checkout_steps .step4 .formbody .left {
  padding-right: 20px; }
  @media (max-width: 767px) {
    .checkout_steps .step4 .formbody .left {
      padding-right: 0px; } }
  .checkout_steps .step4 .formbody .left h3 {
    border-bottom: 1px solid #909090;
    margin-top: 0px; }
  .checkout_steps .step4 .formbody .left fieldset {
    padding: 5px; }
    .checkout_steps .step4 .formbody .left fieldset.error {
      border: 1px solid #d9534f;
      color: #d9534f;
      border-radius: 4px;
      margin-bottom: 5px; }
    .checkout_steps .step4 .formbody .left fieldset table tr td.colum_input_check {
      width: 20px; }
  .checkout_steps .step4 .formbody .left table.testclass {
    width: 100%; }
    .checkout_steps .step4 .formbody .left table.testclass tr.summe td {
      padding-top: 6px;
      padding-bottom: 6px; }
      .checkout_steps .step4 .formbody .left table.testclass tr.summe td.colum_input_check {
        width: 10px; }
    .checkout_steps .step4 .formbody .left table.testclass tr td, .checkout_steps .step4 .formbody .left table.testclass tr th {
      padding-left: 6px;
      padding-right: 6px; }
      @media (max-width: 500px) {
        .checkout_steps .step4 .formbody .left table.testclass tr td, .checkout_steps .step4 .formbody .left table.testclass tr th {
          padding-left: 3px;
          padding-right: 3px;
          font-size: 13px; } }
      .checkout_steps .step4 .formbody .left table.testclass tr td.number, .checkout_steps .step4 .formbody .left table.testclass tr th.number {
        text-align: right; }
        @media (max-width: 767px) {
          .checkout_steps .step4 .formbody .left table.testclass tr td.number, .checkout_steps .step4 .formbody .left table.testclass tr th.number {
            text-align: center; } }
      .checkout_steps .step4 .formbody .left table.testclass tr td hr, .checkout_steps .step4 .formbody .left table.testclass tr th hr {
        margin: 7px; }
  .checkout_steps .step4 .formbody .left .block.spaced {
    padding: 10px 7px;
    border: 1px solid #D6D6D6; }
    .checkout_steps .step4 .formbody .left .block.spaced#user .adr {
      padding: 10px; }
    .checkout_steps .step4 .formbody .left .block.spaced#user #versandart {
      padding: 10px; }
    .checkout_steps .step4 .formbody .left .block.spaced#user #zahlungsart {
      padding: 10px; }
      .checkout_steps .step4 .formbody .left .block.spaced#user #zahlungsart img {
        width: 100%;
        height: auto; }
    .checkout_steps .step4 .formbody .left .block.spaced#books {
      margin-top: 20px; }
      .checkout_steps .step4 .formbody .left .block.spaced#books button {
        margin-top: 10px; }
  .checkout_steps .step4 .formbody .left .btn-row {
    padding-top: 10px;
    text-align: right; }
    @media (max-width: 767px) {
      .checkout_steps .step4 .formbody .left .btn-row {
        text-align: center; } }
    .checkout_steps .step4 .formbody .left .btn-row .modal-check-step-4-btn {
      margin-right: 10px; }
      @media (min-width: 767px) {
        .checkout_steps .step4 .formbody .left .btn-row .modal-check-step-4-btn {
          display: none; } }
@media (max-width: 767px) {
  .checkout_steps .step4 .formbody .right {
    display: none; } }
.checkout_steps .step4 .formbody .right .block.spaced {
  border: 1px solid #D6D6D6;
  padding: 10px;
  margin: 0 0 20px; }
  .checkout_steps .step4 .formbody .right .block.spaced .alert {
    border-radius: 0px; }
.checkout_steps .step4 .formbody .modal-dialog .modal-body {
  padding: 10px; }
  .checkout_steps .step4 .formbody .modal-dialog .modal-body .block.spaced {
    border: 1px solid #D6D6D6;
    padding: 10px;
    margin: 0 0 10px; }
    .checkout_steps .step4 .formbody .modal-dialog .modal-body .block.spaced .alert {
      border-radius: 0px; }

@media (max-width: 767px) {
  .checkout_steps .done {
    padding-left: 10px;
    padding-right: 10px; } }
@media (min-width: 767px) {
  .checkout_steps .done .left {
    padding-right: 20px; } }

.order_steps .orderstep_teaser p {
  display: none; }
.order_steps.book .step4 label.orange-radio, .order_steps.book .step5 label.orange-radio, .order_steps.book .step3 label.orange-radio {
  position: absolute;
  top: 0px;
  left: 0px;
  margin: 0px; }
@media (max-width: 767px) {
  .order_steps.book .step5, .order_steps.wine .step5 {
    padding-left: 10px;
    padding-right: 10px; } }
.order_steps.book input[type="radio"], .order_steps.wine input[type="radio"] {
  display: none; }
.order_steps.book label.orange-radio, .order_steps.wine label.orange-radio {
  background-color: white;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  border: 1px solid #909090;
  padding: 0px !important; }
.order_steps.book input[type="radio"]:checked + label.orange-radio, .order_steps.wine input[type="radio"]:checked + label.orange-radio {
  border: none;
  -webkit-box-shadow: inset 0px 0px 0px 7px #ff6400;
  -moz-box-shadow: inset 0px 0px 0px 7px #ff6400;
  box-shadow: inset 0px 0px 0px 7px #ff6400; }

.checkout_steps .alert {
  padding: 5px;
  margin: 5px 0 5px 0;
  border: 1px solid red; }
.checkout_steps .error_msg {
  display: none; }
@media (max-width: 767px) {
  .checkout_steps .step1 {
    padding-left: 10px;
    padding-right: 10px; } }
.checkout_steps input[type="radio"] {
  display: none; }
.checkout_steps label.orange-radio {
  background-color: white;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  border: 1px solid #909090;
  padding: 0px !important;
  position: absolute;
  left: 0px;
  top: 6px; }
.checkout_steps input[type="radio"]:checked + label.orange-radio {
  border: none;
  -webkit-box-shadow: inset 0px 0px 0px 7px #ff6400;
  -moz-box-shadow: inset 0px 0px 0px 7px #ff6400;
  box-shadow: inset 0px 0px 0px 7px #ff6400; }

@media (max-width: 767px) {
  #my-order {
    padding-right: 10px;
    padding-left: 10px; } }
#my-order #check_my_order {
  padding: 40px 0 40px 0; }
  #my-order #check_my_order label {
    vertical-align: middle;
    margin-bottom: 0px; }
  #my-order #check_my_order input {
    margin-top: 5px; }
  #my-order #check_my_order input.txt_myemail {
    min-width: 210px;
    max-width: 300px;
    margin-right: 10px; }
#my-order .edit_link:after {
  position: relative;
  top: 1px;
  left: 7px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  content: "\270f";
  color: darkblue; }
#my-order table {
  border-bottom: 1px solid #D6D6D6; }
  #my-order table tr.headline th {
    border-top: 0px; }
  #my-order table tr td.label_cell, #my-order table tr td.price_cell {
    background-color: #eee;
    text-align: right; }
  #my-order table tr td.instruction_label_cell {
    text-align: right; }
  @media (max-width: 350px) {
    #my-order table tr td {
      padding: 3px; } }
  #my-order table tr td input {
    width: 40px; }
  #my-order table tr.headline td {
    border-top: none; }
@media (max-width: 767px) {
  #my-order .formbody.top .right.desktop-faq {
    display: none; } }
#my-order .formbody.top .green-info {
  text-align: center;
  border: 3px solid #62aa1a;
  font-weight: 700; }
  #my-order .formbody.top .green-info .information {
    margin: 5px; }
@media (min-width: 767px) {
  #my-order .mobile-faq {
    display: none; } }
#my-order .formbody.wine, #my-order .formbody.books {
  margin-top: 20px;
  border: 0px;
  box-shadow: none;
  border-top: 1px solid #D6D6D6; }
  #my-order .formbody.wine .title .mobile-title, #my-order .formbody.books .title .mobile-title {
    text-align: center; }
    @media (min-width: 767px) {
      #my-order .formbody.wine .title .mobile-title, #my-order .formbody.books .title .mobile-title {
        display: none; } }
    #my-order .formbody.wine .title .mobile-title h1, #my-order .formbody.books .title .mobile-title h1 {
      font-size: 18px;
      margin: 0px;
      border-radius: 4px;
      padding-top: 10px;
      padding-bottom: 10px;
      -webkit-box-shadow: 0px 0px 7px 1px #428bca;
      -moz-box-shadow: 0px 0px 7px 1px #428bca;
      box-shadow: 0px 0px 7px 1px #428bca; }
  @media (max-width: 767px) {
    #my-order .formbody.wine .title .desktop-title, #my-order .formbody.books .title .desktop-title {
      display: none; } }
  #my-order .formbody.wine .panel-body, #my-order .formbody.books .panel-body {
    padding: 0px; }
  #my-order .formbody.wine .right, #my-order .formbody.books .right {
    padding-left: 20px; }
    @media (max-width: 767px) {
      #my-order .formbody.wine .right.desktop, #my-order .formbody.books .right.desktop {
        display: none; } }
    @media (min-width: 767px) {
      #my-order .formbody.wine .right.mobile, #my-order .formbody.books .right.mobile {
        display: none; } }
    #my-order .formbody.wine .right.mobile .modal-header .close, #my-order .formbody.books .right.mobile .modal-header .close {
      margin-top: -10px; }
    #my-order .formbody.wine .right.mobile .modal-body, #my-order .formbody.books .right.mobile .modal-body {
      padding: 0px;
      overflow: auto;
      max-height: calc(100% - 89px); }
      #my-order .formbody.wine .right.mobile .modal-body ul.tabheader, #my-order .formbody.books .right.mobile .modal-body ul.tabheader {
        padding-left: 10px;
        padding-top: 5px; }
    #my-order .formbody.wine .right.mobile .modal-dialog, #my-order .formbody.wine .right.mobile .modal-content, #my-order .formbody.books .right.mobile .modal-dialog, #my-order .formbody.books .right.mobile .modal-content {
      height: 98%; }
    #my-order .formbody.wine .right.mobile .modal-footer, #my-order .formbody.books .right.mobile .modal-footer {
      border-top: none;
      height: 55px; }
      #my-order .formbody.wine .right.mobile .modal-footer button, #my-order .formbody.books .right.mobile .modal-footer button {
        position: absolute;
        bottom: 10px;
        right: 10px; }
    @media (max-width: 767px) {
      #my-order .formbody.wine .right, #my-order .formbody.books .right {
        padding-left: 0px; } }
    #my-order .formbody.wine .right .tab .nav li a, #my-order .formbody.books .right .tab .nav li a {
      padding: 10px 5px; }
    @media (max-width: 1200px) {
      #my-order .formbody.wine .right .tab .nav li.tab, #my-order .formbody.books .right .tab .nav li.tab {
        display: none; } }
    #my-order .formbody.wine .right .tab .nav li.dropdown a.dropdown-toggle, #my-order .formbody.books .right .tab .nav li.dropdown a.dropdown-toggle {
      background-color: #fff;
      border: 1px solid #ddd;
      border-bottom-color: transparent;
      cursor: default; }
    @media (min-width: 1200px) {
      #my-order .formbody.wine .right .tab .nav li.dropdown, #my-order .formbody.books .right .tab .nav li.dropdown {
        display: none; } }
    #my-order .formbody.wine .right .tab .tab-content, #my-order .formbody.books .right .tab .tab-content {
      overflow: auto; }
      #my-order .formbody.wine .right .tab .tab-content.desktop.book, #my-order .formbody.books .right .tab .tab-content.desktop.book {
        height: 622px; }
        @media (max-width: 1200px) {
          #my-order .formbody.wine .right .tab .tab-content.desktop.book, #my-order .formbody.books .right .tab .tab-content.desktop.book {
            height: 533px; } }
        @media (max-width: 991px) {
          #my-order .formbody.wine .right .tab .tab-content.desktop.book, #my-order .formbody.books .right .tab .tab-content.desktop.book {
            height: 544px; } }
      #my-order .formbody.wine .right .tab .tab-content.mobile.book, #my-order .formbody.books .right .tab .tab-content.mobile.book {
        min-height: 300px; }
      #my-order .formbody.wine .right .tab .tab-content h1, #my-order .formbody.books .right .tab .tab-content h1 {
        margin-top: 0px; }
      #my-order .formbody.wine .right .tab .tab-content .grafik, #my-order .formbody.wine .right .tab .tab-content .umschlagbild, #my-order .formbody.wine .right .tab .tab-content .widmung, #my-order .formbody.books .right .tab .tab-content .grafik, #my-order .formbody.books .right .tab .tab-content .umschlagbild, #my-order .formbody.books .right .tab .tab-content .widmung {
        text-align: center; }
        #my-order .formbody.wine .right .tab .tab-content .grafik a, #my-order .formbody.wine .right .tab .tab-content .umschlagbild a, #my-order .formbody.wine .right .tab .tab-content .widmung a, #my-order .formbody.books .right .tab .tab-content .grafik a, #my-order .formbody.books .right .tab .tab-content .umschlagbild a, #my-order .formbody.books .right .tab .tab-content .widmung a {
          margin-top: 5px; }
        #my-order .formbody.wine .right .tab .tab-content .grafik img, #my-order .formbody.wine .right .tab .tab-content .umschlagbild img, #my-order .formbody.wine .right .tab .tab-content .widmung img, #my-order .formbody.books .right .tab .tab-content .grafik img, #my-order .formbody.books .right .tab .tab-content .umschlagbild img, #my-order .formbody.books .right .tab .tab-content .widmung img {
          margin: auto; }
      #my-order .formbody.wine .right .tab .tab-content .personen .label_cell, #my-order .formbody.books .right .tab .tab-content .personen .label_cell {
        text-align: left; }
      #my-order .formbody.wine .right .tab .tab-content .textvorschau, #my-order .formbody.books .right .tab .tab-content .textvorschau {
        text-align: justify;
        padding-left: 10px;
        padding-right: 10px; }
        #my-order .formbody.wine .right .tab .tab-content .textvorschau span.default, #my-order .formbody.books .right .tab .tab-content .textvorschau span.default {
          font-weight: 700;
          background-color: #FFFCEB;
          font-style: italic; }
#my-order .preview-btn-row {
  text-align: center; }
  @media (min-width: 767px) {
    #my-order .preview-btn-row {
      display: none; } }
#my-order .formfooter .table {
  width: auto; }
  #my-order .formfooter .table tr th {
    border-top: none;
    text-align: center; }
  #my-order .formfooter .table tr td:last-child {
    text-align: center; }
@media (max-width: 767px) {
  #my-order .formfooter .myright {
    text-align: center; } }
@media (min-width: 767px) {
  #my-order .formfooter .myright .m-faq-btn {
    display: none; } }
@media (max-width: 767px) {
  #my-order .formfooter .myright .d-faq-btn {
    display: none; } }

a {
  text-decoration: none;
  color: #337ab7;
  font-weight: 400; }
  a:hover, a:focus, a:active {
    text-decoration: none;
    color: #337ab7;
    opacity: .7; }

.btn-pr, #popup_container #popup_panel button, form.kontakt .textarea input.submit {
  border-radius: 4px;
  padding: 6px 12px;
  font-size: 14px;
  cursor: pointer;
  border: none;
  display: inline-block; }
  .btn-pr:hover, #popup_container #popup_panel button:hover, form.kontakt .textarea input.submit:hover, .btn-pr:focus, #popup_container #popup_panel button:focus, form.kontakt .textarea input.submit:focus, .btn-pr:active, #popup_container #popup_panel button:active, form.kontakt .textarea input.submit:active {
    opacity: .7; }

.big-btn {
  padding: 8px 25px;
  font-weight: 700;
  min-width: 300px; }

.big-btn-order {
  background-color: #ff6400;
  box-shadow: 0px 0px 7px 1px #ff6400;
  font-size: 21px;
  color: #fff; }

.big-btn-ebook-order {
  background-color: #0eaccc;
  box-shadow: 0px 0px 7px 1px #0eaccc;
  font-size: 15px;
  color: #fff; }

.btn-order, #popup_container #popup_panel button#popup_ok, form.kontakt .textarea input.submit {
  background-color: #ff6400;
  color: white !important;
  border: 1px solid #ff6400;
  box-shadow: 0px 0px 7px 1px #ff6400; }

.btn-ebook-order {
  background-color: #0eaccc;
  color: white;
  border: 1px solid #0eaccc;
  box-shadow: 0px 0px 7px 1px #0eaccc; }

.btn-green {
  background-color: #62aa1a;
  color: white;
  border: 1px solid #62aa1a;
  box-shadow: 0px 0px 7px 1px #62aa1a; }

.btn-white, #popup_container #popup_panel button#popup_cancel {
  color: #333 !important;
  background-color: #fff;
  border: 1px solid #D6D6D6; }

.btn-link-custom {
  background-color: white;
  color: #337ab7 !important;
  border: 1px solid #337ab7; }

.dropdown-transition.open .dropdown-menu, #step2 .section-1 .category-chooser .open.dropdown .dropdown-menu, #step2 .section-2 .font-customizer .open.dropdown .dropdown-menu {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  opacity: 1;
  display: block; }
.dropdown-transition .dropdown-menu, #step2 .section-1 .category-chooser .dropdown .dropdown-menu, #step2 .section-2 .font-customizer .dropdown .dropdown-menu {
  opacity: 0;
  -webkit-transform-origin: top;
  transform-origin: top;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-transform: scale(1, 0);
  display: none;
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear; }

.dropdown-arrow-top .dropdown-menu, #step2 .section-1 .category-chooser .dropdown .dropdown-menu, #step2 .section-2 .font-customizer .dropdown .dropdown-menu {
  margin: 12px 0 0; }
  .dropdown-arrow-top .dropdown-menu:after, #step2 .section-1 .category-chooser .dropdown .dropdown-menu:after, #step2 .section-2 .font-customizer .dropdown .dropdown-menu:after, .dropdown-arrow-top .dropdown-menu:before, #step2 .section-1 .category-chooser .dropdown .dropdown-menu:before, #step2 .section-2 .font-customizer .dropdown .dropdown-menu:before {
    content: '';
    position: absolute;
    left: 50%;
    top: -20px;
    border: 10px solid transparent;
    border-bottom: 10px solid #ababab; }
  .dropdown-arrow-top .dropdown-menu:after, #step2 .section-1 .category-chooser .dropdown .dropdown-menu:after, #step2 .section-2 .font-customizer .dropdown .dropdown-menu:after {
    border-bottom: 10px solid white;
    top: -19px; }

.btn-tab li.active a, .book-detail .tabsdiv .tabbable .nav-tabs li.active a, .order_steps .formdata .type_roman .tab-order-step-1 .nav li.active a, .order_steps .formdata .type_geschenkbuch .tab-order-step-1 .nav li.active a, .order_steps .formdata .type_kinderbuch .tab-order-step-1 .nav li.active a, .order_steps .step2.kinderbucher .formdata .formitem .left .tab-row #tabsdiv .nav li.active a, #kontakt .nav li.active a, .content-section div.mod_article.block#dedication-children .nav li.active a, .checkout_steps .step1 .formbody .right .tab .nav li.active a, #my-order .formbody.wine .right .tab .nav li.active a, #my-order .formbody.books .right .tab .nav li.active a {
  color: #333;
  opacity: 1; }
.btn-tab li a, .book-detail .tabsdiv .tabbable .nav-tabs li a, .order_steps .formdata .type_roman .tab-order-step-1 .nav li a, .order_steps .formdata .type_geschenkbuch .tab-order-step-1 .nav li a, .order_steps .formdata .type_kinderbuch .tab-order-step-1 .nav li a, .order_steps .step2.kinderbucher .formdata .formitem .left .tab-row #tabsdiv .nav li a, #kontakt .nav li a, .content-section div.mod_article.block#dedication-children .nav li a, .checkout_steps .step1 .formbody .right .tab .nav li a, #my-order .formbody.wine .right .tab .nav li a, #my-order .formbody.books .right .tab .nav li a {
  color: #333; }
  .btn-tab li a:hover, .book-detail .tabsdiv .tabbable .nav-tabs li a:hover, .order_steps .formdata .type_roman .tab-order-step-1 .nav li a:hover, .order_steps .formdata .type_geschenkbuch .tab-order-step-1 .nav li a:hover, .order_steps .formdata .type_kinderbuch .tab-order-step-1 .nav li a:hover, .order_steps .step2.kinderbucher .formdata .formitem .left .tab-row #tabsdiv .nav li a:hover, #kontakt .nav li a:hover, .content-section div.mod_article.block#dedication-children .nav li a:hover, .checkout_steps .step1 .formbody .right .tab .nav li a:hover, #my-order .formbody.wine .right .tab .nav li a:hover, #my-order .formbody.books .right .tab .nav li a:hover, .btn-tab li a:focus, .book-detail .tabsdiv .tabbable .nav-tabs li a:focus, .order_steps .formdata .type_roman .tab-order-step-1 .nav li a:focus, .order_steps .formdata .type_geschenkbuch .tab-order-step-1 .nav li a:focus, .order_steps .formdata .type_kinderbuch .tab-order-step-1 .nav li a:focus, .order_steps .step2.kinderbucher .formdata .formitem .left .tab-row #tabsdiv .nav li a:focus, #kontakt .nav li a:focus, .content-section div.mod_article.block#dedication-children .nav li a:focus, .checkout_steps .step1 .formbody .right .tab .nav li a:focus, #my-order .formbody.wine .right .tab .nav li a:focus, #my-order .formbody.books .right .tab .nav li a:focus, .btn-tab li a:active, .book-detail .tabsdiv .tabbable .nav-tabs li a:active, .order_steps .formdata .type_roman .tab-order-step-1 .nav li a:active, .order_steps .formdata .type_geschenkbuch .tab-order-step-1 .nav li a:active, .order_steps .formdata .type_kinderbuch .tab-order-step-1 .nav li a:active, .order_steps .step2.kinderbucher .formdata .formitem .left .tab-row #tabsdiv .nav li a:active, #kontakt .nav li a:active, .content-section div.mod_article.block#dedication-children .nav li a:active, .checkout_steps .step1 .formbody .right .tab .nav li a:active, #my-order .formbody.wine .right .tab .nav li a:active, #my-order .formbody.books .right .tab .nav li a:active {
    background-color: #eee; }

.btn-tab-item-mobile, .book-detail .tabsdiv .tabbable .nav-tabs li.tab-item-mobile .dropdown-toggle, .content-section div.mod_article.block#dedication .nav li a.dropdown-toggle, .content-section div.mod_article.block#dedication1 .nav li a.dropdown-toggle, .content-section div.mod_article.block#dedication-children .nav li a.dropdown-toggle, .content-section div.mod_article.block#dedication-1 .nav li a.dropdown-toggle {
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  cursor: pointer; }

.custom-tab-content, .book-detail .tabsdiv .tabbable .tab-content, .order_steps .formdata .type_roman .tab-order-step-1 .tab-content, .order_steps .formdata .type_geschenkbuch .tab-order-step-1 .tab-content, .order_steps .formdata .type_kinderbuch .tab-order-step-1 .tab-content, .order_steps .step2.kinderbucher .formdata .formitem .left .tab-row #tabsdiv .tab-content, #kontakt .tab-content, .content-section div.mod_article.block#dedication .tab-content, .content-section div.mod_article.block#dedication1 .tab-content, .content-section div.mod_article.block#dedication-children .tab-content, .content-section div.mod_article.block#dedication-1 .tab-content, .content-section div.mod_article.block#so_einfach_geht .tab-content, .checkout_steps .step1 .formbody .right .tab .tab-content, #my-order .formbody.wine .right .tab .tab-content, #my-order .formbody.books .right .tab .tab-content {
  border-left: 1px solid #D6D6D6;
  border-right: 1px solid #D6D6D6;
  border-bottom: 1px solid #D6D6D6;
  padding: 10px; }

@media (max-width: 767px) {
  .checkout_steps .stepchangepayment {
    padding-left: 10px;
    padding-right: 10px; } }
.checkout_steps .stepchangepayment ul#payment_method {
  padding: 0px;
  max-width: 600px; }
  .checkout_steps .stepchangepayment ul#payment_method li {
    list-style: none; }
    .checkout_steps .stepchangepayment ul#payment_method li .payment-item {
      padding-left: 30px;
      min-height: 55px; }
      .checkout_steps .stepchangepayment ul#payment_method li .payment-item:hover {
        opacity: .7; }
    .checkout_steps .stepchangepayment ul#payment_method li label.orange-radio {
      top: 2px; }
.checkout_steps .stepchangepayment .formfooter .btn, .checkout_steps .stepchangepayment .formfooter #anfrage input.submit, #anfrage .checkout_steps .stepchangepayment .formfooter input.submit {
  min-width: 200px; }

.footer-wrapper {
  background-color: #F5F5F5;
  margin-top: 20px;
  padding: 0px; }

.footer {
  padding: 0px; }
  .footer .footer-top {
    padding: 30px 35px 10px 35px;
    margin-top: 20px;
    background-color: #FAFAFA;
    border-top: 1px solid #E7E6E6;
    border-bottom: 1px solid #E7E6E6; }
    @media (max-width: 1100px) {
      .footer .footer-top {
        padding: 10px; } }
    @media (max-width: 767px) {
      .footer .footer-top .bottom {
        padding-top: 10px; } }
    @media (max-width: 400px) {
      .footer .footer-top {
        padding: 10px; } }
    .footer .footer-top .title {
      padding-bottom: 10px;
      text-align: left;
      color: #6d6d6d;
      font-weight: 700; }
    @media (max-width: 400px) {
      .footer .footer-top .section-1 .title {
        height: 40px; } }
    .footer .footer-top .section-1 img {
      height: 25px;
      width: 25px; }
    .footer .footer-top .section-2 {
      max-width: 150px; }
      @media (max-width: 400px) {
        .footer .footer-top .section-2 .title {
          height: 40px; } }
    @media (max-width: 500px) {
      .footer .footer-top .section-3 {
        width: 100%; } }
    @media (max-width: 500px) {
      .footer .footer-top .section-3 .title {
        padding-top: 10px; } }
    .footer .footer-top .section-3 .links {
      padding-right: 50px; }
      .footer .footer-top .section-3 .links img {
        height: 25px;
        width: auto;
        margin: 2px; }
        .footer .footer-top .section-3 .links img.amazon {
          height: 22px;
          margin-top: 0px; }
        .footer .footer-top .section-3 .links img.sofort {
          height: 22px;
          margin-top: 0px; }
        .footer .footer-top .section-3 .links img.paypal {
          height: 22px; }
        .footer .footer-top .section-3 .links img.visa {
          height: 28px; }
        .footer .footer-top .section-3 .links img.mastercard {
          height: 28px; }
        .footer .footer-top .section-3 .links img.americanexpress {
          height: 28px; }
    @media (max-width: 500px) {
      .footer .footer-top .section-4 .title {
        padding-top: 10px; } }
    .footer .footer-top .section-4 img {
      height: 33px;
      width: 33px; }
  .footer .footer-bottom-desktop {
    padding: 30px 35px 50px 35px; }
    @media (max-width: 767px) {
      .footer .footer-bottom-desktop {
        display: none; } }
    @media (max-width: 1100px) {
      .footer .footer-bottom-desktop {
        padding: 10px; } }
    .footer .footer-bottom-desktop .title {
      font-size: 14px;
      font-weight: 700;
      color: #6d6d6d; }
    .footer .footer-bottom-desktop .list {
      font-size: 13px;
      display: block;
      margin-bottom: 10px; }
  .footer .footer-bottom-mobile {
    display: none;
    padding: 10px; }
    @media (max-width: 767px) {
      .footer .footer-bottom-mobile {
        display: block; } }
    .footer .footer-bottom-mobile .section-1, .footer .footer-bottom-mobile .section-2, .footer .footer-bottom-mobile .section-3, .footer .footer-bottom-mobile .section-4 {
      padding: 10px; }
    .footer .footer-bottom-mobile .panel-group {
      margin-bottom: 0px; }
      .footer .footer-bottom-mobile .panel-group .panel {
        box-shadow: none;
        background-color: transparent; }
        .footer .footer-bottom-mobile .panel-group .panel .panel-heading {
          border: none;
          background-color: transparent;
          padding: 0px; }
          .footer .footer-bottom-mobile .panel-group .panel .panel-heading a {
            font-size: 14px;
            font-weight: 700;
            color: #6d6d6d;
            padding: 10px 15px 10px 15px;
            display: block; }
            .footer .footer-bottom-mobile .panel-group .panel .panel-heading a:hover, .footer .footer-bottom-mobile .panel-group .panel .panel-heading a:focus, .footer .footer-bottom-mobile .panel-group .panel .panel-heading a:active {
              opacity: 0.5; }
    .footer .footer-bottom-mobile .panel-body {
      background-color: transparent;
      padding-left: 15px;
      padding-right: 15px; }
      .footer .footer-bottom-mobile .panel-body a {
        color: #6d6d6d;
        display: block;
        padding-bottom: 12px;
        font-size: 13px; }

.home-page-article .section-1 {
  border: 1px solid #f12b7a; }
  .home-page-article .section-1 .title-btn-wrap {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center; }
    @media (max-width: 991px) {
      .home-page-article .section-1 .title-btn-wrap {
        position: relative;
        background: #7e224e;
        padding: 8px; } }
    .home-page-article .section-1 .title-btn-wrap .title-btn-wrap-centered {
      display: inline-block; }
      .home-page-article .section-1 .title-btn-wrap .title-btn-wrap-centered .section-title {
        color: white;
        text-transform: uppercase;
        margin: 0 20px 0 0;
        float: left;
        font-size: 28px; }
        @media (max-width: 767px) {
          .home-page-article .section-1 .title-btn-wrap .title-btn-wrap-centered .section-title {
            font-size: 14px !important; } }
        @media (max-width: 1200px) {
          .home-page-article .section-1 .title-btn-wrap .title-btn-wrap-centered .section-title {
            font-size: 25.45455px; } }
        @media (max-width: 991px) {
          .home-page-article .section-1 .title-btn-wrap .title-btn-wrap-centered .section-title {
            font-size: 17.83439px; } }
        @media (max-width: 767px) {
          .home-page-article .section-1 .title-btn-wrap .title-btn-wrap-centered .section-title {
            font-size: 16.37427px; } }
        @media (max-width: 991px) {
          .home-page-article .section-1 .title-btn-wrap .title-btn-wrap-centered .section-title {
            margin-top: 10px; } }
        @media (max-width: 550px) {
          .home-page-article .section-1 .title-btn-wrap .title-btn-wrap-centered .section-title {
            float: none;
            margin-top: 0; } }
      .home-page-article .section-1 .title-btn-wrap .title-btn-wrap-centered .section-link {
        padding: 4px 36px;
        float: left;
        margin-top: 4px;
        font-weight: 800; }
        @media (max-width: 991px) {
          .home-page-article .section-1 .title-btn-wrap .title-btn-wrap-centered .section-link {
            padding: 4px 15px; } }
        @media (max-width: 550px) {
          .home-page-article .section-1 .title-btn-wrap .title-btn-wrap-centered .section-link {
            float: none; } }
.home-page-article .section-2 {
  border: 1px solid #f32884;
  margin-top: 10px; }
  .home-page-article .section-2 .title-desc-wrap {
    background: #f9eaef;
    text-align: center;
    padding: 19px 10px 26px 10px; }
    .home-page-article .section-2 .title-desc-wrap .section-title {
      text-transform: uppercase;
      color: #f32884;
      font-size: 32px;
      margin: 0 0 10px 0;
      font-weight: 400; }
      @media (max-width: 1200px) {
        .home-page-article .section-2 .title-desc-wrap .section-title {
          font-size: 29.09091px; } }
      @media (max-width: 991px) {
        .home-page-article .section-2 .title-desc-wrap .section-title {
          font-size: 20.38217px; } }
      @media (max-width: 767px) {
        .home-page-article .section-2 .title-desc-wrap .section-title {
          font-size: 18.71345px; } }
.home-page-article .section-3 {
  padding-top: 7px;
  text-align: center; }
  .home-page-article .section-3 .section-title {
    text-transform: uppercase;
    color: #f32884;
    font-size: 32px;
    margin: 0 0 10px 0;
    font-weight: 400; }
    @media (max-width: 1200px) {
      .home-page-article .section-3 .section-title {
        font-size: 29.09091px; } }
    @media (max-width: 991px) {
      .home-page-article .section-3 .section-title {
        font-size: 20.38217px; } }
    @media (max-width: 767px) {
      .home-page-article .section-3 .section-title {
        font-size: 18.71345px; } }
  .home-page-article .section-3 .section-description .special-price {
    color: #f32884; }
  .home-page-article .section-3 .books-list {
    margin-left: -8px;
    margin-right: -8px;
    margin-top: 13px; }
    .home-page-article .section-3 .books-list .item {
      padding: 8px;
      max-width: 303px; }
      .home-page-article .section-3 .books-list .item .rectangle-outer {
        width: 100%;
        padding-top: 112%;
        position: relative; }
        .home-page-article .section-3 .books-list .item .rectangle-outer .rectangle-inner {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          background-size: 90% 90% !important;
          background-position: top center !important;
          background-repeat: no-repeat !important;
          border: 1px solid grey; }
          .home-page-article .section-3 .books-list .item .rectangle-outer .rectangle-inner .book-label {
            text-align: center;
            position: absolute;
            left: 0;
            bottom: 41px;
            width: 100%;
            background: rgba(0, 0, 0, 0.32);
            color: white;
            padding: 10px 10px;
            font-size: 18px;
            font-weight: 700; }
          .home-page-article .section-3 .books-list .item .rectangle-outer .rectangle-inner .btns-row {
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%; }
            .home-page-article .section-3 .books-list .item .rectangle-outer .rectangle-inner .btns-row .btn-link {
              width: 50%;
              float: left;
              padding: 10px 10px;
              text-align: center;
              border-top: 1px solid grey;
              text-decoration: underline;
              text-transform: uppercase;
              color: black; }
              .home-page-article .section-3 .books-list .item .rectangle-outer .rectangle-inner .btns-row .btn-link:first-child {
                border-right: 1px solid grey; }
.home-page-article .section-4 {
  padding-top: 43px; }

/*# sourceMappingURL=styles.css.map */