/*---OFFLINE SEITE ---*/

#layer {
    width: 100%;
    height: 100%;
    background: #000000 url(../../../images/offline-side/background.png);
    position: absolute;
    z-index: 999999;
    background-size: cover;
}

#loginform {
    /* width: 50%; */
    margin: auto;
    /* margin-top: 10px; */
}

#layertext {
    box-sizing: border-box;
    margin: auto;
    margin-top: 10%;
    padding: 10px;
    width: 50%;
}

#offline {
    width: 80%;
    height: auto;
    margin: 50px auto;
    background: #4c6173;
    padding: 10px;
    box-sizing: border-box;
    display: inline-block;
}

#layer #offline .offline-name {
    font: 90px/100% 'Playfair Display',serif;
    font-style: italic;
    color: #8596A6;
    /* text-shadow: 2px 2px #A7BBC4; */
    letter-spacing: 0px;
    text-transform: uppercase;
}

#layer #offline .offline-sub {
    /* margin-top: 10px; */
    margin: auto;
    width: 80%;
    font: 13px/100% 'Overpass',sans-serif;
    font-style: italic;
    color: #8596a6;
    /* box-shadow: 2px 2px #A7BBC4; */
    /* margin-left: 471px; */
    letter-spacing: 2px;
    text-decoration: none !important;
    background: #293340;
    padding: 3px 16px;
}

#layer #offline .offline-welcome {
    float: left;
    width: 698px;
    overflow: auto;
    margin-top: 10px;
    height: 224px;
    box-sizing: border-box;
    background: #4c6173;
    padding: 10px;
    margin-right: 10px;
    text-align: justify;
}

#layer #offline .offline-team {
    float: left;
    width: 500px;
    overflow: auto;
    margin-top: 10px;
    height: 224px;
    box-sizing: border-box;
    background: #4c6173;
    padding: 10px;
}

#layer #offline .offline-loggin {
    float: left;
    width: 500px;
    /* overflow: auto; */
    margin-top: 10px;
    height: 218px;
    box-sizing: border-box;
    background: #4c6173;
    padding: 10px;
}

#layer #offline .offline-news {
    float: left;
    width: 476px;
    overflow: auto;
    margin-top: 10px;
    height: 212px;
    box-sizing: border-box;
    background: #4c6173;
    padding: 10px;
    margin-left: 10px;
    text-align: justify;
}

#layer #offline .offline-discord {
    float: left;
    width: 212px;
    overflow: auto;
    margin-top: 10px;
    height: 212px;
    box-sizing: border-box;
    background: #4c6173;
    padding: 44px;
    margin-left: 10px;
    font-size: 124px;
}

#layer #offline .offline-welcome b {
    color: #191F26;
}

#layer #offline .titel {
    font-size: 15px;
    font-weight: 400;
    text-align: left;
    text-transform: uppercase;
    color: #8596A6;
    padding: 5px;
    border-bottom: #8596a6 2px solid;
    margin: 0 0px 5px 0px;
    font-family: 'Playfair Display',serif;
    line-height: 22px;
}