/* Style sheet bildschirm standard x*/
html{
   Overflow-y: scroll
}

body{
  font-family: var(--pb-font-base);
  color: var(--pb-text-color);;
  background-color: var(--pb-body-bg); ;
}
#top #header,
#top #container {
  width: var(--pb-display-breite);
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}

#top #header .container-fluid {
  padding-left: 0 !important;
  padding-right: 0 !important;
}


a {
  color:var(--pb-link-color);    
  text-decoration:underline;
  background-color:var(--pb-container-bg) ;  
  font-weight: bold;   
}
a:hover {
  background-color:var(--pb-link-hover-color-navigation-bg);
  color:var(--pb-link-hover-color);
  text-decoration: underline;
} 
.colorhidden {
  display:none;    /* erlaubt die Farben im Header zur Auswahl anzuzeigen */
  }    
#wrapper{
  margin:0;
  padding:0;
  margin:auto;
  background-color:var(--pb-body-bg);
   
}

#header{
  height:auto;
  border-bottom: 6px solid var(--pb-border-color);
} 

 
#container{
  min-height:310px;

  padding-top: 25px;  
  background-color: var(--pb-container-bg);  
  padding-left: 0px;
}

.mod_article{
  margin-left:3em;
}

 
#footer{
  clear:both;
  height:20px;          /* muss sein, da sonst kein Background */    
  
}
 /* Fehlermeldungen gestalten */
 
p.error {
   background: var(--bs-danger-bg-subtle);
   color:var(--bs-danger-rgb);
   max-width: 400px;
   padding: 3px;
   border: 1px solid var(--bs-danger-subtle);;
   margin-bottom: 3px; 
}

@media only screen and (max-width: 767px) {
  /* Styles für Smartphones */
   :root {
    --pb-display-breite: 100%; /* oder z.B. 360px */
  }
}