/*:root {
  --cassiopeia-color-primary:#cc3300; /*Orange Hintergrund* / 
  --cassiopeia-color-link: #224faa;
  --cassiopeia-color-hover:#FF4B00; /*Orange Hintergrund -zweite Velaufsfarbe* / 
}
*/

@font-face {
font-family: 'titel';    
src: url('../fonts/Revalia-Regular.ttf') format('truetype');
font-weight: 400;
font-style: normal;}

@font-face {
font-family: 'text';    
src: url('../fonts/Offside-Regular.ttf') format('truetype');
font-weight: 400;
font-style: normal;}

h1, h2, h3
{
  font-family: "titel", sans-serif; 
}
p{
  font-family: "text", sans-serif;
}

 
a:visited {
  color: white;
}

li span{
  color:white;
}

body {
  background-color: black;
  margin:0 auto 0;
  max-width: 1400px;
  color:white;
  padding: 50px;
}
.header{
  background-color: black;	
}
.container-header{
	background-image:none;
}


.container-banner{

justify-content:space-around;
margin-bottom: 2.0em;
margin-top: 2.0em;
}

.container-component{
margin:30px;
}

.module{
	
display:flex;  
}

.module-> div{

}

.moduletable {
padding:20px;
gap: 40px;
}
.item-image{
	text-align: center;
}


.container-nav {
background-color:black;
border-bottom: thick double #32a1ce;
}

.grid-child{
display:flex;
}

.card-body, .card-header
{
background-color: black;
border: none;
	}

/* template.min.css | http://localhost/bvpr/media/templates/site/cassiopeia/css/template.min.css?3bd53fb43a55fbc82cd13a1ef19864f4 */

.container-header { background-color: black;
  /* background-color: var(--cassiopeia-color-primary); */
  /* background-image: linear-gradient(135deg,var(--cassiopeia-color-primary) 0,var(--cassiopeia-color-hover) 100%); */
}


/* template.min.css | http://localhost/bvpr/media/templates/site/cassiopeia/css/template.min.css?3bd53fb43a55fbc82cd13a1ef19864f4 */

.footer .grid-child {
  background-color: black;

}

.breadcrumb{
border-bottom: thick double white;	
}

.footer{
border-top: thick double white;	
}

.navbar{
    flex-direction: column;
}


.contact{
padding:60px;	
}

.btn-primary{
background-color:white;
color:black;
}

.btn-primary a:hover{
background-color:white;
color:white;
}

.alert-message {
  color:black;
}
.bild{
  border: 5px solid white;
}