/*
 * -----------------------------------------------------------------------------
 * Lucom Interaction Platform
 * (C) Lucom GmbH, Erkrath. All rights reserved.
 *
 * 
 * -----------------------------------------------------------------------------
 */
 
/*********************************************************
				Fonts
*********************************************************/
@font-face {
    font-family: 'Statis Sans Bold';
    src: url('../fonts/StatisSans-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Statis Sans Regular';
    src: url('../fonts/StatisSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Statis Sans Light';
    src: url('../fonts/StatisSans-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Statis Sans Book';
    src: url('../fonts/StatisSans-Book.tff') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Statis Sans Italic';
    src: url('../fonts/StatisSans-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
} 

@font-face {
    font-family: 'Statis Sans Medium';
    src: url('../fonts/StatisSans-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/*********************************************************
				Allgemeines Styling
*********************************************************/

/* Farbverlauf background */
.formBody {
	background: linear-gradient(135deg, #2c74B8 15%, #FD484E 65%);
	background-size: 100% 370px;
	background-repeat: no-repeat;
}

/* Placeholder	 */
::placeholder {
  color: #000000;  
}

/* Button "Weiter zum Antrag" Seite Identität */
#BTN_WEITER_ANTRAG {
	margin-top: 50px !important;
}

#BTN_PDF1 {
	margin-bottom: 80px !important;
}

/* Einzug Liste Personalausweis */
#LB_PERSO_LISTE ul {
  padding-inline-start: 15px;
  list-style-position: outside;
}

div[id*='header:FormularTitel'] {
	background-color: transparent !important;
}

/* Style Link Datenschutz */
#datenschutzHinweise {
	text-decoration: underline;
	font-weight: 700;
	color: #2C74B5;
}

/* Hover-Style Link Datenschutz */
#datenschutzHinweise:hover {
	color: #093260 !important;
	text-decoration: none !important;
}

/* Focus-Style Link Datenschutz */
#datenschutzHinweise:focus {
	text-decoration: none !important;
	color: #093260 !important;
	outline: none; 	/*Border-Focus entfernen*/
}

/*** Links Footer ****/

div[id*='Footer_Abbrechen'] > div:nth-child(2), #lip_segment-instance\:Abschied\:footer\:Footer_Abbrechen > div {
	background-color: #2C74B5 !important;
	width: 100vw;
	position: relative;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
	/* padding-right: 700px !important; */
    margin-top: 100px;
	padding-top: 10px !important;
	/* margin-left: -100%; */
    /* margin-right: -85%; */
	/* margin-left: calc(-100vw / 2 + 702px / 2); /*left and right is half the width of the browser window plus half the width of the parent.*/ */
    /* margin-right: calc(-100vw / 2 + 702px / 2); */
}

#footerLinks {	
	position: relative;
	text-align: right;
	background-color: #2C74B5 !important;
	width: 100%;
	/* border-radius: 5px; */
	/* box-shadow: 0px 0px 5px #cccccc; */
	padding: 0px 40px 15px 0px;
	/* margin-right: 600px;	 */
}

.footerLinks {
	font-family: 'Statis Sans Regular', sans-serif;
	font-size: 12px;
	text-decoration: none !important;
	font-weight: 700;
	/* color: #2C74B5; */
	color: #ffffff;
	text-align: right;
}

.footerLinks:hover {
	/* color: #ffffff !important; */
	text-decoration: underline !important;
}


.footerLinks:focus {
	text-decoration: none !important;
	/* color: #093260 !important; */
	outline: none; 	/*Border-Focus entfernen*/
}

/* Pflichtfeld Hinweis Seite Anfragtyp */
.pflichtfeldHinweis {
	padding-top: 5px;
	font-size: 10px !important;	
}

/* Error-Label */
ul.ffw_errorLabel {
	color: #FD484E;
	font-size: 12px;
	padding-top: 2px !important;
	font-family: 'Statis Sans Regular', sans-serif;
}

/* lässt den Placeholder bei Error-Meldungen auf schwarz */
.ffw_serverError {
	background-color: #FD484E !important;
	color: #000000 !important;	
}

/* Ausblenden View-Embedding Seite Anfrage */
/* div[id*='ffw.viewEmbedding.ErrorMessageEmbedding'] { */
	/* visibility: hidden; */
	/* position: fixed !important; */
/* } */

/* Ausblenden aller View-Embeddings*/
div[id*='ffw.viewEmbeddings'] {
	display: none;
}

/* Styling Modal Antrag abbrechen */
.viewEmbeddings .question .icon {
	background-color: #2C74B5;
	background-image: url(../images/Destatis/message_question_white.png);
}

.viewEmbeddings .question {
	border:none;
}

/*********************************************************
				Checkboxen
*********************************************************/
 
/* nicht checked + hover */
.lip_checkbox input[type="checkbox"]:hover ~ div > .before,
.lip_checkbox div[data-type="checkbox"]:hover ~ div > .before {
    border: 1px solid #004F80 !important;
}

/* .lip_checkbox input[type="checkbox"], .lip_checkbox div[data-type="checkbox"] { */
	/* opacity: 1 !important; */
	/* border: 1px solid #BDBDBD; */
	/* border-radius: 2px; */
/* } */

/* Focus Checkbox */
/* input:focus { */
	/* box-shadow: none; */
	/* border-color: #000000	 */
/* } */

/* .lip_checkbox input[type="checkbox"]:hover { */
	/* border-color: #004F80 !important; */
/* } */


/* Hover Checkbox */
/* .lip_checkbox input[type="checkbox"]:hover ~ div > .after:before, */
/* .lip_checkbox input[type="checkbox"]:checked:hover ~ div > .after:before { */
	/* content: url(../images/Destatis/check.svg); */
	/* font-family: 'lip_Checkbox'; */
	/* opacity: 1 !important; */
	/* border-color: #004F80 !important; */
	/* background-color: #ffffff; */
	/* color: white; */
/* } */

/* Checked Checkbox */
/* .lip_checkbox input[type="checkbox"]:checked ~ div > .after:before, */
/* .lip_checkbox div[data-type="checkbox"][data-checked="checked"] ~ div > .after:before { */
	/* content: url(../images/Destatis/check.svg); */
	/* font-family: 'lip_Checkbox'; */
	/* background-color: #2C74B5; */
	/* margin-top: -2px; */
	/* margin-left: -2px; */
	/* transform: scale(0.5); */
	/* border-style: #000000 !important; */
/* } */

/* .lip_checkbox input[type="checkbox"]:focus:checked ~ div > .after:before, */
/* .lip_checkbox div[data-type="checkbox"][data-checked="checked"] ~ div > .after:before { */
	/* content: url(../../images/HzL/check_focus.svg); */
	/* font-family: 'lip_Checkbox'; */
	/* background-color: transparent; */
	/* color: #000000; */
/* } */

/*********************************************************
				weiße Boxen
*********************************************************/

/* Seite 1,3,4 */
#page\:Anfragetyp div[id='lip_segment-instances:body'], #page\:Anfrage div[id='lip_segment-instances:body'], #page\:Zusammenfassung div[id='lip_segment-instances:body'], #page\:Abschied div[id='lip_segment-instances:body'] {
	background-color: #ffffff !important;
	border-radius: 5px;
	box-shadow: 0px 0px 5px #cccccc;
}


#page\:Identitaet div[id='lip_segment-instances:body'] {
	background-color: #ffffff !important;
	border-radius: 5px;
	box-shadow: 0px 0px 5px #cccccc;
}

/*********************************************************
				Dropdowns
*********************************************************/				
/* Styling Dropdowns */
.selectize-control.single .selectize-input:after {
    content: url(../images/Destatis/dropdown_down.svg);
    width: 20px;
    height: 20px;
    margin-top: -7px;
    border: none;
    cursor: pointer;
}

.selectize-control.single .selectize-input.dropdown-active:after {
    content: url(../images/Destatis/dropdown_down.svg);
    width: 20px;
    height: 20px;
    margin-top: -7px;
    border: none;
    cursor: pointer;
}

.selectize-dropdown {
  position: absolute;
  z-index: 10;
  background: #e6e6e6;
  margin: 3px 0 0 0;
  border: 1px solid #004F80;  
  /* border-top: 0 none; */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 2px 2px 2px 2px;
}

.selectize-dropdown-content {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 200px;
  -webkit-overflow-scrolling: touch;
}

/* background-color von Dropdowns blau, font-size weiß */
.selectize-dropdown .active {
	background-color: #2C74B8;
	color: #ffffff;
	text-decoration: none;
}

/*********************************************************
				DatePicker
*********************************************************/

.datepicker table tr td.today {
    color: white;
    background-color: #093261;
}


/*********************************************************
				Responsive Design
*********************************************************/				

/* Abstände von allen Controls eliminieren und diese nur noch über das Formular setzen */
	/* .flex-container > .formControl.formControlText, */
	/* .flex-container > .formControl.formControlMultilineText, */
	/* .flex-container > div.datePickerWrapper,  */
	/* .flex-container > div.selectize-control,  */
	/* .flex-container > [id^="richEdit:"], */
	/* .flex-container > div.lip_signatureWrapper,  */
	/* .flex-container > div.buttonWrapper { */
		/* margin-bottom: 20px;  */
	/* } */


	/* .flex-container > .formControl.formControlText.ffw_serverError, */
	/* .flex-container > .formControl.formControlMultilineText.ffw_serverError, */
	/* .flex-container > div.datePickerWrapper.ffw_serverError,  */
	/* .flex-container > div.selectize-control.ffw_serverError,  */
	/* .flex-container > [id^="richEdit:"].ffw_serverError, */
	/* .flex-container > div.lip_signatureWrapper.ffw_serverError,  */
	/* .flex-container > div.buttonWrapper.ffw_serverError { */
		/* margin-bottom: 5px;  */
	/* } */

/* Styling für min. Rendering */
@media only screen and (max-width: 600px) {
	
	/* Farbverlauf background */
	.formBody {
		background: linear-gradient(135deg, #2c74B8 15%, #FD484E 65%);
		background-size: 100% 270px;
		background-repeat: no-repeat;
	}
	
	.flex-container  {
		flex-wrap: wrap;
		padding: 0px 20px;
	}
	
	/* #lip_segment-instance\:Anfragetyp\:footer\:Footer_Abbrechen > div:nth-child(2) { */
	/* background-color: #2C74B5 !important; */
	/* padding: 0px 700px !important; */
    /* margin-top: 100px; */
	/* margin-left: -100%; */
    /* margin-right: -85%; */
	/* margin-left: calc(-100vw / 2 + 526px / 2); /*left and right is half the width of the browser window plus half the width of the parent.*/ */
    /* margin-right: calc(-100vw / 2 + 526px / 2); */
/* } */
	
	/* .flex-container .lip_checkbox{ */
		/* flex-wrap: wrap; */
		/* padding-top: 10px !important; */
	/* } */
	
	/* .flex-container > #LB_GEBURTSNAME { */
		/* padding-top: 0px !important;		 */
	/* } */
	
	input[id*='BTN_']{
		margin: 20px 0px !important;
	}
	
	/* vertikaler Abstand Buttons Seite AnfrageAbschied */
	input[id*='BTN_WEITER_ANFRAGE7'], input[id*='BTN_WEITER_ANFRAGE3']{
		margin-top: 0px !important;
		margin-bottom: 30px !important;
	}
	
	/* Abstand NKB-Button Seite 2 */
	#BTN_DSVGO2 {
		margin-top: 20px !important;
		margin-bottom: 10px !important;
	}
	
	/* Abstand Button Antrag absenden Seite 3 + 4 -> Text oberhalb */
	#BTN_WEITER_ANFRAGE2, #BTN_PDF2 {
		margin-top: 10px !important;
	}
	
	/* Ausrichtung Weiter-Button Seite 1,2,3 */
	#BTN_WEITER_ANFRAGE, #BTN_DSVGO, #BTN_WEITER_KOPIE_BEGL {
		margin-top: 10px !important;
		margin-bottom: 30px !important;
	}
	
	/* vertikaler Abstand Button Abbrechen -> weißer Block oberhalb */
	#BTN_ABBRECHEN {
		margin-top: 20px !important;		
	}	
	
	/* individuelle margins subheader */
	#LB_NKB, #LB_PERSO_KOPIE{
		margin-bottom: 10px;
	}
	
	#LB_DATENSCHUTZ, #LB_ANFRAGE_ZUSAMMENFASSUNG {
		margin-bottom: 20px;
	}
	
	#NACHNAME {
		margin-bottom: 10px;
	}
	
	#LB_GEBURTSNAME {
		margin-top: 10px !important;
	}
		
	/* margins zwischen Labels auf Seite Zusammenfassung */
	 #page\:Zusammenfassung div.ffw_responsive__XS.formControl.formControlLabel {
		 margin-top: 10px !important; 
	 }
	
	/* Abstand CB -> Label */
	.labelCB {
		margin-left: 0px !important;
	}
	
	/* Abstand Adresse Destatis Seite Abschied */
	#adresseDestatis {
		margin-top: 10px;		
	}

	#BTN_PDF1 {
	margin-bottom: 0px !important;
    }	
}	


/*
 * Add your custom CSS code to this file. This file will be included as last CSS
 * file in the form and main view. The file may also include theme macros.
 */