@font-face {
    font-family: 'Ruda';
    src: url('../fonts/Ruda-Regular.woff2') format('woff2'),
    url('../fonts/Ruda-Regular.woff') format('woff'),
    url('../fonts/Ruda-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Ruda';
    src: url('../fonts/Ruda-Black.woff2') format('woff2'),
    url('../fonts/Ruda-Black.woff') format('woff'),
    url('../fonts/Ruda-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Economica';
    src: url('../fonts/Economica-Bold.woff2') format('woff2'),
    url('../fonts/Economica-Bold.woff') format('woff'),
    url('../fonts/Economica-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'IM FELL DW Pica';
    src: url('../fonts/IM_FELL_DW_Pica_Italic.woff2') format('woff2'),
    url('../fonts/IM_FELL_DW_Pica_Italic.woff') format('woff'),
    url('../fonts/IM_FELL_DW_Pica_Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Cormorant SC';
    src: url('../fonts/CormorantSC-Light.woff2') format('woff2'),
    url('../fonts/CormorantSC-Light.woff') format('woff'),
    url('../fonts/CormorantSC-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Cormorant SC';
    src: url('../fonts/CormorantSC-Bold.woff2') format('woff2'),
    url('../fonts/CormorantSC-Bold.woff') format('woff'),
    url('../fonts/CormorantSC-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

html, body {
    margin: 0;
    padding: 0;
    font-family: 'Ruda', sans-serif;
    -webkit-font-smoothing: antialiased;
    background: #383142;
    overflow-x: hidden;
}

.noscroll {
    overflow: hidden;
}

body {
    position: relative;
}

a {
    text-decoration: none;
    color: #ffffff;
}

a:hover {
    color: #f0c192;
}

img {
    border: 0;
    display: block;
}

h1, h2 {
    color: #ffffff;
    font-family: 'Cormorant SC', serif;
    font-weight: 300;
}

.clear {
    clear: both;
}

h3 {
    color: #ffffff;
}

h4 {
    font-family: 'IM Fell DW Pica', serif;
    font-style: italic;
    color: #be9776;
    font-weight: 400;
}

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

/*------------------*/
/*chapter show/hide */
/*------------------*/

.hideTablet {
    display: none; /*none*/
    position: relative;
    z-index: 10;
}

@media screen and (max-width: 1024px) {
    .hideTablet {
        display: block; /*block*/
    }
}

.showDesktop {
    display: block; /*block*/
}

@media screen and (max-width: 1024px) {
    .showDesktop {
        display: none; /*none*/
    }
}

/*------------------*/

.dot-line {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}

header {
    background: #1e182f;
    height: 80px;
    position: fixed;
    width: 100%;
    z-index: 15000; /* wegen loaderspinner slider, text/audio overlay noch hoeher*/
    top: 0px;
}

header .logo {
    padding: 27px;
    float: left;
}

header .logo-mobile {
    padding: 0px;
    width: 80px;
    float: left;
    display: none;
}

header .header-right {
    float: right;
}

header .header-right > div {
    display: block;
    float: left;
    height: 80px;
    box-sizing: border-box;
    position: relative;
}

header .enigma-moments {
    color: #ffffff;
    font-size: 16px;
    font-family: 'IM Fell DW Pica', serif;
    font-style: italic;
    padding: 28px 35px;
    display: block;
    float: left;
    height: 80px;
    box-sizing: border-box;
    position: relative;
}

header .enigma-moments:hover {
    color: #f0c192;
}

header .enigma-moments img {
    -webkit-transition: all ease-in-out 0.5s;
    -webkit-transform: rotate(0deg);
    transition: all ease-in-out 0.5s;
    transform: rotate(0deg);
}

header .enigma-moments:hover img {
    -webkit-transition: all ease-in-out 0.5s;
    -webkit-transform: rotate(180deg);
    transition: all ease-in-out 0.5s;
    transform: rotate(180deg);
}

header .preorder {
    width: 304px;
    background: url('../images/preorder.jpg') no-repeat center center;
    background-size: cover;
    color: #ffffff;
    font-family: 'Cormorant SC', serif;
    font-weight: 700;
    font-size: 26px;
    line-height: 26px;
    padding: 12px 30px;
    text-align: right;
    cursor: pointer;
    display: block;
    box-sizing: border-box;
    position: relative;
    float: left;
    height: 80px;
}

header .preorder:hover {
    color: #f0c192;
}

header .preorder img {
    -webkit-transition: all ease-in-out 0.5s;
    -webkit-transform: rotate(0deg);
    transition: all ease-in-out 0.5s;
    transform: rotate(0deg);
}

header .preorder:hover img {
    -webkit-transition: all ease-in-out 0.5s;
    -webkit-transform: rotate(180deg);
    transition: all ease-in-out 0.5s;
    transform: rotate(180deg);
}

header .preorder span {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

header .burger-menu {
    background: #0d0b0f;
    width: 80px;
}

.hamburger-slim {
    background: transparent;
    padding: 30px 25px;
    margin: 0;
    position: relative;
    height: 20px;
    width: 30px;
    cursor: pointer;
}

.hamburger-slim:before, .hamburger-slim:after {
    background: #f0c192;
    backface-visibility: hidden;
    content: "";
    height: 2px;
    left: 25px;
    transition: 0.75s;
    width: 30px;
}

.hamburger-slim:before {
    box-shadow: #f0c192 0 9px 0 0;
    position: absolute;
    top: 30px;
}

.hamburger-slim:after {
    position: absolute;
    top: calc(50px - 2px);
}

.hamburger-slim:hover:before {
    box-shadow: #ffffff 0 9px 0 0;
    background: #ffffff;
}

.hamburger-slim:hover:after {
    background: #ffffff;
}

.hamburger-slim.active:before {
    box-shadow: transparent 0 0 0 0;
    top: 50%;
    transform: rotate(225deg);
}

.hamburger-slim.active:after {
    top: 50%;
    transform: rotate(315deg);
}

.overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #000000;
    z-index: 30;
    display: none;
    opacity: 0;
}

.overlay.show {
    opacity: 0.8;
    display: block;
}

.menu-wrapper {
    position: fixed;
    width: 384px;
    height: 100%;
    top: 0;
    right: 0;
    transform: translateX(100%);
    background: #322b3b;
    z-index: 35;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    overflow: hidden;
}

.menu-wrapper .menu-scroll {
    overflow: auto;
    width: calc(100% + 15px);
    height: 100%;
    padding-right: 15px;
}

.menu-wrapper.show {
    transform: translateX(0);
}

.menu-wrapper .menu-dark {
    background: #231e29;
    width: 100%;
    padding: 140px 85px 60px 70px;
    box-sizing: border-box;
    text-align: center;
    border-bottom: 1px solid #383142;
}

.menu-wrapper .menu-dark2 {
    background: #231e29;
    width: 100%;
    padding: 60px 85px 60px 70px;
    box-sizing: border-box;
    text-align: center;
}

.menu-wrapper .menu {
    width: 100%;
    padding: 40px 85px 40px 70px;
    box-sizing: border-box;
    text-align: center;
}

.menu-wrapper .menu-dark .menu-link, .menu-wrapper .menu-dark2 .menu-link {
    font-family: 'Cormorant SC', serif;
    font-weight: 300;
}

.menu-wrapper .menu-dark .menu-link .white, .menu-wrapper .menu-dark2 .menu-link .white {
    color: #ffffff;
    font-size: 28px;
    line-height: 20px;
}

.menu-wrapper .menu-dark .menu-link .gold, .menu-wrapper .menu-dark2 .menu-link .gold {
    color: #fabe89;
    font-size: 38px;
    line-height: 30px;
}

.menu-wrapper .menu-dark .menu-link:hover .gold,
.menu-wrapper .menu-dark2 .menu-link:hover .gold,
.menu-wrapper .menu-dark .menu-link:hover .white,
.menu-wrapper .menu-dark2 .menu-link:hover .white,
.menu-wrapper .menu-dark .menu-link.active .gold,
.menu-wrapper .menu-dark2 .menu-link.active .gold,
.menu-wrapper .menu-dark .menu-link.active .white,
.menu-wrapper .menu-dark2 .menu-link.active .white {
    color: #514b58;
}

.menu-wrapper .menu .menu-link-press {
    font-size: 22px;
    text-transform: uppercase;
}

.menu-wrapper .menu .menu-link-press.menu-only-mobile {
    display: none;
}

.menu-wrapper .menu .menu-space {
    width: 100%;
    height: 40px;
}

.menu-wrapper .menu .menu-link-streams {
    font-size: 12px;
    line-height: 34px;
    margin: 0 10px;
    text-transform: uppercase;
    color: #d4a77f;
}

.menu-wrapper .menu .menu-link-streams:hover {
    color: #ffffff;
}

.menu-wrapper .menu .menu-link-social img {
    display: inline-block;
}

.menu-wrapper .menu-imprint {
    width: 100%;
    padding: 0px 50px 20px;
    box-sizing: border-box;
    text-align: center;
}

.menu-wrapper .menu-imprint .menu-link-imprint {
    color: #999999;
    text-transform: uppercase;
    font-size: 12px;
    margin: 0 10px;
}

.content-overlay {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 100%;
    background: #383142;
    z-index: 30;
    position: fixed;
}

.content {
    overflow: hidden;
}

.home-start {
    width: 100%;
    height: 100%;
    min-height: 100%;
    position: relative;
    background: url('../images/home-bg.jpg') no-repeat center center;
    background-size: cover;
    z-index: 15;
}

.home-start .home-start-inner {
    position: absolute;
    top: 40%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    text-align: center;
    width: 80%;
}

.home-start .home-start-inner h1 {
    font-family: 'Economica', serif;
    color: #f3c49a;
    font-size: 82px;
    line-height: 80px;
    font-weight: 700;
    margin: 0 0px 30px;
    text-transform: uppercase;
}

.disclaimer .disclaimer-inner h1 {
    text-align: center;
    font-family: 'Ruda', sans-serif;
    font-size: 62px;
    font-weight: 900;
    margin: 0 0px 40px;
    color: #f0c192;
    text-transform: uppercase;
}

.home-start .home-start-inner p, .disclaimer .disclaimer-inner p {
    color: #ffffff;
    font-size: 16px;
    line-height: 24px;
    margin: 0 auto 40px;
    display: block;
    width: 100%;
    max-width: 700px;
}

.disclaimer {
    font-size: 42px;
    width: 100%;
    height: 100%;
    min-height: 100%;
    position: relative;
    background: none;
    z-index: 15;
}

.disclaimer .list {
    width: auto;
    max-width: 650px;
    margin: 0 auto 31px;
    text-align: left;
}

.disclaimer .list li {
    font-size: 15px;
    color: #fff;
}

.disclaimer .disclaimer-inner {
    position: relative;
    top: 0px;
    left: 0;
    text-align: center;
    width: 80%;
    margin: 160px auto 60px;
}

.disclaimer .disclaimer-inner h3 {
    font-size: 24px;
}

.btn {
    background: #181012;
    color: #f7c497;
    padding: 21px 25px;
    display: inline-block;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 14px;
    cursor: pointer;
    letter-spacing: 2px;
}

.btn img {
    -webkit-transition: all ease-in-out 0.5s;
    -webkit-transform: rotate(0deg);
    transition: all ease-in-out 0.5s;
    transform: rotate(0deg);
}

.btn:hover img {
    -webkit-transition: all ease-in-out 0.5s;
    -webkit-transform: rotate(180deg);
    transition: all ease-in-out 0.5s;
    transform: rotate(180deg);
}

.btn-live {
    margin: 15px 0 10px;
}

.home-start .teaser {
    border-top: 6px solid #383142;
    position: absolute;
    bottom: 0px;
    height: 212px;
    width: 100%;
}

.home-start .teaser .teaser-left {
    width: calc(50% - 3px);
    border-right: 3px solid #383142;
    height: 212px;
    background: url('../images/teaser-preorder-bg.jpg') no-repeat center center;
    background-size: cover;
    float: left;
}

.home-start .teaser img {
    display: inline-block;
    vertical-align: middle;
}

.home-start .teaser .teaser-left .teaser-center > img {
    padding-right: 20px;
}

.home-start .teaser .btn {
    padding: 10px 25px;
}

.home-start .teaser .teaser-box > span {
    color: #ffffff;
    font-family: 'IM Fell DW Pica', serif;
    font-style: italic;
    font-size: 31px; /*34*/
    line-height: 30px;
    font-weight: 400;
}

.home-start .teaser .teaser-center {
    width: 589px;
    margin: 0 auto;
}

.home-start .teaser .teaser-right {
    width: calc(50% - 3px);
    border-left: 3px solid #383142;
    height: 212px;
    background: url('../images/teaser-preorder-bg.jpg') no-repeat center center;
    background-size: cover;
    float: right;
}

.home-start .teaser .teaser-box {
    display: inline-block;
    width: 250px;
    vertical-align: middle;
}

@-webkit-keyframes ani-mouse {
    0% {
        opacity: 1;
        top: 29%;
    }
    15% {
        opacity: 1;
        top: 50%;
    }
    50% {
        opacity: 0;
        top: 50%;
    }
    100% {
        opacity: 0;
        top: 29%;
    }
}

@-moz-keyframes ani-mouse {
    0% {
        opacity: 1;
        top: 29%;
    }
    15% {
        opacity: 1;
        top: 50%;
    }
    50% {
        opacity: 0;
        top: 50%;
    }
    100% {
        opacity: 0;
        top: 29%;
    }
}

@keyframes ani-mouse {
    0% {
        opacity: 1;
        top: 29%;
    }
    15% {
        opacity: 1;
        top: 50%;
    }
    50% {
        opacity: 0;
        top: 50%;
    }
    100% {
        opacity: 0;
        top: 29%;
    }
}

.scroll-btn {
    display: block;
    position: absolute;
    top: -32px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    background: #972046;
    width: 64px;
    height: 64px;
    border-radius: 32px;
}

.scroll-btn.scroll-btn-story {
    top: auto;
    bottom: 20px;
}

.scroll-btn > * {
    display: inline-block;
    line-height: 18px;
    font-size: 13px;
    font-weight: normal;
    color: #ffffff;
    font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    letter-spacing: 2px;
}

.scroll-btn > *:hover,
.scroll-btn > *:focus,
.scroll-btn > *.active {
    color: #ffffff;
}

.scroll-btn > *:hover,
.scroll-btn > *:focus,
.scroll-btn > *:active,
.scroll-btn > *.active {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.scroll-btn .mouse {
    position: relative;
    display: block;
    width: 24px;
    height: 40px;
    margin: 12px auto 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid white;
    border-radius: 23px;
    -webkit-transform: translateZ(0);
}

.scroll-btn .mouse > * {
    position: absolute;
    display: block;
    top: 29%;
    left: 50%;
    width: 6px;
    height: 6px;
    margin: -4px 0 0 -3px;
    background: white;
    border-radius: 50%;
    -webkit-animation: ani-mouse 2.5s linear infinite;
    -moz-animation: ani-mouse 2.5s linear infinite;
    animation: ani-mouse 2.5s linear infinite;
}

.chapter-start {
    width: 100%;
    height: 100%;
    min-height: 100%;
    position: relative;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    /*-webkit-transform: translate3d(0,0,0);*/
    z-index: 5;
}

.pagination-wrapper {
    position: fixed;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    z-index: 10;
}

.pagination-wrapper .page-item {
    width: 10px;
    height: 10px;
    background: #ffffff;
    transform: rotate(45deg);
    margin-bottom: 10px;
    cursor: pointer;
}

.pagination-wrapper .page-item.active {
    background: #b4102b;
}

.chapter-start .chapter-start-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 80%;
}

@media screen and (max-width: 750px) and (orientation: landscape) {
    .chapter-start .chapter-start-inner-10 {
        width: 95%;
    }
}

.chapter-start .chapter-start-inner h2 {
    color: #ffffff;
    font-family: 'Cormorant SC', serif;
    text-align: center;
    font-size: 112px;
    margin: 10px 0 40px 0;
    font-weight: 300;
}

.chapter-start .chapter-start-inner h2.gold {
    color: #be9776;
    font-size: 92px;
    margin: 10px 0 0px 0;
}

.chapter-start .chapter-start-inner h3.date {
    color: #ffffff;
    font-family: 'Cormorant SC', serif;
    text-align: center;
    font-size: 72px;
    margin: 0px 0 20px 0;
    font-weight: 300;
}

h4.lines {
    font-family: 'IM Fell DW Pica', serif;
    font-style: italic;
    color: #be9776;
    font-size: 26px;
    margin: 0;
    font-weight: 400;
    overflow: hidden;
    text-align: center;
}

h4.lines:before,
h4.lines:after {
    background-color: #be9776;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 5%;
}

h4.lines:before {
    right: 0.5em;
    margin-left: -50%;
}

h4.lines:after {
    left: 0.5em;
    margin-right: -50%;
}

h4.dots {
    color: #972046;
}

h4.dots:before,
h4.dots:after {
    background-color: #972046;
    top: 4px;
    width: 7%;
}

.chapter-spacer {
    height: 30px;
    background: #383142;
    width: 100%;
}

.chapter-start.chapter1 {
    /*background: url('../images/chapter1-start.jpg') no-repeat center center;*/
    background: url('../images/chapteractive/chapter_1.jpg') no-repeat center center;
    background-size: cover;
}

.chapter-start.chapter2 {
    /*background: url('../images/chapter2-start.jpg') no-repeat center center;*/
    background: url('../images/chapteractive/chapter_2.jpg') no-repeat center center;
    background-size: cover;
}

.chapter-start.chapter3 {
    /* background: url('../images/chapter3-start.jpg') no-repeat center center; */
    background: url('../images/chapteractive/chapter_3.jpg') no-repeat center center;
    background-size: cover;
}

.chapter-start.chapter4 {
    /* background: url('../images/chapter4-start.jpg') no-repeat center center; */
    background: url('../images/chapteractive/chapter_4.jpg') no-repeat center center;
    background-size: cover;
}

.chapter-start.chapter5 {
    /*background: url('../images/chapter5-start.jpg') no-repeat center center;*/
    background: url('../images/chapteractive/chapter_5.jpg') no-repeat center center;
    background-size: cover;
}

.chapter-start.chapter6 {
    /*background: url('../images/chapter6-start.jpg') no-repeat center center;*/
    background: url('../images/chapteractive/chapter_6.jpg') no-repeat center center;
    background-size: cover;
}

.chapter-start.chapter7 {
    /* background: url('../images/chapter7-start.jpg') no-repeat center center; */
    background: url('../images/chapteractive/chapter_7.jpg') no-repeat center center;
    background-size: cover;
}

.chapter-start.chapter8 {
    /* background: url('../images/chapter8-start.jpg') no-repeat center center; */
    background: url('../images/chapteractive/chapter_8.jpg') no-repeat center center;
    background-size: cover;
}

.chapter-start.chapter9 {
    /* background: url('../images/chapter9-start.jpg') no-repeat center center; */
    background: url('../images/chapteractive/chapter_9.jpg') no-repeat center center;
    background-size: cover;
}

.chapter-start.chapter10 {
    /* background: url('../images/chapter10-start.jpg') no-repeat center center; */
    background: url('../images/chapteractive/chapter_10.jpg') no-repeat center center;
    background-size: cover;
}

.chapter-start.chapter11 {
    /* background: url('../images/chapter11-start.jpg') no-repeat center center; */
    background: url('../images/chapteractive/chapter_11.jpg') no-repeat center center;
    background-size: cover;
}

.chapter-start.chapter12 {
    /* background: url('../images/chapter12-start.jpg') no-repeat center center; */
    background: url('../images/chapteractive/chapter_12.jpg') no-repeat center center;
    background-size: cover;
}

.chapter-container {
    position: relative;
    z-index: 15;
}

.scrollContentStyle {
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: relative;
}

.preorder-sub {
    width: 100%;
    height: 100%;
    min-height: 100%;
    position: relative;
    background: url('../images/preorder-bg.jpg') no-repeat center center;
    background-size: cover;
}

.preorder-sub .preorder-sub-inner {
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
}

.preorder-sub .preorder-sub-inner h1 {
    font-family: 'Ruda', sans-serif;
    font-size: 62px;
    font-weight: 900;
    margin: 0 0px 20px;
    color: #f0c192;
    text-transform: uppercase;

}

.preorder-sub .preorder-sub-inner > p {
    color: #ffffff;
    font-size: 16px;
    line-height: 24px;
    margin: 0 auto 40px;
    display: block;
    width: 720px;
    max-width: 720px;
}

.preorder-sub .preorder-sub-inner .preorder-products {
    margin-bottom: 40px;
}

.preorder-sub .preorder-sub-inner .product-item {
    border-right: 1px solid #7c645d;
    display: inline-block;
    width: 238px;
    height: 220px;
    vertical-align: top;
}

.preorder-sub .preorder-sub-inner .product-item:last-child {
    border-right: 0px;
}

.preorder-sub .preorder-sub-inner .product-item img {
    display: inline-block;
    margin-bottom: 10px;
    margin-top: 10px;
}

.preorder-sub .preorder-sub-inner .product-item p {
    color: #999999;
    font-size: 18px;
    line-height: 24px;
    font-style: italic;
    font-family: 'IM Fell DW Pica', serif;
    font-weight: 400;
    padding: 0px 10px 0;
}

.preorder-sub .preorder-sub-inner .product-item p .white {
    color: #ffffff;
}

.video-anchor {
    /*   height: 80px; */
    width: 100%;
    display: block;
}

.video-sub {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
    width: 100%;
}

.video-sub iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.bio-sub {
    width: 100%;
    position: relative;
    background: url('../images/bio-bg.jpg') no-repeat center center;
    background-size: cover;
    padding: 200px 0;
}

.bio-sub .bio-sub-inner {
    width: 80%;
    margin: 0 auto;
    max-width: 860px;
}

.bio-sub .bio-sub-inner h2 {
    text-align: center;
    font-family: 'Ruda', sans-serif;
    font-size: 62px;
    font-weight: 900;
    margin: 0 0px 40px;
    color: #f0c192;
    text-transform: uppercase;
}

.bio-sub .bio-sub-inner p {
    color: #ffffff;
    font-size: 16px;
    line-height: 24px;
}

.slider-sub {
    width: 100%;
    position: relative;
}

.tparrows {
    display: none;
}

.tp-bullet {
    border-radius: 10px;
}

.sub-footer span {
    padding: 20px;
    display: block;
    color: #ffffff;
}

.chapter-footer {
    background: url('../images/chapter1/footer.jpg') no-repeat center center;
    background-size: cover;
    width: 100%;
    height: 598px;
    position: relative;
}

.chapter-footer-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.chapter-footer-inner h4 {
    margin: 0px;
    color: #941f32;
    font-size: 22px;
    font-family: 'IM Fell DW Pica', serif;
    font-style: italic;
    font-weight: 400;
}

.chapter-footer-inner h2 {
    font-size: 60px;
    color: #ffffff;
    font-family: 'Cormorant SC', serif;
    font-weight: 300;
    margin: 20px 0;
}

.chapter-footer-inner p {
    font-size: 14px;
    line-height: 21px;
    color: #999696;
    font-family: 'Ruda', serif;
    font-weight: 400;
    margin-bottom: 20px;
}

.chapter-social .chapter-link-social img {
    display: inline-block;
}

/*re release*/

#rerelease {
    background-image: url("../images/rerelease/release_bg.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
    padding-top: 100px;
    padding-bottom: 100px;
    /* margin-top: 80px; */
    padding-top: 224px;
    padding-bottom: 230px;
    background-position: center center;
}

@media (max-width: 750px) {
    #rerelease {
        padding-top: 110px;
        padding-bottom: 115px;
        background-position: left -100px center;
    }
}

@media (max-width: 480px) {
    #rerelease {
        background-position: left -440px center;
    }
}

#rerelease .inner {
    width: 80%;
    margin: 0 auto;
    max-width: 860px;
}

#rerelease .release-cd {
    margin: 0 auto 40px;
}

#rerelease .rerelease-second-passage {
    margin-bottom: 42px;
    margin-top: 28px;
}

#rerelease .headline {
    font-family: 'Ruda', sans-serif;
    font-size: 62px;
    font-weight: 900;
    margin: 0 0px 36px;
    color: #f0c192;
    text-transform: uppercase;
}

@media (max-width: 484px) {
    #rerelease .headline {
        font-size: 40px;
    }
}

#rerelease p {
    color: #ffffff;
    font-size: 16px;
    line-height: 24px;
}

/*new single*/

#newsingle {
    background-image: url("../images/single/subseite_sadeness.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
    padding-top: 100px;
    padding-bottom: 100px;
    /* margin-top: 80px; */
    padding-top: 300px;
    padding-bottom: 270px;
    background-position: center center;
}

@media (max-width: 750px) {
    #newsingle {
        padding-top: 110px;
        padding-bottom: 115px;
        background-position: right -580px top;
    }
}

@media (max-width: 480px) {
    #newsingle {
        background-position: right -520px top;;
    }
}

#newsingle .inner {
    margin: 0 auto;
    max-width: 890px;
    width: 100%;
}

@media (max-width: 980px) {
    #newsingle .inner {
        margin: 0 auto;
        max-width: 890px;
        width: 80%;
    }
}

#newsingle .newsingle-cd {
    margin: 0 auto 40px;
}

#newsingle .newsingle-second-passage {
    margin-bottom: 54px;
    margin-top: 28px;
}

#newsingle .newsingle-first-passage {
    margin-top: 39px;
}

#newsingle .headline {
    font-family: 'Ruda', sans-serif;
    font-size: 62px;
    font-weight: 900;
    margin: 0 0px 36px;
    color: #f0c192;
    text-transform: uppercase;
}

@media (max-width: 484px) {
    #newsingle .headline {
        font-size: 40px;
    }
}

#newsingle p {
    color: #ffffff;
    font-size: 16px;
    line-height: 24px;
}

/*remixes*/

#remixe {
    background-image: url("../images/remix/background_remix.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
    /* margin-top: 80px; */
    padding-top: 220px;
    padding-bottom: 234px;
    background-position: center center;
}

@media (max-width: 750px) {
    #remixe {
        padding-top: 110px;
        padding-bottom: 115px;
        /* background-position: right -580px top; */
    }
}

@media (max-width: 480px) {
    #remixe {
        background-position: right -520px top;
    }
}

#remixe .inner {
    margin: 0 auto;
    max-width: 890px;
    width: 100%;
}

@media (max-width: 980px) {
    #remixe .inner {
        margin: 0 auto;
        max-width: 890px;
        width: 80%;
    }
}

#remixe .newremixes-cd {
    margin: 0 auto 40px;
}

#remixe .newremixes-first-passage {
    margin-top: 39px;
    margin-bottom: 12px;
}

#remixe .newremixes-second-passage {
    margin-bottom: 13px;
    margin-top: 0;
    color: #f0c192;
}

#remixe .newremixes-third-passage {
    margin-top: 0;
    margin-bottom: 45px;
}

#remixe .headline {
    font-family: 'Ruda', sans-serif;
    font-size: 62px;
    font-weight: 900;
    margin: 0 0px 36px;
    color: #f0c192;
    text-transform: uppercase;
}

@media (max-width: 484px) {
    #remixe .headline {
        font-size: 40px;
    }
}

#remixe p {
    color: #ffffff;
    font-size: 16px;
    line-height: 24px;
}

/*remixes*/

#amen-container {
    background-image: url("../images/single_release/background_single_release.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
    padding-top: 220px;
    padding-bottom: 234px;
    background-position: center center;
}

@media (max-width: 750px) {
    #amen-container {
        padding-top: 110px;
        padding-bottom: 115px;
    }
}

@media (max-width: 480px) {
    #amen-container {
        background-position: right -520px top;
    }
}

#amen-container .inner {
    margin: 0 auto;
    max-width: 890px;
    width: 100%;
}

@media (max-width: 980px) {
    #amen-container .inner {
        margin: 0 auto;
        max-width: 890px;
        width: 80%;
    }
}

#amen-container .amen-cd {
    margin: 0 auto 40px;
}

#amen-container .amen-first-passage {
    margin-top: 39px;
    margin-bottom: 16px;
}

#amen-container .amen-second-passage {
    margin-top: 28px;
    margin-bottom: 54px;
}

#amen-container .headline {
    font-family: 'Ruda', sans-serif;
    font-size: 62px;
    font-weight: 900;
    margin: 0 0px 36px;
    color: #f0c192;
    text-transform: uppercase;
}

@media (max-width: 484px) {
    #amen-container .headline {
        font-size: 40px;
    }
}

#amen-container p {
    color: #ffffff;
    font-size: 16px;
    line-height: 24px;
}

/* Anouncement */

#newalbum-announcement {
    background-image: url("../images/preorder-bg-large.jpg");
    background-size: auto;
    background-repeat: no-repeat;
    text-align: center;
    background-color: #221c36;
    /* margin-top: 80px; */
    padding-top: 220px;
    padding-bottom: 134px;
    background-position: center top;
}

@media (max-width: 750px) {
    #newalbum-announcement {
        padding-top: 110px;
        padding-bottom: 115px;
        background-size: cover;
        /* background-position: right -580px top; */
    }
}

@media (max-width: 480px) {
    #newalbum-announcement {
        background-position: right -520px top;;
    }
}

#newalbum-announcement .inner {
    margin: 0 auto;
    width: 100%;
}

#newalbum-announcement .newremixes-cd {
    margin: 0 auto 40px;
}

#newalbum-announcement .announcement-first-passage {
    margin-top: 39px;
    margin-bottom: 12px;
    max-width: 890px;
    width: 90%;
}

#newalbum-announcement .announcement-second-passage {
    margin-bottom: 13px;
    margin-top: 40px;
    max-width: 890px;
    width: 90%;
}

#newalbum-announcement .announcement-third-passage {
    margin-top: 0;
    margin-bottom: 45px;
    max-width: 890px;
    width: 90%;
}

#newalbum-announcement .btn {
}

#newalbum-announcement .headline {
    font-family: 'Ruda', sans-serif;
    font-size: 62px;
    font-weight: 900;
    margin: 0 0px 36px;
    color: #f0c192;
    text-transform: uppercase;
}

@media (max-width: 484px) {
    #newalbum-announcement .headline {
        font-size: 40px;
    }
}

#newalbum-announcement p {
    color: #ffffff;
    font-size: 16px;
    line-height: 24px;
    max-width: 890px;
    margin: 0 auto;
}

@media (max-width: 1600px) {
    .home-start .teaser .teaser-box > span {
        font-size: 25px;
        line-height: 20px;
    }

    .home-start .teaser .teaser-right .teaser-center > img {
        width: 200px;
        height: auto;
        margin: 29px 0;
    }

    .home-start .teaser .teaser-left .teaser-center > img {
        width: 200px;
        height: auto;
        margin: 38px 0;
    }

    .home-start .teaser .teaser-center {
        width: 474px;
    }
}

@media (max-width: 1518px) {
    .chapter-footer-inner h2 {
        font-size: 48px;
    }
}

@media (max-width: 1155px) {
    .home-start .teaser .teaser-right .teaser-center > img {
        width: 200px;
        height: auto;
        margin: 29px 0;
    }

    .home-start .teaser .teaser-left .teaser-center > img {
        width: 200px;
        height: auto;
        margin: 38px 0;
    }

    .home-start .teaser .teaser-left .teaser-center > img {
        padding-right: 10px;
    }

    .home-start .teaser .teaser-center {
        width: 464px;
    }
}

@media (max-width: 965px), (max-height: 767px) {
    .preorder-sub {
        height: initial;
    }

    .preorder-sub .preorder-sub-inner {
        position: relative;
        top: 0;
        left: 0;
        transform: translate(0, 0);
        text-align: center;
        width: 100%;
        padding: 140px 0 100px;
    }

    .bio-sub {
        padding: 100px 0;
    }

}

#newalbum-announcement .preorder-sub-inner {
    /*   position:absolute; */
    /*
      top:55%;
      left:50%;
    */
    /*   transform: translate(-50%,-50%); */
    text-align: center;
    width: 100%;
    /*   padding-bottom: 40px; */
}

#newalbum-announcement .preorder-sub-inner h1 {
    font-family: 'Ruda', sans-serif;
    font-size: 62px;
    font-weight: 900;
    margin: 0 0px 20px;
    color: #f0c192;
    text-transform: uppercase;

}

#newalbum-announcement .preorder-sub-inner > p {
    color: #ffffff;
    font-size: 16px;
    line-height: 24px;
    margin: 0 auto 40px;
    display: block;
    width: 720px;
    max-width: 720px;
}

#newalbum-announcement .preorder-sub-inner .preorder-products {
    margin-bottom: 40px;
}

#newalbum-announcement .preorder-sub-inner .product-item {
    border-right: 1px solid #7c645d;
    display: inline-block;
    /*   width:24%; */
    height: 220px;
    vertical-align: top;
    max-width: 238px;
}

#newalbum-announcement .preorder-sub-inner .product-item:last-child {
    border-right: 0px;
}

#newalbum-announcement .preorder-sub-inner .product-item img {
    display: inline-block;
    margin-bottom: 10px;
    margin-top: 10px;
}

#newalbum-announcement .preorder-sub-inner .product-item p {
    color: #999999;
    font-size: 18px;
    line-height: 24px;
    font-style: italic;
    font-family: 'IM Fell DW Pica', serif;
    font-weight: 400;
    padding: 0px 10px 0;
}

#newalbum-announcement .preorder-sub-inner .product-item p .white {
    color: #ffffff;
}

#newalbum-announcement .buynow {
    padding-bottom: 20px;
}

@media (max-width: 965px) {
    #newalbum-announcement .preorder-sub-inner > p {
        width: 90%;
        max-width: 720px;
    }

    #newalbum-announcement .preorder-sub-inner .preorder-products {
        width: 482px;
        margin: 0 auto 40px;
    }

    #newalbum-announcement .preorder-sub-inner .product-item {
        width: 49%;
    }

    #newalbum-announcement .preorder-sub-inner .product-item:nth-child(2n) {
        border: none;
    }

    #newalbum-announcement .preorder-sub-inner .product-item:nth-child(1) {
        margin-bottom: 10px;
    }
}

@media (max-width: 484px) {
    #newalbum-announcement .preorder-sub-inner .preorder-products {
        max-width: 300px;
        width: 90%;
    }

    #newalbum-announcement .preorder-sub-inner .product-item {
        width: 100%;
        text-align: center;
        border: none;
        padding: 15px 0;
    }
}

@media (max-width: 965px) {
    .preorder-sub .preorder-sub-inner > p {
        width: 90%;
        max-width: 720px;
    }

    .preorder-sub .preorder-sub-inner .preorder-products {
        width: 482px;
        margin: 0 auto 40px;
    }

    .preorder-sub .preorder-sub-inner .product-item:nth-child(2n) {
        border: none;
    }

    .preorder-sub .preorder-sub-inner .product-item:nth-child(1) {
        margin-bottom: 10px;
    }
}

@media (max-width: 928px) {
    .home-start .teaser .teaser-box > span {
        font-size: 22px;
        line-height: 20px;
    }

    .home-start .teaser .teaser-box {
        width: 178px;
    }

    .home-start .teaser .teaser-center {
        width: 392px;
    }

    .home-start .teaser .btn {
        font-size: 12px;
        padding: 10px 15px;
    }
}

@media (max-width: 792px) {
    header .enigma-moments {
        display: none;
    }

    .menu-wrapper .menu .menu-space {
        display: none;
    }

    .menu-wrapper .menu .menu-link-press {
        display: block;
        margin-bottom: 10px;
    }

    .menu-wrapper .menu .menu-link-press.menu-only-mobile {
        display: block;
    }

    .home-start .home-start-inner p {
        width: 100%;
    }

    .chapter-start .chapter-start-inner h2 {
        font-size: 90px;
    }

    .chapter-start .chapter-start-inner h2.gold {
        font-size: 50px;
    }

    .chapter-start .chapter-start-inner h3.date {
        font-size: 30px;
    }

}

@media (max-width: 788px) {

    .home-start .teaser .teaser-right .teaser-center > img {
        width: 175px;
        height: auto;
        margin: 38px 0;
    }

    .home-start .teaser .teaser-left .teaser-center > img {
        width: 175px;
        height: auto;
        margin: 47px 0;
    }

    .home-start .teaser .teaser-left .teaser-center > img {
        padding-right: 0px;
    }

    .home-start .teaser .teaser-center {
        width: 357px;
    }

}

@media (max-width: 767px), (max-height: 767px) {
    .home-start {
        height: initial;
    }

    .home-start .home-start-inner {
        position: relative;
        transform: translate(0, 0);
        top: 0;
        left: 0;
        margin: 0 auto;
        padding: 160px 0px 60px;
    }

    .scroll-btn {
        top: -50px;
    }

    .preorder-sub {
        height: initial;
    }

}

@media (max-height: 768px) {
    .home-start .teaser {
        position: relative;
    }
}

@media (max-width: 736px) {
    .home-start .home-start-inner h1 {
        font-size: 52px;
        line-height: 50px;
    }

    .scroll-btn {
        display: none;
    }

    .home-start .teaser {
        height: 180px;
    }

    .home-start .teaser .teaser-right, .home-start .teaser .teaser-left {
        height: 180px;
    }

    .home-start .teaser .teaser-center {
        width: 330px;
    }

    .home-start .teaser .teaser-left .teaser-center > img {
        width: 145px;
        height: auto;
        margin: 41px 0;
    }

    .home-start .teaser .teaser-right .teaser-center > img {
        width: 145px;
        height: auto;
        margin: 34px 0;
    }

}

@media (max-width: 660px) {

    .home-start .teaser .teaser-box > span {
        font-size: 21px; /*22*/
        line-height: 20px;
    }

    .home-start .teaser .btn {
        padding: 10px 11px;
    }

    .home-start .teaser .teaser-box {
        width: 159px;
    }

    .home-start .teaser .teaser-center {
        width: 309px;
    }

    .dot-line {
        margin-left: 0px;
    }

}

@media (max-width: 619px) {
    .chapter-start .chapter-start-inner h2 {
        font-size: 80px;
        margin: 20px 0 20px 0;
    }

    .home-start .teaser .teaser-right, .home-start .teaser .teaser-left {
        height: 150px;
    }

    .home-start .teaser {
        height: 303px;
    }

    .home-start .teaser .teaser-left {
        width: 100%;
        border-right: 0px;
        float: none;
    }

    .home-start .teaser .teaser-right {
        width: 100%;
        border-left: 0px;
        border-top: 3px solid #383142;
        float: none;
    }

    .home-start .teaser .teaser-left .teaser-center > img {
        margin: 26px 0;
    }

    .home-start .teaser .teaser-right .teaser-center > img {
        margin: 18px 0;
    }

}

@media (max-width: 574px) {
    header .preorder {
        width: 80px;
        background: url('../images/buy-mobile.jpg') no-repeat center center;
        background-size: cover;
    }

    header .preorder img {
        display: none;
    }

    header .preorder span {
        display: none;
    }

    .pagination-wrapper {
        right: 10px;
    }

}

@media (max-width: 484px) {
    .preorder-sub .preorder-sub-inner .preorder-products {
        width: 300px;
    }

    .preorder-sub .preorder-sub-inner .product-item {
        margin-bottom: 10px;
        border: none;
        height: auto;
    }

    .preorder-sub .preorder-sub-inner h1 {
        font-size: 40px;
    }

    .bio-sub .bio-sub-inner h2 {
        font-size: 40px;
    }
}

@media (max-width: 460px) {
    .chapter-start .chapter-start-inner h2 {
        font-size: 60px;
    }
}

@media (max-width: 414px) {

    .home-start {
        background: url('../images/home-bg_mobile.jpg') #1b1730 no-repeat top center;
        background-size: 1220px;
    }

    .home-start .home-start-inner {
        padding: 140px 0px 100px;
    }

    .home-start .home-start-inner p {
        width: 100%;
    }

    .scroll-btn {
        top: -85px;
    }

}

@media (max-height: 414px) {
    .pagination-wrapper {
        display: none;
    }

    .chapter-start .chapter-start-inner {
        top: 100px;
        transform: translate(-50%, 0);
    }

}

@media (max-width: 383px) {
    .menu-wrapper {
        width: 320px;
    }

    .menu-wrapper .menu-dark {
        padding: 120px 40px 40px;
    }

    .menu-wrapper .menu-dark2 {
        padding: 40px 40px;
    }

    .menu-wrapper .menu {
        padding: 40px 20px;
    }

    .menu-wrapper .menu .menu-space {
        height: 20px;
    }

    .menu-wrapper .menu-imprint {
        padding: 0px 40px 20px;
    }

    .chapter-start .chapter-start-inner h2 {
        font-size: 40px;
    }

    .chapter-start .chapter-start-inner h2.gold {
        font-size: 40px;
    }

    .chapter-start .chapter-start-inner h3.date {
        font-size: 30px;
    }

    .btn {
        padding: 21px 21px;
    }

}

@media (max-width: 374px) {
    header .logo {
        display: none;
    }

    header .logo-mobile {
        display: block;
    }
}

@media (max-width: 321px) {

    .home-start .home-start-inner {
        padding: 140px 0px 100px;
    }

    .home-start .home-start-inner h1 {
        font-size: 40px;
    }

    .btn {
        padding: 15px 11px;
        font-size: 12px;
    }

    .chapter-start .chapter-start-inner h2.gold {
        font-size: 34px;
    }

    .home-start .teaser .teaser-box {
        width: 168px;
    }

    .home-start .teaser .teaser-right .teaser-center > img {
        width: 130px;
        height: auto;
        margin: 25px 0;
    }

    .home-start .teaser .teaser-left .teaser-center > img {
        width: 130px;
        height: auto;
        margin: 32px 0;
    }

    .home-start .teaser .teaser-center {
        width: 304px;
    }

    .home-start .teaser .btn {
        font-size: 11px;
        padding: 10px 10px;
    }

}

.chapter-mobile-sharing-container .shariff .orientation-horizontal,
.chapter-social .shariff .orientation-horizontal {
    align-items: center;
    justify-content: center;
}

.chapter-mobile-sharing-container .shariff .orientation-horizontal .shariff-button,
.chapter-social .shariff .orientation-horizontal .shariff-button {
    width: 91px;
    height: 92px;
    margin: 0 !important;
}

.chapter-mobile-sharing-container .shariff .orientation-horizontal .shariff-button a,
.chapter-social .shariff .orientation-horizontal .shariff-button a {
    display: block;
    width: 91px;
    height: 92px;
}

.chapter-mobile-sharing-container .shariff .orientation-horizontal .shariff-button .fab,
.chapter-social .shariff .orientation-horizontal .shariff-button .fab {
    display: none;
}

.chapter-mobile-sharing-container .shariff .orientation-horizontal .shariff-button.facebook a,
.chapter-social .shariff .orientation-horizontal .shariff-button.facebook a {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFsAAABcCAYAAAABM8khAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUY0ODY2NzA1QTVEMTFFNkJCOTY5OTlCODNCQTRBN0EiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUY0ODY2NzE1QTVEMTFFNkJCOTY5OTlCODNCQTRBN0EiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFRjQ4NjY2RTVBNUQxMUU2QkI5Njk5OUI4M0JBNEE3QSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFRjQ4NjY2RjVBNUQxMUU2QkI5Njk5OUI4M0JBNEE3QSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pug6pw4AAAU0SURBVHja7JzNbxVlFManw6VFVySlNLp1AaaUFRoWrFxCYlwSNyZ+bDQatS1IIqGwASlBIxrjwpXhY+E/gInGoAs/Cm6sGzUGTYy0lAWJgALic8K5Zbi5c+/ceT/O89Y5yZNpe9+bTn595zdn3pnboR9OH8gSq03Im8iHyFfWOzOxe7by2Dwx0GuR55BHkKeRsZR2PiXYDyBv6z4/gSwgx5HRBrbfehCZQ/5G9iA3kPeRr5F3kI0NbD+1DnkL+Qd5A/m38JoA/xY5how3sN0dLSBvIvt021knkHmd+WMNbDdHy4yeVoWU1bvId+wOZ4VddPR0hzrK6gS7wxlh93J0v6J2OBvsKo6uMsMpHc4EexBH9ytKh7PAruPo5BzOANvF0Uk53Bq2D0cn43BL2D4dnYTDrWCHcDS9wy1gh3Q0tcNjw47haFqHx4Qd09GUDo8F28LRdA6PAdvS0VQODw2bwdE0Dg8Jm8nRFA4PBZvR0eYODwGb2dGmDvcNOwVHmzncJ+yUHG3icF+wU3R0dIf7gJ2yo6M63BW2paNbyIhmWLM2wHnIm8NddszC0QJzh/6Bv0R+Qn7X7Y8KZT+rw1sOjj6qgGciqeNh5CDyfJ9xvwR0+Evq8ClkMcbMtnC0zKYPKoCWus3q8LzGYWzh6GeQJ1PvwweBbdVHj1ec0UXFRevDF87MjvqGbdlHy6cMHi157Q/kJPKezjhRzSex+3AAr9SHVzlBWvfRm0t+fhl5Fjlr3IfLhD0G4DMTu2cvucxshrWODSU//wb5zFrgALzicAAfqwubZa2j7Oi7kpE8PgfglRyeJ7zWMcS0MzrDezo8T2Ct407N1yyAr/ThAD7eD7a1o9foPhTT6nFUDncZv4bV4TmZo19ELiDnNfN6idytduphO18Y/z3yAqvDczJHy/rHFmRSs7XHZfF6Hbu1MH4CucXq8JzM0a6/W9ZFfiZ0uChlY66Olp3ck6V5z7AT9q+EXYqo7jjbB5haju8XhVxinQm5OlrO4Ef1bG5ZcgkuNwN+01xElkvG/qVjL+pY+foci7PbBX28jM025HWZSfKh+70K+0gW72ZAt/oY+bTQP8v2KeRQl7FfIAf0XDOkucoEG6Clk3ocmYJOFtuH7TWFPKcOt+pI/tQUa7Jk7JK2e5SlM1pAvwrQy5199nXkNb1QEOAjJPs90sPvw6SgX8HmMVFHG3S3K8ibOqvF3YcJHJ5cFRwtS65L/dZG2g4fVofnDcKBHT3dbW27DGTb4SOqlAZ4tRm9XR29WNb6lRWrw5Nx9CCwG4c7OnpQ2I3De1dPR9eB3Ti8e/V1dF3YjcPvr0qOdoHdOPzejN6mR/rSIG+so4P/s8NXHJ3VWF2sCyqmw/Mel+smjs5qPMGaOUKK5fBrerguFiLfy3Mjse6urzg6K1/y7Vuus6Pt8Dl1+N7M/90eWXLdld3/KHBLod+KNKNrOTrEoRh6PXzZZTZ5cvRUXXX40shq78OdHR0K9mrrw704OiTs1dKHe3N0aNip9+FOfbQF7FQd7t3RsWCn5vAgjo4JOxWHB3N0bNjsDg/qaAvYrA4P7mgr2GwOj+JoS9gsDo/maGvY1g6P6mgG2FYOj+5oFtixHW7iaCbYsRxu5mg22KEdbupoRtihHG7uaFbYvh1O4Whm2L4cTuNodtiuDqdydAqw6zqcztGpwB7U4ZSOTgl2VYfTOjo12P0cTu3oFGF3OlweBlqnoKkdnSrsosPlaavPs7v/7oLa0Z3VytIqcfhHyEPIKXZHd9Z/AgwAysomM84b55AAAAAASUVORK5CYII=') center no-repeat transparent;
}

.chapter-mobile-sharing-container .shariff .orientation-horizontal .shariff-button.twitter a,
.chapter-social .shariff .orientation-horizontal .shariff-button.twitter a {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFwAAABcCAYAAADj79JYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RkFENDMwOTM1QTVEMTFFNkI0RUZFQzI2RDU2OTI2MDYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RkFENDMwOTQ1QTVEMTFFNkI0RUZFQzI2RDU2OTI2MDYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGQUQ0MzA5MTVBNUQxMUU2QjRFRkVDMjZENTY5MjYwNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGQUQ0MzA5MjVBNUQxMUU2QjRFRkVDMjZENTY5MjYwNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjjbW9kAAAY5SURBVHja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') center no-repeat transparent;
}

.chapter-mobile-sharing-container .shariff .orientation-horizontal .shariff-button.googleplus a,
.chapter-social .shariff .orientation-horizontal .shariff-button.googleplus a {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFsAAABcCAYAAAABM8khAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDgyNTQ1Q0I1QTVFMTFFNkI0MzhCRDVGQzZDQTk0RTAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDgyNTQ1Q0M1QTVFMTFFNkI0MzhCRDVGQzZDQTk0RTAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowODI1NDVDOTVBNUUxMUU2QjQzOEJENUZDNkNBOTRFMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowODI1NDVDQTVBNUUxMUU2QjQzOEJENUZDNkNBOTRFMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkE8XIgAAAXTSURBVHja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') center no-repeat transparent;
}