.grid-container {
    display: grid;
    grid-template-columns: 1400px;
    grid-template-rows: 90px auto auto auto auto auto auto auto auto auto;
    gap: 0px 0px;
    justify-content: center;
    grid-template-areas:
    "space1"
    "promo"
    "hotelvideo"
    "Content1"
    "Content2"
    "Content3"
    "Content4"
    "Fruehstueck"
    "Family"
    "Anreise"
    "Footer";
  }
  .grid-container_entspannt {
    display: grid;
    grid-template-columns: 1400px;
    grid-template-rows: 90px auto auto auto auto auto;
    gap: 0px 0px;
    justify-content: center;
    grid-template-areas:
    "space1"
    "Content1"
    "Wellness"
    "Content2"
    "Garten"
    "Footer";
  }

  .grid-container_impressum {
    display: grid;
    grid-template-columns: 1400px;
    grid-template-rows: 90px auto auto auto auto;
    gap: 0px 0px;
    justify-content: center;
    grid-template-areas:
    "space1"
    "Content1"
    "Content2"
    "Content3"
    "Footer";
  }

  .grid-container_aktiv {
    display: grid;
    grid-template-columns: 1400px;
    grid-template-rows: 90px auto auto auto auto auto auto auto auto auto;
    gap: 0px 0px;
    justify-content: center;
    grid-template-areas:
    "space1"
    "Content1"
    "Radfahren"
    "Content2"
    "Golfen"
    "Content3"
    "Therme"
    "Content4"
    "Garten"
    "Footer";
  }
  .grid-container_Fruehstueck {
    display: grid;
    grid-template-columns: 1400px;
    grid-template-rows: 90px auto auto auto auto auto auto auto auto;
    gap: 0px 0px;
    justify-content: center;
    grid-template-areas:
    "space1"
    "Fruehstueck"
    "AusblickFruehstueck"
    "Footer";
  }
  

  .anreisewrapper {
      display: grid;
      grid-template-columns: auto auto auto;
      grid-template-rows: auto;
      grid-template-areas:
      "adresse karte bewertung"
      ;
  }
.zimmerwrapper {
    display: grid;
    grid-template-columns: 500px auto auto;
    grid-template-rows: auto auto auto;
    grid-template-areas:
    "zimmertyp zimmertyp zimmertyp"
    "zimmerbild zimmerbeschreibung zimmerbeschreibung"
    "zimmerbuttons zimmerbuttons zimmerbuttons"
    ;
}

  .space1 {
      grid-area: space1;

  }
  .zimmertyp { grid-area: zimmertyp;}
  .zimmerbild { grid-area: zimmerbild;}
  .zimmerbeschreibung { grid-area: zimmerbeschreibung;}
  .zimmerbuttons { grid-area: zimmerbuttons;}


  .Fruehstueck { grid-area: Fruehstueck; }

  .Promo { grid-area: promo; }

  .Hotelvideo { grid-area: hotelvideo; }

  .Hotelvideofoto { grid-area: hotelvideofoto; }

  .Content1 { grid-area: Content1; }
  
  .Content2 { grid-area: Content2; }
  
  .Content3 { grid-area: Content3; }
  
  .Content4 { grid-area: Content4; }
  
  .Garten { grid-area: Garten; }
  
  .Therme { grid-area: Therme; }

  .Golfen { grid-area: Golfen; }

  .Radfahren { grid-area: Radfahren; }

  .Family { grid-area: Family; }
  
  .Anreise { grid-area: Anreise; }
  
  .anreise2 { grid-area: anreise2; }
  
  .Footer { grid-area: Footer; background-color: #FCF9F7; }
  
   @media (max-width: 1400px){
    .grid-container {
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: 90px auto auto auto auto auto auto auto auto auto;
        gap: 0px 0px;
        justify-content: center;
        grid-template-areas:
          "space1"
		  "promo"
          "hotelvideofoto"
          "Content1"
          "Content2"
          "Content3"
          "Content4"
          "Family"
          "Anreise"
          "Footer";
      }   
      .grid-container_aktiv {
        display: grid;
        grid-template-columns: 100%;
		grid-template-rows: 90px auto auto auto auto auto auto auto auto auto;
		gap: 0px 0px;
		justify-content: center;
		grid-template-areas:
		"space1"
		"Content1"
		"Radfahren"
		"Content2"
		"Golfen"
		"Content3"
		"Therme"
		"Content4"
		"Garten"
		"Footer";
      }
      .grid-container_entspannt {
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: 90px auto auto auto auto auto;
        gap: 0px 0px;
        justify-content: center;
        grid-template-areas:
        "space1"
        "Content1"
        "Wellness"
        "Content2"
        "Garten"
        "Footer";
      }
      .grid-container_impressum {
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: 90px auto auto auto auto;
        gap: 0px 0px;
        justify-content: center;
        grid-template-areas:
        "space1"
        "Content1"
        "Content2"
        "Content3"
        "Footer";
      }

      .grid-container_Fruehstueck {
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: 90px auto auto auto;
        gap: 0px 0px;
        justify-content: center;
        grid-template-areas:
        "space1"
        "Fruehstueck"
        "AusblickFruehstueck"
        "Footer";
      }
  }

  @media (max-width: 995px){
    .grid-container {
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: 70px auto auto auto auto auto auto auto auto auto;
        gap: 0px 0px;
        justify-content: center;
        grid-template-areas:
          "space1"
		  "promo"
          "hotelvideofoto"
          "Content1"
          "Content2"
          "Content3"
          "Content4"
          "Family"
          "Anreise"
          "Footer";
      }
    
    .grid-container_entspannt {
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: 70px auto auto auto auto auto;
        gap: 0px 0px;
        justify-content: center;
        grid-template-areas:
        "space1"
        "Content1"
        "Wellness"
        "Content2"
        "Garten"
        "Footer";
      }
	.grid-container_aktiv {
        display: grid;
        grid-template-columns: 100%;
		grid-template-rows: 70px auto auto auto auto auto auto auto auto auto;
		gap: 0px 0px;
		justify-content: center;
		grid-template-areas:
		"space1"
		"Content1"
		"Radfahren"
		"Content2"
		"Golfen"
		"Content3"
		"Therme"
		"Content4"
		"Garten"
		"Footer";
      }
	  
    .grid-container_impressum {
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: 70px auto auto auto auto;
        gap: 0px 0px;
        justify-content: center;
        grid-template-areas:
        "space1"
        "Content1"
        "Content2"
        "Content3"
        "Footer";
      }

    .grid-container_Fruehstueck {
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: 70px auto auto auto;
        gap: 0px 0px;
        justify-content: center;
        grid-template-areas:
        "space1"
        "Fruehstueck"
        "AusblickFruehstueck"
        "Footer";
      }
    .anreisewrapper {
        display: grid;
        grid-template-columns: auto;
        grid-template-rows: auto auto auto;
        grid-template-areas:
        "adresse"
        "karte"
        "bewertung"
        ;
    }
    .zimmerwrapper {
      display: grid;
      grid-template-columns: auto;
      grid-template-rows: auto auto auto auto;
      grid-template-areas:
      "zimmertyp"
      "zimmerbild"
      "zimmerbeschreibung"
      "zimmerbuttons"
      ;
  }
  }