.popup-window {
			display: none;
			position: fixed;
			left: 0px;
			top: 0px;
			width: 100%;
			height: 100%;
			background-color: rgba(0,0,0,0.7); /* RGB-Schwarz - 30% Transparenz */
		}
		.popup-box {
			position: relative;
			background-color: #ffffff;
			top: 50%;
			left: 50%;
			width: 90%;
			height: 94vh;
			max-width: 975px;
			max-height: 94vh;
			-webkit-transform: translate(-50%,-50%);
			-moz-transform: translate(-50%,-50%);
			-o-transform: translate(-50%,-50%);
			-ms-transform: translate(-50%,-50%);
			transform: translate(-50%,-50%);
			border-top: 10px solid #fff;
			border-bottom: 10px solid #fff;
		}
		.scroll {
			overflow-x: hidden;
			overflow-y: auto;
			height: 100%;
		}
		#orderlink, #orderlink2, #orderlink3 {
			cursor: pointer;
		}
		.close-btn {
			z-index: 101001;
			display: block;
			position: absolute;
			top: 15px;
			right: 35px;
			cursor: pointer;
			font-size: 2.5rem;
			color: rgba(135, 135, 135, 0.5);
			font-weight: bold;
			border: 1px solid rgba(135, 135, 135, 0.7);
			padding: 7px 11px 7px 11px;
			line-height: 3rem;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			-o-border-radius: 3px;
			border-radius: 3px;
			background-color: rgba(255,255,255, 0.5);
		}
		.close-btn:hover, .close-btn:active {
			color: rgba(135, 135, 135, 0.8);
			border-color: rgba(135, 135, 135, 0.8);
		}
		.up-btn {
			z-index: 101001;
			display: block;
			visibility: hidden;
			position: absolute;
			bottom: 25px;
			right: 35px;
			cursor: pointer;
			font-size: 2.5rem;
			color: rgba(255, 255, 255, 0.5);
			font-weight: bold;
			border: 1px solid rgba(135, 135, 135, 0.7);
			padding: 3px 13px 3px 13px;
			line-height: 3rem;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			-o-border-radius: 3px;
			border-radius: 3px;
			background-color: rgba(135, 135, 135, 0.5);			
		}
		.up-btn:hover, .up-btn:active {
			background-color: rgba(135, 135, 135, 0.8);	
		}
		.popup-window h3 {
			font-size: 20px;
			margin: 12px 40px 20px 0px;
		}
		.popup-container {
			font-size: 18px;
			position: relative;
			padding: 15px 25px 25px 25px;
		}
		.popup-container .pfblock-line {
			width: 35%;
			margin: 15px auto 15px auto;
		}
		.popup-container input {
			font-size: 18px;
		}
		.popup-container button {
			color: #fff;
			background-color: #7f7f7f;
		}
		.popup-container .form-group {
			margin-left: 0;
			margin-right: 0;
			padding-right: 0;
		}
		.popup-container .row {
			margin-right: 0;
		}
		
		
		#bankinfo {
			display: none;
		}

		
		/* 
		#################################
			Eigene Radio-Buttons stylen 
		#################################
		*/
		/* den Text für das Label stylen */
		.myradio {
		  display: block;
		  position: relative;
		  padding-left: 35px;
		  /*margin-bottom: 12px;*/
		  cursor: pointer;
		  font-size: 18px;
		  font-weight: normal;
		  -webkit-user-select: none;
		  -moz-user-select: none;
		  -ms-user-select: none;
		  user-select: none;
		  margin-left: 15px;
		}

		/* Default Radio-Button verstecken */
		.myradio input {
		  position: absolute;
		  opacity: 0;
		  cursor: pointer;
		  height: 0;
		  width: 0;
		}

		/* eigenen Radio-Button erstellen (nur das Rechteck) */
		.myradio .checkmark {
		  position: absolute;
		  top: 4px;
		  left: 0;
		  height: 26px;
		  width: 26px;
		  background-color: rgba(135, 135, 135, 0.5);
		  border-radius: 3px;
		  cursor: pointer;
		}

		/* bei Hover die Farbe des Buttons leicht ändern */
		.myradio:hover input ~ .checkmark {
		  background-color: rgba(135, 135, 135, 0.6);
		}

		/* andere Hintergrundfarbe, bei ausgewähltem Radio */
		.myradio input:checked ~ .checkmark {
		  background-color: #7f7f7f;
		}

		/* Symbol für das ausgewählte Radio erstellen (nicht sichbar, wenn nicht ausgewählt) */
		.myradio .checkmark:after {
		  content: "";
		  position: absolute;
		  display: none;
		}

		/* Symbol bei Auswahl anzeigen */
		.myradio input:checked ~ .checkmark:after {
		  display: block;
		}

		/* Symbol (Häkchen) stylen */
		.myradio .checkmark:after {
		  left: 10px;
		  top: 4px;
		  width: 7px;
		  height: 14px;
		  border: solid white;
		  border-width: 0 3px 3px 0;
		  -webkit-transform: rotate(45deg);
		  -ms-transform: rotate(45deg);
		  transform: rotate(45deg);
		}
		/* Ende eigene Radio-Buttons */
		/* ######################### */
		
		
		div.popup-box div.scroll div.popup-container .row:nth-last-child(3) {
			/* das Eingabefeld zum Erkennen von Robots verstecken */
			display: none;
		}
		
		/* Bootstrap Tooltips stylen */
		.tooltip {
			font-size: 16px;
			color: #fff;
			padding: 5px 10px;
		}
		.tooltip > .tooltip-inner {background-color: #E7746F;}
		.tooltip.top .tooltip-arrow{
			bottom:0;
			left:50%;
			margin-left:-5px;
			border-left:5px solid transparent;
			border-right:5px solid transparent;
			border-top:5px solid #E7746F;
		}
		.tooltip.bottom .tooltip-arrow{
			top:0;
			left:50%;
			margin-left:-5px;
			border-left:5px solid transparent;
			border-right:5px solid transparent;
			border-bottom:5px solid #E7746F;
		}
		
		/* ########################### */
		/* ###### Wait-Spinner ####### */
		
		.div-spinner {
			display: none;
			z-index: 101002;
			position: absolute;
			width: 100%;
			height: 100%;
			top: 0;
			left: 0;
			background-color: rgba(255,255,255,0.6);
			background-image: url(assets/images/preloader.gif);
			background-position: center;
			background-repeat: no-repeat;
			background-size: 200px 200px;
		}
		.div-spinner > .spinner-text {
			width: 250px; 
			height: 300px; 
			position: absolute; 
			top: 50%; 
			left: 50%;
			transform: translate(-50%, -50%);
			text-align: center;
		}
		.div-spinner > .spinner-text > .spinner-text-inner {
			background-color: #7f7f7f; 
			color:#fff; 
			width: 200px; 
			margin: auto;
			padding:5px;
		}

		/* ##### Ende Spinner ##### */