/* CSS Document */


.header-top {
      background-color: #194185;
      color: #fff;

}

.header-top a{
      
      color: #fff;

}

.logo {
        max-width: 75%;
        width: auto;
        object-fit: contain;
    
      }
      
      
.container_top {
      width:100%;
}
      
      
.navbar-default {
      display: flex;
      align-items: center; /* Vertikale Zentrierung */
      justify-content: center; /* Horizontale Zentrierung */
      
}

.collapse navbar-collapse{

         align-items: center; /* Vertikale Zentrierung */
      justify-content: center; /* Horizontale Zentrierung */
              
}

 .container-fluid {
    width:80%;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {

         align-items: center; /* Vertikale Zentrierung */
      justify-content: center; /* Horizontale Zentrierung */
}


.beautifull-grids {
               padding: 0 0 0 15%;
}

ul {
list-style-type: none;
}

i.heart {

	background: url("../pics/img-sprite.png") no-repeat 0px -19px;
	
}
i.lamp {

	background: url("../pics/img-sprite.png") no-repeat -70px -19px;
	
}
i.star {
	
	background: url("../pics/img-sprite.png") no-repeat -140px -19px;

}





.blog-content {
    padding: 1em 0;
    background-color: #194185;
    color: #fff;
    }

.blog-content-head h3 {
color: #fff;
}

.blog_data p {
color: #fff;
}


.impressum-section{
	padding:4em 0;
	text-align:center;
}
.impressum-section h4 {
  font-size: 2.5em;
  font-weight: 600;
  color: #506a85;
  text-align:left;
   margin: 0 0 1% 0;
  
}


.impressum-section h3 {
  font-size: 1.5em;
  font-weight: 600;
  color: #506a85;
  text-align:left;
  
}
.impressum-section h5 {
  font-size: 1em;
  font-weight: 600;
  color: #506a85;
  text-align:left;
  
}
.impressum-section p {
	
	color: #555;

	text-align:left;
}
.impressum-section a {
	text-decoration: none;
		text-transform: uppercase;
		font-size: 1em;
		border: 1px solid #000;
		padding: 1em 2em;
	
		color: #007dff;
		border: none;
		font-weight: 700;
}



/* Tabelle für Bildrechte */

.bilder-tabelle {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* 2 Spalten gleicher Breite */
  gap: 0; /* Keine Abstände und somit keine Rahmen zwischen den Elementen */
  width: 100%;
}

.div-th {
  font-weight: bold;
  background-color: #f0f0f0; /* Optional: Leichte Hintergrundfarbe für den Header */
}

.div-th, .div-td {
  padding: 12px;
}

/* Responsives Verhalten: Bei kleinen Bildschirmen untereinander anordnen */
@media (max-width: 600px) {
  .div-tabelle {
    grid-template-columns: 1fr; /* 1 Spalte auf kleinen Bildschirmen */
  }
}








.kontakt-section{
	padding:4em 0;
	text-align:center;
	 align-items: center; /* Vertikale Zentrierung */
      justify-content: center; /* Horizontale Zentrierung */
	
}
.kontakt-section h4 {
  font-size: 2.5em;
  font-weight: 600;
  color: #506a85;
 margin: 0 0 1% 0;
  
}