body {
      line-height: 1.7;
      background: rgba(0, 150, 0, 0.2);
      font-size: 100%
    }

    h1 {
      text-align: center;
    }

    .head-image {
      background-image: url(images/hintergrund2neu.jpg);
      background-size: contain;
      background-position-x: 50%;
      background-position-y: 50%;
      min-height: 181px;
      background-repeat: no-repeat;
      color: #636363;
    }

    /*
    .content-background {
        background-image:url(images/jaeckles\ heim.jpg); 
        background-repeat: no-repeat;
        background-size: cover;
        background-position-x: 50%;
        background-position-y: 50%;
        color: #000000;
        font-size: clamp(1.125rem, 0vw + 1.125rem, 1.125rem);
        background-color:rgba(0, 0, 0, 0.5);
        padding-inline: 10%
    }
    */


    .cc {
      position: relative;
      font-size: clamp(1.125rem, 0vw + 1.125rem, 1.125rem);
      z-index: 1;
      padding-inline: 10%
    }

    .cc:before {
      content: " ";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      opacity: .4;
      z-index: -1;
      background-image: url(images/jaeckles\ heim.jpg);
      background-repeat: no-repeat;
      background-size: cover;
      background-position-x: 50%;
      background-position-y: 50%;
    }

    .content {
      position: relative;
      z-index: 2;
    }

    .content-ohne-bild {
      position: relative;
      font-size: clamp(1.125rem, 0vw + 1.125rem, 1.125rem);
      padding-inline: 10%
    }


    div.navigation-body {
      overflow: auto;
      white-space: nowrap;
      font-size: 1.5em;
    }

    div.navigation-body a {
      display: inline-block;
      color: #4ba14e;
      text-align: center;
      padding: 8px;
      text-decoration: none;
    }

    div.navigation-body a:hover {
      background-color: #4ba14e;
      color: #e8e8e8;
    }

    section.row {
      padding: 3px;
    }

    .text-black {
      color: rgb(0, 0, 0);
    }

    .footer {
      display: block;
      text-align: center;
      margin: auto;
      clear: both;
    }

    .termin-text {
      display: block;
      border: #636363;
      border-radius: 1em;
      border-style: double;
      padding-inline: 5%;
    }

    .grid-container {
      display: inline-grid;
      grid-template-columns: 25% 50% auto;
      /*padding: inherit;*/
    }

    .grid-container2 {
      display: inline-grid;
      grid-template-columns: 50% 50%;
      grid-gap: 1px;
      padding: initial;
      margin: 2px;
    }

    .grid-container2 > div {
      background-color: #d0cbcb;
      padding: 10px;
    }

    table {
      font-size: 1.0em;
    }

    div.gallery {
      margin: 5px;
      border: 1px solid #ccc;
      float: right;
      width: 240px;
    }

    div.gallery:hover {
      border: 1px solid #777;
    }

    div.gallery img {
      width: 100%;
      height: auto;
    }

    div.desc {
      padding: 15px;
      text-align: center;
    }

    div.programm table,
    tr,
    td {
      border-collapse: collapse;
      padding: 6px;
      border: 1px solid;
    }

    td.programm_s1 {
      width: 15%;
    }