body,
h1,
h2,
h3,
h4,
h5,
h6,
h7 {
    font-family: Alegreya, serif
}

body {
    color: #4c4c4c;
    -ms-scroll-chaining: none;
    overscroll-behavior: none;
    font-size: 1.1em;
    word-wrap: break-word;
    background-color: rgba(247, 247, 247, .85)
}

h1,
h2,
h3,
h4,
h5,
h6,
h7 {
    font-weight: 800
}

.strot {
    background-color: #c13e2c;
    color: #fff
}

.stgrau {
    background-color: #f7f7f7
}

.strot hr {
    border-color: #fff
}

.logo {
    margin-bottom: 1em;
    padding-bottom: 4em;
    text-align: center;
}

.stmain {
    background-color: #873e5c;
    background-image: url(stars.jpg);
    background-position: center;
    background-size: cover;
    color: #fff
}

a {
    color: #c13e2c
}

.stmain a {
    color: #fff
}

.psmenu {
    padding: 2em 0
}

@media screen and (max-width:39.9375em) {
    #bottom,
    #left,
    #right,
    #top,
    .myBtn {
        display: none
    }
    .stpadding {
        padding: 5%
    }
    .stmargin {
        padding: 20% 5%;
        text-align: center
    }
    .logo {
        padding-bottom: 4em;
        width: 60%
    }
    .grid-padding-x>.cell {
        padding-right: 0;
        padding-left: 0
    }
}

@media screen and (min-width:40em) {
    .myBtn {
        display: none
    }
    .stmargin {
        padding: 5%
    }
    .logowidth {
        width: auto!important
    }
}

@media screen and (min-width:40em) and (max-width:63.9375em) {
    .stpadding {
        padding: 5%
    }
    .logo {
        padding-bottom: 4em
    }
}

@media screen and (min-width:64em) {
    .logo {
        max-height: 30vh
    }
    .myBtn,
    .stmain {
        position: fixed
    }
    .stpadding {
        padding: 5vw;
        min-height: 100vh
    }
    .stmargin {
        margin: 5vw;
        color: #fff;
        min-height: 100vh
    }
    .stmain {
        background-color: #873e5c;
        background-image: url(stars.jpg);
        background-position: center;
        background-size: cover
    }
    .myBtn {
        display: block;
        bottom: 30%;
        left: 50%;
        z-index: 99;
        font-size: 2em;
        border: none;
        outline: 0;
        background-color: rgba(193, 62, 44, 1);
        color: #fff;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        min-width: 1.6em;
        min-height: 1.6em;
        padding: .3em;
        border-radius: 50%;
        text-align: center;
        animation: pulse 3s infinite;
        cursor: pointer;
        box-shadow: 0 0 0 rgba(255, 255, 255, .62)
    }
    .ps002 {
        bottom: 20%
    }
    .ps003 {
        bottom: 10%
    }
    .stmain {
        min-height: 100vh;
        z-index: 10;
        left: 0;
        top: 0;
        width: 50vw;
        min-width: 320px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: top;
        -ms-flex-pack: top;
        justify-content: top;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
    .psmxw {
        max-width: 470px
    }
    #bottom,
    #left,
    #right,
    #top {
        background: #fff;
        z-index: 999;
        position: fixed
    }
    #left,
    #right {
        top: 0;
        bottom: 0;
        width: 2em
    }
    #left {
        left: 0
    }
    #right {
        right: 0
    }
    #bottom,
    #top {
        left: 0;
        right: 0;
        height: 2em
    }
    #top {
        top: 0
    }
    #bottom {
        bottom: 0
    }
}