body{
	font-size:14px;
	font-family: 'Open Sans',Helvetica Neue,Helvetica,sans-serif !important;
	overflow: hidden !important;
}

p{
	line-height: 15px !important;
}

.btn-success {
	color: #fff;
	background-color: #53a318 !important;
	border-color: #53a318 !important;
	font-size: 16px !important;
	font-weight: 600;
	border-radius:2px !important;
	line-height: 24px;
    height: 40px !important;
}

.btn-success:focus,
.btn-success.focus {
	color: #fff;
	background-color: #53a318 !important;
	border-color: #53a318 !important;
}
.btn-success:hover {
	color: #fff;
	background-color: #367806 !important;
	border-color: #367806 !important;
}

.form-control {
    display: block;
    width: 100%;
    height: 40px !important;
    padding: 12px 12px;
    font-size: 14px;
	line-height: 30px !important;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 2px !important;
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: hidden !important;
}

.modal-content{
	border-radius:0px !important;
}

.modal-header{
	border-bottom:0px !important;
	padding: 15px 15px 0px !important;
}

.modal-body{
	padding: 0px 15px 30px !important;
}

.modal-backdrop {
  background-color: #333 !important;
}

.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: .6 !important;
}

.background-modal{
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.30), 0 6px 20px 0 rgba(0, 0, 0, 0.30);	
}

.background-image-commerzbank{
    background-image: url('/landing/groupon/images/background/commerzbank-background2.png');
    -webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
    background-position: center center;
	background-attachment: fixed;
    border-style: none;
    margin-left: auto;
    margin-right: auto;
    border-radius: 0px;
    position: relative;
	width: 100%;
	height:100%;
	min-height:1200px;
}

.background-image-ergodirekt{
    background-image: url('/landing/groupon/images/background/ergodirekt-background2.png');
    -webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
    background-position: center center;
	background-attachment: fixed;
    border-style: none;
    margin-left: auto;
    margin-right: auto;
    border-radius: 0px;
    position: relative;
	width: 100%;
	height:100%;
	min-height:1200px;
}

.background-image-tfbank{
    background-image: url('/landing/groupon/images/background/tfbank-background.jpg');
    -webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
    background-position: center center;
	background-attachment: fixed;
    border-style: none;
    margin-left: auto;
    margin-right: auto;
    border-radius: 0px;
    position: relative;
	width: 100%;
	height:100%;
	min-height:1200px;
}

.bg-image{
	position: absolute;
    width: 100%;
	height:100%;
}

@media(max-width:767px){

	.background-modal{
		margin-top: 20px !important;
		margin-bottom: 20px !important;
		padding:20px 20px 25px;
		background-color: #fff;
	}
	
	.background-image-commerzbank{
		background-image: none !important;
	}

	.background-image-ergodirekt{
		background-image: none !important;
	}
	
	.bg-image {
		background: rgba(204,204,204,0.9) !important;
	}

	.img-logo{
		width:100%;
		max-width:250px;
		margin-bottom:10px;
	}
	
	.img-logo-groupon{
		width:100%;
		max-width:250px;
		margin-bottom:15px;
	}
	
	.img-logo-ergodirekt{
		width:100%;
		max-width:230px;
		margin-bottom:10px;
	}

	.ul-list-style{
		padding-left: 15px !important;
	}

	li{
		margin-top: 10px !important;
	}

	h3, .h3 {
		font-size: 20px !important;
	}

	.modal-backdrop {
	  background-color: #cccccc !important;
	}

	.modal-backdrop.in {
	  filter: alpha(opacity=50);
	  opacity: .6 !important;
	}
}

@media(min-width:768px) and (max-width:991px){
	.background-image-commerzbank{
		width: 100%;
		height:100%;
	}

	.background-modal{
		margin-top: 27% !important;
		margin-bottom: 25%;
		padding:20px 20px 25px;
		background-color: #fff;
	}

	.img-logo{
		width:100%;
		max-width:300px;
	}
	
	.img-logo-groupon{
		width:100%;
		max-width:300px;
	}
	
	.img-logo-ergodirekt{
		width:100%;
		max-width:200px;
	}

	li{
		margin-top: 15px !important;
	}
	
	.modal {
	  text-align: center;
	  padding: 0!important;
	}

	.modal:before {
	  content: '';
	  display: inline-block;
	  height: 95%;
	  vertical-align: middle;
	  margin-right: -4px;
	}

	.modal-dialog {
	  display: inline-block;
	  text-align: left;
	  vertical-align: middle;
	}
	
	.modal-lg {
		width: 740px !important;
	}
	
	.gl-logo-abstand{
		margin-top:20px;
	}
}

@media(min-width:992px){
	.background-image{
		width: 100%;
		height:100%;
		min-height:949px;
	}

	.background-modal{
		margin-top: 27% !important;
		margin-bottom: 25%;
		padding:20px 20px 25px;
		background-color: #fff;
	}

	.img-logo{
		width:100%;
		max-width:350px;
	}
	
	.img-logo-groupon{
		width:100%;
		max-width:350px;
	}
	
	.img-logo-ergodirekt{
		width:100%;
		max-width:250px;
	}

	li{
		margin-top: 15px !important;
	}
	
	.modal {
	  text-align: center;
	  padding: 0!important;
	}

	.modal:before {
	  content: '';
	  display: inline-block;
	  height: 95%;
	  vertical-align: middle;
	  margin-right: -4px;
	}

	.modal-dialog {
	  display: inline-block;
	  text-align: left;
	  vertical-align: middle;
	}
	
	.gl-logo-abstand{
		margin-top:20px;
	}
}