.Gutschein_Code_Box_Layer	{
	width:798px;
	height:89px;
 	color: #8B0B3C;
 	font-weight: bold;
 	background-image: url(../images/layer_gutscheincode.png);background-repeat: no-repeat;
}

.Gutschein_Code_Layer	{
	width:500px;
	height:60px;
 	color: #8B0B3C;
 	font-weight: bold;
 	padding:35px 0 0 286px;
 	font-size: 15pt;
}



.Gutschein_Info_Layer	{
	float: left;
	width: 440px;
	height: 100px;
 	color: #000000;
 	font-weight: normal;
 	font-size: 12pt;
 	padding: 5px;
}



.Gutschein_Einloesen_Layer	{
	background-color: #DFEBF7;
	float: left;
	height: 100px;
 	color: #000000;
 	font-weight: normal;
 	font-size: 12pt;
 	padding: 5px;
         width: 778px;
         margin-left: 5px;
}









.div_hidden_content	{display:none;position:absolute;top:0px;left:0px;min-height: 100%;height: auto !important;height:100%;width:100%;overflow:auto;}

.div_hidden_content_boxes	{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%; 
	overflow:auto;
	z-index: 20;
}

.wait_box{
	margin:50px auto auto;
	width:500px;
	z-index:1000;
	display:none;
	border: 3px solid #FFFFFF;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-khtml-border-radius: 7px;
	color: #000000;
    padding: 5px;
    font-weight: bold;
    background: #FFFFFF url(../images/layer_bg.png) repeat-x;
}

.wait_box h1 {
 	font-family: "Montserrat", "Trebuchet MS", Verdana;
         font-size: 16pt;
 	font-weight: bold;
    color:#B11D4D;
    margin: 0px 0px 0px 0px;
    padding: 5px 0px 5px 10px;
 	vertical-align:top;
}

.wait_box A		{text-decoration:none;}
.wait_box h4	{background-color: #CCE9F2;color: #0A5A84;padding:5px;margin:0px;border-top-left-radius:5px;border-top-right-radius:5px;}
.wait_box table	{width:100%;}
.wait_box td	{padding:5px;border-bottom: 1px dotted #CCCCCC;vertical-align:top;}
.wait_box tr:last-of-type td	{padding:5px;border-bottom: 0px;}
.wait_box input[type=text]	{ margin-top:0px; }
.wait_box h1	{ margin:-27px 0px 5px 0px; padding: 0px; }

.wait_box .content	{
	width:100%;
	padding:5px;
	margin-top:27px;
	position: relative;
}
.wait_box .close {
	position: absolute;
	top: -45px;
	right: 7px;
	width: 62px;
	height: 45px;
	cursor: pointer;
	z-index: 1004;
	background-image: url(../images/lightbox_close.png); background-repeat: no-repeat;
}
.shadow{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	text-align:center;
	vertical-align:middle;
	overflow:auto;
	z-index: 10;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* IE */
	-moz-opacity: .50; /*older Mozilla*/
	-khtml-opacity: 0.5;   /*older Safari*/
	opacity: 0.7;   /*supported by current Mozilla, Safari, and Opera*/
	background-color:#000000;
}
/* Alter Gutschein-Layer mit dem originalen GT-Framekopf. */
#wait_box.gt_code_fenster { box-sizing: border-box; max-width: calc(100% - 32px); padding: 0; border: 3px solid #fff; border-radius: 12px; background: #fff; box-shadow: 0 8px 35px #0006; overflow: hidden; margin: 30px auto; font-weight: normal; }
.gt_layer_kopf { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-right: 16px; background: linear-gradient(to bottom, #780027 0px, #780027 5px, #790128 10px, #7b0229 15px, #7d032b 20px, #80052d 25px, #82072f 30px, #850831 35px, #870932 40px, #880a33 45px, #880a33 50px, #880a33 84px); border-bottom: 4px solid #e8b328; }
.gt_layer_logo { display: block; width: 282px; height: 85px; overflow: hidden; flex: 0 0 282px; }
.gt_layer_kopf img { display: block; width: 299px; height: 85px; max-width: none; }
.gt_layer_schliessen { padding: 8px 12px; border: 1px solid #edb2c7; border-radius: 18px; color: #8b0b3c; background: linear-gradient(#fff7ed, #f1dfcf); font: 16px 'Trebuchet MS', sans-serif; cursor: pointer; }
.gt_layer_schliessen { display: inline-flex; align-items: center; gap: 8px; line-height: 24px; }
.gt_layer_schliessen span { margin: 0; font-size: 22px; line-height: 24px; }
.gt_layer_schliessen:hover { background: #f8e7bb; }
.gt_layer_inhalt { padding: 20px; background: linear-gradient(#faf6e9, #fff 240px); font: 16px/1.5 'Trebuchet MS', sans-serif; color: #555; }
#wait_box .gt_layer_inhalt h1 { margin: 0 0 18px; padding: 0; font-size: 21px; line-height: 1.4; font-weight: normal; }
.gt_layer_codeband { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; padding: 14px; border: 4px solid #a5194c; outline: 1px dashed #e681a5; outline-offset: -7px; border-radius: 8px; background: linear-gradient(#f596bd, #dc4e89); box-shadow: inset 0 1px 4px #82072f; }
.gt_layer_codeband label { color: #fff; font-size: 19px; text-shadow: 0 1px #9b204d; }
#wait_box #gt_gutscheincode { box-sizing: border-box; min-width: 130px; width: 180px; flex: 1; padding: 10px; margin: 0; border: 1px solid #d0c3c8; background: linear-gradient(#fff, #f1f1f3); color: #8b0b3c; font: bold 20px 'Trebuchet MS', sans-serif; text-align: center; }
.gt_code_kopieren { border: 0; border-radius: 20px; padding: 9px 42px 9px 14px; background: url(../images/button_bg.png) right center / auto 100% no-repeat; color: #fff; font: 16px/22px 'Trebuchet MS', sans-serif; cursor: pointer; }
.gt_code_kopieren:hover { background-image: url(../images/button_bg_hover.png); }
.gt_ohne_code { flex: 1; padding: 10px; background: #fff; border-radius: 5px; color: #8b0b3c; text-align: center; }
#gt_kopierstatus { min-height: 24px; margin: 5px 0; color: #8b0b3c; }
.gt_layer_infos { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 0 0 16px; }
.gt_layer_infos > div { padding: 10px 12px; background: #f1ede0; border-radius: 5px; overflow-wrap: anywhere; }
.gt_layer_infos dt { color: #8b0b3c; }
.gt_layer_infos dd { margin: 3px 0 0; }
.gt_layer_einloesen { padding: 12px 16px; border-top: 3px solid #e8b328; border-radius: 6px; background: #faf6e9; overflow-wrap: anywhere; }
.gt_layer_einloesen h2 { margin: 0 0 8px; padding: 0; color: #8b0b3c; font-size: 18px; font-weight: normal; }
.gt_layer_einloesen p { margin: 0; }
.gt_layer_hinweis { margin: 16px 0 0; font-size: 14px; }
.gt_code_layer button:focus-visible { outline: 2px solid #e8b328; outline-offset: 3px; }



/* Fehlermeldung im gleichen GT-Layer wie der Gutscheincode. */
.gt_fehler_gutschein { margin: -6px 0 18px; padding: 10px 14px; border-radius: 5px; background: #f1ede0; color: #8b0b3c; }
.gt_fehler_form label { display: block; margin: 12px 0 5px; color: #8b0b3c; font-size: 16px; }
#wait_box .gt_fehler_form input[type=email], #wait_box .gt_fehler_form textarea { box-sizing: border-box; width: 100%; padding: 10px 12px; border: 1px solid #d5c7bd; border-radius: 5px; background: #fff; color: #555; font: 16px/1.5 'Trebuchet MS', sans-serif; }
.gt_fehler_form textarea { resize: vertical; min-height: 110px; }
.gt_fehler_form a { font-size: inherit; }
.gt_fehler_aktionen { margin-top: 18px; text-align: right; }
.gt_fehler_aktionen button:disabled { opacity: .6; cursor: wait; }
#gt_fehler_status:not(:empty) { margin-top: 16px; padding: 12px 14px; border-top: 3px solid #e8b328; border-radius: 5px; background: #faf6e9; }