/* 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;
    outline: none;
}

.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;
    outline: none;
}

.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: solid;
    outline-width: thin;
    outline-color: #369;
    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;
    }

ul.service a.dropdown-item {
    text-decoration: none;
    text-transform: none;
    font-weight: normal;
    font-size: 12px;
    color: #369;
    }

#kopf .service a:hover, #kopf .service a:active, .kopf .service a:focus {
    color: #369; /* linkcolor */
    background-color: #fff;
    outline: solid;
    outline-width: thin;
    outline-color: #369;
    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: solid;
    outline-width: thin; /* medium */
    outline-color: #369;
    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: solid;
    outline-color: currentcolor;
    outline-width: thin;
    outline-color: #369;
    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;
    outline: solid;
    outline-color: currentcolor;
    outline-width: thin;
    outline-color: #369;
    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;
}

.dpma-carousel-control-prev {
    left: -20px;
}
.dpma-carousel-control-next {
    right: -20px;
}

.dpma-carousel {
    margin-bottom: -20px;
	margin-top: 10px;
	margin-left: 20px;
  	margin-right: 20px;
}
.dpma-carousel-item {
    margin-bottom: 30px;
    padding-bottom: 1.0rem;
    height: 240px;
    transition: transform 0.1s ease-in-out;
    text-align:center;
}

.dpma-carousel-caption {
    filter: invert(1);
    bottom: -30px;
    left: 10%;
    right: 10%;
}

.dpma-carousel-control-next-icon, .dpma-carousel-control-prev-icon, .dpma-carousel-indicators {
  filter: invert(1);
  bottom: -40px;
}

.dpma-tl-bild-col, .dpma-tl-bild-col-width {
    width: 280px;
}
.dpma-tl-ma-bild-height {
    height: 280px;
}

.dpma-tl-bg-bild-height {
    height: 350px;
}

.dpma-tabelle-kameraBild {
	height: 200px;
}


/* ###############################  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 */
}

a.dpma-dpma-carousel-a:hover, a.dpma-dpma-carousel-a:focus, a.dpma-dpma-carousel-a:active  {
    background-color: transparent;
    outline: solid;
    outline-width: thin;
    outline-color: #369;
    outline-offset: 0px;
    box-shadow: 0px 0px 8px #369;
    color: inherit !important;
}
                                                                                     
.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_leichtesprache_window {
    background: url("../images/icon-easy-speech.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-form-check-sonstige {
  padding-left: 1.5rem;
  min-height: 1.5rem;
  margin-bottom: 0;
}
.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;
    width: 93%;
}

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

.dpma-btn-trash {
    width: 7%;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

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

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

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

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

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

.dpma-diff-list-changes-inv {
    display: none;
}

.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_geb_window {
    background: url("../images/icon-sign-language.svg") no-repeat;
    padding-left: 25px !important;
    background-position: left center;
}

.dpma_leichtesprache_window {
    background: url("../images/icon-easy-speech.svg") no-repeat;
    padding-left: 25px !important;
    background-position: left center;
}

}

.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;
    z-index: 10;
}
    
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;
    outline-color:    #cccccc;
    background: #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: solid;
    outline-width: thin; 
    outline-color: #369;
    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;    
}
.dpma_geb_window {
    background: url("../images/icon-sign-language.svg") no-repeat;
    padding-left: 25px !important;
    background-position: left center;
}

.dpma_leichtesprache_window {
    background: url("../images/icon-easy-speech.svg") no-repeat;
    padding-left: 25px !important;
    background-position: left center;
}
}

@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;
}

.dpma-thumbNailDDDesignBlattImage {
    max-width: 100%;
    max-height: 100%;
    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;
}

th.dpma-sortable, th.dpma-sortable-date {
    cursor: pointer;
}

.dpma-verf-details-btn, .dpma-verf-details-close-btn, .dpma-alle-verf-details-btn {
	width: 145px;
}

/* ###############################  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;
}

td a.dpma-verf-details-btn {
  padding-bottom: 0px;
  margin-top: -5px;
}
   
}

.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 {
	border-collapse: separate !important;
	font-weight: normal !important;
	text-align: left !important;
	border-spacing: 0 !important;
	/* Die folgenden beiden Anweisungen verhindern einen x-Overflow in Chome und Firefox und sorgen für korrekte Zeilenumbrüche
	und Worttrennungen in den Tabellenspalten, v.a. in der Titelspalte. */
	word-break: break-word;
	hyphens: auto;
}

.dpma-ipc-table thead th {
	vertical-align: top;
	text-align: left !important;
	/* Muss auch in dpma-table-responsive übernommen werden!*/
	color: #212529 !important;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 10px;
	padding-right: 10px;
	border-style: solid !important;
	border-width: 1px;
}

.dpma-ipc-table tbody tr td {
	color: #212529 !important;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	padding-right: 4px;
	border-style: solid !important;
	border-width: 1px;
}

.dpma-ipc-table tbody tr td:first-child {
	padding-left: 2px;
	padding-right: 2px;
}

.dpma-ipc-table tbody tr:hover {
	outline: solid;
	outline-width: 0px;
	outline-color: #cccccc;
	background: #e2f3f7;
}

th.dpma-ipc-treffer-symbol {
	width: 170px !important;
	max-width: 170px !important;
	min-width: 170px !important;
}

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

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

th.dpma-ipc-kktreffer-symbol {
	width: 130px !important;
	max-width: 130px !important;
	min-width: 130px !important;
}

th.dpma-ipc-kktreffer-art {
	width: 60px !important;
	max-width: 60px !important;
	min-width: 60px !important;
}

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

/* Klasse Spaltenbreite mit Hierarchielinien */
.dpma-ipc-verz-symbol {
	width: 300px !important;
	max-width: 300px !important;
	min-width: 300px !important;
}

/* Klasse mit Spaltenbreite ohne Hierarchielinien */
.dpma-ipc-verz-symbol-no-hierachylines {
	width: 170px !important;
	max-width: 170px !important;
	min-width: 170px !important;
}

.dpma-ipc-verz-auswahl {
	width: 20px !important;
	padding-left: 2px !important;
	padding-right: 2px !important;
}

.dpma-ipc-vergl-symbol {
	width: 150px !important;
	max-width: 150px !important;
	min-width: 150px !important;
}

.dpma-ipc-icon-z-index-10 {
	position: relative;
	z-index: 10;
	background-color: transparent !important;
}

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

.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 {
	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: calc(100% - 30px) !important;
}

.dpma-ipc-menuDiv {
/*	width: 30em !important;*/
	width: 20em !important;
}

.dpma-ipc-resultDiv {
/*	width: calc(100% - 30em) !important;*/
	width: calc(100% - 20em) !important;
}

@media only screen and (max-width : 1200px) {
	.dpma-ipc-menuDiv {
		width: 100% !important;
	}
	.dpma-ipc-resultDiv {
		width: 100% !important;
	}
}

/*
@media only screen and (max-width : 800px) {

}

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

}
*/

.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-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: 37%;
}

.dpma-ipc-verzeichnis-hierarchie-tab {
	width: 10px;
	height: 16px;
	float: left;
}

.dpma-ipc-hierarchieinfo-table {
	/* Die folgenden beiden Anweisungen verhindern einen x-Overflow in Chome und Firefox und sorgen für korrekte Zeilenumbrüche
	und Worttrennungen in den Tabellenspalten, v.a. in der Titelspalte. */
	word-break: break-word;
	hyphens: auto;
}

.dpma-ipc-label-break-all {
	word-break: break-word;
	hyphens: auto;
}

/* Klasse muss statt dpma_pdf_window benutzt werden, weil das Bild mit der URL-Anweisung url("../images/icon_pdf.gif") nicht gefunden wird */
.dpma-ipc-pdf-window {
	background: url("/ipc-ng/jakarta.faces.resource/images/icon_pdf.gif.xhtml") no-repeat;
	padding-left: 20px;
	background-position: left center;
}

/* Klasse muss statt dpma_new_window benutzt werden, weil das Bild mit der URL-Anweisung url("../images/ext_link.png") nicht gefunden wird */
.dpma-ipc-new-window {
	background: url("/ipc-ng/jakarta.faces.resource/images/ext_link.png.xhtml") no-repeat;
	padding-left: 16px !important;
	background-position: left center;
}

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