/* dpma_dienste_neu.css */



/* ############################### Globale Regeln ###############################*/

html {
	font-family: "BundesSansWeb", Calibri, Verdana, Arial, Helvetica, sans-serif;
}

body:not(.dpma-sa-body) {
	font-family: "BundesSansWeb", Calibri, Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	border-top: 10px solid #64c3d5;
}

h1 {font-size: 1.8rem;}
h2 {font-size: 1.6rem;}
h3 {font-size: 1.4rem;}
h4, h5, h6 {font-size: 1.2rem;}


::placeholder {
  color: #000;
  font-size: 0.8em;
  opacity: 1;
}


strong {
	color: #000;
	background: yellow;
}

em {
	font-weight: bold;
	font-style: normal;
}

pre {
	font-family: "BundesSansWeb", Calibri, Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
}

a.dpma-sort-link:hover, a.dpma-sort-link:active, a.dpma-sort-link:focus {
    text-decoration: underline !important;
}

a.dpma-sort-link {
	color: #000 !important;
	text-decoration: none !important;
}

.dpma-pdf-btn {
	padding: 1px 3px 3px 2px;
}

.form-control, .form-select, #hauptnav .navbar-toggler {
	border: 1px solid #6c757d !important;
}

.form-check-input[type="checkbox"], .form-check-input[type="radio"] {
	border: 1px solid #6c757d !important;	
}

.form-check-input:checked {
	background-color: #1b3337;
	border-color: #1b3337;
}

.logo_dpma a, .dpma-thumbNailMarkenContainer a, .dpma-thumbNailDesignContainer a, .dpma-thumbNailDesignContainerKamera a, .dpma-table-flex-col a, .dpma-image-link a, a.dpma-image-link {
		display: inline-block;
}

legend {
	float: none;
}

.form-group {
    margin-bottom: 1rem;
}

.table > :not(:first-child) {
    border-top: 0px solid white;
}

.dpma-rotate-90deg {
	transform: rotate(90deg);
}

.dpma-rotate-180deg {
	transform: rotate(180deg);
}

.dpma-rotate-270deg {
	transform: rotate(270deg);
}


/* ###################### Meldungen ###################### */

.dpma-attention, .attention { 
	padding: 15px;
	margin-bottom: 10px;
	color:#000;
	background: #f8f9fa;
	border: 6px solid #ff9;
  	border-radius: 2px;
	}

.dpma-attention.dpma-attention-warning h3, .attention.attention-warning h3 {font-size: 1.2rem;}

.dpma-attention h4, .attention h4 {
	margin-top: 0;
	color: inherit;
	}
	
.dpma-attention-warning, .attention-warning {border: 6px solid #ff9;}

/* ###################### Fehlermeldungen ###################### */

.dpma-error, .error {
	padding:10px 5px 5px 8px;
	margin-top:20px;
	margin-bottom: 20px;
	color:#000;
	background-color: #f8f9fa;
	border: 6px solid #903;
	border-radius: 2px;
	}

.dpma-error p, .error p { padding:5px; }

.dpma-error p.dpma-headline, .error p.headline { font-weight:bold; }

.dpma-initialInvisible {
	display: none;
}


/* ############################### Formatierungen für die Startseiten ###############################*/

.dpma-datum {color: #890d48; font-size: 70%;}	
.dpma-card-wichtig {border-left-width: 0.25rem; border-left-color: #890d48;}
	
h1.card-header.dpma-card-min {font-size: 1.6rem;}
h2.card-header.dpma-card-min {font-size: 1.4rem;}
h3.card-header.dpma-card-min {font-size: 1.2rem;}		
		
h3.card-title.dpma-card-min {font-size: 1.2rem;}
		
h2.card-header.dpma-card-smin {font-size: 1rem;} 
		
h3.card-title.dpma-card-min a:link {text-decoration: none;}
h3.card-title.dpma-card-min a:hover {text-decoration: underline;}

h2.dpma-h_link {font-size: 1.4rem;}		
h3.dpma-h_link {font-size: 1.2rem;}		
.dpma-h_link a:link {text-decoration: none;}
.dpma-h_link a:hover, .dpma-h_link a:active, .dpma-h_link a:focus {text-decoration: underline;}

		
/* ############################### Schriften einbinden ###############################*/

@font-face {
    font-family: BundesSansWeb;
    src: url(../fonts/bundessansweb-regular.eot) format("eot"), url(../fonts/bundessansweb-regular.woff) format("woff"), url(../fonts/bundessansweb-regular.ttf) format("ttf");
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: BundesSansWeb;
    src: url(../fonts/bundessansweb-bold.eot) format("eot"), url(../fonts/bundessansweb-bold.woff) format("woff"), url(../fonts/bundessansweb-bold.ttf) format("ttf");
    font-style: normal;
    font-weight: bold;
}
@font-face {
    font-family: BundesSansWeb;
    src: url(../fonts/bundessansweb-bolditalic.eot) format("eot"), url(../fonts/bundessansweb-bolditalic.woff) format("woff"), url(../fonts/bundessansweb-bolditalic.ttf) format("ttf");
    font-style: italic;
    font-weight: bold;
}
@font-face {
    font-family: BundesSansWeb;
    src: url(../fonts/bundessansweb-italic.eot) format("eot"), url(../fonts/bundessansweb-italic.woff) format("woff"), url(../fonts/bundessansweb-italic.ttf) format("ttf");
    font-style: italic;
    font-weight: normal;
}
@font-face {
    font-family: BundesSerifWeb;
    src: url(../fonts/bundesserifweb-regular.eot) format("eot"), url(../fonts/bundesserifweb-regular.woff) format("woff"), url(../fonts/bundesserifweb-regular.ttf) format("ttf");
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: BundesSerifWeb;
    src: url(../fonts/bundesserifweb-bold.eot) format("eot"), url(../fonts/bundesserifweb-bold.woff) format("woff"), url(../fonts/bundesserifweb-bold.ttf) format("ttf");
    font-style: normal;
    font-weight: bold;
}
@font-face {
    font-family: BundesSerifWeb;
    src: url(../fonts/bundesserifweb-bolditalic.eot) format("eot"), url(../fonts/bundesserifweb-bolditalic.woff) format("woff"), url(../fonts/bundesserifweb-bolditalic.ttf) format("ttf");
    font-style: italic;
    font-weight: bold;
}
@font-face {
    font-family: BundesSerifWeb;
    src: url(../fonts/bundesserifweb-italic.eot) format("eot"), url(../fonts/bundesserifweb-italic.woff) format("woff"), url(../fonts/bundesserifweb-italic.ttf) format("ttf");
    font-style: italic;
    font-weight: normal;
}



/* ############################### sprungnavigation aus dpma_dienste.css ###############################*/

#sprungnav li {
	position: absolute;
	width: 10em;
	z-index: 11;
	font-size: 120%;
	line-height: 100%;
	}

#sprungnav li a {
	position: absolute;
	left: -20em;
	top: -10em;
	color: #369;
	text-decoration: underline;
	}

#sprungnav li a:focus, #sprungnav li a:active {
	position: absolute;
	left: 0;
	top: 0;
	padding: 5px;
	background: #fff;
	width: 10em;
	height: 2.8em;
	font-weight: bold;
	left: 4px;
	outline: dotted;
	outline-width: thin;
	outline-color: #900;
	outline-offset: 0px;
	text-decoration: underline;
	}

#skipnav li {
	position: absolute;  
	width: 10em;  
	z-index: 11; 
	font-size: 100%; 
	line-height: 100%; 
	list-style-type: none;
	}

#skipnav li a {
	position: absolute; 
	left: -20em; 
	top: -10em;
	}

#skipnav li a:focus, #skipnav li a:active {
	position: absolute;
	left: 0; 
	top: 0;
	padding: 5px;
	background: #fff;
	width: 10em;
	height: 2.8em;
	font-weight: bold;
	left: 4px;
	}
	

/* ############################### ident-bereich aus dpma_dienste.css ###############################*/

.hidden {
	position: absolute;
	left: -1500px;
	top: -800px;
	width: 450px;
	}
	
#kopf {
	display: flex; 
	background-color: #fff;
	min-height: 96px; /* 110 px*/
	max-height: 160px;
	}

.logo_dpma {flex: 1;}

.logo_dpma img {
	width: 100%;
    height: auto;
    max-width: 250px;
    min-width: 200px;
	}	
	
.service_dienstname {flex: 0 1 auto;}

 ul.service {
	list-style-type: none;
	text-align: right; 
	}
		
ul.service li {
	display: inline; 
	text-transform: uppercase;
	font-size: 12px;
	padding-left: 2em; 
	}

ul.service a {
	text-decoration: none;
	font-weight: bold;
	color: #369;
	}

#kopf .service a:hover, #kopf .service a:active, .kopf .service a:focus {
	color: #369; /* linkcolor */
	background-color: #fff;
	outline: dotted;
	outline-width: thin;
	outline-color: #900;
	outline-offset: 0px;
	text-decoration: underline;
	box-shadow: 0px 0px 8px #369;
	}

.service span.auf {
	background: #d7e5e8;
	color: #000;
	font-weight: bold;
	padding: 0 2px;
	}

p.dienstname_re { 
	text-align: right; 
	font-size: 24px;  
	padding-top: 0.4em;
	}	

p.dienstname_re a:link {text-decoration: none;}

p.dienstname_re a {color: #000;}

p.dienstname_re a:visited {color: #000;}

p.dienstname_re a:hover, p.dienstname_re a:focus, p.dienstname_re a:active {
	color: #369;
	text-decoration: underline;
	background-color: #fff;
	outline: dotted;
	outline-width: thin; /* medium */
	outline-color: #900;
	outline-offset: 0px;
	box-shadow: 0px 0px 8px #369;
	}

.baustein_farbe {
  	color: #64c3d5;
  	font-weight: bold;
  	}
.baustein_weight {
  	font-weight: bold;
  	}

	
	
/* ############################### hauptnavigation aus dpma_dienste.css ###############################*/	

#hauptnav {margin: 0;}	


/* anpassungen bootstrap */
.navbar {
	padding: 0; 
	}

#hauptnav nav {
	font-size: 1.2rem; 
	font-weight: bold;
	font-family: "BundesSansWeb",Arial, helvetica, sans-serif;
	}

#hauptnav nav li {
	padding-right: 1.2rem;
}

#hauptnav nav li[style]{
	display: list-item !important;
}
	
#hauptnav nav a:link {
	color: #000;
	text-decoration: none;
}
	
#hauptnav nav a:hover, #hauptnav nav a:active, #hauptnav nav a:focus, #hauptnav nav .kurierAuf a:hover, #hauptnav nav .kurierAuf a:active, #hauptnav nav .kurierAuf a:focus, #hauptnav .navbar-toggler:active, #hauptnav .navbar-toggler:focus, #hauptnav .navbar-toggler:hover {
    color: #369;
    background-color: #f5f5f5;
    outline: dotted;
    outline-color: currentcolor;
    outline-width: thin;
    outline-color: #900;
    outline-offset: 0px;
    text-decoration: underline;
    box-shadow: 0px 0px 8px #369;
	}
	
.form-check-input:hover, .form-check-input:active, .form-check-input:focus {
    color: #369;
    /* TBDUS background-color: #64c3d5; */
    outline: dotted;
    outline-color: currentcolor;
    outline-width: thin;
    outline-color: #900;
    outline-offset: 0px;
    text-decoration: underline;
    box-shadow: 0px 0px 8px #369;
	}
		
#hauptnav button.navbar-toggler {
    position: absolute;
    height: 40px;
    top: -48px;
    right: 10px;
}

#hauptnav .dropdown-menu a.dropdown-item, #navbarSupportedContent span.dropdown-item {
	border-bottom: 1px solid #eee;
	color: #212529;
}

li.auf, a.auf, #navbarSupportedContent span.auf {
	background-color: #eee;
}

a.subnav-auf, span.subnav-auf {	
	background: #f9fafa;
	border-right: 12px solid #64c3d5;
	font-weight: bold;
}

.dropdown-menu {margin: -0.125rem 0 0;} /* unterpunkte naeher, leichter bedienbar */

.dpma-navbar-nav {
	margin-bottom: -12px;
}

#hauptnav .dropdown-menu a:focus.dropdown-item {background: #fff;} 


@media only screen and (max-width : 991px) {

#kopf {
	margin: 10px 10px 0 10px;
	min-height: 80px;
	}
}

/* toggler-menue erscheint */
@media only screen and (max-width : 767px) {

#kopf p.dienstname_re {padding-top:0;}
	
#hauptnav ul.navbar-nav li {
    background: #eee;
	border-bottom: 2px solid #64c3d5;
	}

#hauptnav .navbar-toggler {
	padding: 0.25rem 0.75rem;
	color: #000;
	font-family: "BundesSansWeb",Arial, helvetica, sans-serif;
	font-size: 1rem;
	font-weight: bold;
	line-height: 1;
	background-color: #fff;
	border: 2px solid #eee;
	border-radius: 0.25rem;
}

.navbar-toggler-icon {
  display: inline-block;
  width: 1.2em;
  height: 1.2em;
  vertical-align: middle;
  content: "";
  background: no-repeat center center;
  background-size: 100% 100%;
}

/* originalwert rgba(0, 0, 0, 0.5) */
.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.toggler_menu {padding-left: 0.3em;}	

.navbar {margin: 0;}

.navbar .dropdown-toggle {margin-right:0;}

.navbar-nav .dropdown .dropdown-item {
    border-bottom: 1px solid #ecedef;
	font-weight: bold;
	font-size: 0.9rem;	
	}	

#hauptnav .navbar-nav li.nav-item {padding-right:0;} 

#hauptnav .navbar-nav li.nav-item a {
		padding: 4px 0 4px 10px; 
		font-size: 0.9em;
		}

#hauptnav .dropdown-menu {
	color: #000;
	margin-top:0;
	text-align: left;
	list-style: none;
	background-color: #fff;
	background-clip: padding-box;
	border: 2px solid rgba(0, 0, 0, 0.15);
	padding-left: 1em;
	}
	
nav.navbar-light ul#servicenav-mobil li {
	background: #fff;
	font-size: 0.9em;
	font-weight: normal;	
	padding: 4px 0 4px 10px;
	}
	
nav.navbar-light ul#servicenav-mobil li a:visited { color: #000;}

.dpma-navbar-nav {
	margin-bottom: 0px;
}

}

.dpma-smartsearchInput {
	width: 250px;
	display: inline;
	margin-bottom: 10px;
}

.dpma-smartsearchInput-RG04 {
	width: 250px;
	display: inline;
}

.dpma-smartsearchInput-RG05 {
	display: inline;
}

.dpma-smartsearchInput-DN01 {
	width: 250px;
	display: inline;
	margin-bottom: 10px;
}

.dpma-smartsearchInput-DN02 {
	width: 210px;
	display: inline;
	margin-bottom: 10px;
}

.dpma-smartsearchButton {
	position: relative;
	top: 0.6em;
}

.dpma-smartsearchButton-RG05 {
	position: relative;
	top: 0.8em;
}

/* Vorschalg Lisa Renninger 25.11.2022 */
.nav-tabs  {margin-bottom: 2em; background: #ecedef;} 
.dpma-tabView .nav-item .nav-link {font-weight: bold; font-size: 120%; color: #000; background-color: #eee;}

.nav-link.active {background-color: #fff!important; border-top: 3px solid #ccc; border-left: 3px solid #ccc; border-right: 3px solid #ccc;} 
.dpma-tabView .nav-link:hover {background-color: #fff;}


.dpma-noBreak {
    white-space: nowrap;
}

.dpma-word-wrap-anywhere {
    word-wrap: anywhere;
}


/* ###############################  bereichskennzeichnung aus dpma_dienste.css ###############################*/

.dpma-container-bereichskennzeichen {	
	padding-right: 0;
	padding-left: 0;
}

#bereichskennzeichn {
	clear: both;
	background: #cccccc;
	border-top: 6px solid #64c3d5;
	border-bottom: 6px solid #FFFFFF;
	}
	
#bereichskennzeichn p {
	padding-top: 12px;
	padding-left: 30px;
	color: #fff;
	font-family: "BundesSerifWeb", Cambria, Georgia, "Times New Roman", serif;
	}
	

/* ###############################  Fussbereich ###############################*/
 
 .dpma-fuss-container {
	background-color: #64c3d5;
	color: #000;
	height: 150px;
	font-size: 0.8em;
 }
 
.dpma-footer-rechtliches {
  display: inline-block;
  list-style-type: none;
  padding: 1em 0px 0px 0px;
  margin-bottom: 2em;
}

ul.dpma-footer-rechtliches li:first-child {
  border-left: 0px;
  padding-left: 0px;
}

ul.dpma-footer-rechtliches li {
  display: inline-block;
  padding: 0 1em;
  border-left: 1px solid black;
  font-size: 12px;
}

.dpma-footer-rechtliches li a {
	color: black;
}

.dpma-copyright {
    background: #64c3d5;
    color: #000;
    padding: 1.2em 0 2em 0;
    font-size: 12px;
}

@media (min-width: 992px) { 
	.dpma-copyright {
		float: right;
	}
}

@media (min-width: 768px) { 
	.navbar-expand-md .navbar-nav .nav-link {
		color:black;
	}
}

.dpma-pfad {
	 font-weight: bold;
	 font-size: 0.8em;
	 color: #000;
}
 
.dpma-standort-container {
	background: #f5f5f5;
	margin-top: 3em; 
}



/* ###############################  Allgemeine Regeln / Barriesfreiheit ###############################*/

label, label abbr {
	cursor: pointer !important;
}

a:link {
	text-decoration: underline;
}

.dpma-btn-link {
	text-decoration: none !important;;
}
.dpma-btn-link:visited {
	color: #212529;
}

a {
	color: #246;
}

a:visited {
	color: #369;
}

a:hover, a:focus, a:active, .btn:hover, .btn:focus, .btn:active, input:hover, input:focus, input:active, .btn-light:hover, .btn-light:focus, .form-control:focus, .form-control:active, .form-control:hover:enabled, .form-select:focus, .form-select:active, .form-select:hover:enabled, .form-check:hover, .form-check:active, .dropdown-item:focus, .dropdown-item:hover, .dpma-btn:active, .dpma-btn:hover, .dpma-simulate-active  {
	background-color: #fff;
	outline: solid;
	outline-width: thin;
	outline-color: #369;
	outline-offset: 0px;
	box-shadow: 0px 0px 8px #369;
	color: inherit !important;  /* Bugfix für Vorfall 2451 */
}

.dpma-btn-disabled:hover {
	outline: none;
	box-shadow: none;
	background-color: #e9ecef;
}

.ext_link {
	background: url("../images/ext_link.png") no-repeat;
	padding-left: 16px;
	background-position: left bottom;
}

.dpma_new_window {
    background: url("../images/ext_link.png") no-repeat;
    padding-left: 16px !important;
    background-position: left center;
}

.dpma_geb_window {
    background: url("../images/icon-sign-language.svg") no-repeat;
    padding-left: 18px !important;
    background-position: left center;
}

.dpma_pdf_window {
    background: url("../images/icon_pdf.gif") no-repeat;
    padding-left: 20px;
    background-position: left center;
}

.dpma_pdf_window_btn {
    background: url("../images/icon_pdf.gif") no-repeat;
    padding-left: 15px;
    background-position: left center;
}

/* Label soll linksbündig zu referenziertem Element sein */
.col-form-label-dpma-left {
	padding-left: 0px;
}

.dpma-border-std {
	border: 1px solid #6c757d !important;
}

/* TBDUS Kann man hier statt 992 den symbolischen Namen lg verwenden ? */
@media only screen and (min-width: 992px) {

/* Für größere Viewports sollen diese Label rechtsbündig sein */
.col-form-label-dpma-right, .dpma-label-right {
	text-align: right;
}

.dpma-label-right-padding {
	text-align: right;
	padding-left: 5px;
}

}


.dpma-navigations-leiste-label {
	font-weight: normal;
}

.dpma-btn {
	background-color: white;
	color: #212529;
	border: 1px solid #6c757d;
}

.dpma-btn-disabled {
	cursor: text;
}

input.dpma-btn-disabled {
	cursor: text;
	background-color: #e9ecef !important;
}

.dpma-btn-legend-disabled {
	cursor: text;
	opacity: 1.0 !important;
}

.btn-outline-secondary {
    color: #212529 !important;
}

.btn-outline-secondary:hover {
    color: #fff !important;
}

.dpma-btn-filter-used {
  }

li.dpma-filter-value {
	margin-top: 0.5rem;
}

hr.dpma-filter-value-f {
	opacity: 1;
	color: #64c3d5;
	border-top: 5px solid;
	margin-top: -0.4rem;
	margin-bottom: 0.3rem;
	
	margin-left: 24px;	
	width: calc(100% - 24px);
}

hr.dpma-filter-value-f-width-1   { width: calc(1% - 0px); }
hr.dpma-filter-value-f-width-2   { width: calc(2% - 0px); }
hr.dpma-filter-value-f-width-3   { width: calc(3% - 0px); }
hr.dpma-filter-value-f-width-4   { width: calc(4% - 0px); }
hr.dpma-filter-value-f-width-5   { width: calc(5% - 0px); }
hr.dpma-filter-value-f-width-6   { width: calc(6% - 0px); }
hr.dpma-filter-value-f-width-7   { width: calc(7% - 0px); }
hr.dpma-filter-value-f-width-8   { width: calc(8% - 0px); }
hr.dpma-filter-value-f-width-9   { width: calc(9% - 0px); }

hr.dpma-filter-value-f-width-10  { width: calc(10% - 0px); }
hr.dpma-filter-value-f-width-11  { width: calc(11% - 0px); }
hr.dpma-filter-value-f-width-12  { width: calc(12% - 0px); }
hr.dpma-filter-value-f-width-13  { width: calc(13% - 0px); }
hr.dpma-filter-value-f-width-14  { width: calc(14% - 0px); }
hr.dpma-filter-value-f-width-15  { width: calc(15% - 0px); }
hr.dpma-filter-value-f-width-16  { width: calc(16% - 0px); }
hr.dpma-filter-value-f-width-17  { width: calc(17% - 0px); }
hr.dpma-filter-value-f-width-18  { width: calc(18% - 0px); }
hr.dpma-filter-value-f-width-19  { width: calc(19% - 0px); }

hr.dpma-filter-value-f-width-20  { width: calc(20% - 0px); }
hr.dpma-filter-value-f-width-21  { width: calc(21% - 0px); }
hr.dpma-filter-value-f-width-22  { width: calc(22% - 0px); }
hr.dpma-filter-value-f-width-23  { width: calc(23% - 0px); }
hr.dpma-filter-value-f-width-24  { width: calc(24% - 0px); }
hr.dpma-filter-value-f-width-25  { width: calc(25% - 0px); }
hr.dpma-filter-value-f-width-26  { width: calc(26% - 0px); }
hr.dpma-filter-value-f-width-27  { width: calc(27% - 0px); }
hr.dpma-filter-value-f-width-28  { width: calc(28% - 0px); }
hr.dpma-filter-value-f-width-29  { width: calc(29% - 0px); }

hr.dpma-filter-value-f-width-30  { width: calc(30% - 0px); }
hr.dpma-filter-value-f-width-31  { width: calc(31% - 0px); }
hr.dpma-filter-value-f-width-32  { width: calc(32% - 0px); }
hr.dpma-filter-value-f-width-33  { width: calc(33% - 0px); }
hr.dpma-filter-value-f-width-34  { width: calc(34% - 0px); }
hr.dpma-filter-value-f-width-35  { width: calc(35% - 0px); }
hr.dpma-filter-value-f-width-36  { width: calc(36% - 0px); }
hr.dpma-filter-value-f-width-37  { width: calc(37% - 0px); }
hr.dpma-filter-value-f-width-38  { width: calc(38% - 0px); }
hr.dpma-filter-value-f-width-39  { width: calc(39% - 0px); }

hr.dpma-filter-value-f-width-40  { width: calc(40% - 0px); }
hr.dpma-filter-value-f-width-41  { width: calc(41% - 0px); }
hr.dpma-filter-value-f-width-42  { width: calc(42% - 0px); }
hr.dpma-filter-value-f-width-43  { width: calc(43% - 0px); }
hr.dpma-filter-value-f-width-44  { width: calc(44% - 0px); }
hr.dpma-filter-value-f-width-45  { width: calc(45% - 0px); }
hr.dpma-filter-value-f-width-46  { width: calc(46% - 0px); }
hr.dpma-filter-value-f-width-47  { width: calc(47% - 0px); }
hr.dpma-filter-value-f-width-48  { width: calc(48% - 0px); }
hr.dpma-filter-value-f-width-49  { width: calc(49% - 0px); }

hr.dpma-filter-value-f-width-50  { width: calc(50% - 0px); }
hr.dpma-filter-value-f-width-51  { width: calc(51% - 0px); }
hr.dpma-filter-value-f-width-52  { width: calc(52% - 0px); }
hr.dpma-filter-value-f-width-53  { width: calc(53% - 0px); }
hr.dpma-filter-value-f-width-54  { width: calc(54% - 0px); }
hr.dpma-filter-value-f-width-55  { width: calc(55% - 0px); }
hr.dpma-filter-value-f-width-56  { width: calc(56% - 0px); }
hr.dpma-filter-value-f-width-57  { width: calc(57% - 0px); }
hr.dpma-filter-value-f-width-58  { width: calc(58% - 0px); }
hr.dpma-filter-value-f-width-59  { width: calc(59% - 0px); }

hr.dpma-filter-value-f-width-60  { width: calc(60% - 0px); }
hr.dpma-filter-value-f-width-61  { width: calc(61% - 0px); }
hr.dpma-filter-value-f-width-62  { width: calc(62% - 0px); }
hr.dpma-filter-value-f-width-63  { width: calc(63% - 0px); }
hr.dpma-filter-value-f-width-64  { width: calc(64% - 0px); }
hr.dpma-filter-value-f-width-65  { width: calc(65% - 0px); }
hr.dpma-filter-value-f-width-66  { width: calc(66% - 0px); }
hr.dpma-filter-value-f-width-67  { width: calc(67% - 0px); }
hr.dpma-filter-value-f-width-68  { width: calc(68% - 0px); }
hr.dpma-filter-value-f-width-69  { width: calc(69% - 0px); }

hr.dpma-filter-value-f-width-70  { width: calc(70% - 0px); }
hr.dpma-filter-value-f-width-71  { width: calc(71% - 0px); }
hr.dpma-filter-value-f-width-72  { width: calc(72% - 0px); }
hr.dpma-filter-value-f-width-73  { width: calc(73% - 0px); }
hr.dpma-filter-value-f-width-74  { width: calc(74% - 0px); }
hr.dpma-filter-value-f-width-75  { width: calc(75% - 0px); }
hr.dpma-filter-value-f-width-76  { width: calc(76% - 0px); }
hr.dpma-filter-value-f-width-77  { width: calc(77% - 0px); }
hr.dpma-filter-value-f-width-78  { width: calc(78% - 0px); }
hr.dpma-filter-value-f-width-79  { width: calc(79% - 0px); }

hr.dpma-filter-value-f-width-80  { width: calc(80% - 0px); }
hr.dpma-filter-value-f-width-81  { width: calc(81% - 0px); }
hr.dpma-filter-value-f-width-82  { width: calc(82% - 0px); }
hr.dpma-filter-value-f-width-83  { width: calc(83% - 0px); }
hr.dpma-filter-value-f-width-84  { width: calc(84% - 0px); }
hr.dpma-filter-value-f-width-85  { width: calc(85% - 0px); }
hr.dpma-filter-value-f-width-86  { width: calc(86% - 0px); }
hr.dpma-filter-value-f-width-87  { width: calc(87% - 0px); }
hr.dpma-filter-value-f-width-88  { width: calc(88% - 0px); }
hr.dpma-filter-value-f-width-89  { width: calc(89% - 0px); }

hr.dpma-filter-value-f-width-90  { width: calc(90% - 0px); }
hr.dpma-filter-value-f-width-91  { width: calc(91% - 0px); }
hr.dpma-filter-value-f-width-92  { width: calc(92% - 0px); }
hr.dpma-filter-value-f-width-93  { width: calc(93% - 0px); }
hr.dpma-filter-value-f-width-94  { width: calc(94% - 0px); }
hr.dpma-filter-value-f-width-95  { width: calc(95% - 0px); }
hr.dpma-filter-value-f-width-96  { width: calc(96% - 0px); }
hr.dpma-filter-value-f-width-97  { width: calc(97% - 0px); }
hr.dpma-filter-value-f-width-98  { width: calc(98% - 0px); }
hr.dpma-filter-value-f-width-99  { width: calc(99% - 0px); }

hr.dpma-filter-value-f-width-100 { width: calc(100% - 24px); }

hr.dpma-filter-value-b {
	opacity: 1;
	margin-top: -0.3rem;
	margin-bottom: 0.3rem;
	
	margin-left: 24px;
	width: calc(100% - 24px);
	
	border-bottom-color: #6c757d;
	border-bottom-style: solid;
	border-bottom-width: thin;
}

.dpma-btn-filter-unused {
	border-left-width: 0.50rem !important;
	border-left-color: #890d48 !important;
	background-color: #f3e6ec !important;
}

/* ###############################  REGELN f�r DEPATISnet/Server/Datenaktualit�tstabellen ###############################*/
.dpma-table-da th:first-child, .dpma-table-da td:first-child {
    position: sticky;
    left: 0px;
    background-color: #64c3d5;
}


/* ###############################  REGELN für Schriftenansicht ###############################*/
.dpma-sa-inital-size {
	height: 2000px;
}

.dpma-sa-inital-size-full {
    display: block;       /* iframes are inline by default */
    background: #000;
    border: none;         /* Reset default border */
    height: 98vh; 		  /* Viewport-relative units */
    width: 100vw;
}

h1.dpma-sa-header {font-size: 1.6rem;}

/* ###############################  REGELN f�r Expertenrecherchen ###############################*/

.dpma-exp-werte, .dpma-tlk-inv {
    display: none; 
  }
.popover {
  max-width: 700px;
}

.dpma-dropdown-header {
	font-size: 1.0rem;
	font-weight: bold;
	background-color: #e2e6ea;
	color: black;
}
.dpma-exp-ph:hover, .dpma-exp-phwea:hover, .dpma-exp-phhist:hover {
	color: black;
}	

.dpma-dropdown-search {
	font-size: 1.2rem;
	font-weight: bold;
	color: black;
}

.dpma-history-dropdown-item {
	text-overflow: ellipsis;
	overflow: hidden;
}

.dpma-history-dropdown-menu {
		max-width: 500px;
}

/* ###############################  REGELN f�r Detailansicht ###############################*/

.dpma-diff-list-date {
	list-style: none;
	padding-left: 0rem;
}

.dpma-diff-list-date-item {
	font-weight: bold;
}

.dpma-diff-list-changes {
	font-weight: normal;
	list-style-type: "- ";
	margin-left: -0.5rem;
}

.dpma-reg-header-info {
	font-weight: bold;
}

.dpma-reg-header-info span {
	font-weight: normal;
}

.dpma-reg-filter-info {
	border: 2px solid #cccccc;
	font-weight: normal;
	background-color: white;
	color: #212529;
}

.dpma-label {
	font-weight: bold;
}

.dpma-exp-phwea {
}

.dpma-dropdown-menu {
	height: auto;
	max-height: 400px;
	overflow-x: hidden;
}

.dpma-dropdown-menu-felder {
    width: 600px !important;
    height: auto;
    max-height: 400px;
    overflow-x: auto;
}

.dpma-dropdown-menu-detail {
	height: auto;
	max-height: 400px;
	overflow-x: auto;
}

.dpma-dropdown-menu-values {
    overflow-x: auto;
    max-height: 20em;
}

.dpma-dropdown-menu-filter-values, .dpma-dropdown-menu-filter-values-sm {
    width: 300px;
    height: auto;
    overflow-x: auto;
    max-height: 20em;
}

.dpma-dropdown-menu-filter-values-lg {
    width: 500px;
    height: auto;
    overflow-x: auto;
    max-height: 30em;
}
@media only screen and (max-width : 575px) {
.dpma-dropdown-menu-filter-values-lg {
    width: 300px;
    height: auto;
    overflow-x: auto;
    max-height: 20em;
}	
}

.dpma-dropdown-menu-filter, .dpma-dropdown-menu-filter-sm {
    width: 320px;
    xxxheight: 26em;
    overflow-x: auto;
    max-height: 30em;
}

.dpma-dropdown-menu-filter-lg {
    width: 520px;
    xxxheight: 26em;
    overflow-x: auto;
    max-height: 40em;
}
@media only screen and (max-width : 575px) {
.dpma-dropdown-menu-filter-lg {
    width: 320px;
    xxxheight: 26em;
    overflow-x: auto;
    max-height: 30em;
}	
}

label.dpma-dropdown-menu-label, label.dpma-dropdown-menu-label-sm {	
	max-width: 200px;
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

label.dpma-dropdown-menu-label-lg {	
	max-width: 400px;
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
@media only screen and (max-width : 575px) {
label.dpma-dropdown-menu-label-lg {	
	max-width: 200px;
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}	
}

.dpma-dropdown-menu-krit {
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}
/* ###############################  REGELN f�r Trefferlisten (Tabelle) ###############################*/


.table-striped tbody tr:nth-of-type(2n+1) {
    background-color: #f7fcfd;
}

#trefferliste td {
	padding-left: 4px !important;
}

.dpma-inhaltscontainer-max {
	padding: 0px 30px 0px 30px;
}

.dpma-container-leiste-tl {
	width: max-content;
}

.dpma-container-leiste {
    border: 3px solid #cccccc;
    clear: both;
    display: table;
    width: 100%;
}

.dpma-container-leiste-max {
    border: 3px solid #cccccc;
    clear: both;
	display: block;
}

.dpma-container-leiste-matrix {
    border: 3px solid #cccccc;
    clear: both;
}

.dpma-container-leiste table  {
	margin: 0 0 0 0;
}

	
.dpma-container-leiste-detail {
	width: 100%;
}

.dpma-container-leiste th  {
	border-bottom: 2px solid #64c3d5;
}

.dpma-navigations-leiste, .dpma-aktions-leiste {
	border-radius: 2px;
	padding: 0.4em 0 0.4em 0;
	background: #cccccc;
	width: 100%;
	font-weight: bold;
	display: block;
	top: 0;
	position:sticky;
}

.dpma-aktions-leiste + .dpma-navigationsleiste {
	border-bottom: 0px solid #fff;
	border-top: 2px solid #fff;
}

.dpma-navigations-leiste + .dpma-aktions-leiste {
	border-bottom: 0px solid #fff;
	border-top: 2px solid #fff;
}

.dpma-sticky-table .dpma-sticky-thead {
    position: sticky;    
    top: 60px;
}
	
div.dpma-sticky-leisten {
	position: sticky;    
    top: 0px;
	z-index: 99;
}

.dpma-table-matrixAnsicht {
	margin-bottom: 0;
}

.dpma-table-w th {
	background-color: white;
}

.dpma-table-w thead {
	background-color: white;
	border-bottom: 4px solid #dee2e6;
}

.dpma-table-g th {
	background-color: #ecedef;
}

.dpma-table-caption {
	font-weight: bold;
	caption-side: top !important;
	
	border-top: 3px solid #64c3d5;
	border-bottom: 2px solid #64c3d5;
	padding: 5px;
	text-transform: uppercase;
	color: #000;
	text-align: left;
	width: 100%;
}

.dpma-table-captionn a:link, table caption a:link {
	font-size: 90%;
	margin-left: 0.7em;
	text-transform: none;
}

.dpma-hidden-link {
	display: none; 
}

th.dpma-bib-inid {width: 10%;}
th.dpma-bib-krit {width: 30%;}
th.dpma-bib-feld {width: 10%;}
th.dpma-bib-inhalt {width: 50%;}

th.dpma-bib-position {width: 5%}
th.dpma-bib-verfahrensart {width: 20%}
th.dpma-bib-zustand {width: 25%}

.dpma-table-responsive, .dpma-table-inpadoc {
	border-collapse: separate;
	font-weight: normal;
 	text-align: left;	
	border-spacing: 0;
}

.dpma-table-responsive thead th, .dpma-table-inpadoc thead th {
    vertical-align: top;
}

.dpma-table-responsive tbody tr:hover, .dpma-table-inpadoc tbody tr:hover, .dpma-table-matrixAnsicht tbody tr:hover {
	outline: solid;
    outline-width: 0px; /* TBDUS: 4px ==> 0px */
	outline-color:	#cccccc;
	background: #e2f3f7; /* TBDUS none ==> #e2f3f7 */
}

	
.dpma-help-link {
	text-align: right;
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/* Formatierungen f�r erste Zeichnungsseite in Trefferliste DepatisNet */
table td img.dpma-firstDrawingZoom-matrix:hover, table td img.dpma-firstDrawingZoom-tabelle:hover {
	transform:scale(2.0, 2.0);
	position: absolute;
	z-index: 9999;
}

table td img.dpma-firstDrawingZoom-matrix {
	width: 200px; 
	height: 200px;
	object-fit: contain;
	vertical-align: middle;
	transition: all 0.5s ease;
}

table td img.dpma-firstDrawingZoom-tabelle {
	width: 200px; 
	height: auto;
	vertical-align: middle;
	transition: all 0.5s ease;
}

table td.dpma-tdFirstDrawingZoom {
	overflow: visible!important;
}


/* ###############################  REGELN f�r Tabellen, damit kein Zeilenumbruch erfolgt. Verwendet in Trefferlisten und Akteneinsichtsseiten. ###############################*/

.whiteSpaceNoWrap {
	white-space: nowrap;
}

.dpma-table-flex-col {
	hyphens: auto;
}



/* ###############################  REGELN f�r Go To Top Button ###############################*/

#goToTopBtn {
  display: none;
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  font-weight: bold;
  background-color: #64c3d5;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
  outline: none;
  border: 2px solid #6c757d;
}

#goToTopBtn:hover {
	color:#64c3d5;
	background-color: #fff;
	outline: dotted;
	outline-width: thin; 
	outline-color: #900;
	outline-offset: 0px;
	box-shadow: 0px 0px 8px #369;
}



/* ###############################  REGELN f�r trunkierte Texte ###############################*/

#trefferliste {
	 width: 100%;
}
.dpma-ellipsis {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.th-max-width-150 { max-width:150px; }
.th-max-width-0 { max-width:10px; }
.td-max-width-250 { max-width:250px; }
.th-width-150, .th-width-150 { width:150px; }
.th-width-50, .th-width-50 { width:50px; }

.th-width-20-prozent {
	width: 20%;
}
      
th > .dpma-truncate-th { 
   text-overflow:ellipsis;
   overflow:hidden;
   white-space:nowrap;
}

td > .dpma-truncate-td { 
   text-overflow:ellipsis;
   overflow:hidden;
   white-space:nowrap;
}

.dpma-truncate-text {
	white-space: nowrap;
	overflow: hidden;
	width: 350px;
	text-overflow: ellipsis;
}



/* ###############################  REGELN f�r Trefferlisten (Matrix) ###############################*/

.dpma-caption-top-center-bold {
	caption-side: top;
	font-weight: bold;
	padding-left: 0.2em;
}

.dpma-ansichtcontainer, .dpma-ansichtbildcontainer {
	margin: 8px 6px;
	background: #fff;
	border: 2px solid #cccccc;
}

h2.dpma-ansichttreffconHeader {
    border: 1px solid #ecedef;
    padding: 3px 3px 9px 3px;
    background-color: #e0f3f7;
    text-align: left;
    margin-top: 0;
	margin-bottom: 0;
}

h2.dpma-matrixAnsicht-header {
    border: 1px solid #ecedef;
    padding: 3px 3px 9px 3px;
    text-align: left;
    margin-top: 0;
	margin-bottom: 0;
	font-size: 1.2rem;
	font-weight: bold;
}

p.dpma-ansichtUeberschrift {
    text-align: left;
    padding-left: 3px;
}

th.dpma-ansichtInput {
    max-width: 250px;
    width: 150px;
	padding: 4px 8px 4px 4px;
	margin: 0px;
	background-color: #ecedef;
	color: #000;
	border-top: 2px solid #64c3d5;
	border-bottom: 2px solid #64c3d5;
}

td.dpma-ansichtInput {
	color: #000;
	background-color: #f7f8f9;
	padding: 4px 4px 4px 4px;
	margin: 0px;
	vertical-align: top;
	border: 2px solid #64c3d5;
	
	max-width: 200px;
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

td.dpma-matrixAnsicht-feld {
    max-width: 250px;
    width: 175px;
	padding: 4px 8px 4px 4px;
	margin: 0px;
}

td.dpma-matrixAnsicht-inh, div.dpma-matrixAnsicht-inh {	
	max-width: 200px;
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
	margin: 0 auto;
}
.dpma-thumbNailMarkenContainer {
	width: 200px;
	height: 200px;	
	vertical-align: middle;
}


.dpma-thumbNailDesignContainerKamera {
	width: 200px;
	height: 150px;	
	vertical-align: middle;
}
.dpma-thumbNailDesignContainerKameraText {
	overflow: hidden;
	font-size: 0.9rem;
	height: 50px;
	padding: 0.3rem !important;
	border-bottom-width: 0px !important;
	max-width: 350px;
	word-wrap: break-word;
	hyphens: auto;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical; 
}
.dpma-thumbNailDesignContainerKameraTextTlTabelle {
	overflow: hidden;
	font-size: 0.9rem;
	height: 70px;
	padding: 0.3rem !important;
	border-bottom-width: 0px !important;
	max-width: 350px;
	word-wrap: break-word;
	hyphens: auto;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical; 
}

@media only screen and (max-width : 1199px) {
.dpma-thumbNailDesignContainerKameraText, .dpma-thumbNailDesignContainerKameraTextTlTabelle  {
	max-width: 261px;	
}
}

@media only screen and (max-width : 992px) {
.dpma-thumbNailDesignContainerKameraText, .dpma-thumbNailDesignContainerKameraTextTlTabelle  {
	max-width: 497px;	
}
}

@media only screen and (max-width : 768px) {
.dpma-thumbNailDesignContainerKameraText, .dpma-thumbNailDesignContainerKameraTextTlTabelle  {
	max-width: 517px;	
}
}

@media only screen and (max-width : 576px) {	
.dpma-thumbNailDesignContainerKameraText, .dpma-thumbNailDesignContainerKameraTextTlTabelle  {
	max-width: 360px;	
}
}

.dpma-thumbNailMarkenHeight {
    max-height: 200px;
}

.dpma-thumbNailMarkenImage {
	max-width: 200px;
	max-height: 200px;
	object-fit: contain;
}

@media only screen and (max-width : 400px) {
.dpma-thumbNailDesignContainerKameraText, .dpma-thumbNailDesignContainerKameraTextTlTabelle  {
	max-width: 360px;
	height: 70px;	
}

.dpma-thumbNailMarkenImage {
	max-width: 150px;
	max-height: 150px;
	object-fit: contain;
}
}

.dpma-saImage-schmal {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.dpma-saImage-breit {
	width: 100%;
	object-fit: contain;
}

p.dpma-ansichtBildMatrix {
    height: 200px;
}

/* ###############################  REGELN f�r DEPATISnet-Matrix-TL ###############################*/
/* DN-Block-TL */

.dpma-module {
  overflow: hidden;
}
.dpma-module p {
  margin: 0;
}

.dpma-matrixTrefferlisteTitelInhColumn {
	overflow: hidden;
		
	height: 79px;
	padding: 0.3rem !important;
	border-bottom-width: 0px !important;
	word-wrap: break-word;

	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical; 
}

.dpma-matrixTrefferlisteZusammenfassungInhColumn {
	overflow: hidden;
	
	height: 250px;
	padding: 0.3rem !important;
	border-bottom-width: 0px !important;
	word-wrap: break-word;	
	
	display: -webkit-box;
	-webkit-line-clamp: 10;
	-webkit-box-orient: vertical;
}

@media only screen and (max-width : 1199px) {
.dpma-matrixTrefferlisteTitelInhColumn, .dpma-matrixTrefferlisteZusammenfassungInhColumn {
	max-width: 261px;	
}
}

@media only screen and (max-width : 991px) {
.dpma-matrixTrefferlisteTitelInhColumn, .dpma-matrixTrefferlisteZusammenfassungInhColumn {
	max-width: 497px;	
}
}

@media only screen and (max-width : 767px) {
.dpma-matrixTrefferlisteTitelInhColumn, .dpma-matrixTrefferlisteZusammenfassungInhColumn {
	max-width: 317px;	
}
}

@media only screen and (max-width : 575px) {	
.dpma-matrixTrefferlisteTitelInhColumn, .dpma-matrixTrefferlisteZusammenfassungInhColumn {
	max-width: 360px;	
}
}

@media only screen and (max-width : 400px) {
.dpma-matrixTrefferlisteTitelInhColumn, .dpma-matrixTrefferlisteZusammenfassungInhColumn {
	max-width: 200px;	
}
}

@media only screen and (max-width : 360px) {
.dpma-matrixTrefferlisteTitelInhColumn, .dpma-matrixTrefferlisteZusammenfassungInhColumn {
	max-width: 160px;	
}
}

.dpma-line-clamp-3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;  
}

.dpma-line-clamp-10 {
	display: -webkit-box;
	-webkit-line-clamp: 10;
	-webkit-box-orient: vertical;  
}

td.dpma-firstDrawing-inh, div.dpma-firstDrawing-inh {	
	max-width: 200px;
	text-overflow: ellipsis;
    white-space: nowrap;
	margin: 0 auto;
	height: 205px;
}



/* DN-Block-TL */

/* ###############################  REGELN für Erweiterte Recherche ###############################*/

.dpma-fawweite {
		width: 250px;
		border: 2px solid #E2E2E2 !important;
		text-align: right;
}
.dpma-erw-suche .dpma-fawweite {
	float:right;
	width: 250px;
}

select.dpma-fawweite option {
	text-align: left;
}
	
.dpma-rechercheweite {
	width: 500px;
}
.dpma-erw-suche .dpma-rechercheweite {width: 250px;}

.dpma-opSelect, .dpma-opSelect-in-group { float: right;}

.dpma-btn-min-plus {
	white-space: nowrap;
}

.dpma-btn-min-plus-group {
	white-space: nowrap;
	padding-left: 79em;
}	

div.dpma-opSelect-in-group {
	padding-right: 1.75rem;
}

div.dpma-btn-min-plus {
	padding-left: 1.75rem;
}
	
@media only screen and (max-width : 1199px) {
	.dpma-container-leiste-max {
		border: 3px solid #cccccc;
		clear: both;
		display: inline flow-root;
	}

	.dpma-erw-suche .dpma-fawweite {
		float:left;
	}
	.dpma-erw-suche .dpma-rechercheweite {width: 200px;}
	.dpma-erw-suche fieldset .dpma-rechercheweite {width: 200px;}
}

@media only screen and (max-width : 991px) {	/* 987 ==> 991 */
	.dpma-fawweite {
		text-align: left;
	}
	.dpma-opSelect, .dpma-opSelect-in-group {
		float: left; 
		margin-left: 1em;
	}
	.dpma-erw-suche .dpma-rechercheweite {width: 250px;}
	.dpma-erw-suche fieldset .dpma-rechercheweite {width: 250px;}
	
	div.dpma-opSelect-in-group {
		padding-right: 2.5rem;
	}
}

@media only screen and (max-width : 767px) {	/* 780 ==> 768 */
	.dpma-erw-suche .dpma-rechercheweite {
		width: 250px;
	}
	.dpma-rechercheweite {
		width: 380px;
	}
	.dpma-opSelect, .dpma-opSelect-in-group {
		float: left; 
		margin-left: 0.0rem;
	}
	
	p .dpma-btn-min-plus {
		white-space: nowrap; 
		line-height: 2.4em;
	}
	
	.dpma-erw-suche .dpma-rechercheweite {
		width: 250px;
	}

	div.dpma-btn-min-plus {
		padding-left: 0.0rem;
	}
}


/* ###############################  REGELN für TBD ###############################*/



.dpma-iframe-sa, .dpma-iframe-sa-full {
	border: 0px;
	width: 100%;
	height: 100%;
}

/* TBDUS Kann man hier statt 575 den symbolischen Namen md verwenden ? */
@media only screen and (max-width : 575px) {

.dpma-erw-suche .dpma-fawweite {
	float:left;
	width: 220px;
}

.dpma-erw-suche .dpma-rechercheweite {width: 220px;}
.dpma-erw-suche fieldset .dpma-rechercheweite {width: 220px;}
	
.dpma-dropdown-menu {
    width: 300px !important;
	height: auto;
	max-height: 400px;
	overflow-x: auto;
}

td.dpma-matrixAnsicht-feld {
	max-width: 150px;
	width: 120px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	margin: 0px;
}

td.dpma-matrixAnsicht-inh, div.dpma-matrixAnsicht-inh {	
	max-width: 150px;
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
	margin: 0 auto;
}
	
}

/* TBDUS Kann man hier statt 768 den symbolischen Namen md verwenden ? */
@media only screen and (max-width : 767px) {

.dpma-table-responsive 	thead, .dpma-table-inpadoc thead {
	display: none;
}

.dpma-table-responsive table, .dpma-table-responsive tbody, .dpma-table-responsive tr,
.dpma-table-inpadoc table, .dpma-table-inpadoc tbody, .dpma-table-inpadoc tr {
	display: block;
	margin-top: 0.5em;
	margin-right: 0.5em;
	margin-bottom: 1em;
	margin-left: 0.5em;
}

.dpma-table-responsive th a, .dpma-table-inpadoc th a {
	font-weight: normal;
}
	
.dpma-table-responsive td, .dpma-table-inpadoc td {
	display: block;
}
	
.dpma-table-responsive td::before {
	content: attr(data-th)": ";
	display: inline-block;
	font-weight: bold;
	margin-right: 0.25em;
}

.dpma-table-inpadoc td::before {
	content: attr(data-th)"";
	display: inline-block;
	font-weight: bold;
	margin-right: 0.25em;
}
	
	
	
}

.dpma-kuriereditButton {
    width: 15px;
}

.bootstrap-select {
    width: 100% !important;
    vertical-align: middle;
}

.dpma-form-control {
    background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: .25rem;
}

/* ###############################  Klassen aus cspStyles.css  ###############################*/
/* Klasse zum Highlighten der Spalte "Nr." des aktuellen Treffers in Trefferlisten */
.dpma-highlightCss
{
    color: #ffffff!important;
    background-color: #999!important;
}
/* Klasse für die Anzeigebreite von Thumbnails von Bildern und Media-Files bei Marken */
.dpma-thumbNailMarkenWidth {
    width: 200px;
}
/* Klasse für die Anzeigebreite und -höhe von Thumbnails von X3D-/OBJ-/STL-Files bei Marken */
.dpma-thumbNailMarkenWidthHeight {
    width: 200px;
    height: 160px;
}
/* Klasse für die Anzeigebreite von Thumbnails von Bildern und Media-Files bei Marken */
.dpma-thumbNailMarkenHeight {
    max-height: 200px;
}

/* Klasse für die Anzeigebreite von Bildern und Media-Files bei Marken */
.dpma-MarkenWidth {
    width: 500px;
}

/* Klasse für die Anzeigebreite und -höhe von X3D-/OBJ-/STL-Files bei Marken */
.dpma-MarkenWidthHeight3D {
    width: 500px;
    height: 400px;
}

/* Klasse für die Anzeigebreite einer Grossbilddarstellung  */
.dpma-grossbildWidth{
    max-width: 100%;
}

/* Klasse für mailto Button in PdfNavigation */
.dpma-mailtoButton {
    cursor: pointer;
    color: rgb(51, 51, 255);
}

/* Klasse für PatAssistent.tml, MarkeAssistent.tml und GsmAssistent.tml */
.dpma-noListStyleType {
    list-style-type: none;
}
	
.dpma-form-control-label {
    display: inline !important;
}

.dpma-bild-fragezeichen {
	height: 38px;
}

/* Klasse für Bilder der ST.27 und ST.87 Seiten */
.dpma-st-img {
    width: 100%;
}

/* Vorfall 2405 - Honeypot Feld */
.dpma-v-2405 {
    display:none !important;
}

/* Klasse für die Progressbar des Bootstrap-Session-Timeout-Plugins bootstrap-session-timeout.js */
.progress-bar-style {
	min-width: 15px;
	width: 100%;
}

/* -------------------------------- */
/* Klassen für die IPC-NG-Anwendung */
/* -------------------------------- */
.dpma-ipc-invisible {
	display: none !important;
}

.dpma-ipc-hidden {
	visibility: hidden;
}

.dpma-ipc-table-striped tbody tr.dpma-ipc-table-striped-row-odd {
	background-color: #f7fcfd;
	-bs-table-accent-bg: var(--bs-table-striped-bg);
}

.dpma-ipc-table {
	border-collapse: separate !important;
	font-weight: normal !important;
	text-align: left !important;
	border-spacing: 0 !important;
}

.dpma-ipc-table thead th {
	vertical-align: top;
	text-align: left !important;
	/* Muss auch in dpma-table-responsive übernommen werden!*/
	color: #212529 !important;
}

.dpma-ipc-table tbody tr {
	color: #212529 !important;
}

.dpma-ipc-table tbody tr:hover {
	outline: solid;
	outline-width: 0px; /* TBDUS: 4px ==> 0px */
	/* TBDUS outline-width: thick; */
	outline-color: #cccccc;
	background: #e2f3f7; /* TBDUS none ==> #e2f3f7 */
}

th.dpma-ipc-treffer-symbol {
	width: fit-content !important;
}

th.dpma-ipc-treffer-typ {
	width: 45px;
}

th.dpma-ipc-treffer-relevanz {
	width: 60px;
}

th.dpma-ipc-kktreffer-symbolalt {
	width: 15%;
}

th.dpma-ipc-kktreffer-artalt {
	width: 5%;
}

th.dpma-ipc-kktreffer-titelalt {
	width: 30%;
}

th.dpma-ipc-kktreffer-symbolneu {
	width: 15%;
}

th.dpma-ipc-kktreffer-artneu {
	width: 5%;
}

th.dpma-ipc-kktreffer-titelneu {
	width: 30%;
}

/* Klasse mit definierter Minimalspaltenbreite mit Hierarchielinien */
th.dpma-ipc-verz-symbol-small {
	width: 300px;
}

/* Klasse mit mittlerer Spaltenbreite mit Hierarchielinien */
th.dpma-ipc-verz-symbol-medium {
	width: 400px;
}

/* Klasse mit größerer Spaltenbreite mit Hierarchielinien */
th.dpma-ipc-verz-symbol-large {
	width: 550px;
}

/* Klasse mit definierter Minimalspaltenbreite ohne Hierarchielinien */
th.dpma-ipc-verz-symbol-no-hierachylines-small {
	width: 200px;
}

/* Klasse mit mittlerer Spaltenbreite ohne Hierarchielinien */
th.dpma-ipc-verz-symbol-no-hierachylines-medium {
	width: 300px;
}

/* Klasse mit größerer Spaltenbreite ohne Hierarchielinien */
th.dpma-ipc-verz-symbol-no-hierachylines-large {
	width: 400px;
}

th.dpma-ipc-verz-typ {
	width: 90px;
}

th.dpma-ipc-vergl-symbol {
	width: 45%;
}

th.dpma-ipc-vergl-symbol-no-hierachylines {
	width: 20%;
}

th.dpma-ipc-vergl-typ {
	width: 70px;
}

/* Inhalt wird über JQuery angepasst */
.dpma-ipc-verzeichnis-svg-canvas {
	position: absolute;
	top: 0px;
	min-width: 400px;
	z-index: 0;
	height: 100px;
}

.dpma-ipc-icon-z-index-10 {
	position: relative;
	z-index: 10;
}

.dpma-ipc-icon-z-index-10:focus {
	outline: dotted;
	outline-color: currentcolor;
	outline-width: thin;
	box-shadow: 0px 0px 8px #369;
}

/* Inhalt wird über JQuery angepasst */
.dpma-ipc-kk-verzeichnis-svg-canvas {
	position: absolute;
	top: 0px;
	min-width: 400px;
	z-index: 0;
	height: 100px;
}

.dpma-ipc-vergleich-links-rel-svg-canvas,
	.dpma-ipc-vergleich-rechts-rel-svg-canvas {
	position: absolute;
	width: 200px;
	z-index: 0;
	height: 700px;
	min-height: 700px;
}

/* Inhalt wird über JQuery angepasst */
@media only screen and (min-width : 1200px) {
	/* Inhalt wird über JQuery angepasst */
	.dpma-ipc-vergleich-links-rel-svg-canvas,
		.dpma-ipc-vergleich-rechts-rel-svg-canvas {
		position: absolute;
		top: 700px;
		width: 200px;
		z-index: 0;
		height: 700px;
		min-height: 700px;
	}
}

@media only screen and (max-width : 1199px) {
	/* Inhalt wird über JQuery angepasst */
	.dpma-ipc-vergleich-links-rel-svg-canvas,
		.dpma-ipc-vergleich-rechts-rel-svg-canvas {
		position: absolute;
		top: 1210px;
		width: 200px;
		z-index: 0;
		height: 700px;
		min-height: 700px;
	}
}

.dpma-ipc-sticky-navbar {
	position: sticky;
	top: 0px;
	z-index: 99;
}

.dpma-ipc-sticky-leisten {
	position: sticky;
	top: 48px;
	z-index: 99;
}

.dpma-ipc-sticky-thead {
	position: sticky;
	top: 75px;
}

.dpma-ipc-sticky-thead-withActionMenue {
	position: sticky;
	top: 93px;
}

.dpma-ipc-sticky-vergleich-thead-withActionMenue {
	position: sticky;
	top: 0px;
}

.dpma-ipc-btn-actionmenue-link {
	background-color: inherit !important;
	border: none !important;
	padding: 0px;
}

.dpma-ipc-z-index-20 {
	position: relative;
	z-index: 20;
}

.dpma-ipc-z-index-80 {
	z-index: 80;
}

.dpma-ipc-z-index-99 {
	z-index: 99;
}

.dpma-ipc-goto-top-button-visible {
	z-index: 100 !important;
	display: block !important;
}

.dpma-ipc-minwidth-1024 {
	min-width: 1024px !important;
	overflow-x: auto;
}

.dpma-ipc-maxheight-1024 {
	max-height: 1024px !important;
	overflow-y: auto;
}

.dpma-ipc-height-1024 {
	height: 1024px !important;
}

.dpma-ipc-maxheight-700 {
	max-height: 700px !important;
	overflow-y: auto;
}

.dpma-ipc-height-700 {
	height: 700px !important;
}

.dpma-ipc-disabled-link {
	pointer-events: none;
	color: var(--bs-btn-disabled-color) !important;
	border-color: var(--bs-btn-disabled-border-color) !important;
	background-color: #e9ecef !important;
	/*	background-color: var(--bs-btn-disabled-bg) !important;*/
	opacity: var(--bs-btn-disabled-opacity) !important;
}

.dpma-ipc-TrefferRow {
	background-color: #cccccc !important;
	border: 1px solid #64c3d5 !important;
}

.dpma-ipc-btn-panel-zu-span {
	font-weight: bold;
	/*	font-size: 120%;*/
	font-size: 19.2px;
	color: #999;
	writing-mode: vertical-rl;
	transform: rotate(-0.5turn);
	display: block;
	margin-top: 5px;
}

.dpma-ipc-hideShowMenuBtnDiv {
	width: 30px !important;
	padding-left: inherit;
}

.dpma-ipc-menuResultDiv {
	min-width: 97.5%;
}

@media only screen and (max-width : 1200px) {
	.dpma-ipc-menuResultDiv {
		min-width: 95%;
	}
}

@media only screen and (max-width : 800px) {
	.dpma-ipc-menuResultDiv {
		min-width: 90%;
	}
}

@media only screen and (max-width : 400px) {
	.dpma-ipc-menuResultDiv {
		min-width: 85%;
	}
}

.dpma-ipc-resultbarDiv {
	clear: both;
	display: table;
	width: 100%;
}

.dpma-ipc-cursor-pointer {
	cursor: pointer !important;
}

.dpma-ipc-countdown-bar {
	min-width: 15px;
	width: 100%;
}

.dpma-ipc-nav-item:focus {
	outline: dotted;
	outline-color: currentcolor;
	outline-width: thin;
	outline-color: #900;
	box-shadow: 0px 0px 8px #369;
}

.dpma-ipc-sprungnav {
	position: relative;
}

.dpma-ipc-sprungnav:focus {
	outline: none;
	outline-color: currentcolor;
	outline-width: thin;
}

.dpma-ipc-checkbox { /* Wie in dpma-ipc-icon-z-index-10 */
	position: relative;
	z-index: 10;
}

.dpma-ipc-checkbox:disabled {
	background-color: #1B3733;
	border-color: #1B3733;
	pointer-events: none;
}

th.dpma-ipc-merk-table-col-fixed {
	width: 40%;
}

/* Klassen für die IPC-NG-Anwendung Ende */