﻿
/* CSS JazzRock für Bootstrap 5 - ab Januar 2022 - Beginn: SV. 245  */


html, body, nav {

     font-family: Arial, Verdana, Helvetica, Tahoma, 'open sans', sans-serif;
}

h1 {
 
   font-family: "Audiowide", sans-serif; /* Google-Font  */
   text-align:center;
   text-shadow:-1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;   
}

.container-fluid {

    padding-top:100px;
    padding-left:130px;
    box-sizing: border-box;
 
}

h2, h3 {
    text-align:left;
    text-decoration:none;
    color:black;
   
}

h3, h5 a:link {

    color: #0072b5; /* Farbe: French Blue - siehe COLOR PICKER */
    text-decoration:none; 
}

/* mouse over link */
h3, h5 a:hover, a:active {

   color:blue; /* Farbe: blau */
   text-decoration:underline;
}

 #copyright {
  text-align:center; /* ID beginnt mit # !    */
}

p.text-muted a:link {
    text-decoration:none; 
}

img {
    background-color:transparent;
    box-shadow: 10px 10px 5px grey;
    max-width: 100%;
    border-radius: 10px;
    object-fit: contain;
}

marquee {
    font-size: 22px;
    font-style: italic;
    color: white;
    background-color: #660066; /* = Violett JazzRock-Seiten */
    marquee-speed: normal;
    
 }

 #PC-Orchestra caption { 
    caption-side: top;  /* MODAL */
    text-align: center;
    color: #761616;      /* original von Fotos: #761616*/
    font-size: 24px;
    font-family: "Audiowide", sans-serif; /* Google-Font  */

}
        
.modal-header img {
    background-color: ;
    box-shadow: 10px 10px 5px #888888;
    max-width: 100%;
    border-radius: 8px;
}

.modal-body h4 {

    text-align: center;

}

.table td:before  {
    content: "•";   /* Insert content that looks like bullets */
    padding-right: 3px;
    color: #761616;
    float: left;
}

.btnXY {

  background-color: #761616; /* dunkles rotbraun */
  border: none;
  border-radius:7px;
  color: white;
  padding: 8px 16px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  transition-duration: 0.4s;
  border-radius:7px;

}  
  
.btnXY:hover {

    border:1px solid #761616; /* dunkles rot/braum */
    background-color:white !important;
    color:#761616; /* dunkles rotbraun */
}

