html {scroll-behavior: smooth;
      background-color: #b2b2be;}

/* reset */
a[href^="http"]::after,
 a[href^="mailto"]::before,
 footer a[href^="mailto"]::before {
   content: '';
   margin-left: -6px;}

   .fa {font-weight: 400 !important}
   .card {border: none; }
    main .row {margin-bottom: 0;}
    .fw-bold {font-weight: 600 !important;}

/* buttons */
.btn-more[href^="http"]::after {margin-left: 6px;}
.btn:focus {box-shadow: none;}
.btn:after {
  font-weight: 100;
  font-size: .6rem;}


  /*.btn {
    background: rgb(14,64,146);
  background: linear-gradient(90deg, rgb(14,64,146) 0%, rgba(0,0,0,1) 100%);
    border-radius: 0 0 5px 5px;
  box-shadow: 2px 4px 4px silver;
    font-family: Open Sans, serif;
    font-size: .85rem;
    color: whitesmoke;
    border: .8px solid black;
    width: 230px;} 
    btn:hover { 
    background-color: #000 !important;
    text-decoration: none !important;
    box-shadow: none;
    font-weight: 600;
    color: white;}
    
    */


  button.btn, button {
  padding: 6px 15px 9px 13px;
	border: .5px solid rgba(0,140,194,.5) !important;
	margin: 0 15px 15px 0;
	background-color: #d3e3e3;
	box-shadow: 2px 2px 4px silver;
	font-size: .9rem;}

.btn:hover { 
    
    box-shadow: none;
    }

footer .btn {
        background: rgb(0,140,194);
        background: linear-gradient(90deg, rgba(123,196,231,1) 0%, rgba(0,120,169,1) 100%);
        border-radius: 3px 20px 3px 10px;
        box-shadow: .2px .2px 1px silver;
        border: .8px solid #bfbfbf;}  

footer  .btn:hover { 
        border: 1px solid #bfbfbf !important;
        box-shadow: .8px .8px 10px silver;}
      

.btn-dark, footer .btn {
  box-shadow: .8px .8px 2px #1d332a;
  border: 1px solid #40443f;}

/* background gradients */
.bg-bluegradient
     {background: rgb(14,64,146);
      background: linear-gradient(90deg, rgb(14,64,146) 0%, rgba(0,0,0,1) 100%);}





/* pagetitle */


.pagetitle::before {    
    background-image: url(https://www.uni-due.de/imperia/md/images/probst-lab/ap-logo-footer-button-white-blue.gif);
    border: none; background-size: 100%;} 
@media (min-width:768px){
  .pagetitle::before {
  height: 100px;
  width: 100px;}}  

#pagetitlecontainer2 {
 background: linear-gradient(90deg, rgb(14,64,146) 0%, rgba(0,0,0,1) 100%);
 border-top: 2px solid #868686;}
.pagetitle {background-color: transparent; }
.pagetitle h1, nav.rootline  {padding-left: 30px; }

.pagetitle h1 {
  position: relative;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.8);
  font-size: 1.7rem;
  font-weight: 500;
  font-family: system-ui, Helvetica Neue, Arial, Noto Sans, sans-serif;
  color: whitesmoke !important;
  line-height: 1;
  letter-spacing: 1.3px;}


/* .aig {
color: rgb(0,140,194) !important;
font-weight: 600;
font-size: 1.1rem;}

.aig  a {color: rgb(0,140,194) !important;text-decoration: none !important;} */

/* UAR Logo */ 
#uar_oh {display: none;}

@media (min-width: 992px){
#uar_oh {
  display: block; 
  position: absolute; 
  right: 48px; 
  top: -342px;
  z-index: 99;}}
  
@media (min-width: 1480px) { #uar_oh {right: 68px;}}

/* navigation */
@media (min-width: 992px) {
  
    #navigationMainContent > ul > li > a, #navigationMainContent > ul > li > a:active, #navigationMainContent > ul > li > a:hover, #navigationMainContent > ul > li > a:link, #navigationMainContent > ul > li > a:visited {
  color: #000;
  font-size: .9rem;
  font-weight: 700;
  text-transform: uppercase;}

 
    #navigationMainContainer {background: #fff;}
    #navigationMainContainer .container {border-top: 1px solid #eaeaea;}
    #navigationMain i.fas {display: none;} }
  
  @media (min-width: 992px) {
#navigationMainContent > ul > li > a[aria-expanded="false"][data-toggle="dropdown"]::after {
  color: black;
  font-weight: 200 !important;}   
#navigationMainContent > ul > li > a[aria-expanded="true"] {
  background: transparent;}
#navigationMainContent > ul > li > a:hover {
  background: #1d3f8d;
  color: white;}
#navigationMainContent > ul > li > a[aria-expanded="false"][data-toggle="dropdown"]:hover::after {
  color: white;
  font-weight: 100;}   
#navigationMainContent .navbarSubContainer header a {   
  background: #1d3f8d; border-bottom: 1px solid #bfbfbf;}
#navigationMainContent .navbarSubContainer > ul > li > a:link, #navigationMainContent .navbarSubContainer > ul > li > a:visited {
  background-color:#1d3f8d;}
     
#navigationMainContent .navbarSubContainer > ul ul li a:link, #navigationMainContent .navbarSubContainer > ul ul li a:visited {
  color: #1d3f8d;
  background-color: #eaeaea;}
     
   #navigationMainContent .navbarSubContainer > ul > li > ul > li:last-child > a:only-child, #navigationMainContent .navbarSubContainer > ul > li > ul > li:last-child > ul > li:last-child > a:only-child, #navigationMainContent .navbarSubContainer > ul > li > ul > li:last-child > ul > li:last-child > ul > li:last-child > a:only-child {
  border-bottom: 1px solid #bfbfbf; }
      
      } /*media query end */


  /* Database section */
  .content {margin-bottom: 30px;margin-top: 15px;}
  /* ...new */
  

  /* footer styles */

/* footer icons */
footer span.fal {
    font-size: .8rem;
    margin-right: 6px;
    color: white;
    border-radius: 50%;
    padding: 6px;
    border: 1px solid rgb(0,140,194);}
  
    /* footer button link */
  footer a.btn {text-decoration: none !important;}
  
  /* Footer col 1 contact */
  .f-t-h {
    text-transform: uppercase; 
    font-weight: 600;}
   
  footer ul li ul li a {
    text-transform: none; 
    font-weight: 200;}
  
  footer p, footer ul li a {font-size: .9rem;}   
  footer ul, footer ul ul {list-style: none !important;}
  footer ul li a {text-decoration: none !important;}
  footer ul li, footer ul ul li {
    position: relative;
    line-height: 1;}
  footer ul li:before {
     font-family: Font Awesome\ 5 Pro;
     content: '\f111';
     color:rgb(0,140,194);
     position: absolute;
     top: 6.2px;
     left: -12px;
     font-size: .4rem;
     font-weight: 600;}
  
  footer ul li ul li:before {
     font-family: Font Awesome\ 5 Pro;
     content: '\f054';
      font-size: .6rem;
     top: 5px;
     left: -10px;}
  footer ul li ul, ul.footer-last-ul {margin-top: 6px !important;}
  
   
  footer li a {
    border-bottom: 1px dotted rgb(0,140,194); 
    transition: all .2s ease-in;}
  footer li a:hover {border-bottom: 2px solid rgb(0,140,194);}
  footer  p  > a.btn {margin-bottom: 30px;}
  
  footer ul li::before {
  font-family: Font Awesome\ 5 Pro;
  content: '\f111';
  color: rgb(0,140,194);
  position: absolute;
  top: 6.2px;
  left: -12px;
  font-size: .4rem;
  font-weight: 600;}
  footer ul li a {
  text-decoration: none !important;}
  footer p, footer ul li a {
  font-size: .9rem;}
  
  footer li a {
  border-bottom: 1px dotted rgb(0,140,194);
  transition: all .2s ease-in;}
  
  /* reset for the bottom section of the footer*/
  footer .imprintline ul li:before {content: '';}
  footer .imprintline li a {border: none;}
  footer .imprintline li a:hover {border: none;}
  footer a {border: none;}
  
   /* change footer color to uar blue */
  .bg-primary {background-color: rgb(14,64,146) !important;}

  select[multiple] {
    -webkit-appearance: none;  /* Remove default styling in Safari/Chrome */
    -moz-appearance: none;     /* Remove in Firefox */
    appearance: none;          /* Remove in others */
    background: white;          /* Remove background image (e.g., arrow) */
    border: 1px solid #ccc;    /* Optional: to preserve border */
    padding: 4px;              /* Optional: padding tweak */
}