/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 03.10.2018, 14:08:13
    Author     : falk.wachsmuth
*/

body {
    padding: 0;
    margin: 25px 25px 25px 25px;
    font-family: sans-serif;
    line-height: 1.3rem;
    color: #555;
    background: url(../img/bgBody.png) top center repeat-x #d9dbdd;
}

.content {
    margin: auto auto;
    max-width: 500px;
    padding: 2rem;
    position: relative;
    z-index: 1;
    font-size: 0.9rem;
    box-shadow: 0 0 10px 5px #e2e2e2;
    background-color: #fff;
}

#logo {
    position: absolute;
    top: 0;
    right: 2rem;
}

#logoErlo, #logoPtLounge {
    width: 200px;
    display: block;
}

#specialHint {
    max-width: 600px;
    text-align: center;
    margin: 35px auto;
    color: #b2b2b2;
    font-weight: bold;
    color: #fff;
    font-size: 1.8rem;
    line-height: 2rem;
    font-weight: bold;
    text-shadow: 0 1px 0 #ccc, 
        0 2px 0 #c9c9c9, 
        0 3px 0 #bbb, 
        0 4px 0 #b9b9b9, 
        0 5px 0 #aaa, 
        0 6px 1px rgba(0,0,0,.1), 
        0 0 5px rgba(0,0,0,.1), 
        0 1px 3px rgba(0,0,0,.3), 
        0 3px 5px rgba(0,0,0,.2), 
        0 5px 10px rgba(0,0,0,.25), 
        0 10px 10px rgba(0,0,0,.2), 
        0 20px 20px rgba(0,0,0,.15);
}

h1 {
    color: #ee8006;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 0;
}

p:last-child {
    margin-bottom: 0;
}

a {
    color: #ee8006;
}

a:hover, a:focus {
    text-decoration: none;
}

/* Responsive */
@media (max-width: 560px) {
    #logo {
        position: static;
        margin: -30px auto 0 auto;
        display: block;
    }
    
    #logoErlo {
        margin: 0 auto;
    }
    
    #logoPtLounge {
        margin: -30px auto 20px auto;
    }
}