#tswcssbuttons li a:hover {
  color: black;
  background-color: silver;
}

#tswcssbuttons li a {
  color: black;
  background-color: white;
  border: 1px outset black;
  text-decoration: none;
  display: block;
  border-radius: 2mm;
}

#tswcssbuttons {
  width: 90%;
  max-width: 100%;
  text-align: center;
}

#tswcssbuttons ul {
  margin: 0px;
  padding: 0px;
  list-style: outside none none;
}

#tswcssbuttons li {
  margin: 0px;
  padding: 0px;
  display: block;
  list-style: outside none none;
  font-family: Arial, Helvetica, sans-serif;
}

#navibar {
  display: grid;
  -webkit-grid-row-gap: 1mm;
  grid-row-gap: 1mm;
  order: 2;
}

#rechteseite {
  background-color: white;
}

#tswcontainer {
  background-color: white !important;
  font-family: "Arial", "Helvetica", "sans-serif";
}

#tswcontent {
  background-color: white !important;
}

#einbaukueche {
  width: 100%;
  height: 100%;
}

#essplatz {
  width: 100%;
  height: 100%;
}

#badezimmer {
  width: 100%;
  height: 100%;
}

#strassenansicht1 {
  width: 20%;
  height: 20%;
}

#strassenansicht2 {
  width: 30%;
  height: 30%;
}

#strassenansicht3 {
  width: 40%;
  height: 40%;
}

#strassenansicht6 {
  width: 20%;
  height: 20%;
}

#strassenansicht5 {
  width: 30%;
  height: 30%;
}

#strassenansicht4 {
  width: 40%;
  height: 40%;
}

#strassenansicht1:hover {
  width: 100%;
  height: 100%;
}

#strassenansicht2:hover {
  width: 150%;
  height: 150%;
}

#strassenansicht3:hover {
  width: 200%;
  height: 200%;
}

#strassenansicht6:hover {
  width: 100%;
  height: 100%;
}

#strassenansicht5:hover {
  width: 150%;
  height: 150%;
}

#strassenansicht4:hover {
  width: 200%;
  height: 200%;
}

#text1 {
  padding-left: 5px;
}

#tab-küche {
  width: 30%;
  height: 30%;
}

#tab-küche:hover {
  width: 100%;
  height: 100%;
}

#tab-essen:hover {
  width: 30%;
  height: 30%;
}

#fototext-1 {
  font-family: "Arial", "Helvetica", "sans-serif";
  font-size: larger;
}

#f-tab-kueche {
  width: 25%;
  height: 25%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

#f-tab-essen {
  height: 25%;
  border-radius: 5px;
  width: 25%;
  margin-right: auto;
  margin-left: auto;
  display: block;
}

#f-tab-wohnen1 {
  width: 25%;
  height: 25%;
  display: block;
  margin-right: auto;
  margin-left: auto;
}

#f-tab-wohnen2 {
  width: 25%;
  height: 25%;
  border-radius: 5px;
  margin-right: auto;
  margin-left: auto;
  display: block;
}

#f-tab-schlafen {
  width: 25%;
  height: 25%;
  display: block;
  margin-right: auto;
  margin-left: auto;
}

#f-tab-bad {
  width: 25%;
  height: 25%;
  border-radius: 5px;
  margin-right: auto;
  margin-left: auto;
  display: block;
}

#f-tab-schreiben {
  width: 25%;
  height: 25%;

  display: block;
  margin-right: auto;
  margin-left: auto;
}

#f-tab-kueche:hover {
  width: 100%;
  height: 100%;
}

#f-tab-essen:hover {
  width: 100%;
  height: 100%;
}

#f-tab-bad:hover {
  width: 100%;
  height: 100%;
}

#f-tab-schlafen:hover {
  width: 100%;
  height: 100%;
}

#f-tab-wohnen2:hover {
  width: 100%;
  height: 100%;
}

#f-tab-schreiben:hover {
  width: 100%;
  height: 100%;
}

#f-tab-wohnen1:hover {
  width: 100%;
  height: 100%;
}

#foto-b1:hover {
  height: 100%;
  width: 100%;
}

#foto-b1 {
  width: 25%;
  height: 25%;
  border-radius: 10px;
}

#foto-b2 {
  width: 25%;
  height: 25%;
  border-radius: 10px;
}

#foto-b3 {
  width: 25%;
  height: 25%;
  border-radius: 10px;
}

#foto-b4 {
  width: 25%;
  height: 25%;
  border-radius: 10px;
}

#foto-b5 {
  width: 25%;
  height: 25%;
  border-radius: 10px;
}

#foto-b6 {
  width: 25%;
  height: 25%;
  border-radius: 10px;
}

#foto-b7 {
  width: 25%;
  height: 25%;
  border-radius: 10px;
}

#foto-b2:hover {
  width: 100%;
  height: 100%;
}

#foto-b3:hover {
  width: 100%;
  height: 100%;
}

#foto-b4:hover {
  width: 100%;
  height: 100%;
}

#foto-b5:hover {
  width: 100%;
  height: 100%;
}

#foto-b6:hover {
  width: 100%;
  height: 100%;
}

#foto-b7:hover {
  width: 100%;
  height: 100%;
}

#fototext-2 {
  font-family: "Arial", "Helvetica", "sans-serif";
  font-size: large;
}

#fototext-3 {
  font-family: "Arial", "Helvetica", "sans-serif";
  font-size: large;
}

#fototext-4 {
  font-family: "Arial", "Helvetica", "sans-serif";
  font-size: larger;
}

#fototext-5 {
  font-family: "Arial", "Helvetica", "sans-serif";
  font-size: large;
}

#foto-t1 {
  font-family: "Arial", "Helvetica", "sans-serif";
  font-size: small;
}

#foto-t2 {
  font-family: "Arial", "Helvetica", "sans-serif";
  font-size: small;
}

#foto-t3 {
  font-family: "Arial", "Helvetica", "sans-serif";
  font-size: small;
}

#foto-t4 {
  font-family: "Arial", "Helvetica", "sans-serif";
  font-size: small;
}

#foto-t5 {
  font-family: "Arial", "Helvetica", "sans-serif";
  font-size: small;
}

#foto-t6 {
  font-family: "Arial", "Helvetica", "sans-serif";
  font-size: small;
}

#foto-t7 {
  font-family: "Arial", "Helvetica", "sans-serif";
  font-size: small;
}

#fototext-6 {
  font-family: "Arial", "Helvetica", "sans-serif";
  font-size: large;
}

#foto-b8 {
  width: 25%;
  height: 25%;
  display: block;
}

#foto-b8:hover {
  width: 100%;
  height: 100%;
}

#foto-b9:hover {
  width: 100%;
  height: 100%;
}

#foto-b9 {
  width: 25%;
  height: 25%;
  display: block;
}

#foto-b10 {
  width: 25%;
  height: 25%;
}

#foto-b10:hover {
  width: 100%;
  height: 100%;
}