/*
 * Schlepperfreunde Schwitten – Gästebuch & Kommentare 2.11.8
 * Echte seitliche Gravur-/Werkstattmotive wie in der freigegebenen Vorschau.
 */

.sf-community-page-2116{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:#efe9dc;
}

/* Die linearen Deko-Elemente aus 2.11.7 werden ersetzt. */
.sf-community-page-2116::before,
.sf-community-page-2116::after{
  content:"";
  position:absolute;
  top:300px;
  bottom:24px;
  width:clamp(190px, 15vw, 290px);
  pointer-events:none;
  z-index:-1;
  opacity:.98;
  background-repeat:no-repeat;
  background-position:center top;
  background-size:100% 100%;
}
.sf-community-page-2116::before{
  left:0;
  background-image:url("../images/guestbook/guestbook-side-left-a-3-3-6.webp");
}
.sf-community-page-2116::after{
  right:0;
  background-image:url("../images/guestbook/guestbook-side-right-a-3-3-6.webp");
}

/* Inhalt erhält wieder genau den hochwertigen Vorschau-Charakter. */
.sf-community-shell-2116{
  width:min(1480px, calc(100% - 52px));
  padding-bottom:64px;
}
.sf-community-grid-2116{
  grid-template-columns:minmax(0, 1fr) 350px;
  gap:22px;
}

/* Formular kompakt, aber etwas großzügiger als zuvor. */
.sf-community-composer-card-2116{
  padding:20px 22px 18px;
  background:rgba(255,253,248,.98);
}
.sf-community-composer-card-2116 > header strong{
  font-size:20px;
}
.sf-community-composer-card-2116 > header small{
  font-size:11px;
  line-height:1.45;
}
.sf-community-form-2116 textarea,
.sf-community-composer-card-2116 .comment-form textarea{
  min-height:112px !important;
}
.sf-community-submit-row-2116 .button,
.sf-community-composer-card-2116 .comment-form input[type="submit"]{
  min-width:250px;
}

/* Feed und Kommentare harmonisch auf die breitere Bühne setzen. */
.sf-community-feed-2116{
  margin-top:14px;
  padding:20px 22px 24px;
}
.sf-community-thread-list-2116{
  gap:13px;
}
.sf-community-comment-2116{
  background:#fffdfa;
}

@media (max-width: 1480px){
  .sf-community-shell-2116{
    width:min(1320px, calc(100% - 28px));
  }
  .sf-community-page-2116::before,
  .sf-community-page-2116::after{
    width:150px;
    opacity:.88;
  }
}

@media (max-width: 1220px){
  .sf-community-page-2116::before,
  .sf-community-page-2116::after{
    width:112px;
    opacity:.78;
  }
  .sf-community-shell-2116{
    width:min(1180px, calc(100% - 18px));
  }
}

@media (max-width: 1050px){
  .sf-community-page-2116::before,
  .sf-community-page-2116::after{
    display:none;
  }
  .sf-community-shell-2116{
    width:min(100% - 24px, 1000px);
  }
  .sf-community-grid-2116{
    grid-template-columns:1fr;
  }
}

@media (max-width: 700px){
  .sf-community-shell-2116{
    width:calc(100% - 16px);
  }
  .sf-community-composer-card-2116{
    padding:15px 13px;
  }
  .sf-community-feed-2116{
    padding:16px 13px 18px;
  }
}