body{
  font-family: helvetica, arial, sans-serif;
  font-size:16px;
  text-decoration: none;
  color:#ffffff;
  background-color:#e6e6e6;
  background: url("../images/overview.jpg") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding:0;
  margin:0;
}
h1{
  font-size:38px;
  line-height: 41px;
  text-align: center;
  color:#ffffff;
  text-transform: uppercase;
  font-weight: lighter;
}

p{
  text-align: center;
}
a, a:link {
    color: #ffffff;
    text-decoration:underline;
    cursor: pointer;
}
/* ----- Cookies -----*/
#popupDiv {
    display: none;
    background: rgb(37, 46, 57) !important;
    color: #ffffff !important;
    position: fixed;
    bottom: 0;
    width:100%;
    font-size:14px;
    line-height: 44px;
    box-sizing:border-box;
    float:left;
    display: inline-block;
    padding: 0 0 0 10px;
}
#popupDiv #close{
  color:#ffffff !important;
  background-color:#0088c1;
  width:100px;
  float:right;
  display: inline-block;
  text-align: center;
  text-transform: capitalize;
  text-decoration: none;
}
#popupDiv a{
  color:#0088c1 !important;
  text-decoration: none;
}
@media screen and (max-width: 768px){
#popupDiv span {
    width: 70%;
    max-width: 70%;
    float: left;
    line-height: 12px;
    padding: 10px;
    box-sizing: border-box;
    font-size:12px;
}
}
/* ----- */

.company{
  color:#ffffff;
  font-size:16px;
  font-weight: bold;
}
#container{
  width:65%;
  margin: 0 auto;
}
#content{
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  padding: 40px;
  margin-top:5%;
}
.comingIcon{
  margin: 0 auto;
  width: 60px;
  height: 60px;
}
.comingIconMobile{
  display: none;
}
.firstLine{
  width: 100%;
  margin-top:5%;
  box-sizing: border-box;
  display: block;
}
.logo{
  text-align: center;
  display: block;
}
.logoMobile{
  display: none;
}
.contactData{
  color:#ffffff;
  text-align: center;
  padding: 60px;
  box-sizing: border-box;
  font-size:14px;
}


/*---- mobile Styles ----*/

      @media only screen and (max-width: 768px){

        body {
          font-size: 14px;
        }
        h1 {
          font-size: 20px;
          line-height: 23px;
        }
        #container {
          width: 90% !important;
        }
        #content {
          padding: 20px;
        }
        .comingIconMobile{
          display: block;
          margin: 0 auto;
          width: 30px;
          height: 30px;
        }
        .comingIcon{
          display: none;
        }
        .logo{
          display: none;
        }
        .logoMobile{
          text-align: center;
          display: block;
        }
        .firstLine, #content{
          margin-top:10%;
        }
        #impressumModal a, #impressumModal a:link {
            color: #877f7a !important;
        }
        .modalImpressum-content {
            padding: 20px !important;
            width: 80% !important;
        }
        .contactData {
          padding: 20px !important;
        }
      }











/* --------------- Impressum---------------*/


#impressumModal h2{
  margin-top:50px;
}


	/* The Modal (background) */
.modalImpressum {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 2000; /* Sit on top */
    padding-top: 40px; /* Location of the box */
    padding-bottom: 40px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modalImpressum-content {
    background-color: #fefefe;
    margin: auto;
    padding: 40px;
    color: #877f7a;
    border: 1px solid #888;
    width: 80%;
}
.modalImpressum-content p{
  text-align: left;
}

/* The Close Button */
.closeImpressum, .closeDatenschutz {
    color: #5c6267;
  	float: right;
    /*background-color: #0087c1;*/
    font-size: 20px;
    font-weight: bold;
    padding: 0 10px;
}

.closeImpressum:hover, .closeDatenschutz:hover{
	color: #3369ae;
	cursor: pointer;
}
.closeImpressum:focus, .closeDatenschutz:focus {
    text-decoration: none;
    cursor: pointer;
}

#impressumBtn{

	color:#ffffff;
	cursor: pointer;
}

		}
    @media screen and (max-width: 700px){

      .closeImpressum, .closeDatenschutz{
        padding:0;
      }
      .modalImpressum-content h1{
        text-align:left !important;
      }
      .modalImpressum-content {
          width: 85% !important;
      }


    }