@import 'settings_external.less?d1';

#rc-output-window-overlay {
	position:fixed;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	background-color:@colorText;
	z-index:66000; /* mce:65535+ */
	display:none;
	opacity:0.8;
}
body.output-win #rc-output-window-overlay {
	z-index:66002;
}
#rc-output-win-cnt {
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:66003;
	
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
}
.rc-output-dialog {
	//position:fixed;
	width:800px;
	height:90%;
	//left:50%;
	//left:calc(~"50% - 440px");
	//top:5%;
	z-index:66001;
	
	max-height:90%;
	max-height:calc(100% - @layoutPadding * 2);
	max-width:100%;
	max-height:calc(100% - @layoutPadding * 2);

	xxbox-shadow:0 0 5px rgba(0,0,0,0.5);
	overflow:hidden;

	background:#FFF;
	border-radius:none;

		width:470px;
		height:auto;
		//left:50%;
		//top:50%;
		//margin-left:-235px;
		//transform:translateY(-50%);
		z-index:66003;

		xxpadding-top:20px;
	
	&.PrivacyWin {
		margin-left:0;
		//transform:translateY(-50%) translateX(-50%);
		width:60%;
		max-width:700px;
		@media only screen and (max-width: 1023px) {
			width:80%;
			max-width:700px;
		}
		@media only screen and (max-width: 767px) {
			width:100%;
			max-width:700px;
		}
		.FormButtons.Buttons {
			text-align:right;
			float:right;
			
			a.Button:not(:first-child) {
				margin-left: 1.2em;
			}
			
			span.Gap {
				flex-grow:1;
			}
		}
	}
	
	&.FilterWin {
		@media only screen and (min-width: 520px) {
			margin-left:0;
			//transform:translateY(-50%) translateX(-50%);
			width:80%;
			max-width:900px;
			@media only screen and (max-width: 767px) {
				width:100%;
				max-width:700px;
			}
			.FormButtons.Buttons {
				text-align:right;
				float:right;
				
				a.Button:not(:first-child) {
					margin-left: 1.2em;
				}
				
				span.Gap {
					flex-grow:1;
				}
			}
		}
	}
		
	@media only screen and (max-width: 699px) {
		/*
		.rc-output-win {
			width:auto ! important;
			height:auto ! important;
			left:10px ! important;
			right:10px ! important;
			top:10px ! important;
			bottom:10px ! important;
			margin-left:0;
			margin-top:0;
			padding-top:0;
		}
		*/
	}
	/*@media only screen and (max-width: 479px) {*/
	@media only screen and (max-width: 519px) {
			width:auto;
			height:auto;
			xxleft:10px;
			xxright:10px;
			max-width:calc(100% - 20px);
			margin-left:0;
			margin-top:0;
			
			&.PrivacyWin {
				//transform:translateY(-50%);
				width:auto ! important;
			}
	}

	& > iframe {
		width:100%;
		height:100%;
		border:0px none;
	}

	xxheight:300px;
}

.tbn {
	padding:0 1em;
}

.rc-output-dialog {
	display:flex;
	flex-direction:column;
	
	.Header {
		.Row {
			display:flex;
			padding:@textGap;
			justify-content:space-between;
			line-height:1;
		}
		.Row2 {
			display:flex;
		}
		.Headline {
			grow:2;
			white-space:nowrap;
			overflow:hidden;
			text-overflow:ellipsis;
			line-height:@fieldLineheight;
			padding:@textGap  @textGap;
			max-width:calc(100vw - @iconSizeBase * 2 - 4.8rem);
			@media screen and (min-width:@breakpointDesktop) {
				max-width:calc(470px - 2.4rem - 4.8rem);
			}
			@media only screen and (max-width: @breakpointNoDesktop) {
				max-width:calc(100vw - 48px - 4.8rem - 40px);
			}
		}
		.IconCol {
			width:@iconSizeBase;
			padding:0.7rem;
			box-sizing:content-box;
			
			a {
				display:block;
				line-height:1;
			}
			span.Icon {
				display:block;
			}
		}
		.Close {
			position:relative;
			
			cursor:pointer;
		}
	}
	&.noBack {
		.Header {
			.Headline {
				@media screen and (min-width:@breakpointDesktop) {
					max-width:calc(470px - 1.8rem - 2.4rem);
				}
			}
			.Back {
				display:none;
			}
		}
	}
	&.noClose {
		.Header {
			.Headline {
				@media screen and (min-width:@breakpointDesktop) {
					max-width:calc(470px - 1.8rem - 2.4rem);
				}
			}
			.Close {
				display:none;
			}
		}
	}
	&.noClose.noBack {
		.Header {
			.Headline {
				@media screen and (min-width:@headerWidthWidthPadding) {
					max-width:calc(470px - 2.42rem);
				}
			}
		}
	}


	.tHidden {
		display:none;
	}

	.Content,
	.MessageBox {
		margin-bottom:0;
		padding:0 1.2em;
		
		overflow-x:hidden;
		overflow-y:auto;
	}

	.MessageBox {
		display:flex;
		flex-direction:column;
		margin-bottom:0;

		
		.Message {
			margin-bottom:0;
			overflow:visible;
			padding:0.7em 0 0 0 ! important; /* 0.5 from p added */
		}
		.MessageRow {
			display:flex;
			min-height:5em;
			align-items:center;
			box-sizing:content-box;
			padding-bottom:1.5em; /* 0.5 from p added */
			
			.MessageCol1 {
				width:3em;
				padding-right:1.2em;
				padding-top:1em;
				align-self:flex-start;
				span.Icon {
					font-size:3em;
				}
				flex-grow:0;
			}
			.MessageCol2 {
				flex-grow:1;
				
			}
		}
		.FormButtons {
			padding-bottom:0.2em;
			
		}
		.Button:not(:first-child) {
			margin-left:1.2em;
		}
		.Button {
			margin-bottom:1em;
		}
	}
	
	.FormButtons {
		text-align:right;
	}

}


.output {

.PrivacyDialog .RichText > *:first-child {
	margin-top: 0;
}
.PrivacyDialog {
	padding-top:0.45em;
	padding-bottom:0.2em;
	
	.pageacc {
		margin-top:-0.7em;
	}
}
.PrivacyDialog .Detail .RichText {
	padding-top:0.75em;
	padding-bottom:0.5em;
	font-size:@fontSizePrivacy2;
}
.PrivacyDialog .Steuerelement {
	margin:0;
}



.PrivacyDialog .Group {
	border:1px solid @colorLine;
	border:1px solid @colorText;
	border-radius:2px;
	border-radius:0;
	padding:0.4em 0.8em;
	padding:0.0em 0.6em;
	margin-bottom:1.2em;
	margin-top:1.2em;
	position:relative;
}
.PrivacyDialog .opt,
.PrivacyDialog .Group label {
	position:relative;
	display:block;
}
.PrivacyDialog .lever {
	display:block ! important;
	position:absolute ! important;
	top:50%;
	left:0px;
	margin-top:-11px ! important;
}
.PrivacyDialog .opt i.fa {
	display:block ! important;
	position:absolute ! important;
	top:50%;
	left:8px;
	margin-top:-12px ! important;
	color:#009767 ;
}
.PrivacyDialog h2 {
	margin-top:0;
	padding-top:0.5em;
}
.PrivacyDialog h5,
.PrivacyDialog .h5 {
	margin:0;
}
.PrivacyDialog label {
	margin-bottom:0;
}
.PrivacyDialog .caption {
	display:block;
	padding-right:40px;
}
@media only screen and (min-width: 600px) {
	.PrivacyDialog .buttons {
		display:flex;
		flex-wrap:wrap;
		justify-content: space-between;
	}
}

.PrivacyDialog .FormButtons  {
	a.Button {
		margin-left:0;
		margin-bottom:1em;
	}
	span.Gap {
		width:1.2rem;
		display:block;
	}
}
.PrivacyDialog .Group a.ToggleButton {
	display:block;
	position:absolute;
	right:0.0em;
	top:0.0em;
	width:@iconSizeBase;
	height:@iconSizeBase;
	padding:@buttonGap;
	z-index:1;
}
.PrivacyDialog .Group a.ToggleButton span.Icon,
.PrivacyDialog .Group a.ToggleButton span.Icon {
	transition:all 0.3s;
	display:block;
}
.PrivacyDialog .Group.expanded a.ToggleButton span.Icon {
	transform:rotateZ(180deg);
}
/*
.PrivacyDialog.out {
	opacity:0;
	transition:all 0.2s linear 0.4s;
	z-index:-1;
}
.PrivacyDialog.out .Dialog {
	opacity:0;
	transition:all 0.2s linear 0.2s;
}
.PrivacyDialog.out .Dialog2 {
	opacity:0;
	transition:all 0.2s linear;
}
*/
.PrivacyDialog .Detail {
	xxline-height:1.2;
	overflow-x:auto;
	overflow-y:hidden;
	font-size:@fontSizePrivacy;
	font-size:@fontSizePrivacy2;
}
.PrivacyDialog td {
	line-height:1.2;
	padding-top:0.5em;
}
.PrivacyDialog th {
	font-weight:400;
}

	
	

	.PrivacyDialog .Detail {
		font-size:@fontSizePrivacy;
		font-size:@fontSizePrivacy2;
	}
	.PrivacyDialog td {
		font-size:@fontSizePrivacy;
		font-size:@fontSizePrivacy2;
	}
	.PrivacyDialog th {
		font-size:@fontSizePrivacy;
		font-size:@fontSizePrivacy2;
	}

.PrivacyDialog td:nth-child(3) {
	white-space:nowrap;
}
.PrivacyDialog th:not(:last-child),
.PrivacyDialog td:not(:last-child) {
	padding-right:0.75em;
}

}