@import "master.css";

/*
blau 00aaff
text 142a41

    https://pixabay.com/de/blauer-himmel-sommer-himmel-wolken-1622893/ // https://pixabay.com/de/mond-wolken-himmel-himmel-wolken-1537721/
    https://pixabay.com/de/sch%C3%B6ne-dunkel-abend-idyllische-1866538/ 
*/

body { margin:0; padding:0;  width:100%; height:100%;}
body { 
    font-family: "sofia-pro","museo-sans",arial,verdana, helvetica, sans-serif; 
    color:#408efd; 
    font-size:16px;
    line-height:22px;
    font-weight:lighter;
    background:#0068fc url("/images/background.jpg") no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
body.night {
    background: #000 url("/images/background-night.jpg") no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


#impressum, #datenschutz {color:#555;}

img { border:none; }


/*.lnkBottom {position:absolute;bottom:15px;left:50px;padding:0;text-align:center;color:#142a41;border-bottom:solid 1px #142a41;}
.lnkBottom:hover {color:#fff;border-bottom:1px solid #ffffff;}
.lnkBottom2 {position:absolute;bottom:15px;left:130px;padding:0;text-align:center;color:#142a41;border-bottom:solid 1px #142a41;}*/

.data {color:#fff;}
a {color:#0068fc;font-weight:lighter;text-decoration:none; border-bottom:solid 1px transparent; transition: color 120ms ease-in, border-color 120ms ease-in, background-color 120ms ease-in;}
a:hover {border-bottom:solid 1px #0068fc; }
a.noLine {border:0; font-weight:lighter; color:#555;}
.cnt a {color:#408efd;border-bottom:1px solid #408efd; font-weight:normal;}
.cnt a:hover {color:#fff;border-bottom:1px solid #ffffff;}
#footer a:hover {border-bottom:0px;}

b,strong {font-weight:700;}

h1, h2 {font-size:30px; line-height:36px; font-weight:normal; }
h1 strong, h2 strong {font-weight:normal;}

h1,h2,h3,h4,p{margin:0 0 20px;}

h3 {color:#408efd;font-size:24px;line-height:32px;margin:0px; font-weight:normal; }
h4 {color:#000;font-size:20px;line-height:32px;font-weight:normal;margin:0px;}
h5 {color:#408efd;font-size:16px; line-height:22px; margin:0; font-weight:normal;}
.data span {font-size:30px;line-height:30px;}

#datenschutz ul {list-style-type:circle; list-style-position:outside; float:none; margin-bottom:25px;}
#datenschutz ul li { display:block; margin-left:10px;}
#datenschutz ul li::before, #datenschutz ul li:before {content:"-"; position:relative; float:left; padding-right:10px; }

.cf,.clearfix { clear: both; display: block; height: 0; line-height: 0; font-size: 0; }

@media only screen and (max-width: 720px) {
h1, h2 {font-size:20px; line-height:26px; font-weight:normal; }
}




.spinner {
  /*margin: 100px auto 0;*/
  padding-top: 25%;
  text-align: center;
  width: 100%;
  height: 100%;
  z-index:99;
}

.spinner > div {
  width: 20px;
  height: 20px;
  /*background-color: #333;*/
  background-color: #fff;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}

#fbLoginBtn{
    height: 30px;
    line-height:30px;
    background-color: #4267b2; 
    border: none;
      text-align: center;
    text-decoration: none;
    display: inline-block;
    color: white;
    float: right;
    cursor: pointer;
    border-radius: 3px;
    border-bottom:solid 1px #3c5d9f;
}
#fbLoginBtn:hover{
    background-color: #3c5d9f; 
}