/* ==== Google font ==== */
/* lato-300 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: url('assets/fonts/lato-v23-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('assets/fonts/lato-v23-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('assets/fonts/lato-v23-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('assets/fonts/lato-v23-latin-300.woff') format('woff'), /* Modern Browsers */
       url('assets/fonts/lato-v23-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('assets/fonts/lato-v23-latin-300.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('assets/fonts/lato-v23-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('assets/fonts/lato-v23-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('assets/fonts/lato-v23-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('assets/fonts/lato-v23-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('assets/fonts/lato-v23-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('assets/fonts/lato-v23-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-700 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('assets/fonts/lato-v23-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('assets/fonts/lato-v23-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('assets/fonts/lato-v23-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('assets/fonts/lato-v23-latin-700.woff') format('woff'), /* Modern Browsers */
       url('assets/fonts/lato-v23-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('assets/fonts/lato-v23-latin-700.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-900 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: url('assets/fonts/lato-v23-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('assets/fonts/lato-v23-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('assets/fonts/lato-v23-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('assets/fonts/lato-v23-latin-900.woff') format('woff'), /* Modern Browsers */
       url('assets/fonts/lato-v23-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('assets/fonts/lato-v23-latin-900.svg#Lato') format('svg'); /* Legacy iOS */
}

html{
    height: 100%;
}

body {
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: #555;
    line-height: 1.6em;
    -webkit-font-smoothing: antialiased;
    -webkit-overflow-scrolling: touch;
	height: 100%;
	width: 100%;
	background: url(../img/background-safe-trust.jpg) no-repeat center top #fff;
	background-attachment: fixed;
	background-position: center center;
	position:relative;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    color: #444;
}

h1 {
	font-size: 40px;
	background-attachment: relative;
	background-position: center center;
	width: 682px;
	height: 144px;
	background-image:url(../img/safe-and-trust-logo.png);
	background-repeat:no-repeat;
	    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	
}


h3 {
	font-weight: 400;
}

h4 {
	font-weight: 400;
	font-size: 20px;
}

p {
    margin-bottom: 20px;
    font-size: 16px;
}


a {
    color: #ACBAC1;
    word-wrap: break-word;
    -webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
    -moz-transition: color 0.1s ease-in, background 0.1s ease-in;
    -ms-transition: color 0.1s ease-in, background 0.1s ease-in;
    -o-transition: color 0.1s ease-in, background 0.1s ease-in;
    transition: color 0.1s ease-in, background 0.1s ease-in;
}

a:hover,
a:focus {
    color: #96c11f;
    text-decoration: none;
    outline: 0;
}

a:before,
a:after {
    -webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
    -moz-transition: color 0.1s ease-in, background 0.1s ease-in;
    -ms-transition: color 0.1s ease-in, background 0.1s ease-in;
    -o-transition: color 0.1s ease-in, background 0.1s ease-in;
    transition: color 0.1s ease-in, background 0.1s ease-in;
}

.alignleft {
    text-align: left;
}
.alignright {
    text-align: right;
}

.aligncenter {
    text-align: center;
}

.btn {
  display: inline-block;
  padding: 10px 20px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.428571429;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
       -o-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 0;
}

.btn-theme  {
  color: #fff;
  background-color: #4F92AF;
  border-color: #4F92AF;
}
.btn-theme:hover  {
  color: #fff;
  background-color: #444;
  border-color: #444;
}
form.signup input  {
	height: 42px;
	width: 200px;
	border-radius: 0;
	border: none;
}
form.signup button.btn {
	font-weight: 700;
}
form.signup input.form-control:focus {
	border-color: #fd680e;
}



.button {
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-box-shadow: #6E7849 0 0 10px;
  -webkit-transition: all 0.5s ease;
  background-color: rgba(0,0,0,0.5);
  border: 2px solid #ffffff;
  color: #ffffff;
  display: inline-block;
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  line-height: 28px;
  font-size: 22px;
  padding-bottom: 14px;
  padding-left: 90px;
  padding-right: 90px;
  padding-top: 14px;
  text-decoration: none;
  transition: all 0.5s ease;
  width: 350px;
  height: 88px;
  margin: 50px;
}

.button:hover {
  -moz-box-shadow: #ffffff 0px 0px 10px;
  box-shadow: #ffffff 0px 0px 10px;
}


/* wrapper */

#wrapper {
	text-align: center;
	padding: 0;
	min-height: 100%;
	height: auto !important;
	width: 100%;
	position:relative;	
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


#geschuetzt-europa-recht {
    left: 20px;
    position: absolute;
    top: 20px;
}

#geschuetzt-europa-recht p {
    color: #fff;
    float: left;
    font-size: 0.9em;
    line-height: 16px;
    margin-top: -3px;
}

#geschuetzt-europa-recht img {
    float: left;
    margin-right: 10px;
}

#wrapper h1 {
    opacity: 0.7;
	color: #fff;
	font-size: 45px;
	font-weight: 900;
	letter-spacing: -1px;
	margin: 160px auto 100px auto;
}

.impressum{
	background-color: rgba(255, 255, 255, 0.9);
    margin: auto;
    padding: 50px;
    width: 600px;
	text-align: left;
}

h2.subtitle {
	color: #fff;
	font-size: 24px;
}

h1 a{
	display: block;
    width: 100%; 
    height: 100%;
    text-decoration: none;
    border: 0;
	}


/* footer */
p.copyright {
	bottom: 0;
    color: #fff;
    margin-top: 50px;
    position: absolute;
    text-align: center;
    width: 100%;
}	

#footer {
    position: fixed;
	padding: 10px;
	right: 0;
    bottom: 0px;
}

#footer a{
	margin: 0 20px;
}

#logindaten, #kontaktformular { display: none; width: 600px; }

label { margin-right: 12px; margin-bottom: 9px; color: #646464; font-size: 1.2em; width: 200px;}

.txt { 
display: inline-block; 
color: #676767;
width: 360px; 
margin-bottom: 10px; 
border: 1px dotted #ccc; 
padding: 5px 9px;
font-size: 1.2em;
line-height: 1.4em;
}

.txtarea { 
display: block; 
resize: none;
color: #676767;
margin-bottom: 10px; 
width: 500px; 
height: 150px;
border: 1px dotted #ccc;
padding: 5px 9px; 
font-size: 1.2em;
line-height: 1.4em;
}

.txt:focus, .txtarea:focus { border-style: solid; border-color: #bababa; color: #444; }

input.error, textarea.error { border-color: #973d3d; border-style: solid; background: #f0bebe; color: #a35959; }
input.error:focus, textarea.error:focus { border-color: #973d3d; color: #a35959; }

#send { 
	background-color: rgba(0, 0, 0, 0.5);
    border: 1px solid #000;
    color: #ffffff;
    display: inline-block;
	padding: 5px 15px;
    text-decoration: none;
    transition: all 0.5s ease 0s;
}
#send:hover {
/*background: #183d80; 
background: -webkit-gradient(linear, left top, left bottom, from(#284f9d), to(#0c2b6b)); 
background: -moz-linear-gradient(top,  #284f9d, #0c2b6b); 
background: -webkit-linear-gradient(top, #284f9d, #0c2b6b);
background: -o-linear-gradient(top, #284f9d, #0c2b6b);
background: -ms-linear-gradient(top, #284f9d, #0c2b6b);
background: linear-gradient(top, #284f9d, #0c2b6b);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#284f9d', endColorstr='#0c2b6b');*/
}
#send:active {
/*color: #8c9dc0; 
background: -webkit-gradient(linear, left top, left bottom, from(#0e387d), to(#2f55b7)); 
background: -moz-linear-gradient(top,  #0e387d,  #2f55b7);
background: -webkit-linear-gradient(top, #0e387d, #2f55b7);
background: -o-linear-gradient(top, #0e387d, #2f55b7);
background: -ms-linear-gradient(top, #0e387d, #2f55b7);
background: linear-gradient(top, #0e387d, #2f55b7);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0e387d', endColorstr='#2f55b7');*/
}

@media (max-width: 991px) {
	
h1 {
	width: 300px;
	height: 63px;
}

#wrapper h1 {
	margin: 20px auto 20px auto;
}

.button {
  line-height: 28px;
  font-size: 22px;
  padding-bottom: 14px;
  padding-left: 50px;
  padding-right: 50px;
  padding-top: 14px;
  text-decoration: none;
  transition: all 0.5s ease;
  width: 280px;
  height: 88px;
  margin: 10px;
}

.impressum{
    width: 300px;
	padding: 10px;
}

}