@charset "utf-8";
/*farben
#2c2e83 -> Blau dunkel
#009fe3 -> Blau mittel
#75bcea -> Blau hell

*/
html, body {
    height:100%;
  }
body {
	font-size: 1em;
    font-family: Verdana, Geneva, sans-serif;
    background-color:#ffffff;
    background-size: cover;
    background-attachment: fixed;
}

/*navigation*/
nav {
    width: 100%;
    position: fixed;
    top:0em;
    padding-top: 3em;
    padding-bottom: 1em;
    background-image: linear-gradient(#2c2e83, #75bcea);
}
nav ul{
    text-align: right;
}
nav ul li {
    display: inline-block;
    margin-right: 2em;
    font-size: 2em;
    color: #ccc;
}
nav ul li:hover {
    cursor: pointer;
    color: #2c2e83;
    text-shadow: 2px 2px 1px #fff;
}

/*start*/
header {
    min-height: 100%;
    height:auto !important;
    height:100%;
}
#div_start {
    padding-top: 10em;
    text-align: center;
}
#div_start p {
    margin-top: 0.5em;
    font-size: 4em;
    font-weight: bold;
    color: #ccc;
    text-shadow: 3px 3px 2px #2c2e83;
}
#logo_srpc {
    max-height: 15em;
    border: 9px solid transparent;
    border-image: linear-gradient(to bottom right, #2c2e83 0%, #75bcea 20%, #2c2e83 100%);
    border-image-slice: 1;
    box-shadow: 5px 7px 5px #666;
}
/*content*/
content {
    /*was alle section betrifft !!!*/
}
section {
    min-height: 100%;
    height:auto !important;
    height:100%;
    padding-top: 6em;
}
section h1 {
    padding-top: 1em;
    padding-bottom: 1em;
    text-align: center;
    font-size: 2em;
    color: #ccc;
    background-image: linear-gradient(#75bcea, #2c2e83);
}
a {
    color: #777777;
    text-decoration: none;
}
a:hover {
    cursor: pointer;
    border-radius: 25px;
    padding: 0.2em 1em 0.3em 1em;
    background-color: #009fe3;
}
/*Content DIV*/

#div_impressum {
    text-align: center;
    margin:5.5em;
}
#div_impressum p {
    padding-top: 1em;
}
#div_impressum p {
    font-size: 1.5em;
}
#div_impressum p:first-of-type {
    font-size: 3em;
    font-weight: bold;
}

/*footer*/
footer {
    width: 100%;
    position: fixed;
    bottom:0em;
    padding-top: 1.5em;
    padding-bottom: 2.5em;
    text-align: center;
    color: #666;
    background-image: linear-gradient(#75bcea, #2c2e83);
}