@media (max-width: 639px) {


}

@media (min-width: 640px) {


}

@media (min-width: 960px) {

}

@media (min-width: 1200px) {


}

@media (min-width: 1600px) {


}

html {
    height:100%;
}

body.sd-body {
    font-family: 'Fira Sans', sans-serif !important;
    font-variant-ligatures: no-common-ligatures;
    line-height: 1.75; 
    color:rgba(0,0,0,0.5);
    height:100%;
    overflow-y: scroll;
}

body.sd-body-mobile {
    font-family: 'Fira Sans', sans-serif !important;
    font-variant-ligatures: no-common-ligatures;
    line-height: 1.75; 
    color:rgba(0,0,0,0.5);
    background: repeating-linear-gradient(
        135deg,
        #ffff00,
        #ffff00 40px,
        #000000 40px,
        #000000 80px
    );


}

.left-stripes {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    width: 40px;
    background: repeating-linear-gradient(
        135deg,
        #ffff00,
        #ffff00 40px,
        #000000 40px,
        #000000 80px
    );
}

.left-stripes-inner h1 {
    font-size: 18px;
    color: #fff;
    background: #000;
    transform: rotate(-90deg);
    transform-origin: 0 0;
    position: absolute;
    bottom: 0;
    padding: 5px;
    left: 3px;
}
.sd-no-shadow {
    box-shadow: 0 14px 25px rgba(0,0,0,0);
}

#modal-buch, #modal_preface {
    background:#ffffff;
}

#flipbook .shadow,
#flipbook.shadow{

    box-shadow: 0 14px 25px rgba(0,0,0,.16);
}

.flipbook-container {
    margin: auto auto;
    width:840px;
    height:100%;
}

.sd-title {
    background:#000000;
    color:#fff !important;
    display:inline-block;
    padding:0px 3px 5px 3px;
}

.sd-title h1 {
    font-size:4rem;
    color:#fff !important;
    display:inline-block;
}

.sd-title p {
    line-height:0.75;
}

.uk-navbar-item, .uk-navbar-nav > li > a, .uk-navbar-toggle {

    font-size: 1rem;
    font-family: 'Source Sans Pro', sans-serif !important;

}

.uk-h1,.uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, .uk-heading-2xlarge, .uk-heading-large, .uk-heading-medium, .uk-heading-small, .uk-heading-xlarge, h1, h2, h3, h4, h5, h6 {
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    text-transform: none;
}



.uk-text-light {
    font-weight: 200;
}

.divider-66 {
    width:10%;
    max-width:10%;
    margin: auto auto;
    height:2px;
    border-top:1px solid #cecece;
}





.uk-offcanvas-bar {
    color: #222;
    background: #fff;


}

.uk-offcanvas-bar .uk-nav-primary>li.uk-active>a {
    color: #222;
}

.uk-offcanvas-bar .uk-nav-primary>li>a {
    color: #222;
}

.uk-text-lead {
    font-size: 1.3rem;
    line-height: 1.3;
    color:rgba(0,0,0,0.5);
}

h3.uk-card-title {
    color: rgba(221,0,24,1);
}


.uk-heading-small {
    font-size: 1.25rem;
}

.rk-navbar-background {
    background: rgba(255,255,255,1) !important;
}

.rk-padding-small {
    padding-left:15px;
    padding-right:15px;
}

.rk-xsmall {
    font-size: .5rem;
    line-height: 1;
}

.uk-table td, .uk-table-small td, .uk-table th, .uk-table-small th {
    padding: 0px;
}

.uk-panel h1 {
    background: rgba(255,255,255,0.5);
    padding:40px;
    text-transform:uppercase;
}

.uk-link, a {
    color: rgba(0,0,0,0.8);

}

.uk-link, a:hover {
    color: rgba(0,0,0,0.7);

}

.uk-logo {
    margin-bottom: 0px !important;
}



.uk-captcharepeat{
    z-index: 999 !important;
    position: absolute !important;
    height: 0 !important;
    width: 0 !important;
    border: none !important;
    background: none !important;
    margin: 0 !important;
    top: -1000px !important;
    left: 0 !important;
    clear: both !important;
    font-size: 0px !important;
    line-height: 0px !important;
}
/*
.uk-dotnav > * > * {
width: 40px;
height: 8px;
border-radius: 0%;
}
*/

.uk-button-default {
    background-color: #475270;
    color: #fff;
    border: 1px solid transparent;
}

.uk-button-danger {
    background-color: #f0506e;
    color: #fff;
    border: 1px solid transparent;
}

.description-list-large > dt {

    font-size: 1.2rem;

}

.nl-hint {
    position: fixed;
    width: 100%;
    bottom: 0;
    background: #ffffff;
    padding: 5px 15px 5px 15px;
    text-align: center;
    box-shadow: 0px -2px 6px rgba(0,0,0,0.28);
}

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

.rex-navi-depth-1 {
    list-style-type:none;

    padding:0;
}

input.ipt-required:invalid {
    border: 1px solid #1e87f0;
    background: #d8eafc;
    color: #1e87f0;
}
input.ipt-required:valid {
    border: 1px solid #32d296;
    background: #edfbf6;
}

.shariff {
    text-align:right;
}

.shariff li .fa, .shariff li .share_count, .shariff li .share_text {
    line-height: 2rem;
}

.shariff .facebook .fa-facebook {
    font-size: 1rem;
}

.shariff ul.col-5 {
    display:block;
    flex: 0 0 100%;
    max-width: 100%;
    text-align:right;
}

.shariff .orientation-horizontal.col-5 li, .shariff .orientation-horizontal.col-6 li {
    flex: 0 0 auto;

}

.shariff ul {
    margin-left:0px;
}

.shariff .orientation-horizontal li {
    flex: 1 0 auto;
    margin-right: 1px;
    min-width: 0;
    width: auto;
    text-align:left;
}
.shariff .theme-grey .shariff-button a {
    background-color: transparent;
    color: rgba(0, 0, 0, 0.5);
}

.shariff .theme-grey .shariff-button a:hover {
    background-color: transparent;
    color: rgba(0, 0, 0, 0.4);
}

.shariff li, .shariff li a {
    height: 2rem;
    width: 2rem;
}
.shariff .orientation-horizontal li .share_text {
    display: none;
    text-indent: 0;
}.shariff .orientation-horizontal.button-style-icon-count li, .shariff .orientation-horizontal.button-style-standard li {
    min-width: 30px;
}