html, body, .ym-form input, .ym-form textarea, .ym-form select, .ym-form optgroup,
	.ym-button, .ym-form button, .ym-form input[type="button"], .ym-form input[type="reset"],
	.ym-form input[type="submit"], * html .ym-button, * html .ym-form button,
	.ym-vtitle, .leaflet-container {
	font-family: 'Droid Sans', Arial, sans-serif;
}

html, body {
	height: 100%;
}

.fs-logout {
	padding-top: 40px;
	padding-bottom: 40px;
}

.fs-error {
	text-align: left;
	padding-top: 40px;
	padding-bottom: 40px;
	padding-left: 30px;
}

.fs-inline-error {
	color: red;
	font-weight: bold;
}

.fs-logout .messageDescription, .fs-error .messageDescription {
	font-size: 116.67%;
	font-family: "Droid Sans", Arial, Helvetica, sans-serif;
	line-height: 1.4em;
	margin: 1.2857em 0 0 0;
}

body {
	overflow: auto;
}

nav {
	background: #f4f4f4;
}

dl, dd {
	margin-left: 0px;
}

.assistant-title {
	line-height: 1.2em;
	font-weight: bold;
	font-size: 175%;
	font-family: "Droid Sans", Arial, Helvetica, sans-serif;
}

h1 {
	font-size: 1.75rem;
}

h2 {
	font-size: 1.6rem;
	margin:1.6rem 0;
}

h3 {
	font-size: 1.45rem;
	margin:1.45rem 0;
}

h4 {
	font-size: 1.3rem;
	margin: 1.3rem 0;
}

h5 {
	font-size: 1.15rem;
	margin: 1.15rem 0;
}

h6 {
	font-size: 1rem;
	font-weight: normal;
	margin: 1rem 0;
}

a.ym-button {
	text-align: center;
}

#solutionForm ul {
	list-style-type: none;
	margin-left: 0px;
}

#solutionForm li {
	margin-left: 0px
}

.disabledButton em {
	font-style: normal;
}

label, h4, p, strong {
	position: relative;
	z-index: 2;
	background-color: transparent;
}

input, a, button, select, textarea {
	z-index: 2;
	position: relative;
}

#main form.ym-form legend {
	position: relative;
	font-size: 1rem;
	font-weight: normal;
	line-height: 1.3em;
	float: left;
	padding-right: 0px;
	width: 98%;
	padding-left: 0;
}

#main form.ym-form legend>.clear {
	clear: both;
	display: block;
}

.previewClass form {
	margin-top: 0px ! important;
}

#main form.ym-form {
	margin-bottom: 0px;
}

#title, #google_translate_element {
	margin-top: 0.5em;
}

#google_translate_element {
	padding: 0.4em !important;
}

.navigation-button-box {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#navigation .ym-fbox-select {
	padding: 0px;
	line-height: 2em;
}

#navigation .ym-fbox-select label {
	width: 20%;
	margin-top: 1.5em;
}

#selectPanel {
	font-size: 1em;
	margin-right: 2em;
	margin-top: 1.5em;
}

.ym-wrapper {
	max-width: 958px;
}

#logo {
	width: 222.5px;
}

#identityArea {
	width: 735.5px;
}

.ym-form {
	margin-top: 1em;
}

label.error {
	background-color: transparent;
}

nav select {
	font-size: 1em;
}

div.time span span {
	float: none;
}

div.date input {
	display: inline;
}

div.dateTimeFields div {
	display:inline-block;
}

div.ym-grid>div.ym-g25>div>div.date>span>input {
	width: 85% ! important;
}

div.ym-grid>div.ym-g33>div>div.date>span>input {
	width: 61.5% ! important;
}

div.ym-grid>div.ym-g50>div>div.date>span>input {
	width: 40% ! important;
}

div.ym-grid>div.ym-g66>div>div.date>span>input {
	width: 29.5% ! important;
}

div.ym-grid>div.ym-g75>div>div.date>span>input {
	width: 26% ! important;
}

div.ym-grid>div>div.date>span>input {
	width: 19.3% ! important;
}

div.datetime input {
	width: 15% ! important;
	display: inline;
}

div.datetime input:nth-child(n+2) {
	width: 10% ! important;
}

div.datetime span span {
	float: none;
}

div.datetime span span img {
	margin-right: 5px;
}

.dateWidth {
	width: 7em ! important;
}

.estimateText {
	margin-left: 0.2em;
	font-size: 0.8em;
}

.imgButton {
	height: 16px;
	width: 16px;
	cursor: pointer;
}

.header {
	height: 88px;
}

.header img {
	float: left;
}

.ym-form .ym-error .ym-label,
#main .ym-form fieldset.ym-error legend {
	color: #800;
	font-weight: normal;
}

.ym-form .ym-error input,
.ym-form .ym-error select,
.ym-form .ym-error textarea {
	border: 1px #800 dashed ! important;
}

.ym-fbox-check span.ym-label,
.ym-fbox-check input,
.ym-fbox-check label {
	float: left;
}

.ym-fbox-check input {
	height: 1.4em;
}

div.ym-fbox-check label {
	margin-left: 0.5em;
}

.panelContent,
.fieldsetContent {
	--gap: 0.5em;
	display: flex;
	flex-wrap: wrap;
	gap: var(--gap);
	align-items: flex-start;
}

.panelContent .ym-gl {
	min-width: 10em;
}

.panelContent .ym-g20 {
	width: calc(20% - var(--gap) + (20 / 100) * var(--gap));
}

.panelContent .ym-g25 {
	width: calc(25% - var(--gap) + (25 / 100) * var(--gap));
}

.panelContent .ym-g33 {
	width: calc((100% / 3) - var(--gap) + ((100 / 3) / 100) * var(--gap));
}

.panelContent .ym-g40 {
	width: calc(40% - var(--gap) + (40 / 100) * var(--gap));
}

.panelContent .ym-g50 {
	width: calc(50% - var(--gap) + (50 / 100) * var(--gap));
}

.panelContent .ym-g60 {
	width: calc(60% - var(--gap) + (60 / 100) * var(--gap));
}

.panelContent .ym-g66 {
	width: calc((100% / 3 * 2) - var(--gap) + ((100 / 3 * 2) / 100) * var(--gap));
}

.panelContent .ym-g75 {
	width: calc(75% - var(--gap) + (75 / 100) * var(--gap));
}

.panelContent .ym-g80 {
	width: calc(80% - var(--gap) + (80 / 100) * var(--gap));
}

.panelContent > div,
.fieldsetContent > div {
	align-self: flex-end;
	table-layout: auto;
}

.panelContent .fs-text-output,
.panelContent .fs-checkbox-component,
.panelContent .fs-radio-component,
.panelContent .fs-fileupload-component {
	align-self: auto;
}

.ym-error .ym-message {
	width: 100%;
}

.fieldsetContent {
	gap: 0 var(--gap);
	width: 100%;
}

.fieldsetContent > div {
	padding: 0.3em 0;
}

.fieldsetContent-horizontal {
	display: flex;
	flex-wrap: wrap;
	gap: 0 1.5em;
}

.fieldsetContent-horizontal > div {
	display: flex;
}

div.fieldsetContent-horizontal label {
	width: auto;
}

.fs-day-field {
	width: 6%;
}

.fs-month-field {
	width: 15%;
}

.fs-year-field {
	width: 10%;
}

.fs-date-separator {
	margin-left: calc((var(--gap) - 0.2em) * (-1));
}

.ym-fbox-check.fieldsetContent {
	flex-direction: column;
	flex-wrap: nowrap;
	gap: 0;
}

.ym-fbox-check.fieldsetContent > div {
	align-self: auto;
	padding: 0.1em 0;
	display: flex;
}

.ym-form .ym-fbox-check:before {
	content: none;
}

.skiplink-target {
	width: 100%;
}

.ym-col1 {
	width: 80%;
}

.ym-col2 {
	width: 20%;
}

.modalContent {
	margin-top: 1.5em;
	margin-left: 1px;
}

div.wicket-modal div.w_content_3 {
    margin-top: 1.5 em;
	border: 0px none !important;
}

div.wicket-modal div.w_content_3 h3{
	line-height: 1.2em;
}

.w_content_container {
	margin-top: 1em;
	margin-left: 2px;
}

/* high contrast for imprint page START*/
/* this is used if javaScript is disabled */
#imprintContent {
	background-color: white;
	color: black;
}

/* these are used when modal-dialog popped up */
div.w_content_container {
	background-color: white;
}

h1.w_captionText {
	background-color: white;
	color: black;
	margin: 0;
}

h3.w_captionText {
	background-color: white;
	color: black;
}
/* high contrast for imprint page END*/

#imprintContent a {
	color: darkblue;
}

/*
 * wicket autocomplete style
 */
div.wicket-aa {
	background-color: white;
	border: 1px solid #CCCCCC;
	color: black;
}

div.wicket-aa ul {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0pt;
	padding: 5px;
}

div.wicket-aa ul li.selected {
	background-color: #CCCCCC;
}

div.wicket-modal div.w_content_1 div.w_caption {
	padding-top: 5px;
	height: 1.8em;
	line-height: 1.8em;
}

div.wicket-modal div.w_content_1 div.w_caption {
	height: 0.8em;
	overflow: visible;
}

.fs-hintPopup {
	height: 0.8em;
	overflow: visible;
	color: #444 ! important;
}

div.wicket-modal {
	left: 30% !important;
	position: absolute;
}

.ym-form .yui-cal-nav button {
	margin: 0;
}

.ym-fbox-text .yui-cal-nav label {
	float: none;
	width: auto;
}

.ym-form .ym-fbox-text .yui-cal-nav input {
	line-height: 1em;
	padding: 0;
	margin-top: 0;
}

.ym-button.fs-exitButton {
	display: none;
}

.yui-skin-sam .yui-calcontainer .yui-cal-nav-yc {
	width: 4em ! important;
}

.yui-cal-nav-btn {
	float: none ! important;
}

.fs-label {
	margin-right: 15px;
	float: none;
	word-wrap: break-word;
	-moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

.fs-infobutton {
	font-size: 120%;
	color: black;
}

.ym-fbox-check {
	display: flex;
}

a.fs-hintLink:hover, a.fs-hintLink:focus {
	background: none repeat scroll 0 0 transparent;
	color: #164194;;
}

.fs-hintLink, .fs-hintLink2, .fs-hintLink3 {
	margin-left: 0px;
	margin-right: 3px;
	float: none;
}

.fs-hintLink img, .fs-hintLink2 img {
	margin-bottom: 2px;
	vertical-align: bottom;
}

.fs-hintPopup {
	width: 500px;
	height: 300px;
}

fieldset .fs-hintLink2 img, fieldset .fs-hintLink3 img {
	margin-bottom: 1px;
}

.fs-hintLink3 img {
	margin-bottom: 1px;
	vertical-align: bottom;
}

.ym-g30 {
	width: 30%;
}

.ym-g70 {
	width: 70%;
}

.ym-g96 {
	width: 96%;
}

footer, #main, .ym-searchform, nav .ym-hlist ul {
	padding-left: 0px;
	padding-right: 0px;
}

.ym-form, .ym-form fieldset {
	overflow: visible;
}

.licensePlate div {
	display: inline;
}

.license-plate-image {
	height: calc(1.5em + .75rem + 2px);
	vertical-align: middle;
	padding-bottom: 1pt;
}

form.ym-form input.w2chars {
	width: 3.4rem;
	display: inline;
}

form.ym-form input.w3chars {
	width: 4.35rem;
	display: inline;
}

form.ym-form input.w4chars {
	width: 5.2rem;
	display: inline;
}

form.ym-form input.w5chars {
	width: 7rem;
	display: inline;
}

.sliderContainer {
	width: 96%;
}

.ym-form input, .ym-form textarea, .ym-form select {
	width: 100%;
	background-color: rgba(255, 255, 255, 0.5) !important;
}

.ym-fbox-text img {
	max-width: 950px;
}

.fs-warning {
	background: #FEF6C7;
	padding: 0.5em 1em;
}

#assistantPreviewGroup span{
	font-size: 1.5em;
	font-weight:bold;
}

#assistantPreviewText {
	width: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: auto;
	margin-right: auto;
	padding-right: 0px;
}

.fs-warning img{
	width: 29px;
	margin-bottom: 0.7em;
	margin-right: 0.5em;
	float: left;
}

.fs-submit {
	float: right;
	margin-right: 0px !important;
}

.flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.flex button {
	font-size: 0.8rem;
	width: 145px;
	padding-left: 0;
	padding-right: 0;
}
.flex button i {
	font-size: 1.4em;
	vertical-align: middle;
	margin-right: 2pt;
}
.first-button {
	order: 1;
	width: 100%;
}
.other-buttons {
	order: 1;
	flex-direction: row;
	display: flex;
}

.position-swapper-button {
	order: 2;
}

.progressbar > div {
	background: black;
}

.ym-button.ym-actionButton {
	margin: 0;
	margin-bottom: 1em;
	white-space: inherit;
}

.ym-form .fs-add-panel {
	max-width: 100%;
	white-space: normal;
	line-height: normal;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	word-wrap: break-word;
}

@media screen and (max-width: 977px) {
	.fs-hintLink2 img, .fs-hintLink3 img {
		margin-bottom: 1.5px !important;
		vertical-align: bottom;
	}
	.flex{
		flex-flow: column wrap;
		flex-direction: row;
	}
	.first-button {
		width: auto;
		flex: 1 1 50%;
	}
	.position-swapper-button {
		order: 0;
		width: auto;
		flex: 1 1 50%;
	}
	.position-swapper-button:empty {
		display: none;
	}
	.other-buttons {
		width: 100%;
	}

	.header {
		height: 58px;
	}
	#logo {
		width: 144px;
	}
	#identityArea {
		width: 476px;
	}
	.ym-wrapper {
		width: 620px;
	}
	.sliderContainer {
		width: 94%;
	}
	.ym-fbox-text img {
		max-width: 610px;
	}
	div.ym-fbox-check label {
		margin-left: 5px;
		width: 85%;
	}
	#assistantPreviewGroup {
		margin-top: 0px;
		margin-left: auto;
		margin-right: auto;
		padding: 0px;
	}
	#assistantPreviewGroup span{
		font-size: 1.3em;
		font-weight:bold;
 		margin-left: 0px;
 		margin-right: 0px;
	}
	.fs-warning img{
		width: 21px;
		margin-top: 0px;
		margin-left: 0px;
		margin-right: 0.7em;
		float: left;
	}
}

@media screen and (max-width: 639px) {
	.header {
		height: 43px;
	}
	#logo {
		width: 107px;
	}
	#identityArea {
		width: 353px;
	}
	.ym-wrapper {
		width: 460px;
	}
	.sliderContainer {
		width: 92%;
	}
	.ym-fbox-text img {
		max-width: 450px;
	}
	div.ym-fbox-check label {
		margin-left: 2px;
		width: 80%;
	}
	#assistantPreviewGroup {
		margin-top: 0px;
		padding: 0px;
	}
	#assistantPreviewText {
		width: 17em;
	}
	.fs-warning img{
		width: 43px;
		margin-top: 0px;
		margin-left: 0px;
		float: left;
	}
	.ym-button.ym-exitButton {
		display: none;
	}
}

@media screen and (max-width: 479px) {
	.header {
		height: 29px;
	}
	#logo {
		width: 60px;
	}
	#identityArea {
		width: 200px;
	}
	.ym-wrapper {
		width: 260px;
	}
	.sliderContainer {
		width: 88%;
	}
	.ym-fbox-text img {
		max-width: 250px;
	}
	#assistantPreviewText {
		width: 16em;
	}
	.fs-warning img{
		width: 44px;
		margin-top: 0px;
		margin-left: 0px;
		float: left;
	}

	.panelContent .ym-gl {
		width: 100%;
	}
}

/* optimize forms on small screens by forcing display mode: full */
@media screen and (max-width: 977px) {
	.linearize-form [class*="ym-fbox"]:not([class*="ym-fbox-check"] ) label,
		.linearize-form.ym-label, .linearize-form .ym-message, .linearize-form input[type="text"],
		.linearize-form textarea, .linearize-form select {
		width: 100%;
	}
	.linearize-form .ym-message, .linearize-form .ym-fbox-check input {
		margin-left: 0 !important;
	}

	/* Linearisation for Grid- and Column-Module, based on CSS class .linearize-level-1 */
	.linearize-level-2, .linearize-level-2>[class*="ym-g"],
		.linearize-level-2>[class*="ym-col"] {
		width: 100% !important;
	}
	.fs-hintPopup {
		width: 400px;
		height: 250px;
	}
	div.wicket-modal {
		left: 20% !important;
	}
	.ym-wrapper {
		min-width: 100%;
	}
	.ym-box {
		min-width: 100%;
	}
	.ym-grid {
		min-width: 100%;
	}
	#logo {
		width: 23.26%;
	}
	#identityArea {
		width: 76.74%;
	}
	.ym-button {
		width: 100% !important;
		padding: 0 !important;
		float: none;
		margin: 1.5em 0 0 0 !important;
	}
	#buttonGroupBackContinue {
		width: 100%;
		display: inline;
	}
	#google_translate_element {
		padding: 1.0em !important;
	}
	.ym-button.fs-exitButton {
		float: none;
	}
	.ym-button.fs-exitNoScriptButton {
		float: none;
	}
	.ym-button.navigation-link {
		text-align: center;
		float: none !important;
		width: 100% !important;
	}
	.ym-gbox {
		padding: 0 !important;
	}
	* {
		-moz-hyphens: auto;
		-o-hyphens: auto;
		-webkit-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;
	}

	.fs-day-field {
		flex-grow: 2;
	}

	.fs-month-field {
		flex-grow: 4;
	}

	.fs-year-field {
		flex-grow: 3;
	}
}

.selectPanel div > ul {
	border: 1px grey solid;
	background: white;
	position: absolute;
	z-index: 1000;
	display: block;
	padding-right: 1em;
	margin-top: 0px;
	border-radius: 3px;
	box-shadow: 4px 4px 3px;
}

.selectPanel h4 {
	padding-left: 0.5em;
}

.selectPanel li {
	list-style: none;
	font-weight: bold;
}

.selectPanel li li {
	font-weight: normal;
	cursor: pointer;
}

.selectPanel li li:hover, .selectPanel li li.selected {
	color: #164194;
}

#selectPanelIcon {
	width: 20px;
	height: 20px;
	margin-top: 0.5em;
	background-image: url('../../../static/icons/DropDown.png');
	cursor: pointer;
}

.slider {
	margin-top: 1em;
	margin-right: 1em;
}

nav .slider .ui-widget-header {
	background: darkgrey;
}

nav .slider .ui-slider-horizontal {
	height: 0.2em;
}

nav .slider .ui-slider-handle {
	width: 10px;
	height: 10px;
	background: #164194;
	border: none;
	cursor: pointer;
	border-radius: 0px;
}

.ym-form div.leaflet-map-pane, .ym-form div.leaflet-tile, .ym-form div.leaflet-marker-icon,
	.ym-form div.leaflet-marker-shadow, .ym-form div.leaflet-tile-pane,
	.ym-form div.leaflet-tile-container, .ym-form div.leaflet-overlay-pane,
	.ym-form div.leaflet-shadow-pane, .ym-form div.leaflet-marker-pane,
	.ym-form div.leaflet-popup-pane, .ym-form div.leaflet-overlay-pane svg,
	.ym-form div.leaflet-zoom-box, .ym-form div.leaflet-image-layer,
	.ym-form div.leaflet-layer, .ym-form div.leaflet-top, .ym-form div.leaflet-bottom,
	.ym-form div.leaflet-popup, .ym-form div.leaflet-container a.leaflet-popup-close-button,
	.ym-form div.leaflet-draw-guide-dash
	{
	position: absolute;
}

.ym-form div.leaflet-control-container {
	position: static;
}

.leaflet-control-layers-list input {
	display: unset;
	width: auto;
}

.leaflet-draw-actions {
	margin-top: 3px;
}

.leaflet-draw-actions-top.leaflet-draw-actions-bottom a {
	height: 30px;
	line-height: 30px;
}

.leaflet-draw-actions li {
	margin-left: 0;
}

@media screen and (max-width: 639px) {
	.fs-hintPopup {
		width: 200px;
		height: 150px;
	}
}

.block {
	display: inline-block ! important;
}

.fs-bottom {
	position: absolute ! important;
	bottom: 0.5em;
	left: 0;
	width: 100%;
}

.ym-form fieldset {
	margin-top: 0.3em;
	margin-bottom: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
}

.ym-gl p, .ym-gl h2 {
	margin-top: 0;
}

.fs-webServiceCheckPage-common-styling {
	text-align: center;
	padding-top: 40px;
	padding-bottom: 40px;
}

.fs-webServiceCheckPage-icon-margin {
	margin-top: 35px;
	margin-bottom: 35px;
}

.solo-icon {
	vertical-align: middle;
	font-size: 1.4rem;
}

.panel-title {
	line-height: 1.2em;
	float: none;
	width: auto;
}

.assistant-title {
	line-height: 1.2em;
	font-weight: bold;
	font-size: 175%;
	font-family: "Droid Sans", Arial, Helvetica, sans-serif;
}

.ym-fbox-text h3 {
	margin: 1.6rem 0;
	line-height: inherit;
}

.fs-increase-submission-page-font {
	font-size:1.5em;
}