/*** Handy & Tablet Modus ***/
@media only screen and (max-width: 819px) {
	body {
		font-size: 0.8889rem;
	}
	#kopf #title {
	
		font-size: 2rem;
		word-break: break-word;
	}

	.sprungmarken {
		left: 4.2%;
	}
	h1 {
		font-size: 2rem;
	}
	
	h2 {
		font-size: 1.5rem;
	}
	
	h3 {
		font-size: 1.25rem;
	}
	
	h4 {
		font-size: 1rem;
	}
	
	#inhalt {
		padding-left: 0.5556rem;
		padding-right: 0.5556rem;
	}
	
	legend {
		font-size: 1.3rem;
	}
	
	.column2>ul {
		-webkit-column-count: 1; /* Chrome, Safari, Opera */
		-moz-column-count: 1; /* Firefox */
		column-count: 1;
		-webkit-column-gap: 0; /* Chrome, Safari, Opera */
		-moz-column-gap: 0; /* Firefox */
		column-gap: 0;
	}
	
	.footer-info {
		flex-direction: column !important;
		margin: 0 !important;
	}
	
	header, main, footer {
		width: 96%;
		margin: auto;
	}
	
	main fieldset {
		margin-right: 0;
	}
	
	.breadcrumb {
		flex-wrap: wrap;
		font-size: medium;
	}
	
	#tbl_ergebnis tbody td .popUp {
		padding-top: 0.1111rem;
		text-align: center;
		box-shadow: 0.0556rem 0.1667rem 0.2223rem 0.0556rem #888;
		width: 100%;
	}
	
	ul.footer-info li {
		width: auto;
	}
	
	#kopfzeile .screen a, #fusszeile .screen a {
		font-size: 0.8889rem;
	}

	/*** Test Seiten ***/
	#inhalt #tbl_ergebnis tbody .q {
		text-align: left;
	}
	
	.table td, .table th {
		padding: 0.5556rem 0 0.9px 0.8px;
	}
	
	#seiten form #jobsTablle, #seiten form #lsom_tabelle {
		min-width: 750px;
		background-color: white;
		width: auto;
	}
	
	.bg-white {
		width: auto;
	}

	/*** navigation ***/
	nav {
		width: 96%;
		margin: 0 auto;
	}
	
	#navi #mainnavbar li:hover .dropdown {
		display: none !important;
	}
	
	#navi #mainnavbar ul li input[type="checkbox"]:checked ~ .dropdown {
		display: block !important;
		position: static !important;
		width: 100%;
		padding-left: 0.8333rem;
		font-size: 0.9rem;
	}
	
	#navi ul li a, #mainnavbar .erweiterbar_li {
		display: block;
		float: left;
		width: 100%;
	}
	
	#navi #mainnavbar li {
		width: 100%;
	}
	
	#navi #mainnavbar .dropdown {
		border: none !important;
		border-radius: 0 !important;
	}
	
	#mainnavbar ul li .testSelected, #navi #mainnavbar .dropdown .test {
		width: 100% !important;
	}
	
	.navbar-toggler {
		width: 100%;
		background-color: #476274;
		padding: 0.4444rem 0.4444rem 0.4444rem 0.8889rem;
	}
	
	.navbar-toggler .fa {
		color: #fff;
		float: left;
	}
	
	#navi #mainnavbar li .dropdown {
		display: none !important;
	}
	#navi #mainnavbar ul {
		width: 100%;
		display: block;
	}
	


	div.info-content {
		width: 90% !important;
		min-width: 475px !important;
	}
}

/*** Handy Modus ***/
@media only screen and (max-width: 575px) {

	body  {
		hyphens:auto; 	
	}
	
	input[type="date"] {
  		min-width: 7.5rem;
	}
	
	/*** Info Button ***/
	div.info-content {
		width: 85% !important;
		min-width: 200px !important;
	 } 
	
	.label, label {
		width: auto;
	}
}

/*** Handy & Tablet Modus AZ und Registereintrag  ***/
@media screen and (max-width: 680px) {
	#fds_aktenzeichen .col-sm-2,
	#fds_aktenzeichen .col-sm-3,
	#fds_aktenzeichen .col-sm-4,
	#fds_register .col-sm-2,
	#fds_register .col-sm-4,
	#fds_register .col-sm-6 {
		-ms-flex: 0 0 auto;
		flex: auto !important;
		max-width: 100% !important;
	}
	#fds_aktenzeichen .slash {
		display: none;
	}
	#fds_aktenzeichen .col-sm-10, #fds_register .col-sm-10 {
		width: auto;
	}
}

/*** Navigation Menü ***/
@media only screen and (min-width: 820px) and (max-width: 1060px) {
	#navi ul li {
	 	height: 4rem;
	}

	#navi .erweiterbar_li {
	 	display: flex !important;
	}

	#navi ul li a, #navi .erweiterbar_li label {
	  	height: 100%;
	  	display: flex;
	  	align-items: center;
	}
	
	#navi .dropdown  li{ 
		height: auto;
	}	 
	
	#navi .dropdown li a,
	#navi .dropdown {
		height: auto;
		top: 4.055rem !important;
	}
}


/***  Handy & Tablet Modus Ergebnistabelle ***/
@media only screen and (max-width: 999px) {
	#tbl_ergebnis thead {
		display: none;
	}
	table {
		border-collapse: unset;
	}
	#tbl_ergebnis tbody tr {
		border-top: 2px solid #ddd;
		border-bottom: 2px solid #efefef;
		box-shadow: 2px 2px 1.5px #dadada;
	}
	#tbl_ergebnis tbody td:last-child {
		border-bottom: 0;
	}

	/* Table Header  */
	.ergebnis .wordbreak::before, .ergebnis span::before {
		content: attr(title) ': ';
		float: left;
		font-weight: bold;
		font-size: 0.9rem;
		hyphens: auto;
	}
	#tbl_ergebnis tbody td {
		display: block;
		text-align: right;
		font-size: 0.9rem;
	}
	tbody tr {
		border: 3px solid red;
		padding: 5px;
	}
	tbody th, tbody td {
		padding: 0;
	}
	fieldset table tbody, fieldset table th, fieldset table thead th,
		fieldset table td, fieldset table tbody td, .content table tbody,
		.content table th, .content table thead th, .content table td,
		.content table tbody td {
		border: none;
	}
	#tbl_ergebnis tbody td .leer:empty {
		margin: 0.0556rem;
	}
	#tbl_ergebnis tbody td form .pngbutton {
		padding-left: 45%;
		padding-right: 45%;
	}
	#tbl_ergebnis tbody td .popUp {
		padding-top: 2px;
		text-align: center;
		box-shadow: 1px 3px 4px 1px #888;
		width: 100%;
	}
}