@charset "UTF-8";
/* CSS Document */
body {
	height:100%;
}

html { 
  background: url("../images/hintergrundbild-ndesignz-1.jpg") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.content {
  width: 375px;
  height: 350px;
  background-color: rgba(255,255,255,1);
  opacity: 0.8;
  position: absolute;
  top:0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  padding: 30px 30px 30px 30px;
}

.border {
  width: 360px;
  height: 335px;
  position: absolute;
  top:5px;
  bottom: 5px;
  left: 5px;
  right: 5px;
  margin: auto;
  padding: 30px 30px 30px 30px;
  border-style: dashed;
  border-width: 1px;
  border-color: #007189;
}


@media (min-width:401px) and (max-width: 600px) {
.content {
  width: 320px;
  height: 350px;
  background-color: rgba(255,255,255,1);
  position: absolute;
  top:0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  padding: 10px;
} 
.border {
  width: 305px;
  height: 335px;
  position: absolute;
  top:5px;
  bottom: 5px;
  left: 5px;
  right: 5px;
  margin: auto;
  padding: 10px;
  border-style: dashed;
  border-width: 1px;
  border-color: #0f6fc6;
}    

.logo {
  width: 90%;
  margin-top: 30px;
  margin-bottom: 30px;
}
}

@media (max-width: 400px) {
.content {
  width: 280px;
  height: 350px;
  background-color: rgba(255,255,255,1);
  position: absolute;
  top:0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  padding: 10px;
} 
.border {
  width: 265px;
  height: 335px;
  position: absolute;
  top:5px;
  bottom: 5px;
  left: 5px;
  right: 5px;
  margin: auto;
  padding: 10px;
  border-style: dashed;
  border-width: 1px;
  border-color: #0f6fc6;
}    

.logo {
  width: 90%;
  margin-top: 30px;
  margin-bottom: 30px;
}
}

img.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto }

h1 {
	font-family: 'Raleway', sans-serif;
	font-weight:normal;
	color:#1d1d1b;
	text-align:center;
	/*text-shadow: 0px 2px #FFF; */
	padding-bottom:10px;
}
h1 span {
	color:#81a7b6;
}

p {
	font-family: 'Raleway', sans-serif;
	color:#1d1d1b;
	text-align:center;
	padding-bottom:10px;
}

p span {
	color:#81a7b6;
}

a,a:hover{
	text-decoration:none;
	color:#007189;
}

@media (min-width: 601px) {
    .logo {
    width: 250px;
    margin-top: 30px;
    margin-bottom: 30px;
    }}