/*
html,body{
	
	font-style:normal;
	background-color:#fff;
	color:#000;
	overflow-x: hidden;
	background-size: cover;
}

html{-webkit-font-smoothing:antialiased;}
img{-ms-interpolation-mode:bicubic;}*/

/* BOOTSTRAP TWEAK */
@media (min-width: 1200px) {
#section-gs  .container{width:970px;}
}

section.gs-default input[type="radio"], section.gs-default input[type="checkbox"]{
	height: auto;
	width: auto;
}

section#section-gs .valuereadonly{
	background-color: #aaaaaa1f !important;
	
}

#section-gs div#voucher-preview-hover{
	display: none;
	opacity: 0.5;
	background-size: contain;
	content: url("https://www.gutschein.software/gs/templates/default/images/zoom.png")
}

#section-gs div#voucher-preview-hover-q{
	display: none;
	opacity: 0.5;
	background-size: contain;
	content: url("https://www.gutschein.software/gs/templates/default/images/zoom-q.png")
}

#section-gs div#voucher-preview-detail{
	position: relative;
}

/* TEXT */

#section-gs h1,
#section-gs .h1
{ font-style: normal;color: #4eb692; font-size: 60px; line-height:56px; text-transform:uppercase;  font-weight: normal;}

 @media (max-width: 570px) {
#section-gs h1,
#section-gs .h1
 {font-size: 45px; line-height: 46px;}
}  

#section-gs h2,
#section-gs .h2
 { font-weight: normal; font-style: normal; color: #666666; font-size: 40px; line-height: 60px;}
 
 @media (max-width: 570px) {
#section-gs h2,
#section-gs .h2
 {font-size: 30px; line-height: 50px;}
}  
 
 #section-gs h3,
#section-gs .h3
{font-style: normal;color: #000000; font-size: 30px; line-height:36px; text-transform:normal;}
 @media (max-width: 570px) {
 #section-gs h3,
#section-gs .h3
{font-size: 20px; line-height:26px;}
} 
#section-gs .text_footer_small {  font-style: normal;color: #000000; font-size: 20px; line-height:40px; color: #ffffff;}


#section-gs .text_info {  font-style: normal;color: #ffffff; font-size: 40px; line-height:40px;   font-weight: normal;}

#section-gs a.normal,
#section-gs a.normal:link {  font-weight: bold;font-style: normal;color: #666666; font-size: 18px; line-height:30px; text-decoration: underline;}
#section-gs a.normal:visited {  font-weight: bold;font-style: normal;color: #666666; font-size: 18px; line-height:30px; text-decoration: underline;}
#section-gs a.normal:active {  font-weight: bold;font-style: normal;color: #666666; font-size: 18px; line-height:30px; text-decoration: none;}
#section-gs a.normal:hover {  font-weight: bold;font-style: normal;color: #666666; font-size: 18px; line-height:30px;text-decoration: none;}



#section-gs .button {
  display: inline-block;
  padding: 10px 20px 10px 20px;
  margin-bottom: 0;
  line-height: 1.0;
  text-align: left;
  white-space: nowrap;
  vertical-align: middle;
  background-image: none;
  border: 1px solid #666666;
  z-index:1000000;
 font-style: normal; color: #666666; font-size: 28px; text-transform:uppercase;
}
 @media (max-width: 1200px) {
	 #section-gs .button {font-size: 26px;   padding: 5px 10px 5px 10px;
}}

#section-gs  .button:hover,
#section-gs .button:focus,
#section-gs .button.focus {
  color: #ffffff;
  background-color: #666666;
  text-decoration: none;
}





#section-gs p a:visited {
   
    font-weight: normal;
    color: #4eb692;
    text-decoration: underline;
}
#section-gs p a:link {
    
    font-weight: normal;
    color: #4eb692;
    text-decoration: underline;
}

#section-gs p a:active {font-weight: normal;color: #4eb692;}
#section-gs p a:hover {font-weight: normal;color: #4eb692;}




#section-gs .button_anfrage{
	border:0px;
}

#section-gs .default_input_radio{
	margin: 20px !important;
}

#section-gs .default_input_text,
#section-gs .default_input_textarea{
	background-color: #fff !important;
	/*padding: 10px;*/
	border-radius: 0px !important;
	border: 1px solid #AAAAAA !important;
	-webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075) !important;
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075) !important;
	font-size: 14px !important;

	margin-top: 10px;
    margin-bottom: 10px;
	max-width: 100% !important;
}

#section-gs .error{
	border: 1px solid darkred !important;	
}

#section-gs .error-span,
#section-gs .error-span *{
	color: darkred !important;	
	text-decoration:underline;
}
#section-gs .error-agb{
	padding: 5px;
    border-style: solid;
    border-width: 1px;
	border-color: darkred;
	color: darkred;
}

#section-gs .default_input_header{
	font-weight: bold;
}

#section-gs .default_input_row{
	text-align: left;
	margin-top: 30px;
}

#section-gs .default_button{
	background-color: #666666;
	color: white;
	font-size: 14px;
	font-weight: bold;
	border-width: 0px;
	padding: 20px;
	padding-top: 7px;
	padding-bottom: 7px;
	margin-top: 10px;
    margin-bottom: 10px;
}

#section-gs .default_input_text_small{
	font-size: 14px;
}

#section-gs #anfrage-error{
	color: darkred;
	font-size: 14px;
}

#section-gs #anfrage-info{
	color: #666666;
	font-size: 14px;
}

#section-gs div#container-buchung{
	display: none;
	margin-bottom: 50px;
}

/* voucher */
#section-gs .col-voucher-header{
    padding: 10px;
    background: #666666;
    color: white;
	cursor: pointer;
}

#section-gs .row-header{
    background: #666666;
}
	

#section-gs .row-voucher-content{
	border-style: solid;
    border-width: 1px;
    border-color: #666666;
    padding: 10px;
    margin-bottom: 25px;
}

#section-gs .top-margin{
	margin-top: 25px;
}

#section-gs .button-right{
    float: right;
}


@media (max-width: 768px) {
	#section-gs .button-right,
	#section-gs #button-voucher-send,
	#section-gs #button-voucher-checkout,
	#section-gs #button-promocode
	{
		width: 100% !important;
		margin-left: 15px !important;
		width: calc(100% - 30px) !important;
	    cursor: pointer !important;
		float: left;
	}
	
	#section-gs #button-voucher-checkout,
	#section-gs #button-promocode
	{
		margin-left: 15px !important;
	}
	
	#section-gs input#promocode,
	#section-gs select#payment-type{
		width: calc(100% - 30px) !important;
	}
	
	#section-gs input#button-address-send,
	#section-gs input#button-personal-send{
	
		width: calc(100% - 30px) !important;
        margin-left: 15px !important;
        display: block !important;
        float: left !important;
	}
	
	#section-gs #col-vorschau-mobile #button-voucher-preview{
		display:none;
	}
	
}

@media (min-width: 769px) and (max-width: 991px) {

	#section-gs .button-right,
	#section-gs #button-voucher-send,
	#section-gs #button-voucher-checkout,
	#section-gs #button-promocode
	{
		width: 100% !important;
		margin-left: 15px !important;
		width: calc(100% - 15px) !important;
	    cursor: pointer !important;
		float: left;
	}
	
	#section-gs #button-voucher-checkout,
	#section-gs #button-promocode
	{
		margin-left: 0px !important;
	}
	
	#section-gs input#promocode,
	#section-gs select#payment-type{
		width: calc(100% - 15px) !important;
	}
	
	#section-gs input#button-address-send,
	#section-gs input#button-personal-send{
	
		width: calc(100% - 15px) !important;
        margin-left: 0px !important;
        display: block !important;
        float: left !important;
	}
	
	#section-gs #col-vorschau-mobile #button-voucher-preview{
		display:none;
	}
	
}


      /* Datenschutz */	

#section-gs .text_ds{ font-size:9px; line-height:3px; font-weight:400; color: #666666;}
 
#section-gs a.link_ds:link { font-size:9px; line-height:10px;font-weight:400; color: #666666; text-decoration: underline;}
#section-gs a.link_ds:visited { font-size:9px;  line-height:10px;font-weight:400; color: #666666; text-decoration: underline;}
#section-gs a.link_ds:active { font-size:9px;  line-height:10px;font-weight:400; color: #666666; text-decoration: none;}
#section-gs a.link_ds:hover { font-size:9px; line-height:10px;font-weight:400; color: #666666; text-decoration: none;}

#section-gs div#col-firma, #section-gs div#col-re-firma{
	display: none;
}


#section-gs div.row-order-success{
	margin-bottom: 20px;
}

#section-gs div.row-order-success a{
	font-weight: normal;
}


@media handheld, only screen and (max-width: 991px) {
	#section-gs div#col-vorschau-mobile{
		display: block !important;
	}
	
	

	#section-gs div#col-vorschau input.voucher-preview{
		display: none !important;
	}	
}


#section-gs div#col-vorschau-mobile{
	display: none;
}
	
#section-gs div#col-vorschau{
	display: block;
}	


#section-gs a.voucher-preview{
	cursor: pointer;
	background-color: #666666;
}


#section-gs a.button-voucher-preview{
	cursor: pointer;
	background-color: #666666;
}

#section-gs img.voucher-preview{
    width: 100%;
	cursor: pointer;
	border-width: 1px;
    border-style: solid;
    border-color: #ccc;
}


#section-gs div.voucher-type-select{
    background: #4eb692;
    color: white;
    width: 200px;
    padding: 30px;
    cursor: pointer;

    margin: 15px;
}

#section-gs a.button-voucher,
#section-gs a.button-voucher:hover,
#section-gs a.button-voucher:visited,
#section-gs a.button-voucher:active,
#section-gs a.button-voucher:link{
	background: #4eb692;
    color: white;
    margin: auto;
    padding: 10px;
	cursor: pointer;
	text-decoration: none;
	margin: 5px;
	display: block;
}

#section-gs div#voucher-select-paket{
	display: none;
}

#section-gs div#voucher-select-wert{
	display: none;
}

#section-gs select#payment-type{
	width: 320px;
}

#section-gs div#select-xs{
	display: none;
}
#section-gs div#select-sm{
	display: block;
}

#section-gs div#row-basic-menu{
	margin-top: -20px;
}

#section-footer a.normal{ text-decoration: underline !important; }
#section-footer a.normal:hover{ text-decoration: none !important; }


#row-personal-data, #row-personal-data-header,
#row-address-data, #row-address-data-header,
#row-summary-data, #row-summary-data-header,
#row-payment-data, #row-payment-data-header{
	display: none;
}

#section.gs-default .form-control{
	max-width: 100%;
}


@media (max-width: 768px) {
	#section-gs div#select-xs{
		display: block;
	}
	#section-gs div#select-sm{
		display: none;
	}
	

	
}}




.mfp-iframe-scaler iframe{
	background: #FFFFFF !important;
}

section.heidelpay{
	margin: 50px;
}

span#paymentlink-iframe{
	text-align: center;
	margin: auto;
	display: block;
	margin-top: 200;
	border-style: solid;
	width: 300px;
	padding: 20px;
	border-width: 1px;
	border-color: black;
	text-transform: uppercase;
	text-decoration: none;
	font-family: arial;
	color: black;
	position: fixed;
	bottom: 400px;
}

span#paymentlink-iframe a{
	text-decoration: none;
	font-family: arial;
	color: black;
	font-weight: 400;
}