/* --------------  Version Montag 24.08.2026 17:23  ----------------------------- */

/* --------------  CSS-Frame-Basic  ----------------------------- */




/* --------------  Anfang CSS body   ----------------------------- */

body {
  background-image: url("/de/rack/img/wohn-fast-leer_002_01.JPG");     /*  Pfad zum Bild */
  background-repeat: no-repeat;                /* Verhindert Wiederholung */
  background-size: cover;                      /* Bild deckt den ganzen Bereich ab */
  background-attachment: fixed;                /* Bild bleibt beim Scrollen fest */
  background-position: center;                 /* Bild zentrieren */
  background-color: green                      /* falls das Bild nicht lädt */

  min-height: 100vh
}

/* --------------  Ende CSS body   ----------------------------- */



/* --------------  Anfang CSS Vertikal: container-v   ----------------------------- */

/* Grundlegende Zentrierung des Containers V */
/* margin = Außenabstand um Border , padding = Innenabstand innerhalb Border */

  .container-v {
  max-width: 800px;           /* Maximale Breite des Inhalts */
  margin: 0 auto;              /* Zentriert den Container auf der Seite */
  padding: 0 0px;             /* Abstand an den Bildschirmrändern , Außenabstand*/
 /* display: flex;                Ordnet die Elemente nebeneinander an */
  display: block;              /* Ordnet die Elemente untereinander an */
  gap: 20px;                   /* Abstand zwischen den Boxen */
  border: 0px solid silver;
}



/* Definition der einzelnen Boxen Vertikal */



  .box-01-v {
  background-color: #f4f4f4;
  padding: 30px;
  border-radius: 8px;
  margin: 20px 0px; /* Oben/Unten: 0px, Links/Rechts: 0px */
  border: 3px solid white;
}


  .box-01-v-01 {
  background-image: url("/de/rack/img/stuhl_rot_001.JPG");
  background-repeat: no-repeat;                                           /* Verhindert Wiederholung */
/*  background-position: right;                                             Bild zentrieren */
/*   background-size: cover;                                                  Bild deckt den ganzen Bereich ab */

  background-position: 620px  100px;
/*  background-size: 20% 43%;  */
  background-size: 150px 240px;

  background-color: white;
/*  background-color: #f4f4f4; */
  padding: 30px;
  border-radius: 8px;
  margin: 20px 0px; /* Oben/Unten: 0px, Links/Rechts: 0px */
  border: 3px solid white;
}



  .box-impressum {
  background-color: white;
  padding: 30px;
  border-radius: 8px;
  margin: 20px 0px; /* Oben/Unten: 0px, Links/Rechts: 0px */
  border: 3px solid white;
}


  .box-01-foot {
  background-color: #f4f4f4;
  padding: 10px;
  border-radius: 8px;
  margin: 20px 0px; /* Oben/Unten: 0px, Links/Rechts: 0px */
  border: 3px solid white;
}





  .box-01-v-img {
  background-color: #f4f4f4;
  padding: 30px;
  border-radius: 8px;
  margin: 20px 0px; /* Oben/Unten: 0px, Links/Rechts: 0px */
  border: 2px solid white;
}



/* margin = Außenabstand , padding = Innenabstand */



/* --------------  Ende CSS Vertikal: container-v   ----------------------------- */