/* GardenPortal document CSS - generated by converter 1.86-14 DEBUG
   Priority: control file value -> otherwise Word document value. */
.sgv-document-schnecken_im_kleingarten
{
  box-sizing: border-box !important;
  color: #000 !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 16px !important;
  line-height: 1.55 !important;

  /* ==========================================================
     LINK-BUTTONS / HOVER-EFFEKTE – ZENTRALE FARBEINSTELLUNGEN
     ----------------------------------------------------------
     --sgv-btn-color          Grundfarbe der Link-Buttons
     --sgv-btn-dark           dunkle Rand-/Basisfarbe
     --sgv-btn-text           Schriftfarbe im Normalzustand
     --sgv-btn-hover-text     Schriftfarbe beim Überfahren
     --sgv-btn-glow           kräftige Glow-/Randfarbe bei Hover
     --sgv-btn-glow-soft      weicher Leuchtschein bei Hover
     --sgv-btn-shadow         normaler Außenschatten
     --sgv-btn-width          Breite der Link-Buttons
     --sgv-btn-height         Mindesthöhe der Link-Buttons
     --sgv-btn-radius         Eckenradius der Link-Buttons
     --sgv-top-btn-start      obere Farbe „Zum Dokumentanfang“
     --sgv-top-btn-end        untere Farbe „Zum Dokumentanfang“
     --sgv-top-margin-left    linker Abstand „Zum Dokumentanfang“
     ========================================================== */
  --sgv-btn-color: #8fb895;
  --sgv-btn-dark: #315c3c;
  --sgv-btn-text: #000000;
  --sgv-btn-hover-text: #ffffff;
  --sgv-btn-glow: #d8c805;
  --sgv-btn-glow-soft: rgba(216,200,5,.79);
  --sgv-btn-shadow: rgba(0,0,0,.50);
  --sgv-btn-width: 300px;
  --sgv-btn-height: 35px;
  --sgv-btn-radius: 12px;
  --sgv-top-btn-start: #5da94a;
  --sgv-top-btn-end: #315c3c;
  --sgv-top-margin-left: 32px;
}
.sgv-document-schnecken_im_kleingarten *, .sgv-document-schnecken_im_kleingarten *::before, .sgv-document-schnecken_im_kleingarten *::after
{
    box-sizing:border-box;
}
.sgv-document-schnecken_im_kleingarten .sgv-document-header
{
    display:block !important;
    clear:both !important;
    text-align:center !important;
    margin:0 0 18px !important;
}
.sgv-document-schnecken_im_kleingarten .sgv-document-flag
{
    display:block !important;
    width:112px !important;
    max-width:100% !important;
    height:auto !important;
    margin:0 auto 5px !important;
}
.sgv-document-schnecken_im_kleingarten .sgv-document-club-name
{
    display:block !important;
    clear:both !important;
    margin:0 !important;
    font-family:Arial,Helvetica,sans-serif !important;
    font-size:18px !important;
    line-height:1.25 !important;
    font-weight:700 !important;
    text-align:center !important;
}
.sgv-document-schnecken_im_kleingarten h1, .sgv-document-schnecken_im_kleingarten h2, .sgv-document-schnecken_im_kleingarten h3, .sgv-document-schnecken_im_kleingarten h4
{
    display:block !important;
    float:none !important;
    clear:both !important;
    padding-left:0 !important;
    padding-right:0 !important;
    text-indent:0 !important;
    font-family:Arial,Helvetica,sans-serif !important;
    font-weight:700 !important;
    line-height:1.25 !important;
}
.sgv-document-schnecken_im_kleingarten h1
{
    font-size:18pt !important;
    text-align:center !important;
}
.sgv-document-schnecken_im_kleingarten h2
{
    font-size:16pt !important;
    text-align:left !important;
}
.sgv-document-schnecken_im_kleingarten h3
{
    font-size:14pt !important;
    text-align:left !important;
}
.sgv-document-schnecken_im_kleingarten h4
{
    font-size:12pt !important;
    text-align:left !important;
}
.sgv-document-schnecken_im_kleingarten .sgv-style-head2-center
{
    text-align:center !important;
}
.sgv-document-schnecken_im_kleingarten .sgv-paragraph, .sgv-document-schnecken_im_kleingarten .sgv-list-row, .sgv-document-schnecken_im_kleingarten .sgv-list-marker, .sgv-document-schnecken_im_kleingarten .sgv-list-text, .sgv-document-schnecken_im_kleingarten .sgv-table th, .sgv-document-schnecken_im_kleingarten .sgv-table td
{
    font-family:Arial,Helvetica,sans-serif !important;
    font-size:16px !important;
    line-height:1.55 !important;
    color:#000 !important;
    overflow-wrap:anywhere !important;
}
.sgv-document-schnecken_im_kleingarten .sgv-paragraph, .sgv-document-schnecken_im_kleingarten .sgv-list-text
{
    text-align:justify !important;
}
.sgv-document-schnecken_im_kleingarten .sgv-empty-paragraph
{
    display:block !important;
    min-height:0 !important;
    padding:0 !important;
    border:0 !important;
}
.sgv-document-schnecken_im_kleingarten .sgv-style-hinweistext2
{
    text-align:center !important;
}
.sgv-document-schnecken_im_kleingarten .sgv-style-gp-titel
{
    display:block !important;
    width:100% !important;
    margin:16px 0 !important;
    padding:0 !important;
    font-size:24px !important;
    line-height:1.25 !important;
    font-weight:700 !important;
    text-align:center !important;
}
.sgv-document-schnecken_im_kleingarten .sgv-document-image
{
    display:block !important;
    max-width:100% !important;
    height:auto !important;
    background:transparent !important;
}
.sgv-document-schnecken_im_kleingarten .sgv-image-reflection-wrap,
.sgv-document-schnecken_im_kleingarten .sgv-image-wrap-left,
.sgv-document-schnecken_im_kleingarten .sgv-image-wrap-right,
.sgv-document-schnecken_im_kleingarten .sgv-image-effect-3d
{
    border-radius:var(--sgv-border-radius,0px) !important;
    overflow:hidden !important;
}
.sgv-document-schnecken_im_kleingarten .sgv-image-flip-horizontal
{
    transform:scaleX(-1) !important;
}
.sgv-document-schnecken_im_kleingarten .sgv-image-flip-vertical
{
    transform:scaleY(-1) !important;
}
.sgv-document-schnecken_im_kleingarten .sgv-image-centered
{
    margin-left:auto !important;
    margin-right:auto !important;
}
.sgv-document-schnecken_im_kleingarten .sgv-image-left
{
    margin-left:0 !important;
    margin-right:auto !important;
}
.sgv-document-schnecken_im_kleingarten .sgv-image-right
{
    margin-left:auto !important;
    margin-right:0 !important;
}
.sgv-document-schnecken_im_kleingarten .sgv-image-paragraph
{
    display:block !important;
    position:relative !important;
    clear:both !important;
    width:100% !important;
}
.sgv-document-schnecken_im_kleingarten .sgv-image-paragraph > .sgv-document-image
{
    position:absolute !important;
    z-index:2 !important;
}
.sgv-document-schnecken_im_kleingarten .sgv-image-paragraph > .sgv-paragraph
{
    position:relative !important;
    z-index:1 !important;
}
.sgv-document-schnecken_im_kleingarten .sgv-word-image-composition
{
    display:block !important;
    position:relative !important;
    clear:both !important;
    width:var(--sgv-word-layout-width,650px) !important;
    max-width:100% !important;
    min-height:var(--sgv-word-layout-height,260px) !important;
    margin:18px auto 28px !important;
    overflow:visible !important;
    isolation:isolate !important;
}
.sgv-document-schnecken_im_kleingarten .sgv-gallery-composition {
  --sgv-gallery-source:Word;
  --sgv-gallery-width:var(--sgv-word-layout-width,650px);
  --sgv-gallery-height:var(--sgv-word-layout-height,260px);
  --sgv-gallery-margin-top:18px;
  --sgv-gallery-margin-bottom:28px;
  --sgv-gallery-shift-x:0px;
  --sgv-gallery-shift-y:0px;
  display:block !important;
  position:relative !important;
  clear:both !important;
  width:var(--sgv-gallery-width) !important;
  max-width:100% !important;
  height:var(--sgv-gallery-height) !important;
  min-height:var(--sgv-gallery-height) !important;
  margin:var(--sgv-gallery-margin-top) auto var(--sgv-gallery-margin-bottom) !important;
  translate:var(--sgv-gallery-shift-x) var(--sgv-gallery-shift-y) !important;
  overflow:visible !important;
  isolation:isolate !important;
}
.sgv-document-schnecken_im_kleingarten .sgv-word-image-composition .sgv-document-image,
.sgv-document-schnecken_im_kleingarten .sgv-gallery-composition .sgv-document-image
{
    position:absolute !important;
    margin:0 !important;
}
.sgv-document-schnecken_im_kleingarten .sgv-word-image-composition > .sgv-paragraph
{
    position:relative !important;
    z-index:3 !important;
}
.sgv-document-schnecken_im_kleingarten .sgv-gallery-text {
  position:absolute !important;
  left:var(--sgv-gallery-text-left,0px) !important;
  top:var(--sgv-gallery-text-top,0px) !important;
  width:var(--sgv-gallery-text-width,240px) !important;
  max-width:var(--sgv-gallery-text-max-width,calc(100% - var(--sgv-gallery-text-left,0px))) !important;
  z-index:var(--sgv-gallery-text-z-index,20) !important;
  translate:var(--sgv-gallery-text-shift-x,0px) var(--sgv-gallery-text-shift-y,0px) !important;
  margin:0 !important; padding:0 !important;
}
.sgv-document-schnecken_im_kleingarten .sgv-gallery-text > .sgv-paragraph {
  display:block !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
}
.sgv-document-schnecken_im_kleingarten .sgv-title-image-layout
{
    display:block !important;
    position:relative !important;
    clear:both !important;
    width:100% !important;
    min-height:var(--sgv-title-layout-height,250px) !important;
    margin-bottom:var(--sgv-title-layout-bottom-gap,24px) !important;
    overflow:visible !important;
    isolation:isolate !important;
}
.sgv-document-schnecken_im_kleingarten .sgv-title-image-layout > .sgv-document-image, .sgv-document-schnecken_im_kleingarten .sgv-title-image-layout > .sgv-image-reflection-wrap
{
    position:absolute !important;
    z-index:2 !important;
    margin:0 !important;
}
.sgv-document-schnecken_im_kleingarten .sgv-title-image-layout > .sgv-image-behind, .sgv-document-schnecken_im_kleingarten .sgv-title-image-layout > .sgv-image-reflection-wrap.sgv-image-behind
{
    z-index:1 !important;
}
.sgv-document-schnecken_im_kleingarten .sgv-title-image-layout > .sgv-image-centered
{
    left:var(--sgv-left,50%) !important;
    right:var(--sgv-right,auto) !important;
    top:var(--sgv-top,0px) !important;
    translate:calc(var(--sgv-center-offset-x,-50%) + var(--sgv-shift-x,0px)) var(--sgv-shift-y,0px) !important;
}
.sgv-document-schnecken_im_kleingarten .sgv-title-image-layout > .sgv-image-left
{
    left:var(--sgv-left,0px) !important;
    right:var(--sgv-right,auto) !important;
    top:var(--sgv-top,80px) !important;
    translate:var(--sgv-shift-x,0px) var(--sgv-shift-y,0px) !important;
}
.sgv-document-schnecken_im_kleingarten .sgv-title-image-layout > .sgv-image-right
{
    right:var(--sgv-right,0px) !important;
    left:var(--sgv-left,auto) !important;
    top:var(--sgv-top,80px) !important;
    translate:var(--sgv-shift-x,0px) var(--sgv-shift-y,0px) !important;
}
.sgv-document-schnecken_im_kleingarten .sgv-title-image-layout > .sgv-paragraph
{
    position:relative !important;
    z-index:3 !important;
    padding-top:var(--sgv-title-text-top,150px) !important;
}
.sgv-document-schnecken_im_kleingarten .sgv-document-content::after
{
    content:"" !important;
    display:table !important;
    clear:both !important;
}
.sgv-document-schnecken_im_kleingarten .sgv-image-flow
{
    display:block !important;
    width:100% !important;
}
.sgv-document-schnecken_im_kleingarten .sgv-image-wrap-left
{
    float:left !important;
    margin:2px 16px 12px 0 !important;
}
.sgv-document-schnecken_im_kleingarten .sgv-image-wrap-right
{
    float:right !important;
    margin:2px 0 12px 16px !important;
}
.sgv-document-schnecken_im_kleingarten .sgv-rotated-image-group
{
    position:relative !important;
    display:block !important;
    width:var(--sgv-group-width,900px) !important;
    max-width:100% !important;
    height:var(--sgv-group-height,322px) !important;
    clear:both !important;
    margin:18px auto 28px !important;
    overflow:visible !important;
}
.sgv-document-schnecken_im_kleingarten .sgv-rotated-image-group > .sgv-document-image
{
    position:absolute !important;
    margin:0 !important;
}
.sgv-document-schnecken_im_kleingarten .sgv-rotated-image-group > .sgv-image-left
{
    left:var(--sgv-word-left,70px) !important;
    right:auto !important;
    top:var(--sgv-word-top,0px) !important;
}
.sgv-document-schnecken_im_kleingarten .sgv-rotated-image-group > .sgv-image-right
{
    right:var(--sgv-word-right,70px) !important;
    left:auto !important;
    top:var(--sgv-word-top,0px) !important;
}
.sgv-document-schnecken_im_kleingarten .sgv-rotated-image-group > .sgv-image-centered
{
    left:50% !important;
    right:auto !important;
    top:var(--sgv-word-top,0px) !important;
    translate:calc(-50% + var(--sgv-word-center-shift,0px)) 0 !important;
}
.sgv-document-schnecken_im_kleingarten .sgv-image-rotated
{
    transform:perspective(var(--sgv-perspective,1000px)) rotateX(var(--sgv-rotate-x,0deg)) rotateY(var(--sgv-rotate-y,0deg)) rotateZ(var(--sgv-rotate-z,0deg)) !important;
    transform-origin:center center !important;
}
.sgv-document-schnecken_im_kleingarten .sgv-image-zoomable
{
    cursor:zoom-in !important;
}
.sgv-document-schnecken_im_kleingarten .sgv-image-effect-3d {
  --sgv-3d-frame-size:12px;
  --sgv-3d-frame-slice:18;
  border:var(--sgv-3d-frame-size) solid transparent !important;
  border-image-source:var(--sgv-3d-frame-image) !important;
  border-image-slice:var(--sgv-3d-frame-slice) !important;
  border-image-width:var(--sgv-3d-frame-size) !important;
  border-image-repeat:stretch !important;
  background-clip:padding-box !important;
}
.sgv-image-lightbox
{
    position:fixed;
    inset:0;
    z-index:20000;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:24px;
    background:rgba(0,0,0,.82);
    cursor:zoom-out;
}
.sgv-image-lightbox[hidden]
{
    display:none !important;
}
.sgv-image-lightbox img
{
    display:block;
    width:auto;
    height:auto;
    max-width:calc(100vw - 48px);
    max-height:calc(100vh - 48px);
    object-fit:contain;
    transform:none !important;
    box-shadow:0 10px 34px rgba(0,0,0,.55);
    cursor:zoom-out;
}
.sgv-document-schnecken_im_kleingarten .sgv-warning
{
    display:flex !important;
    align-items:flex-start !important;
    gap:14px !important;
}
.sgv-document-schnecken_im_kleingarten .sgv-warning-icon
{
    flex:0 0 auto !important;
}
.sgv-document-schnecken_im_kleingarten .sgv-warning-text
{
    flex:1 1 auto !important;
    min-width:0 !important;
}
.sgv-document-schnecken_im_kleingarten .sgv-warning-text p
{
    margin:0 0 8px !important;
    color:inherit !important;
    font-weight:inherit !important;
}
.sgv-document-schnecken_im_kleingarten .sgv-warning-followup-image
{
    display:block !important;
    clear:both !important;
}
.sgv-document-schnecken_im_kleingarten .sgv-standalone-image
{
    display:block !important;
    position:relative !important;
    clear:both !important;
    width:100% !important;
    margin:24px 0 28px !important;
    text-align:center !important;
    overflow:visible !important;
}
.sgv-document-schnecken_im_kleingarten .sgv-standalone-image > .sgv-document-image
{
    position:var(--sgv-position,relative) !important;
    display:inline-block !important;
    left:var(--sgv-left,auto) !important;
    right:var(--sgv-right,auto) !important;
    top:var(--sgv-top,auto) !important;
    bottom:var(--sgv-bottom,auto) !important;
    z-index:var(--sgv-z-index,10) !important;
    max-width:var(--sgv-image-max-width,calc(100% - 40px)) !important;
    height:var(--sgv-image-height,auto) !important;
    margin:var(--sgv-margin-top,0) var(--sgv-margin-right,auto) var(--sgv-margin-bottom,0) var(--sgv-margin-left,auto) !important;
    translate:var(--sgv-shift-x,0px) var(--sgv-shift-y,0px) !important;
}

.sgv-document-schnecken_im_kleingarten .sgv-style-head1, #Accordion1 .sgv-document-schnecken_im_kleingarten .sgv-style-head1
{
    margin-bottom:16.0px !important;
    margin-left:32px !important;
    width:calc(100% - 32px) !important;
}
.sgv-document-schnecken_im_kleingarten .sgv-style-head2, #Accordion1 .sgv-document-schnecken_im_kleingarten .sgv-style-head2
{
    margin-bottom:0.0px !important;
    font-weight:700 !important;
    text-decoration:underline !important;
    margin-left:32px !important;
    width:calc(100% - 32px) !important;
}
.sgv-document-schnecken_im_kleingarten .sgv-style-text-e2-1, #Accordion1 .sgv-document-schnecken_im_kleingarten .sgv-style-text-e2-1
{
    margin-top:8.0px !important;
    margin-bottom:0.0px !important;
    margin-left:48px !important;
    width:calc(100% - 48px) !important;
}
.sgv-document-schnecken_im_kleingarten .sgv-style-head3, #Accordion1 .sgv-document-schnecken_im_kleingarten .sgv-style-head3
{
    margin-top:8.0px !important;
    margin-bottom:8.0px !important;
    font-weight:400 !important;
    text-decoration:underline !important;
    margin-left:40px !important;
    width:calc(100% - 40px) !important;
}
.sgv-document-schnecken_im_kleingarten .sgv-style-text-e3-1, #Accordion1 .sgv-document-schnecken_im_kleingarten .sgv-style-text-e3-1
{
    margin-top:8.0px !important;
    margin-bottom:0.0px !important;
    margin-left:56px !important;
    width:calc(100% - 56px) !important;
}
.sgv-document-schnecken_im_kleingarten .sgv-style-url, #Accordion1 .sgv-document-schnecken_im_kleingarten .sgv-style-url
{
    margin-left:22.67px !important;
    margin-bottom:8.0px !important;
    text-decoration:underline !important;
}
.sgv-document-schnecken_im_kleingarten .sgv-style-bullet-e3-2, #Accordion1 .sgv-document-schnecken_im_kleingarten .sgv-style-bullet-e3-2
{
    margin-bottom:8.0px !important;
    margin-left:64px !important;
    width:calc(100% - 64px) !important;
    padding-left:0 !important;
    text-indent:0 !important;
    --sgv-marker-width:18px;
}
.sgv-document-schnecken_im_kleingarten .sgv-style-head4, #Accordion1 .sgv-document-schnecken_im_kleingarten .sgv-style-head4
{
    margin-top:8.0px !important;
    margin-bottom:8.0px !important;
    font-weight:400 !important;
    font-style:italic !important;
    text-decoration:underline !important;
    margin-left:48px !important;
    width:calc(100% - 48px) !important;
}
.sgv-document-schnecken_im_kleingarten .sgv-style-bullet-e2-2, #Accordion1 .sgv-document-schnecken_im_kleingarten .sgv-style-bullet-e2-2
{
    margin-bottom:8.0px !important;
    margin-left:56px !important;
    width:calc(100% - 56px) !important;
    padding-left:0 !important;
    text-indent:0 !important;
    --sgv-marker-width:18px;
}
.sgv-document-schnecken_im_kleingarten .sgv-style-bullet-e3-1, #Accordion1 .sgv-document-schnecken_im_kleingarten .sgv-style-bullet-e3-1
{
    margin-bottom:8.0px !important;
    margin-left:56px !important;
    width:calc(100% - 56px) !important;
    padding-left:0 !important;
    text-indent:0 !important;
    --sgv-marker-width:18px;
}
.sgv-document-schnecken_im_kleingarten .sgv-style-normal, #Accordion1 .sgv-document-schnecken_im_kleingarten .sgv-style-normal
{
    margin-left:22.67px !important;
    margin-bottom:0.0px !important;
}
.sgv-document-schnecken_im_kleingarten .sgv-style-chronik-jahr, #Accordion1 .sgv-document-schnecken_im_kleingarten .sgv-style-chronik-jahr
{
    margin-left:0.0px !important;
    margin-bottom:0.0px !important;
    font-weight:700 !important;
    text-decoration:underline !important;
}
.sgv-document-schnecken_im_kleingarten .sgv-style-bullet-e2-1, #Accordion1 .sgv-document-schnecken_im_kleingarten .sgv-style-bullet-e2-1
{
    margin-bottom:8.0px !important;
    margin-left:48px !important;
    width:calc(100% - 48px) !important;
    padding-left:0 !important;
    text-indent:0 !important;
    --sgv-marker-width:18px;
}

.sgv-document-schnecken_im_kleingarten .sgv-style-gp-titel {
  display:block !important;
  width:100% !important;
  margin:16px 0 !important;
  padding:0 !important;
  font-size:24px !important;
  line-height:1.25 !important;
  font-weight:700 !important;
  text-align:center !important;
}
.sgv-document-schnecken_im_kleingarten .sgv-list {
  display:block !important;
  padding:0 !important;
  list-style:none !important;
  --sgv-marker-width:28px;
}
.sgv-document-schnecken_im_kleingarten .sgv-list-row {
  display:grid !important;
  grid-template-columns:var(--sgv-marker-width) minmax(0,1fr) !important;
  width:100% !important;
  margin:0 0 5px !important;
  padding:0 !important;
  text-indent:0 !important;
  align-items:start !important;
}
.sgv-document-schnecken_im_kleingarten .sgv-list-marker {
  grid-column:1 !important;
  display:block !important;
  width:100% !important;
  padding:0 8px 0 0 !important;
  text-align:right !important;
  white-space:nowrap !important;
}
.sgv-document-schnecken_im_kleingarten .sgv-list-text {
  grid-column:2 !important;
  display:block !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  text-align:justify !important;
  overflow-wrap:anywhere !important;
}
.sgv-document-schnecken_im_kleingarten .sgv-style-hinweistext3, .sgv-document-schnecken_im_kleingarten .sgv-warning, .sgv-document-schnecken_im_kleingarten .sgv-warning *
{
    color:#c00000 !important;
}
.sgv-document-schnecken_im_kleingarten .sgv-css-grid
{
    display:grid !important;
    grid-template-columns:max-content minmax(0,1fr) !important;
    column-gap:20px !important;
    row-gap:5px !important;
    align-items:baseline !important;
    margin-top:6px !important;
    margin-right:0 !important;
    margin-bottom:14px !important;
    padding:0 !important;
}
.sgv-document-schnecken_im_kleingarten .sgv-css-grid-cell
{
    position:relative !important;
    min-width:0 !important;
    padding:0 !important;
    overflow-wrap:anywhere !important;
}
.sgv-document-schnecken_im_kleingarten .sgv-css-grid-key
{
    grid-column:1 !important;
}
.sgv-document-schnecken_im_kleingarten .sgv-css-grid-value
{
    grid-column:2 !important;
}
.sgv-document-schnecken_im_kleingarten .sgv-table-wrapper
{
    width:calc(100% - 48px) !important;
    margin:6px 0 14px 48px !important;
    overflow-x:auto !important;
    border-radius:15px !important;
    box-shadow:12px 12px 10px rgba(0,0,0,.5) !important;
}
.sgv-document-schnecken_im_kleingarten .sgv-table
{
    width:100% !important;
    border-collapse:separate !important;
    border-spacing:0 !important;
    table-layout:fixed !important;
    border:2px solid #000 !important;
    border-radius:15px !important;
    background:#fff !important;
    overflow:hidden !important;
    font-size:16px !important;
}
.sgv-document-schnecken_im_kleingarten .sgv-table th, .sgv-document-schnecken_im_kleingarten .sgv-table td
{
    border:1px solid #000 !important;
    padding:7px 8px !important;
    vertical-align:top !important;
    overflow-wrap:anywhere !important;
}
.sgv-document-schnecken_im_kleingarten .sgv-table th
{
    background:#dee2e6 !important;
    font-weight:700 !important;
    text-align:left !important;
}
.sgv-document-schnecken_im_kleingarten .sgv-table tbody tr:nth-child(odd) td
{
    background:#c8e1b5 !important;
}
.sgv-document-schnecken_im_kleingarten .sgv-table tbody tr:nth-child(even) td
{
    background:#ffffff !important;
}
.sgv-document-schnecken_im_kleingarten .sgv-document-footer
{
    display:block !important;
    clear:both !important;
    margin-top:24px !important;
}
.sgv-document-schnecken_im_kleingarten .sgv-link-buttons
{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:10px !important;
    margin:12px 0 18px 35px !important;
    padding:0 !important;
    clear:both !important;
}
.sgv-document-schnecken_im_kleingarten .sgv-link-button,
.sgv-document-schnecken_im_kleingarten button.LG_InformationDownload_Link {
  display:inline-flex !important; align-items:center !important; justify-content:center !important;
  width:var(--sgv-btn-width,300px) !important; max-width:100% !important; min-height:var(--sgv-btn-height,35px) !important; padding:5px 12px !important;
  border:1px solid var(--sgv-btn-dark) !important; border-radius:var(--sgv-btn-radius,12px) !important;
  color:var(--sgv-btn-text) !important; font:700 14px/1.2 Arial,Helvetica,sans-serif !important; text-align:center !important; text-decoration:none !important;
  background:linear-gradient(to bottom,rgba(255,255,255,.30) 0%,rgba(255,255,255,.18) 8%,rgba(0,0,0,.10) 48%,rgba(255,255,255,.20) 90%,rgba(0,0,0,.18) 100%),var(--sgv-btn-color) !important;
  box-shadow:0 1px 0 rgba(255,255,255,.40) inset,0 2px 6px var(--sgv-btn-shadow),0 10px rgba(0,0,0,.05) inset !important;
  cursor:pointer !important; transition:color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,transform .15s ease-in-out !important;
}
.sgv-document-schnecken_im_kleingarten .sgv-link-button:hover, .sgv-document-schnecken_im_kleingarten .sgv-link-button:focus-visible,
.sgv-document-schnecken_im_kleingarten button.LG_InformationDownload_Link:hover, .sgv-document-schnecken_im_kleingarten button.LG_InformationDownload_Link:focus-visible {
  color:var(--sgv-btn-hover-text) !important; border-color:var(--sgv-btn-glow) !important; outline:none !important;
  box-shadow:0 1px 0 rgba(255,255,255,.35) inset,0 2px 6px var(--sgv-btn-shadow),0 0 5px 2px var(--sgv-btn-glow-soft),0 0 10px 2px var(--sgv-btn-glow-soft) inset !important;
  transform:translateY(-1px) !important;
}
.sgv-document-schnecken_im_kleingarten .sgv-link-button:active, .sgv-document-schnecken_im_kleingarten button.LG_InformationDownload_Link:active
{
    transform:translateY(0) !important;
}
.sgv-document-schnecken_im_kleingarten .sgv-back-to-top {
  display:inline-block !important; margin-left:var(--sgv-top-margin-left,32px) !important; margin-right:0 !important; padding:10px 18px !important; border:1px solid var(--sgv-top-btn-end) !important; border-radius:15px !important;
  color:#fff !important; text-decoration:none !important; background:linear-gradient(180deg,var(--sgv-top-btn-start) 0%,var(--sgv-top-btn-end) 100%) !important;
  box-shadow:1px 2px 8px rgba(0,0,0,.20) !important; transition:box-shadow .15s ease-in-out,transform .15s ease-in-out,filter .15s ease-in-out !important;
}
.sgv-document-schnecken_im_kleingarten .sgv-back-to-top:hover, .sgv-document-schnecken_im_kleingarten .sgv-back-to-top:focus-visible {
  color:#fff !important; text-decoration:none !important; outline:none !important; filter:brightness(1.08) !important;
  box-shadow:0 3px 8px rgba(0,0,0,.25),0 0 6px 2px var(--sgv-btn-glow-soft) !important; transform:translateY(-1px) !important;
}
.sgv-document-schnecken_im_kleingarten .sgv-back-to-top:active
{
    transform:translateY(0) !important;
}
.sgv-document-schnecken_im_kleingarten .sgv-document-end-spacing
{
    display:block !important;
    height:34px !important;
    min-height:34px !important;
    margin:0 !important;
    padding:0 !important;
    clear:both !important;
    line-height:34px !important;
}
.sgv-document-schnecken_im_kleingarten a.sgv-url, .sgv-document-schnecken_im_kleingarten .sgv-url
{
    color:#0000ee !important;
    text-decoration:underline !important;
    overflow-wrap:anywhere !important;
}
.gp-close-button
{
    position:fixed;
    left:5px;
    bottom:22px;
    z-index:10000;
    display:none;
    padding:10px 16px;
    border:1px solid #315c3c;
    border-radius:15px;
    color:#fff;
    background:linear-gradient(180deg,#5da94a,#315c3c);
    cursor:pointer;
    box-shadow:1px 2px 8px rgba(0,0,0,.28);
}
.gp-close-button.gp-visible
{
    display:block;
}
@media (max-width:700px) {
  /* v1.61: Desktop-Verschiebungen dürfen Bilder auf schmalen Displays nicht seitlich aus dem sichtbaren Bereich schieben.
     Standardmäßig wird deshalb nur die horizontale Verschiebung mobil auf 0 gesetzt.
     Falls für ein einzelnes Bild eine mobile X-Verschiebung gewünscht ist, kann
     --sgv-mobile-shift-x bildbezogen gesetzt werden. --sgv-shift-y bleibt unverändert. */
  .sgv-document-schnecken_im_kleingarten .sgv-document-image, .sgv-document-schnecken_im_kleingarten .sgv-image-reflection-wrap
  {
      --sgv-shift-x:var(--sgv-mobile-shift-x,0px) !important;
  }
  .sgv-document-schnecken_im_kleingarten .sgv-rotated-image-group
  {
      height:auto !important;
      display:flex !important;
      flex-direction:column !important;
      align-items:center !important;
      gap:20px !important;
  }
  .sgv-document-schnecken_im_kleingarten .sgv-rotated-image-group > .sgv-document-image
  {
      position:relative !important;
      left:auto !important;
      right:auto !important;
      top:auto !important;
      margin:12px auto !important;
  }
  .sgv-document-schnecken_im_kleingarten .sgv-image-wrap-left, .sgv-document-schnecken_im_kleingarten .sgv-image-wrap-right
  {
      float:none !important;
      clear:both !important;
      margin:12px auto 18px !important;
  }
  .sgv-document-schnecken_im_kleingarten .sgv-css-grid
  {
      grid-template-columns:max-content minmax(0,1fr) !important;
      column-gap:12px !important;
  }
  /* v1.85: Breite Tabellen werden auf Smartphones als Karten dargestellt.
     Der Tabellenkopf bleibt semantisch im HTML, wird visuell ausgeblendet.
     Die Spaltenüberschrift wird aus data-label vor jeder Zelle eingeblendet. */
  .sgv-document-schnecken_im_kleingarten .sgv-table-wrapper {
      width:calc(100% - 20px) !important;
      margin-left:20px !important;
      overflow:visible !important;
      border-radius:0 !important;
      box-shadow:none !important;
  }
  .sgv-document-schnecken_im_kleingarten .sgv-table {
      display:block !important;
      width:100% !important;
      min-width:0 !important;
      border:0 !important;
      border-radius:0 !important;
      background:transparent !important;
      overflow:visible !important;
  }
  .sgv-document-schnecken_im_kleingarten .sgv-table thead {
      position:absolute !important;
      width:1px !important;
      height:1px !important;
      padding:0 !important;
      margin:-1px !important;
      overflow:hidden !important;
      clip:rect(0,0,0,0) !important;
      white-space:nowrap !important;
      border:0 !important;
  }
  .sgv-document-schnecken_im_kleingarten .sgv-table tbody,
  .sgv-document-schnecken_im_kleingarten .sgv-table tr,
  .sgv-document-schnecken_im_kleingarten .sgv-table td {
      display:block !important;
      width:100% !important;
  }
  .sgv-document-schnecken_im_kleingarten .sgv-table tbody tr {
      margin:0 0 18px !important;
      border:2px solid #000 !important;
      border-radius:15px !important;
      overflow:hidden !important;
      box-shadow:4px 3px 10px rgba(0,0,0,.18) !important;
      background:#fff !important;
  }
  .sgv-document-schnecken_im_kleingarten .sgv-table tbody tr:nth-child(odd)
  {
      background:#c8e1b5 !important;
  }
  .sgv-document-schnecken_im_kleingarten .sgv-table tbody tr:nth-child(even)
  {
      background:#ffffff !important;
  }
  .sgv-document-schnecken_im_kleingarten .sgv-table tbody tr td {
      position:relative !important;
      min-width:0 !important;
      padding:8px 10px 8px 42% !important;
      border:0 !important;
      border-bottom:1px solid #000 !important;
      background:transparent !important;
      overflow-wrap:anywhere !important;
  }
  .sgv-document-schnecken_im_kleingarten .sgv-table tbody tr td:last-child
  {
      border-bottom:0 !important;
  }
  .sgv-document-schnecken_im_kleingarten .sgv-table tbody tr td::before {
      content:attr(data-label) !important;
      position:absolute !important;
      left:10px !important;
      top:8px !important;
      width:calc(42% - 20px) !important;
      font-weight:700 !important;
      line-height:1.35 !important;
      overflow-wrap:anywhere !important;
  }
  /* Erste Spalte bildet den Kartenkopf: Bild + Bezeichnung ohne doppeltes Label. */
  .sgv-document-schnecken_im_kleingarten .sgv-table tbody tr td:first-child {
      padding:12px 10px !important;
      text-align:center !important;
      font-weight:700 !important;
  }
  .sgv-document-schnecken_im_kleingarten .sgv-table tbody tr td:first-child::before
  {
      display:none !important;
  }
  .sgv-document-schnecken_im_kleingarten .sgv-table tbody tr td:first-child img {
      max-width:100% !important;
      height:auto !important;
      margin-left:auto !important;
      margin-right:auto !important;
  }
  .sgv-document-schnecken_im_kleingarten .sgv-link-buttons
  {
      margin-left:22px !important;
      margin-right:22px !important;
  }
  .sgv-document-schnecken_im_kleingarten .sgv-link-button, .sgv-document-schnecken_im_kleingarten button.LG_InformationDownload_Link
  {
      width:100% !important;
      max-width:var(--sgv-btn-width,300px) !important;
  }

  /* v1.83: Nummerierte Gallery-Kompositionen wechseln auf schmalen Displays
     aus dem festen Word-Koordinatensystem in eine sichere Stapelansicht.
     Desktop-Positionen, X/Y-Verschiebungen und feste Canvas-Höhen dürfen
     sonst seitlich aus dem Viewport herausragen und die Seite verbreitern. */
  .sgv-document-schnecken_im_kleingarten .sgv-gallery-composition {
      width:100% !important;
      max-width:100% !important;
      height:auto !important;
      min-height:0 !important;
      display:flex !important;
      flex-direction:column !important;
      align-items:center !important;
      gap:var(--sgv-gallery-mobile-gap,18px) !important;
      margin:var(--sgv-gallery-mobile-margin-top,22px) auto var(--sgv-gallery-mobile-margin-bottom,28px) !important;
      translate:none !important;
      overflow:visible !important;
  }
  .sgv-document-schnecken_im_kleingarten .sgv-gallery-composition .sgv-document-image,
  .sgv-document-schnecken_im_kleingarten .sgv-gallery-composition .sgv-image-reflection-wrap {
      position:relative !important;
      left:auto !important;
      right:auto !important;
      top:auto !important;
      bottom:auto !important;
      translate:none !important;
      float:none !important;
      clear:both !important;
      width:min(var(--sgv-image-width,300px), var(--sgv-gallery-mobile-image-max-width,calc(100% - 30px))) !important;
      max-width:var(--sgv-gallery-mobile-image-max-width,calc(100% - 30px)) !important;
      height:auto !important;
      margin:0 auto !important;
  }
  .sgv-document-schnecken_im_kleingarten .sgv-gallery-composition .sgv-image-reflection-wrap .sgv-document-image {
      width:100% !important;
      max-width:100% !important;
  }
  .sgv-document-schnecken_im_kleingarten .sgv-gallery-composition .sgv-gallery-text {
      position:relative !important;
      left:auto !important;
      right:auto !important;
      top:auto !important;
      bottom:auto !important;
      translate:none !important;
      width:var(--sgv-gallery-mobile-text-width,calc(100% - 30px)) !important;
      max-width:var(--sgv-gallery-mobile-text-width,calc(100% - 30px)) !important;
      margin:0 auto !important;
  }
}

/* ==========================================================
   MANUELLE DOKUMENTANPASSUNGEN
   ========================================================== */
.sgv-document-schnecken_im_kleingarten .sgv-document-footer
{
    margin-top:24px !important;
}

/* Spiegelung v1.66: Word-Spiegelung wird als echte zweite Bildkopie erzeugt.
   Dadurch bleiben transparente PNG/WebP-Konturen erhalten. Die konkreten
   Parameter (Höhe, Abstand, Deckkraft, Verlauf) stehen zusätzlich im
   bildbezogenen Reflection-Block. */
.sgv-document-schnecken_im_kleingarten .sgv-image-reflection-wrap {
  display:block !important;
  background:transparent !important;
  box-shadow:none !important;
  filter:none !important;
  max-width:100% !important;
  height:auto !important;
  border-radius:var(--sgv-border-radius,0px) !important;
  overflow:visible !important;
}
.sgv-document-schnecken_im_kleingarten .sgv-image-reflection-wrap .sgv-image-reflection-source {
  width:100% !important;
  background:transparent !important;
  max-width:100% !important;
  height:auto !important;
  margin:0 !important;
}
.sgv-document-schnecken_im_kleingarten .sgv-image-reflection-wrap .sgv-image-reflection-area {
  position:absolute !important;
  left:0 !important;
  width:100% !important;
  overflow:hidden !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  pointer-events:none !important;
}
.sgv-document-schnecken_im_kleingarten .sgv-image-reflection-wrap .sgv-image-reflection-copy {
  display:block !important;
  background:transparent !important;
  box-shadow:none !important;
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  margin:0 !important;
  opacity:.30 !important;
  transform:scaleY(-1) !important;
  transform-origin:center center !important;
  /* Die Fade-Maske gehoert ausschliesslich auf den sichtbaren Spiegelungsbereich. */
  -webkit-mask-image:none !important;
  mask-image:none !important;
}


/* Gallery Gallery01 – geschlossene Word-Komposition (v1.83).
   Breite/Höhe reservieren den kompletten Bereich im normalen Dokumentfluss.
   Verschiebungen des gesamten Blocks über --sgv-gallery-shift-x/-y;
   einzelne Bilder weiterhin über deren --sgv-left/--sgv-top/--sgv-shift-x/-y. */
.sgv-document-schnecken_im_kleingarten .sgv-gallery-gallery01 {
  --sgv-gallery-width:626px;
  --sgv-gallery-height:220px;
  --sgv-gallery-margin-top:18px;
  --sgv-gallery-margin-bottom:28px;
  --sgv-gallery-shift-x:0px;
  --sgv-gallery-shift-y:0px;
}

/* Grafik: FB_00-Schnecke_auf_Salat.webp

   Alle Werte dieses Blocks dürfen nachträglich geändert werden. Die Parameter
   sind auch dann vorhanden, wenn der entsprechende Effekt in Word nicht gesetzt war.
   Beispiele: Eckenradius --sgv-border-radius, Konturschatten --sgv-drop-shadow,
   Drehung --sgv-rotate-z, Transparenz --sgv-opacity, Graustufen --sgv-grayscale.
   Position: --sgv-shift-x/--sgv-shift-y; Ebene: --sgv-z-index.
   Textumlauf: --sgv-float (left/right/none), Abstände über die vier
   --sgv-margin-Parameter. --sgv-float ist die aktive CSS-Steuerung
   fuer links/rechts; --sgv-wrap-mode und --sgv-wrap-side dokumentieren die
   aus Word erkannten Umlaufinformationen. Seit v1.51 steuern --sgv-shape-outside
   und --sgv-shape-margin den erweiterten, konturähnlichen Textumlauf. */
.sgv-document-schnecken_im_kleingarten img.sgv-image-fb-00-schnecke-auf-salat {
  /* v1.86-13: Gemeinsame editierbare Parameter fuer Original und Spiegelungswrapper. */
  /* Größe und Zuschnitt */
  --sgv-image-width:698px;
  --sgv-image-max-width:calc(100% - 40px);
  --sgv-image-height:auto;
  --sgv-object-fit:cover;
  --sgv-object-position:center center;

  /* Rahmen und abgerundete Ecken
     v1.62: Fuer einen Verlauf mit sauber gerundeten Ecken:
       --sgv-border-width:10px;
       --sgv-border-style:solid;
       --sgv-border-color:transparent;
       --sgv-border-radius:15px;
       --sgv-border-gradient:linear-gradient(135deg,#315C3C 0%,#56A35B 50%,#D6E8C8 100%);
     --sgv-border-gradient-fill ist die optionale Flaeche hinter transparenten Bildteilen.
     Standard ist transparent, damit PNG/WebP-Transparenz erhalten bleibt. Nur bei
     ausdruecklichem Bedarf hier eine Farbe (z. B. #fff) eintragen. */
  --sgv-border-width:6px;
  --sgv-border-style:solid;
  --sgv-border-color:#074d07;
  --sgv-border-radius:18px;
  --sgv-border-padding:0px;
  --sgv-border-gradient:linear-gradient(180deg,rgba(7, 77, 7, 1) 0%, rgba(20, 153, 20, 1) 50%, rgba(150, 242, 176, 1) 100%);
  --sgv-border-gradient-fill:transparent;

  /* Schatten und Transparenz
     v1.65: drop-shadow() folgt dem Alphakanal des Bildes. Dadurch liegt der
     Schatten bei transparenten PNG/WebP-Dateien nur um den sichtbaren Bildinhalt
     und nicht mehr um die rechteckige Bildbox. */
  --sgv-drop-shadow:drop-shadow(18px 18px 10px rgba(0,0,0,.5));
  --sgv-opacity:1;

  /* Farb- und Schärfeeffekte */
  --sgv-brightness:1;
  --sgv-contrast:1;
  --sgv-saturate:1;
  --sgv-grayscale:0;
  --sgv-sepia:0;
  --sgv-hue-rotate:0deg;
  --sgv-blur:0px;

  /* Drehung, Spiegelung, Skalierung und perspektivische Effekte */
  --sgv-perspective:1000px;
  --sgv-rotate-x:20deg;
  --sgv-rotate-y:0deg;
  --sgv-rotate-z:0.00deg;
  --sgv-scale-x:1;
  --sgv-scale-y:1;
  --sgv-skew-x:0deg;
  --sgv-skew-y:0deg;
  --sgv-transform-origin:center center;

  /* 3D-Motivrahmen: Größe 0px = ausgeschaltet */
  --sgv-3d-frame-image:url("images/FB_Schnecken/FB_00-Schnecke_auf_Salat.webp");
  --sgv-3d-frame-size:0px;
  --sgv-3d-frame-slice:18;
  --sgv-3d-frame-repeat:stretch;

  /* Spiegelung v1.66:
     Eine echte Spiegelkopie wird erzeugt, wenn am Bild in Word ein Spiegelungs-
     effekt erkannt wurde. Die Parameter stehen dann im separaten Reflection-
     Block dieses Bildes. -webkit-box-reflect wird nicht mehr verwendet. */

  width:var(--sgv-image-width) !important;
  max-width:var(--sgv-image-max-width) !important;
  height:var(--sgv-image-height) !important;
  /* Position, Ausrichtung, Abstände und Ebene */
  --sgv-position:relative;
  --sgv-left:auto;
  --sgv-right:auto;
  --sgv-top:auto;
  --sgv-bottom:auto;
  --sgv-shift-x:0px;
  --sgv-shift-y:0px;
  --sgv-center-offset-x:0%;
  --sgv-z-index:10;
  --sgv-float:none;
  --sgv-clear:none;
  --sgv-wrap-mode:top-bottom;
  --sgv-wrap-side:bothSides;
  --sgv-shape-mode:rectangular;
  --sgv-shape-outside:margin-box;
  --sgv-shape-margin:0px;
  --sgv-margin-top:12px;
  --sgv-margin-right:auto;
  --sgv-margin-bottom:20px;
  --sgv-margin-left:auto;
  position:var(--sgv-position) !important;
  left:var(--sgv-left) !important;
  right:var(--sgv-right) !important;
  top:var(--sgv-top) !important;
  bottom:var(--sgv-bottom) !important;
  z-index:var(--sgv-z-index) !important;
  float:var(--sgv-float) !important;
  clear:var(--sgv-clear) !important;
  shape-outside:var(--sgv-shape-outside) !important;
  shape-margin:var(--sgv-shape-margin) !important;
  margin:var(--sgv-margin-top) var(--sgv-margin-right) var(--sgv-margin-bottom) var(--sgv-margin-left) !important;
  translate:calc(var(--sgv-center-offset-x) + var(--sgv-shift-x)) var(--sgv-shift-y) !important;
  padding:var(--sgv-border-padding) !important;
  border:var(--sgv-border-width) var(--sgv-border-style) var(--sgv-border-color) !important;
  box-sizing:border-box !important;
  border-radius:var(--sgv-border-radius) !important;
  /* v1.62: Der zweite Hintergrund liegt im transparenten Rahmenbereich und folgt
     im Gegensatz zu border-image sauber dem border-radius. Bei
     --sgv-border-gradient:none bleibt diese Ebene wirkungslos. */
  background:
    linear-gradient(var(--sgv-border-gradient-fill),var(--sgv-border-gradient-fill)) padding-box,
    var(--sgv-border-gradient) border-box !important;
  background-origin:border-box !important;
  background-clip:padding-box,border-box !important;
  border-image-source:var(--sgv-3d-frame-image) !important;
  border-image-slice:var(--sgv-3d-frame-slice) !important;
  border-image-width:var(--sgv-3d-frame-size) !important;
  border-image-repeat:var(--sgv-3d-frame-repeat) !important;
  object-fit:var(--sgv-object-fit) !important;
  object-position:var(--sgv-object-position) !important;
  opacity:var(--sgv-opacity) !important;
  filter:var(--sgv-drop-shadow) brightness(var(--sgv-brightness)) contrast(var(--sgv-contrast)) saturate(var(--sgv-saturate)) grayscale(var(--sgv-grayscale)) sepia(var(--sgv-sepia)) hue-rotate(var(--sgv-hue-rotate)) blur(var(--sgv-blur)) !important;
  transform:perspective(var(--sgv-perspective)) rotateX(var(--sgv-rotate-x)) rotateY(var(--sgv-rotate-y)) rotateZ(var(--sgv-rotate-z)) skew(var(--sgv-skew-x),var(--sgv-skew-y)) scale(var(--sgv-scale-x),var(--sgv-scale-y)) !important;
  transform-origin:var(--sgv-transform-origin) !important;
  box-shadow:none !important; /* v1.65: kein rechteckiger Bildschatten; siehe --sgv-drop-shadow */
}

/* Grafik: FB_03-Junge_Nacktschnecke.webp

   Alle Werte dieses Blocks dürfen nachträglich geändert werden. Die Parameter
   sind auch dann vorhanden, wenn der entsprechende Effekt in Word nicht gesetzt war.
   Beispiele: Eckenradius --sgv-border-radius, Konturschatten --sgv-drop-shadow,
   Drehung --sgv-rotate-z, Transparenz --sgv-opacity, Graustufen --sgv-grayscale.
   Position: --sgv-shift-x/--sgv-shift-y; Ebene: --sgv-z-index.
   Textumlauf: --sgv-float (left/right/none), Abstände über die vier
   --sgv-margin-Parameter. --sgv-float ist die aktive CSS-Steuerung
   fuer links/rechts; --sgv-wrap-mode und --sgv-wrap-side dokumentieren die
   aus Word erkannten Umlaufinformationen. Seit v1.51 steuern --sgv-shape-outside
   und --sgv-shape-margin den erweiterten, konturähnlichen Textumlauf. */
.sgv-document-schnecken_im_kleingarten img.sgv-image-fb-03-junge-nacktschnecke {
  /* v1.86-13: Gemeinsame editierbare Parameter fuer Original und Spiegelungswrapper. */
  /* Größe und Zuschnitt */
  --sgv-image-width:300px;
  --sgv-image-max-width:calc(100% - 40px);
  --sgv-image-height:auto;
  --sgv-object-fit:cover;
  --sgv-object-position:center center;

  /* Rahmen und abgerundete Ecken
     v1.62: Fuer einen Verlauf mit sauber gerundeten Ecken:
       --sgv-border-width:10px;
       --sgv-border-style:solid;
       --sgv-border-color:transparent;
       --sgv-border-radius:15px;
       --sgv-border-gradient:linear-gradient(135deg,#315C3C 0%,#56A35B 50%,#D6E8C8 100%);
     --sgv-border-gradient-fill ist die optionale Flaeche hinter transparenten Bildteilen.
     Standard ist transparent, damit PNG/WebP-Transparenz erhalten bleibt. Nur bei
     ausdruecklichem Bedarf hier eine Farbe (z. B. #fff) eintragen. */
  --sgv-border-width:6px;
  --sgv-border-style:solid;
  --sgv-border-color:#074d07;
  --sgv-border-radius:18px;
  --sgv-border-padding:0px;
  --sgv-border-gradient:linear-gradient(180deg,rgba(7, 77, 7, 1) 0%, rgba(20, 153, 20, 1) 50%, rgba(150, 242, 176, 1) 100%);
  --sgv-border-gradient-fill:transparent;

  /* Schatten und Transparenz
     v1.65: drop-shadow() folgt dem Alphakanal des Bildes. Dadurch liegt der
     Schatten bei transparenten PNG/WebP-Dateien nur um den sichtbaren Bildinhalt
     und nicht mehr um die rechteckige Bildbox. */
  --sgv-drop-shadow:drop-shadow(18px 18px 10px rgba(0,0,0,.5));
  --sgv-opacity:1;

  /* Farb- und Schärfeeffekte */
  --sgv-brightness:1;
  --sgv-contrast:1;
  --sgv-saturate:1;
  --sgv-grayscale:0;
  --sgv-sepia:0;
  --sgv-hue-rotate:0deg;
  --sgv-blur:0px;

  /* Drehung, Spiegelung, Skalierung und perspektivische Effekte */
  --sgv-perspective:1000px;
  --sgv-rotate-x:20deg;
  --sgv-rotate-y:20deg;
  --sgv-rotate-z:10.00deg;
  --sgv-scale-x:1;
  --sgv-scale-y:1;
  --sgv-skew-x:0deg;
  --sgv-skew-y:0deg;
  --sgv-transform-origin:center center;

  /* 3D-Motivrahmen: Größe 0px = ausgeschaltet */
  --sgv-3d-frame-image:url("images/FB_Schnecken/FB_03-Junge_Nacktschnecke.webp");
  --sgv-3d-frame-size:0px;
  --sgv-3d-frame-slice:18;
  --sgv-3d-frame-repeat:stretch;

  /* Spiegelung v1.66:
     Eine echte Spiegelkopie wird erzeugt, wenn am Bild in Word ein Spiegelungs-
     effekt erkannt wurde. Die Parameter stehen dann im separaten Reflection-
     Block dieses Bildes. -webkit-box-reflect wird nicht mehr verwendet. */

  width:var(--sgv-image-width) !important;
  max-width:var(--sgv-image-max-width) !important;
  height:var(--sgv-image-height) !important;
  /* Position, Ausrichtung, Abstände und Ebene */
  --sgv-position:absolute;
  --sgv-left:420px;
  --sgv-right:auto;
  --sgv-top:21px;
  --sgv-bottom:auto;
  --sgv-shift-x:60px;
  --sgv-shift-y:-15px;
  --sgv-center-offset-x:0%;
  --sgv-z-index:10;
  --sgv-float:none;
  --sgv-clear:none;
  --sgv-wrap-mode:tight;
  --sgv-wrap-side:bothSides;
  --sgv-shape-mode:rotation-polygon;
  --sgv-shape-outside:polygon(13.7% 0%, 100% 7.5%, 86.3% 100%, 0% 92.5%);
  --sgv-shape-margin:2px;
  --sgv-margin-top:0;
  --sgv-margin-right:0;
  --sgv-margin-bottom:0;
  --sgv-margin-left:0;
  position:var(--sgv-position) !important;
  left:var(--sgv-left) !important;
  right:var(--sgv-right) !important;
  top:var(--sgv-top) !important;
  bottom:var(--sgv-bottom) !important;
  z-index:var(--sgv-z-index) !important;
  float:var(--sgv-float) !important;
  clear:var(--sgv-clear) !important;
  shape-outside:var(--sgv-shape-outside) !important;
  shape-margin:var(--sgv-shape-margin) !important;
  margin:var(--sgv-margin-top) var(--sgv-margin-right) var(--sgv-margin-bottom) var(--sgv-margin-left) !important;
  translate:calc(var(--sgv-center-offset-x) + var(--sgv-shift-x)) var(--sgv-shift-y) !important;
  padding:var(--sgv-border-padding) !important;
  border:var(--sgv-border-width) var(--sgv-border-style) var(--sgv-border-color) !important;
  box-sizing:border-box !important;
  border-radius:var(--sgv-border-radius) !important;
  /* v1.62: Der zweite Hintergrund liegt im transparenten Rahmenbereich und folgt
     im Gegensatz zu border-image sauber dem border-radius. Bei
     --sgv-border-gradient:none bleibt diese Ebene wirkungslos. */
  background:
    linear-gradient(var(--sgv-border-gradient-fill),var(--sgv-border-gradient-fill)) padding-box,
    var(--sgv-border-gradient) border-box !important;
  background-origin:border-box !important;
  background-clip:padding-box,border-box !important;
  border-image-source:var(--sgv-3d-frame-image) !important;
  border-image-slice:var(--sgv-3d-frame-slice) !important;
  border-image-width:var(--sgv-3d-frame-size) !important;
  border-image-repeat:var(--sgv-3d-frame-repeat) !important;
  object-fit:var(--sgv-object-fit) !important;
  object-position:var(--sgv-object-position) !important;
  opacity:var(--sgv-opacity) !important;
  filter:var(--sgv-drop-shadow) brightness(var(--sgv-brightness)) contrast(var(--sgv-contrast)) saturate(var(--sgv-saturate)) grayscale(var(--sgv-grayscale)) sepia(var(--sgv-sepia)) hue-rotate(var(--sgv-hue-rotate)) blur(var(--sgv-blur)) !important;
  transform:perspective(var(--sgv-perspective)) rotateX(var(--sgv-rotate-x)) rotateY(var(--sgv-rotate-y)) rotateZ(var(--sgv-rotate-z)) skew(var(--sgv-skew-x),var(--sgv-skew-y)) scale(var(--sgv-scale-x),var(--sgv-scale-y)) !important;
  transform-origin:var(--sgv-transform-origin) !important;
  box-shadow:none !important; /* v1.65: kein rechteckiger Bildschatten; siehe --sgv-drop-shadow */
}


/* Grafik: FB_01-Nacktschnecke.webp

   Alle Werte dieses Blocks dürfen nachträglich geändert werden. Die Parameter
   sind auch dann vorhanden, wenn der entsprechende Effekt in Word nicht gesetzt war.
   Beispiele: Eckenradius --sgv-border-radius, Konturschatten --sgv-drop-shadow,
   Drehung --sgv-rotate-z, Transparenz --sgv-opacity, Graustufen --sgv-grayscale.
   Position: --sgv-shift-x/--sgv-shift-y; Ebene: --sgv-z-index.
   Textumlauf: --sgv-float (left/right/none), Abstände über die vier
   --sgv-margin-Parameter. --sgv-float ist die aktive CSS-Steuerung
   fuer links/rechts; --sgv-wrap-mode und --sgv-wrap-side dokumentieren die
   aus Word erkannten Umlaufinformationen. Seit v1.51 steuern --sgv-shape-outside
   und --sgv-shape-margin den erweiterten, konturähnlichen Textumlauf. */
.sgv-document-schnecken_im_kleingarten img.sgv-image-fb-01-nacktschnecke {
  /* v1.86-13: Gemeinsame editierbare Parameter fuer Original und Spiegelungswrapper. */
  /* Größe und Zuschnitt */
  --sgv-image-width:300px;
  --sgv-image-max-width:calc(100% - 40px);
  --sgv-image-height:auto;
  --sgv-object-fit:cover;
  --sgv-object-position:center center;

  /* Rahmen und abgerundete Ecken
     v1.62: Fuer einen Verlauf mit sauber gerundeten Ecken:
       --sgv-border-width:10px;
       --sgv-border-style:solid;
       --sgv-border-color:transparent;
       --sgv-border-radius:15px;
       --sgv-border-gradient:linear-gradient(135deg,#315C3C 0%,#56A35B 50%,#D6E8C8 100%);
     --sgv-border-gradient-fill ist die optionale Flaeche hinter transparenten Bildteilen.
     Standard ist transparent, damit PNG/WebP-Transparenz erhalten bleibt. Nur bei
     ausdruecklichem Bedarf hier eine Farbe (z. B. #fff) eintragen. */
  --sgv-border-width:6px;
  --sgv-border-style:solid;
  --sgv-border-color:#074d07;
  --sgv-border-radius:18px;
  --sgv-border-padding:0px;
  --sgv-border-gradient:linear-gradient(180deg,rgba(7, 77, 7, 1) 0%, rgba(20, 153, 20, 1) 50%, rgba(150, 242, 176, 1) 100%);
  --sgv-border-gradient-fill:transparent;

  /* Schatten und Transparenz
     v1.65: drop-shadow() folgt dem Alphakanal des Bildes. Dadurch liegt der
     Schatten bei transparenten PNG/WebP-Dateien nur um den sichtbaren Bildinhalt
     und nicht mehr um die rechteckige Bildbox. */
  --sgv-drop-shadow:drop-shadow(18px 18px 10px rgba(0,0,0,.5));
  --sgv-opacity:1;

  /* Farb- und Schärfeeffekte */
  --sgv-brightness:1;
  --sgv-contrast:1;
  --sgv-saturate:1;
  --sgv-grayscale:0;
  --sgv-sepia:0;
  --sgv-hue-rotate:0deg;
  --sgv-blur:0px;

  /* Drehung, Spiegelung, Skalierung und perspektivische Effekte */
  --sgv-perspective:1000px;
  --sgv-rotate-x:15deg;
  --sgv-rotate-y:20deg;
  --sgv-rotate-z:-10.00deg;
  --sgv-scale-x:1;
  --sgv-scale-y:1;
  --sgv-skew-x:0deg;
  --sgv-skew-y:0deg;
  --sgv-transform-origin:center center;

  /* 3D-Motivrahmen: Größe 0px = ausgeschaltet */
  --sgv-3d-frame-image:url("images/FB_Schnecken/FB_01-Nacktschnecke.webp");
  --sgv-3d-frame-size:0px;
  --sgv-3d-frame-slice:18;
  --sgv-3d-frame-repeat:stretch;

  /* Spiegelung v1.66:
     Eine echte Spiegelkopie wird erzeugt, wenn am Bild in Word ein Spiegelungs-
     effekt erkannt wurde. Die Parameter stehen dann im separaten Reflection-
     Block dieses Bildes. -webkit-box-reflect wird nicht mehr verwendet. */

  width:var(--sgv-image-width) !important;
  max-width:var(--sgv-image-max-width) !important;
  height:var(--sgv-image-height) !important;
  /* Position, Ausrichtung, Abstände und Ebene */
  --sgv-position:absolute;
  --sgv-left:0px;
  --sgv-right:auto;
  --sgv-top:0px;
  --sgv-bottom:auto;
  --sgv-shift-x:-90px;
  --sgv-shift-y:0px;
  --sgv-center-offset-x:0%;
  --sgv-z-index:10;
  --sgv-float:none;
  --sgv-clear:none;
  --sgv-wrap-mode:tight;
  --sgv-wrap-side:bothSides;
  --sgv-shape-mode:rotation-polygon;
  --sgv-shape-outside:polygon(0% 8.0%, 85.4% 0%, 100% 92.0%, 14.6% 100%);
  --sgv-shape-margin:2px;
  --sgv-margin-top:0;
  --sgv-margin-right:0;
  --sgv-margin-bottom:0;
  --sgv-margin-left:0;
  position:var(--sgv-position) !important;
  left:var(--sgv-left) !important;
  right:var(--sgv-right) !important;
  top:var(--sgv-top) !important;
  bottom:var(--sgv-bottom) !important;
  z-index:var(--sgv-z-index) !important;
  float:var(--sgv-float) !important;
  clear:var(--sgv-clear) !important;
  shape-outside:var(--sgv-shape-outside) !important;
  shape-margin:var(--sgv-shape-margin) !important;
  margin:var(--sgv-margin-top) var(--sgv-margin-right) var(--sgv-margin-bottom) var(--sgv-margin-left) !important;
  translate:calc(var(--sgv-center-offset-x) + var(--sgv-shift-x)) var(--sgv-shift-y) !important;
  padding:var(--sgv-border-padding) !important;
  border:var(--sgv-border-width) var(--sgv-border-style) var(--sgv-border-color) !important;
  box-sizing:border-box !important;
  border-radius:var(--sgv-border-radius) !important;
  /* v1.62: Der zweite Hintergrund liegt im transparenten Rahmenbereich und folgt
     im Gegensatz zu border-image sauber dem border-radius. Bei
     --sgv-border-gradient:none bleibt diese Ebene wirkungslos. */
  background:
    linear-gradient(var(--sgv-border-gradient-fill),var(--sgv-border-gradient-fill)) padding-box,
    var(--sgv-border-gradient) border-box !important;
  background-origin:border-box !important;
  background-clip:padding-box,border-box !important;
  border-image-source:var(--sgv-3d-frame-image) !important;
  border-image-slice:var(--sgv-3d-frame-slice) !important;
  border-image-width:var(--sgv-3d-frame-size) !important;
  border-image-repeat:var(--sgv-3d-frame-repeat) !important;
  object-fit:var(--sgv-object-fit) !important;
  object-position:var(--sgv-object-position) !important;
  opacity:var(--sgv-opacity) !important;
  filter:var(--sgv-drop-shadow) brightness(var(--sgv-brightness)) contrast(var(--sgv-contrast)) saturate(var(--sgv-saturate)) grayscale(var(--sgv-grayscale)) sepia(var(--sgv-sepia)) hue-rotate(var(--sgv-hue-rotate)) blur(var(--sgv-blur)) !important;
  transform:perspective(var(--sgv-perspective)) rotateX(var(--sgv-rotate-x)) rotateY(var(--sgv-rotate-y)) rotateZ(var(--sgv-rotate-z)) skew(var(--sgv-skew-x),var(--sgv-skew-y)) scale(var(--sgv-scale-x),var(--sgv-scale-y)) !important;
  transform-origin:var(--sgv-transform-origin) !important;
  box-shadow:none !important; /* v1.65: kein rechteckiger Bildschatten; siehe --sgv-drop-shadow */
}


/* Grafik: FB_02-Tigerschnegel.webp

   Alle Werte dieses Blocks dürfen nachträglich geändert werden. Die Parameter
   sind auch dann vorhanden, wenn der entsprechende Effekt in Word nicht gesetzt war.
   Beispiele: Eckenradius --sgv-border-radius, Konturschatten --sgv-drop-shadow,
   Drehung --sgv-rotate-z, Transparenz --sgv-opacity, Graustufen --sgv-grayscale.
   Position: --sgv-shift-x/--sgv-shift-y; Ebene: --sgv-z-index.
   Textumlauf: --sgv-float (left/right/none), Abstände über die vier
   --sgv-margin-Parameter. --sgv-float ist die aktive CSS-Steuerung
   fuer links/rechts; --sgv-wrap-mode und --sgv-wrap-side dokumentieren die
   aus Word erkannten Umlaufinformationen. Seit v1.51 steuern --sgv-shape-outside
   und --sgv-shape-margin den erweiterten, konturähnlichen Textumlauf. */
.sgv-document-schnecken_im_kleingarten img.sgv-image-fb-02-tigerschnegel {
  /* v1.86-13: Gemeinsame editierbare Parameter fuer Original und Spiegelungswrapper. */
  /* Größe und Zuschnitt */
  --sgv-image-width:300px;
  --sgv-image-max-width:calc(100% - 40px);
  --sgv-image-height:auto;
  --sgv-object-fit:cover;
  --sgv-object-position:center center;

  /* Rahmen und abgerundete Ecken
     v1.62: Fuer einen Verlauf mit sauber gerundeten Ecken:
       --sgv-border-width:10px;
       --sgv-border-style:solid;
       --sgv-border-color:transparent;
       --sgv-border-radius:15px;
       --sgv-border-gradient:linear-gradient(135deg,#315C3C 0%,#56A35B 50%,#D6E8C8 100%);
     --sgv-border-gradient-fill ist die optionale Flaeche hinter transparenten Bildteilen.
     Standard ist transparent, damit PNG/WebP-Transparenz erhalten bleibt. Nur bei
     ausdruecklichem Bedarf hier eine Farbe (z. B. #fff) eintragen. */
  --sgv-border-width:6px;
  --sgv-border-style:solid;
  --sgv-border-color:#074d07;
  --sgv-border-radius:18px;
  --sgv-border-padding:0px;
  --sgv-border-gradient:linear-gradient(180deg,rgba(7, 77, 7, 1) 0%, rgba(20, 153, 20, 1) 50%, rgba(150, 242, 176, 1) 100%);
  --sgv-border-gradient-fill:transparent;

  /* Schatten und Transparenz
     v1.65: drop-shadow() folgt dem Alphakanal des Bildes. Dadurch liegt der
     Schatten bei transparenten PNG/WebP-Dateien nur um den sichtbaren Bildinhalt
     und nicht mehr um die rechteckige Bildbox. */
  --sgv-drop-shadow:drop-shadow(18px 18px 10px rgba(0,0,0,.5));
  --sgv-opacity:1;

  /* Farb- und Schärfeeffekte */
  --sgv-brightness:1;
  --sgv-contrast:1;
  --sgv-saturate:1;
  --sgv-grayscale:0;
  --sgv-sepia:0;
  --sgv-hue-rotate:0deg;
  --sgv-blur:0px;

  /* Drehung, Spiegelung, Skalierung und perspektivische Effekte */
  --sgv-perspective:1000px;
  --sgv-rotate-x:0deg;
  --sgv-rotate-y:0deg;
  --sgv-rotate-z:0.00deg;
  --sgv-scale-x:1;
  --sgv-scale-y:1;
  --sgv-skew-x:0deg;
  --sgv-skew-y:0deg;
  --sgv-transform-origin:center center;

  /* 3D-Motivrahmen: Größe 0px = ausgeschaltet */
  --sgv-3d-frame-image:url("images/FB_Schnecken/FB_02-Tigerschnegel.webp");
  --sgv-3d-frame-size:0px;
  --sgv-3d-frame-slice:18;
  --sgv-3d-frame-repeat:stretch;

  /* Spiegelung v1.66:
     Eine echte Spiegelkopie wird erzeugt, wenn am Bild in Word ein Spiegelungs-
     effekt erkannt wurde. Die Parameter stehen dann im separaten Reflection-
     Block dieses Bildes. -webkit-box-reflect wird nicht mehr verwendet. */

  width:var(--sgv-image-width) !important;
  max-width:var(--sgv-image-max-width) !important;
  height:var(--sgv-image-height) !important;
  /* Position, Ausrichtung, Abstände und Ebene */
  --sgv-position:absolute;
  --sgv-left:207px;
  --sgv-right:auto;
  --sgv-top:23px;
  --sgv-bottom:auto;
  --sgv-shift-x:-20px;
  --sgv-shift-y:0px;
  --sgv-center-offset-x:0%;
  --sgv-z-index:10;
  --sgv-float:none;
  --sgv-clear:none;
  --sgv-wrap-mode:tight;
  --sgv-wrap-side:bothSides;
  --sgv-shape-mode:image-alpha;
  --sgv-shape-outside:url("images/FB_Schnecken/FB_02-Tigerschnegel.webp");
  --sgv-shape-margin:2px;
  --sgv-margin-top:0;
  --sgv-margin-right:0;
  --sgv-margin-bottom:0;
  --sgv-margin-left:0;
  position:var(--sgv-position) !important;
  left:var(--sgv-left) !important;
  right:var(--sgv-right) !important;
  top:var(--sgv-top) !important;
  bottom:var(--sgv-bottom) !important;
  z-index:var(--sgv-z-index) !important;
  float:var(--sgv-float) !important;
  clear:var(--sgv-clear) !important;
  shape-outside:var(--sgv-shape-outside) !important;
  shape-margin:var(--sgv-shape-margin) !important;
  margin:var(--sgv-margin-top) var(--sgv-margin-right) var(--sgv-margin-bottom) var(--sgv-margin-left) !important;
  translate:calc(var(--sgv-center-offset-x) + var(--sgv-shift-x)) var(--sgv-shift-y) !important;
  padding:var(--sgv-border-padding) !important;
  border:var(--sgv-border-width) var(--sgv-border-style) var(--sgv-border-color) !important;
  box-sizing:border-box !important;
  border-radius:var(--sgv-border-radius) !important;
  /* v1.62: Der zweite Hintergrund liegt im transparenten Rahmenbereich und folgt
     im Gegensatz zu border-image sauber dem border-radius. Bei
     --sgv-border-gradient:none bleibt diese Ebene wirkungslos. */
  background:
    linear-gradient(var(--sgv-border-gradient-fill),var(--sgv-border-gradient-fill)) padding-box,
    var(--sgv-border-gradient) border-box !important;
  background-origin:border-box !important;
  background-clip:padding-box,border-box !important;
  border-image-source:var(--sgv-3d-frame-image) !important;
  border-image-slice:var(--sgv-3d-frame-slice) !important;
  border-image-width:var(--sgv-3d-frame-size) !important;
  border-image-repeat:var(--sgv-3d-frame-repeat) !important;
  object-fit:var(--sgv-object-fit) !important;
  object-position:var(--sgv-object-position) !important;
  opacity:var(--sgv-opacity) !important;
  filter:var(--sgv-drop-shadow) brightness(var(--sgv-brightness)) contrast(var(--sgv-contrast)) saturate(var(--sgv-saturate)) grayscale(var(--sgv-grayscale)) sepia(var(--sgv-sepia)) hue-rotate(var(--sgv-hue-rotate)) blur(var(--sgv-blur)) !important;
  transform:perspective(var(--sgv-perspective)) rotateX(var(--sgv-rotate-x)) rotateY(var(--sgv-rotate-y)) rotateZ(var(--sgv-rotate-z)) skew(var(--sgv-skew-x),var(--sgv-skew-y)) scale(var(--sgv-scale-x),var(--sgv-scale-y)) !important;
  transform-origin:var(--sgv-transform-origin) !important;
  box-shadow:none !important; /* v1.65: kein rechteckiger Bildschatten; siehe --sgv-drop-shadow */
}


/* Grafik: FB_04-Nacktschnecke_frisst_Keimlinge.webp

   Alle Werte dieses Blocks dürfen nachträglich geändert werden. Die Parameter
   sind auch dann vorhanden, wenn der entsprechende Effekt in Word nicht gesetzt war.
   Beispiele: Eckenradius --sgv-border-radius, Konturschatten --sgv-drop-shadow,
   Drehung --sgv-rotate-z, Transparenz --sgv-opacity, Graustufen --sgv-grayscale.
   Position: --sgv-shift-x/--sgv-shift-y; Ebene: --sgv-z-index.
   Textumlauf: --sgv-float (left/right/none), Abstände über die vier
   --sgv-margin-Parameter. --sgv-float ist die aktive CSS-Steuerung
   fuer links/rechts; --sgv-wrap-mode und --sgv-wrap-side dokumentieren die
   aus Word erkannten Umlaufinformationen. Seit v1.51 steuern --sgv-shape-outside
   und --sgv-shape-margin den erweiterten, konturähnlichen Textumlauf. */
.sgv-document-schnecken_im_kleingarten img.sgv-image-fb-04-nacktschnecke-frisst-keimlinge {
  /* v1.86-13: Gemeinsame editierbare Parameter fuer Original und Spiegelungswrapper. */
  /* Größe und Zuschnitt */
  --sgv-image-width:400px;
  --sgv-image-max-width:calc(100% - 40px);
  --sgv-image-height:auto;
  --sgv-object-fit:cover;
  --sgv-object-position:center center;

  /* Rahmen und abgerundete Ecken
     v1.62: Fuer einen Verlauf mit sauber gerundeten Ecken:
       --sgv-border-width:10px;
       --sgv-border-style:solid;
       --sgv-border-color:transparent;
       --sgv-border-radius:15px;
       --sgv-border-gradient:linear-gradient(135deg,#315C3C 0%,#56A35B 50%,#D6E8C8 100%);
     --sgv-border-gradient-fill ist die optionale Flaeche hinter transparenten Bildteilen.
     Standard ist transparent, damit PNG/WebP-Transparenz erhalten bleibt. Nur bei
     ausdruecklichem Bedarf hier eine Farbe (z. B. #fff) eintragen. */
  --sgv-border-width:6px;
  --sgv-border-style:solid;
  --sgv-border-color:#074d07;
  --sgv-border-radius:18px;
  --sgv-border-padding:0px;
  --sgv-border-gradient:linear-gradient(180deg,rgba(7, 77, 7, 1) 0%, rgba(20, 153, 20, 1) 50%, rgba(150, 242, 176, 1) 100%);
  --sgv-border-gradient-fill:transparent;

  /* Schatten und Transparenz
     v1.65: drop-shadow() folgt dem Alphakanal des Bildes. Dadurch liegt der
     Schatten bei transparenten PNG/WebP-Dateien nur um den sichtbaren Bildinhalt
     und nicht mehr um die rechteckige Bildbox. */
  --sgv-drop-shadow:drop-shadow(18px 18px 10px rgba(0,0,0,.5));
  --sgv-opacity:1;

  /* Farb- und Schärfeeffekte */
  --sgv-brightness:1;
  --sgv-contrast:1;
  --sgv-saturate:1;
  --sgv-grayscale:0;
  --sgv-sepia:0;
  --sgv-hue-rotate:0deg;
  --sgv-blur:0px;

  /* Drehung, Spiegelung, Skalierung und perspektivische Effekte */
  --sgv-perspective:1000px;
  --sgv-rotate-x:-20deg;
  --sgv-rotate-y:0deg;
  --sgv-rotate-z:-10.00deg;
  --sgv-scale-x:1;
  --sgv-scale-y:1;
  --sgv-skew-x:0deg;
  --sgv-skew-y:0deg;
  --sgv-transform-origin:center center;

  /* 3D-Motivrahmen: Größe 0px = ausgeschaltet */
  --sgv-3d-frame-image:url("images/FB_Schnecken/FB_04-Nacktschnecke_frisst_Keimlinge.webp");
  --sgv-3d-frame-size:0px;
  --sgv-3d-frame-slice:18;
  --sgv-3d-frame-repeat:stretch;

  /* Spiegelung v1.66:
     Eine echte Spiegelkopie wird erzeugt, wenn am Bild in Word ein Spiegelungs-
     effekt erkannt wurde. Die Parameter stehen dann im separaten Reflection-
     Block dieses Bildes. -webkit-box-reflect wird nicht mehr verwendet. */

  width:var(--sgv-image-width) !important;
  max-width:var(--sgv-image-max-width) !important;
  height:var(--sgv-image-height) !important;
  /* Position, Ausrichtung, Abstände und Ebene */
  --sgv-position:relative;
  --sgv-left:auto;
  --sgv-right:auto;
  --sgv-top:auto;
  --sgv-bottom:auto;
  --sgv-shift-x:0px;
  --sgv-shift-y:0px;
  --sgv-center-offset-x:0%;
  --sgv-z-index:10;
  --sgv-float:none;
  --sgv-clear:none;
  --sgv-wrap-mode:top-bottom;
  --sgv-wrap-side:bothSides;
  --sgv-shape-mode:rectangular;
  --sgv-shape-outside:margin-box;
  --sgv-shape-margin:0px;
  --sgv-margin-top:0;
  --sgv-margin-right:auto;
  --sgv-margin-bottom:0;
  --sgv-margin-left:auto;
  position:var(--sgv-position) !important;
  left:var(--sgv-left) !important;
  right:var(--sgv-right) !important;
  top:var(--sgv-top) !important;
  bottom:var(--sgv-bottom) !important;
  z-index:var(--sgv-z-index) !important;
  float:var(--sgv-float) !important;
  clear:var(--sgv-clear) !important;
  shape-outside:var(--sgv-shape-outside) !important;
  shape-margin:var(--sgv-shape-margin) !important;
  margin:var(--sgv-margin-top) var(--sgv-margin-right) var(--sgv-margin-bottom) var(--sgv-margin-left) !important;
  translate:calc(var(--sgv-center-offset-x) + var(--sgv-shift-x)) var(--sgv-shift-y) !important;
  padding:var(--sgv-border-padding) !important;
  border:var(--sgv-border-width) var(--sgv-border-style) var(--sgv-border-color) !important;
  box-sizing:border-box !important;
  border-radius:var(--sgv-border-radius) !important;
  /* v1.62: Der zweite Hintergrund liegt im transparenten Rahmenbereich und folgt
     im Gegensatz zu border-image sauber dem border-radius. Bei
     --sgv-border-gradient:none bleibt diese Ebene wirkungslos. */
  background:
    linear-gradient(var(--sgv-border-gradient-fill),var(--sgv-border-gradient-fill)) padding-box,
    var(--sgv-border-gradient) border-box !important;
  background-origin:border-box !important;
  background-clip:padding-box,border-box !important;
  border-image-source:var(--sgv-3d-frame-image) !important;
  border-image-slice:var(--sgv-3d-frame-slice) !important;
  border-image-width:var(--sgv-3d-frame-size) !important;
  border-image-repeat:var(--sgv-3d-frame-repeat) !important;
  object-fit:var(--sgv-object-fit) !important;
  object-position:var(--sgv-object-position) !important;
  opacity:var(--sgv-opacity) !important;
  filter:var(--sgv-drop-shadow) brightness(var(--sgv-brightness)) contrast(var(--sgv-contrast)) saturate(var(--sgv-saturate)) grayscale(var(--sgv-grayscale)) sepia(var(--sgv-sepia)) hue-rotate(var(--sgv-hue-rotate)) blur(var(--sgv-blur)) !important;
  transform:perspective(var(--sgv-perspective)) rotateX(var(--sgv-rotate-x)) rotateY(var(--sgv-rotate-y)) rotateZ(var(--sgv-rotate-z)) skew(var(--sgv-skew-x),var(--sgv-skew-y)) scale(var(--sgv-scale-x),var(--sgv-scale-y)) !important;
  transform-origin:var(--sgv-transform-origin) !important;
  box-shadow:none !important; /* v1.65: kein rechteckiger Bildschatten; siehe --sgv-drop-shadow */
}


/* Grafik: FB_05-Gemüsebeete.webp

   Alle Werte dieses Blocks dürfen nachträglich geändert werden. Die Parameter
   sind auch dann vorhanden, wenn der entsprechende Effekt in Word nicht gesetzt war.
   Beispiele: Eckenradius --sgv-border-radius, Konturschatten --sgv-drop-shadow,
   Drehung --sgv-rotate-z, Transparenz --sgv-opacity, Graustufen --sgv-grayscale.
   Position: --sgv-shift-x/--sgv-shift-y; Ebene: --sgv-z-index.
   Textumlauf: --sgv-float (left/right/none), Abstände über die vier
   --sgv-margin-Parameter. --sgv-float ist die aktive CSS-Steuerung
   fuer links/rechts; --sgv-wrap-mode und --sgv-wrap-side dokumentieren die
   aus Word erkannten Umlaufinformationen. Seit v1.51 steuern --sgv-shape-outside
   und --sgv-shape-margin den erweiterten, konturähnlichen Textumlauf. */
.sgv-document-schnecken_im_kleingarten img.sgv-image-fb-05-gemuesebeete {
  /* v1.86-13: Gemeinsame editierbare Parameter fuer Original und Spiegelungswrapper. */
  /* Größe und Zuschnitt */
  --sgv-image-width:500px;
  --sgv-image-max-width:calc(100% - 40px);
  --sgv-image-height:auto;
  --sgv-object-fit:cover;
  --sgv-object-position:center center;

  /* Rahmen und abgerundete Ecken
     v1.62: Fuer einen Verlauf mit sauber gerundeten Ecken:
       --sgv-border-width:10px;
       --sgv-border-style:solid;
       --sgv-border-color:transparent;
       --sgv-border-radius:15px;
       --sgv-border-gradient:linear-gradient(135deg,#315C3C 0%,#56A35B 50%,#D6E8C8 100%);
     --sgv-border-gradient-fill ist die optionale Flaeche hinter transparenten Bildteilen.
     Standard ist transparent, damit PNG/WebP-Transparenz erhalten bleibt. Nur bei
     ausdruecklichem Bedarf hier eine Farbe (z. B. #fff) eintragen. */
  --sgv-border-width:6px;
  --sgv-border-style:solid;
  --sgv-border-color:#074d07;
  --sgv-border-radius:18px;
  --sgv-border-padding:0px;
  --sgv-border-gradient:linear-gradient(180deg,rgba(7, 77, 7, 1) 0%, rgba(20, 153, 20, 1) 50%, rgba(150, 242, 176, 1) 100%);
  --sgv-border-gradient-fill:transparent;

  /* Schatten und Transparenz
     v1.65: drop-shadow() folgt dem Alphakanal des Bildes. Dadurch liegt der
     Schatten bei transparenten PNG/WebP-Dateien nur um den sichtbaren Bildinhalt
     und nicht mehr um die rechteckige Bildbox. */
  --sgv-drop-shadow:drop-shadow(18px 18px 10px rgba(0,0,0,.5));
  --sgv-opacity:1;

  /* Farb- und Schärfeeffekte */
  --sgv-brightness:1;
  --sgv-contrast:1;
  --sgv-saturate:1;
  --sgv-grayscale:0;
  --sgv-sepia:0;
  --sgv-hue-rotate:0deg;
  --sgv-blur:0px;

  /* Drehung, Spiegelung, Skalierung und perspektivische Effekte */
  --sgv-perspective:1000px;
  --sgv-rotate-x:0deg;
  --sgv-rotate-y:0deg;
  --sgv-rotate-z:5.00deg;
  --sgv-scale-x:1;
  --sgv-scale-y:1;
  --sgv-skew-x:0deg;
  --sgv-skew-y:0deg;
  --sgv-transform-origin:center center;

  /* 3D-Motivrahmen: Größe 0px = ausgeschaltet */
  --sgv-3d-frame-image:url("images/FB_Schnecken/FB_05-Gemüsebeete.webp");
  --sgv-3d-frame-size:0px;
  --sgv-3d-frame-slice:18;
  --sgv-3d-frame-repeat:stretch;

  /* Spiegelung v1.66:
     Eine echte Spiegelkopie wird erzeugt, wenn am Bild in Word ein Spiegelungs-
     effekt erkannt wurde. Die Parameter stehen dann im separaten Reflection-
     Block dieses Bildes. -webkit-box-reflect wird nicht mehr verwendet. */

  width:var(--sgv-image-width) !important;
  max-width:var(--sgv-image-max-width) !important;
  height:var(--sgv-image-height) !important;
  /* Position, Ausrichtung, Abstände und Ebene */
  --sgv-position:relative;
  --sgv-left:auto;
  --sgv-right:auto;
  --sgv-top:auto;
  --sgv-bottom:auto;
  --sgv-shift-x:0px;
  --sgv-shift-y:0px;
  --sgv-center-offset-x:0%;
  --sgv-z-index:10;
  --sgv-float:none;
  --sgv-clear:none;
  --sgv-wrap-mode:top-bottom;
  --sgv-wrap-side:bothSides;
  --sgv-shape-mode:rectangular;
  --sgv-shape-outside:margin-box;
  --sgv-shape-margin:0px;
  --sgv-margin-top:20px;
  --sgv-margin-right:auto;
  --sgv-margin-bottom:20px;
  --sgv-margin-left:auto;
  position:var(--sgv-position) !important;
  left:var(--sgv-left) !important;
  right:var(--sgv-right) !important;
  top:var(--sgv-top) !important;
  bottom:var(--sgv-bottom) !important;
  z-index:var(--sgv-z-index) !important;
  float:var(--sgv-float) !important;
  clear:var(--sgv-clear) !important;
  shape-outside:var(--sgv-shape-outside) !important;
  shape-margin:var(--sgv-shape-margin) !important;
  margin:var(--sgv-margin-top) var(--sgv-margin-right) var(--sgv-margin-bottom) var(--sgv-margin-left) !important;
  translate:calc(var(--sgv-center-offset-x) + var(--sgv-shift-x)) var(--sgv-shift-y) !important;
  padding:var(--sgv-border-padding) !important;
  border:var(--sgv-border-width) var(--sgv-border-style) var(--sgv-border-color) !important;
  box-sizing:border-box !important;
  border-radius:var(--sgv-border-radius) !important;
  /* v1.62: Der zweite Hintergrund liegt im transparenten Rahmenbereich und folgt
     im Gegensatz zu border-image sauber dem border-radius. Bei
     --sgv-border-gradient:none bleibt diese Ebene wirkungslos. */
  background:
    linear-gradient(var(--sgv-border-gradient-fill),var(--sgv-border-gradient-fill)) padding-box,
    var(--sgv-border-gradient) border-box !important;
  background-origin:border-box !important;
  background-clip:padding-box,border-box !important;
  border-image-source:var(--sgv-3d-frame-image) !important;
  border-image-slice:var(--sgv-3d-frame-slice) !important;
  border-image-width:var(--sgv-3d-frame-size) !important;
  border-image-repeat:var(--sgv-3d-frame-repeat) !important;
  object-fit:var(--sgv-object-fit) !important;
  object-position:var(--sgv-object-position) !important;
  opacity:var(--sgv-opacity) !important;
  filter:var(--sgv-drop-shadow) brightness(var(--sgv-brightness)) contrast(var(--sgv-contrast)) saturate(var(--sgv-saturate)) grayscale(var(--sgv-grayscale)) sepia(var(--sgv-sepia)) hue-rotate(var(--sgv-hue-rotate)) blur(var(--sgv-blur)) !important;
  transform:perspective(var(--sgv-perspective)) rotateX(var(--sgv-rotate-x)) rotateY(var(--sgv-rotate-y)) rotateZ(var(--sgv-rotate-z)) skew(var(--sgv-skew-x),var(--sgv-skew-y)) scale(var(--sgv-scale-x),var(--sgv-scale-y)) !important;
  transform-origin:var(--sgv-transform-origin) !important;
  box-shadow:none !important; /* v1.65: kein rechteckiger Bildschatten; siehe --sgv-drop-shadow */
}


/* Grafik: FB_06-Mulchen.webp

   Alle Werte dieses Blocks dürfen nachträglich geändert werden. Die Parameter
   sind auch dann vorhanden, wenn der entsprechende Effekt in Word nicht gesetzt war.
   Beispiele: Eckenradius --sgv-border-radius, Konturschatten --sgv-drop-shadow,
   Drehung --sgv-rotate-z, Transparenz --sgv-opacity, Graustufen --sgv-grayscale.
   Position: --sgv-shift-x/--sgv-shift-y; Ebene: --sgv-z-index.
   Textumlauf: --sgv-float (left/right/none), Abstände über die vier
   --sgv-margin-Parameter. --sgv-float ist die aktive CSS-Steuerung
   fuer links/rechts; --sgv-wrap-mode und --sgv-wrap-side dokumentieren die
   aus Word erkannten Umlaufinformationen. Seit v1.51 steuern --sgv-shape-outside
   und --sgv-shape-margin den erweiterten, konturähnlichen Textumlauf. */
.sgv-document-schnecken_im_kleingarten img.sgv-image-fb-06-mulchen {
  /* v1.86-13: Gemeinsame editierbare Parameter fuer Original und Spiegelungswrapper. */
  /* Größe und Zuschnitt */
  --sgv-image-width:272px;
  --sgv-image-max-width:calc(100% - 40px);
  --sgv-image-height:auto;
  --sgv-object-fit:cover;
  --sgv-object-position:center center;

  /* Rahmen und abgerundete Ecken
     v1.62: Fuer einen Verlauf mit sauber gerundeten Ecken:
       --sgv-border-width:10px;
       --sgv-border-style:solid;
       --sgv-border-color:transparent;
       --sgv-border-radius:15px;
       --sgv-border-gradient:linear-gradient(135deg,#315C3C 0%,#56A35B 50%,#D6E8C8 100%);
     --sgv-border-gradient-fill ist die optionale Flaeche hinter transparenten Bildteilen.
     Standard ist transparent, damit PNG/WebP-Transparenz erhalten bleibt. Nur bei
     ausdruecklichem Bedarf hier eine Farbe (z. B. #fff) eintragen. */
  --sgv-border-width:6px;
  --sgv-border-style:solid;
  --sgv-border-color:#074d07;
  --sgv-border-radius:18px;
  --sgv-border-padding:0px;
  --sgv-border-gradient:linear-gradient(180deg,rgba(7, 77, 7, 1) 0%, rgba(20, 153, 20, 1) 50%, rgba(150, 242, 176, 1) 100%);
  --sgv-border-gradient-fill:transparent;

  /* Schatten und Transparenz
     v1.65: drop-shadow() folgt dem Alphakanal des Bildes. Dadurch liegt der
     Schatten bei transparenten PNG/WebP-Dateien nur um den sichtbaren Bildinhalt
     und nicht mehr um die rechteckige Bildbox. */
  --sgv-drop-shadow:drop-shadow(18px 18px 10px rgba(0,0,0,.5));
  --sgv-opacity:1;

  /* Farb- und Schärfeeffekte */
  --sgv-brightness:1;
  --sgv-contrast:1;
  --sgv-saturate:1;
  --sgv-grayscale:0;
  --sgv-sepia:0;
  --sgv-hue-rotate:0deg;
  --sgv-blur:0px;

  /* Drehung, Spiegelung, Skalierung und perspektivische Effekte */
  --sgv-perspective:1000px;
  --sgv-rotate-x:-20deg;
  --sgv-rotate-y:5deg;
  --sgv-rotate-z:10.00deg;
  --sgv-scale-x:1;
  --sgv-scale-y:1;
  --sgv-skew-x:0deg;
  --sgv-skew-y:0deg;
  --sgv-transform-origin:center center;

  /* 3D-Motivrahmen: Größe 0px = ausgeschaltet */
  --sgv-3d-frame-image:url("images/FB_Schnecken/FB_06-Mulchen.webp");
  --sgv-3d-frame-size:0px;
  --sgv-3d-frame-slice:18;
  --sgv-3d-frame-repeat:stretch;

  /* Spiegelung v1.66:
     Eine echte Spiegelkopie wird erzeugt, wenn am Bild in Word ein Spiegelungs-
     effekt erkannt wurde. Die Parameter stehen dann im separaten Reflection-
     Block dieses Bildes. -webkit-box-reflect wird nicht mehr verwendet. */

  width:var(--sgv-image-width) !important;
  max-width:var(--sgv-image-max-width) !important;
  height:var(--sgv-image-height) !important;
  /* Position, Ausrichtung, Abstände und Ebene */
  --sgv-position:relative;
  --sgv-left:auto;
  --sgv-right:auto;
  --sgv-top:auto;
  --sgv-bottom:auto;
  --sgv-shift-x:0px;
  --sgv-shift-y:0px;
  --sgv-center-offset-x:0%;
  --sgv-z-index:10;
  --sgv-float:right;
  --sgv-clear:none;
  --sgv-wrap-mode:square;
  --sgv-wrap-side:bothSides;
  --sgv-shape-mode:rectangular;
  --sgv-shape-outside:margin-box;
  --sgv-shape-margin:0px;
  --sgv-margin-top:2px;
  --sgv-margin-right:0;
  --sgv-margin-bottom:12px;
  --sgv-margin-left:12px;
  position:var(--sgv-position) !important;
  left:var(--sgv-left) !important;
  right:var(--sgv-right) !important;
  top:var(--sgv-top) !important;
  bottom:var(--sgv-bottom) !important;
  z-index:var(--sgv-z-index) !important;
  float:var(--sgv-float) !important;
  clear:var(--sgv-clear) !important;
  shape-outside:var(--sgv-shape-outside) !important;
  shape-margin:var(--sgv-shape-margin) !important;
  margin:var(--sgv-margin-top) var(--sgv-margin-right) var(--sgv-margin-bottom) var(--sgv-margin-left) !important;
  translate:calc(var(--sgv-center-offset-x) + var(--sgv-shift-x)) var(--sgv-shift-y) !important;
  padding:var(--sgv-border-padding) !important;
  border:var(--sgv-border-width) var(--sgv-border-style) var(--sgv-border-color) !important;
  box-sizing:border-box !important;
  border-radius:var(--sgv-border-radius) !important;
  /* v1.62: Der zweite Hintergrund liegt im transparenten Rahmenbereich und folgt
     im Gegensatz zu border-image sauber dem border-radius. Bei
     --sgv-border-gradient:none bleibt diese Ebene wirkungslos. */
  background:
    linear-gradient(var(--sgv-border-gradient-fill),var(--sgv-border-gradient-fill)) padding-box,
    var(--sgv-border-gradient) border-box !important;
  background-origin:border-box !important;
  background-clip:padding-box,border-box !important;
  border-image-source:var(--sgv-3d-frame-image) !important;
  border-image-slice:var(--sgv-3d-frame-slice) !important;
  border-image-width:var(--sgv-3d-frame-size) !important;
  border-image-repeat:var(--sgv-3d-frame-repeat) !important;
  object-fit:var(--sgv-object-fit) !important;
  object-position:var(--sgv-object-position) !important;
  opacity:var(--sgv-opacity) !important;
  filter:var(--sgv-drop-shadow) brightness(var(--sgv-brightness)) contrast(var(--sgv-contrast)) saturate(var(--sgv-saturate)) grayscale(var(--sgv-grayscale)) sepia(var(--sgv-sepia)) hue-rotate(var(--sgv-hue-rotate)) blur(var(--sgv-blur)) !important;
  transform:perspective(var(--sgv-perspective)) rotateX(var(--sgv-rotate-x)) rotateY(var(--sgv-rotate-y)) rotateZ(var(--sgv-rotate-z)) skew(var(--sgv-skew-x),var(--sgv-skew-y)) scale(var(--sgv-scale-x),var(--sgv-scale-y)) !important;
  transform-origin:var(--sgv-transform-origin) !important;
  box-shadow:none !important; /* v1.65: kein rechteckiger Bildschatten; siehe --sgv-drop-shadow */
}


/* Grafik: FB_07-Schnecken absammeln.webp

   Alle Werte dieses Blocks dürfen nachträglich geändert werden. Die Parameter
   sind auch dann vorhanden, wenn der entsprechende Effekt in Word nicht gesetzt war.
   Beispiele: Eckenradius --sgv-border-radius, Konturschatten --sgv-drop-shadow,
   Drehung --sgv-rotate-z, Transparenz --sgv-opacity, Graustufen --sgv-grayscale.
   Position: --sgv-shift-x/--sgv-shift-y; Ebene: --sgv-z-index.
   Textumlauf: --sgv-float (left/right/none), Abstände über die vier
   --sgv-margin-Parameter. --sgv-float ist die aktive CSS-Steuerung
   fuer links/rechts; --sgv-wrap-mode und --sgv-wrap-side dokumentieren die
   aus Word erkannten Umlaufinformationen. Seit v1.51 steuern --sgv-shape-outside
   und --sgv-shape-margin den erweiterten, konturähnlichen Textumlauf. */
.sgv-document-schnecken_im_kleingarten img.sgv-image-fb-07-schnecken-absammeln {
  /* v1.86-13: Gemeinsame editierbare Parameter fuer Original und Spiegelungswrapper. */
  /* Größe und Zuschnitt */
  --sgv-image-width:272px;
  --sgv-image-max-width:calc(100% - 40px);
  --sgv-image-height:auto;
  --sgv-object-fit:cover;
  --sgv-object-position:center center;

  /* Rahmen und abgerundete Ecken
     v1.62: Fuer einen Verlauf mit sauber gerundeten Ecken:
       --sgv-border-width:10px;
       --sgv-border-style:solid;
       --sgv-border-color:transparent;
       --sgv-border-radius:15px;
       --sgv-border-gradient:linear-gradient(135deg,#315C3C 0%,#56A35B 50%,#D6E8C8 100%);
     --sgv-border-gradient-fill ist die optionale Flaeche hinter transparenten Bildteilen.
     Standard ist transparent, damit PNG/WebP-Transparenz erhalten bleibt. Nur bei
     ausdruecklichem Bedarf hier eine Farbe (z. B. #fff) eintragen. */
  --sgv-border-width:6px;
  --sgv-border-style:solid;
  --sgv-border-color:#074d07;
  --sgv-border-radius:18px;
  --sgv-border-padding:0px;
  --sgv-border-gradient:linear-gradient(180deg,rgba(7, 77, 7, 1) 0%, rgba(20, 153, 20, 1) 50%, rgba(150, 242, 176, 1) 100%);
  --sgv-border-gradient-fill:transparent;

  /* Schatten und Transparenz
     v1.65: drop-shadow() folgt dem Alphakanal des Bildes. Dadurch liegt der
     Schatten bei transparenten PNG/WebP-Dateien nur um den sichtbaren Bildinhalt
     und nicht mehr um die rechteckige Bildbox. */
  --sgv-drop-shadow:drop-shadow(18px 18px 10px rgba(0,0,0,.5));
  --sgv-opacity:1;

  /* Farb- und Schärfeeffekte */
  --sgv-brightness:1;
  --sgv-contrast:1;
  --sgv-saturate:1;
  --sgv-grayscale:0;
  --sgv-sepia:0;
  --sgv-hue-rotate:0deg;
  --sgv-blur:0px;

  /* Drehung, Spiegelung, Skalierung und perspektivische Effekte */
  --sgv-perspective:1000px;
  --sgv-rotate-x:20deg;
  --sgv-rotate-y:0deg;
  --sgv-rotate-z:-10.00deg;
  --sgv-scale-x:1;
  --sgv-scale-y:1;
  --sgv-skew-x:0deg;
  --sgv-skew-y:0deg;
  --sgv-transform-origin:center center;

  /* 3D-Motivrahmen: Größe 0px = ausgeschaltet */
  --sgv-3d-frame-image:url("images/FB_Schnecken/FB_07-Schnecken absammeln.webp");
  --sgv-3d-frame-size:0px;
  --sgv-3d-frame-slice:18;
  --sgv-3d-frame-repeat:stretch;

  /* Spiegelung v1.66:
     Eine echte Spiegelkopie wird erzeugt, wenn am Bild in Word ein Spiegelungs-
     effekt erkannt wurde. Die Parameter stehen dann im separaten Reflection-
     Block dieses Bildes. -webkit-box-reflect wird nicht mehr verwendet. */

  width:var(--sgv-image-width) !important;
  max-width:var(--sgv-image-max-width) !important;
  height:var(--sgv-image-height) !important;
  /* Position, Ausrichtung, Abstände und Ebene */
  --sgv-position:relative;
  --sgv-left:auto;
  --sgv-right:auto;
  --sgv-top:auto;
  --sgv-bottom:auto;
  --sgv-shift-x:0px;
  --sgv-shift-y:0px;
  --sgv-center-offset-x:0%;
  --sgv-z-index:10;
  --sgv-float:right;
  --sgv-clear:none;
  --sgv-wrap-mode:square;
  --sgv-wrap-side:bothSides;
  --sgv-shape-mode:rectangular;
  --sgv-shape-outside:margin-box;
  --sgv-shape-margin:0px;
  --sgv-margin-top:28px;
  --sgv-margin-right:0;
  --sgv-margin-bottom:12px;
  --sgv-margin-left:12px;
  position:var(--sgv-position) !important;
  left:var(--sgv-left) !important;
  right:var(--sgv-right) !important;
  top:var(--sgv-top) !important;
  bottom:var(--sgv-bottom) !important;
  z-index:var(--sgv-z-index) !important;
  float:var(--sgv-float) !important;
  clear:var(--sgv-clear) !important;
  shape-outside:var(--sgv-shape-outside) !important;
  shape-margin:var(--sgv-shape-margin) !important;
  margin:var(--sgv-margin-top) var(--sgv-margin-right) var(--sgv-margin-bottom) var(--sgv-margin-left) !important;
  translate:calc(var(--sgv-center-offset-x) + var(--sgv-shift-x)) var(--sgv-shift-y) !important;
  padding:var(--sgv-border-padding) !important;
  border:var(--sgv-border-width) var(--sgv-border-style) var(--sgv-border-color) !important;
  box-sizing:border-box !important;
  border-radius:var(--sgv-border-radius) !important;
  /* v1.62: Der zweite Hintergrund liegt im transparenten Rahmenbereich und folgt
     im Gegensatz zu border-image sauber dem border-radius. Bei
     --sgv-border-gradient:none bleibt diese Ebene wirkungslos. */
  background:
    linear-gradient(var(--sgv-border-gradient-fill),var(--sgv-border-gradient-fill)) padding-box,
    var(--sgv-border-gradient) border-box !important;
  background-origin:border-box !important;
  background-clip:padding-box,border-box !important;
  border-image-source:var(--sgv-3d-frame-image) !important;
  border-image-slice:var(--sgv-3d-frame-slice) !important;
  border-image-width:var(--sgv-3d-frame-size) !important;
  border-image-repeat:var(--sgv-3d-frame-repeat) !important;
  object-fit:var(--sgv-object-fit) !important;
  object-position:var(--sgv-object-position) !important;
  opacity:var(--sgv-opacity) !important;
  filter:var(--sgv-drop-shadow) brightness(var(--sgv-brightness)) contrast(var(--sgv-contrast)) saturate(var(--sgv-saturate)) grayscale(var(--sgv-grayscale)) sepia(var(--sgv-sepia)) hue-rotate(var(--sgv-hue-rotate)) blur(var(--sgv-blur)) !important;
  transform:perspective(var(--sgv-perspective)) rotateX(var(--sgv-rotate-x)) rotateY(var(--sgv-rotate-y)) rotateZ(var(--sgv-rotate-z)) skew(var(--sgv-skew-x),var(--sgv-skew-y)) scale(var(--sgv-scale-x),var(--sgv-scale-y)) !important;
  transform-origin:var(--sgv-transform-origin) !important;
  box-shadow:none !important; /* v1.65: kein rechteckiger Bildschatten; siehe --sgv-drop-shadow */
}


/* Grafik: FB_08-Hochbeet_mit_Schneckenzaun.webp

   Alle Werte dieses Blocks dürfen nachträglich geändert werden. Die Parameter
   sind auch dann vorhanden, wenn der entsprechende Effekt in Word nicht gesetzt war.
   Beispiele: Eckenradius --sgv-border-radius, Konturschatten --sgv-drop-shadow,
   Drehung --sgv-rotate-z, Transparenz --sgv-opacity, Graustufen --sgv-grayscale.
   Position: --sgv-shift-x/--sgv-shift-y; Ebene: --sgv-z-index.
   Textumlauf: --sgv-float (left/right/none), Abstände über die vier
   --sgv-margin-Parameter. --sgv-float ist die aktive CSS-Steuerung
   fuer links/rechts; --sgv-wrap-mode und --sgv-wrap-side dokumentieren die
   aus Word erkannten Umlaufinformationen. Seit v1.51 steuern --sgv-shape-outside
   und --sgv-shape-margin den erweiterten, konturähnlichen Textumlauf. */
.sgv-document-schnecken_im_kleingarten img.sgv-image-fb-08-hochbeet-mit-schneckenzaun {
  /* v1.86-13: Gemeinsame editierbare Parameter fuer Original und Spiegelungswrapper. */
  /* Größe und Zuschnitt */
  --sgv-image-width:276px;
  --sgv-image-max-width:calc(100% - 40px);
  --sgv-image-height:auto;
  --sgv-object-fit:cover;
  --sgv-object-position:center center;

  /* Rahmen und abgerundete Ecken
     v1.62: Fuer einen Verlauf mit sauber gerundeten Ecken:
       --sgv-border-width:10px;
       --sgv-border-style:solid;
       --sgv-border-color:transparent;
       --sgv-border-radius:15px;
       --sgv-border-gradient:linear-gradient(135deg,#315C3C 0%,#56A35B 50%,#D6E8C8 100%);
     --sgv-border-gradient-fill ist die optionale Flaeche hinter transparenten Bildteilen.
     Standard ist transparent, damit PNG/WebP-Transparenz erhalten bleibt. Nur bei
     ausdruecklichem Bedarf hier eine Farbe (z. B. #fff) eintragen. */
  --sgv-border-width:5px;
  --sgv-border-style:solid;
  --sgv-border-color:#074d07;
  --sgv-border-radius:18px;
  --sgv-border-padding:0px;
  --sgv-border-gradient:linear-gradient(180deg,rgba(7, 77, 7, 1) 0%, rgba(20, 153, 20, 1) 50%, rgba(150, 242, 176, 1) 100%);
  --sgv-border-gradient-fill:transparent;

  /* Schatten und Transparenz
     v1.65: drop-shadow() folgt dem Alphakanal des Bildes. Dadurch liegt der
     Schatten bei transparenten PNG/WebP-Dateien nur um den sichtbaren Bildinhalt
     und nicht mehr um die rechteckige Bildbox. */
  --sgv-drop-shadow:drop-shadow(18px 18px 10px rgba(0,0,0,.5));
  --sgv-opacity:1;

  /* Farb- und Schärfeeffekte */
  --sgv-brightness:1;
  --sgv-contrast:1;
  --sgv-saturate:1;
  --sgv-grayscale:0;
  --sgv-sepia:0;
  --sgv-hue-rotate:0deg;
  --sgv-blur:0px;

  /* Drehung, Spiegelung, Skalierung und perspektivische Effekte */
  --sgv-perspective:1000px;
  --sgv-rotate-x:40deg;
  --sgv-rotate-y:0deg;
  --sgv-rotate-z:10.00deg;
  --sgv-scale-x:1;
  --sgv-scale-y:1;
  --sgv-skew-x:0deg;
  --sgv-skew-y:0deg;
  --sgv-transform-origin:center center;

  /* 3D-Motivrahmen: Größe 0px = ausgeschaltet */
  --sgv-3d-frame-image:url("images/FB_Schnecken/FB_08-Hochbeet_mit_Schneckenzaun.webp");
  --sgv-3d-frame-size:0px;
  --sgv-3d-frame-slice:18;
  --sgv-3d-frame-repeat:stretch;

  /* Spiegelung v1.66:
     Eine echte Spiegelkopie wird erzeugt, wenn am Bild in Word ein Spiegelungs-
     effekt erkannt wurde. Die Parameter stehen dann im separaten Reflection-
     Block dieses Bildes. -webkit-box-reflect wird nicht mehr verwendet. */

  width:var(--sgv-image-width) !important;
  max-width:var(--sgv-image-max-width) !important;
  height:var(--sgv-image-height) !important;
  /* Position, Ausrichtung, Abstände und Ebene */
  --sgv-position:relative;
  --sgv-left:auto;
  --sgv-right:auto;
  --sgv-top:auto;
  --sgv-bottom:auto;
  --sgv-shift-x:0px;
  --sgv-shift-y:-20px;
  --sgv-center-offset-x:0%;
  --sgv-z-index:10;
  --sgv-float:left;
  --sgv-clear:none;
  --sgv-wrap-mode:square;
  --sgv-wrap-side:bothSides;
  --sgv-shape-mode:rectangular;
  --sgv-shape-outside:margin-box;
  --sgv-shape-margin:0px;
  --sgv-margin-top:13px;
  --sgv-margin-right:12px;
  --sgv-margin-bottom:12px;
  --sgv-margin-left:0;
  position:var(--sgv-position) !important;
  left:var(--sgv-left) !important;
  right:var(--sgv-right) !important;
  top:var(--sgv-top) !important;
  bottom:var(--sgv-bottom) !important;
  z-index:var(--sgv-z-index) !important;
  float:var(--sgv-float) !important;
  clear:var(--sgv-clear) !important;
  shape-outside:var(--sgv-shape-outside) !important;
  shape-margin:var(--sgv-shape-margin) !important;
  margin:var(--sgv-margin-top) var(--sgv-margin-right) var(--sgv-margin-bottom) var(--sgv-margin-left) !important;
  translate:calc(var(--sgv-center-offset-x) + var(--sgv-shift-x)) var(--sgv-shift-y) !important;
  padding:var(--sgv-border-padding) !important;
  border:var(--sgv-border-width) var(--sgv-border-style) var(--sgv-border-color) !important;
  box-sizing:border-box !important;
  border-radius:var(--sgv-border-radius) !important;
  /* v1.62: Der zweite Hintergrund liegt im transparenten Rahmenbereich und folgt
     im Gegensatz zu border-image sauber dem border-radius. Bei
     --sgv-border-gradient:none bleibt diese Ebene wirkungslos. */
  background:
    linear-gradient(var(--sgv-border-gradient-fill),var(--sgv-border-gradient-fill)) padding-box,
    var(--sgv-border-gradient) border-box !important;
  background-origin:border-box !important;
  background-clip:padding-box,border-box !important;
  border-image-source:var(--sgv-3d-frame-image) !important;
  border-image-slice:var(--sgv-3d-frame-slice) !important;
  border-image-width:var(--sgv-3d-frame-size) !important;
  border-image-repeat:var(--sgv-3d-frame-repeat) !important;
  object-fit:var(--sgv-object-fit) !important;
  object-position:var(--sgv-object-position) !important;
  opacity:var(--sgv-opacity) !important;
  filter:var(--sgv-drop-shadow) brightness(var(--sgv-brightness)) contrast(var(--sgv-contrast)) saturate(var(--sgv-saturate)) grayscale(var(--sgv-grayscale)) sepia(var(--sgv-sepia)) hue-rotate(var(--sgv-hue-rotate)) blur(var(--sgv-blur)) !important;
  transform:perspective(var(--sgv-perspective)) rotateX(var(--sgv-rotate-x)) rotateY(var(--sgv-rotate-y)) rotateZ(var(--sgv-rotate-z)) skew(var(--sgv-skew-x),var(--sgv-skew-y)) scale(var(--sgv-scale-x),var(--sgv-scale-y)) !important;
  transform-origin:var(--sgv-transform-origin) !important;
  box-shadow:none !important; /* v1.65: kein rechteckiger Bildschatten; siehe --sgv-drop-shadow */
}


/* Grafik: FB_09-Schneckenkragen.webp

   Alle Werte dieses Blocks dürfen nachträglich geändert werden. Die Parameter
   sind auch dann vorhanden, wenn der entsprechende Effekt in Word nicht gesetzt war.
   Beispiele: Eckenradius --sgv-border-radius, Konturschatten --sgv-drop-shadow,
   Drehung --sgv-rotate-z, Transparenz --sgv-opacity, Graustufen --sgv-grayscale.
   Position: --sgv-shift-x/--sgv-shift-y; Ebene: --sgv-z-index.
   Textumlauf: --sgv-float (left/right/none), Abstände über die vier
   --sgv-margin-Parameter. --sgv-float ist die aktive CSS-Steuerung
   fuer links/rechts; --sgv-wrap-mode und --sgv-wrap-side dokumentieren die
   aus Word erkannten Umlaufinformationen. Seit v1.51 steuern --sgv-shape-outside
   und --sgv-shape-margin den erweiterten, konturähnlichen Textumlauf. */
.sgv-document-schnecken_im_kleingarten img.sgv-image-fb-09-schneckenkragen {
  /* v1.86-13: Gemeinsame editierbare Parameter fuer Original und Spiegelungswrapper. */
  /* Größe und Zuschnitt */
  --sgv-image-width:242px;
  --sgv-image-max-width:calc(100% - 40px);
  --sgv-image-height:auto;
  --sgv-object-fit:cover;
  --sgv-object-position:center center;

  /* Rahmen und abgerundete Ecken
     v1.62: Fuer einen Verlauf mit sauber gerundeten Ecken:
       --sgv-border-width:10px;
       --sgv-border-style:solid;
       --sgv-border-color:transparent;
       --sgv-border-radius:15px;
       --sgv-border-gradient:linear-gradient(135deg,#315C3C 0%,#56A35B 50%,#D6E8C8 100%);
     --sgv-border-gradient-fill ist die optionale Flaeche hinter transparenten Bildteilen.
     Standard ist transparent, damit PNG/WebP-Transparenz erhalten bleibt. Nur bei
     ausdruecklichem Bedarf hier eine Farbe (z. B. #fff) eintragen. */
  --sgv-border-width:6px;
  --sgv-border-style:solid;
  --sgv-border-color:#074d07;
  --sgv-border-radius:18px;
  --sgv-border-padding:0px;
  --sgv-border-gradient:linear-gradient(180deg,rgba(7, 77, 7, 1) 0%, rgba(20, 153, 20, 1) 50%, rgba(150, 242, 176, 1) 100%);
  --sgv-border-gradient-fill:transparent;

  /* Schatten und Transparenz
     v1.65: drop-shadow() folgt dem Alphakanal des Bildes. Dadurch liegt der
     Schatten bei transparenten PNG/WebP-Dateien nur um den sichtbaren Bildinhalt
     und nicht mehr um die rechteckige Bildbox. */
  --sgv-drop-shadow:drop-shadow(18px 18px 10px rgba(0,0,0,.5));
  --sgv-opacity:1;

  /* Farb- und Schärfeeffekte */
  --sgv-brightness:1;
  --sgv-contrast:1;
  --sgv-saturate:1;
  --sgv-grayscale:0;
  --sgv-sepia:0;
  --sgv-hue-rotate:0deg;
  --sgv-blur:0px;

  /* Drehung, Spiegelung, Skalierung und perspektivische Effekte */
  --sgv-perspective:1000px;
  --sgv-rotate-x:40deg;
  --sgv-rotate-y:-10deg;
  --sgv-rotate-z:10.00deg;
  --sgv-scale-x:1;
  --sgv-scale-y:1;
  --sgv-skew-x:0deg;
  --sgv-skew-y:0deg;
  --sgv-transform-origin:center center;

  /* 3D-Motivrahmen: Größe 0px = ausgeschaltet */
  --sgv-3d-frame-image:url("images/FB_Schnecken/FB_09-Schneckenkragen.webp");
  --sgv-3d-frame-size:0px;
  --sgv-3d-frame-slice:18;
  --sgv-3d-frame-repeat:stretch;

  /* Spiegelung v1.66:
     Eine echte Spiegelkopie wird erzeugt, wenn am Bild in Word ein Spiegelungs-
     effekt erkannt wurde. Die Parameter stehen dann im separaten Reflection-
     Block dieses Bildes. -webkit-box-reflect wird nicht mehr verwendet. */

  width:var(--sgv-image-width) !important;
  max-width:var(--sgv-image-max-width) !important;
  height:var(--sgv-image-height) !important;
  /* Position, Ausrichtung, Abstände und Ebene */
  --sgv-position:relative;
  --sgv-left:auto;
  --sgv-right:auto;
  --sgv-top:auto;
  --sgv-bottom:auto;
  --sgv-shift-x:0px;
  --sgv-shift-y:0px;
  --sgv-center-offset-x:0%;
  --sgv-z-index:10;
  --sgv-float:right;
  --sgv-clear:none;
  --sgv-wrap-mode:square;
  --sgv-wrap-side:bothSides;
  --sgv-shape-mode:rectangular;
  --sgv-shape-outside:margin-box;
  --sgv-shape-margin:0px;
  --sgv-margin-top:24px;
  --sgv-margin-right:0;
  --sgv-margin-bottom:12px;
  --sgv-margin-left:12px;
  position:var(--sgv-position) !important;
  left:var(--sgv-left) !important;
  right:var(--sgv-right) !important;
  top:var(--sgv-top) !important;
  bottom:var(--sgv-bottom) !important;
  z-index:var(--sgv-z-index) !important;
  float:var(--sgv-float) !important;
  clear:var(--sgv-clear) !important;
  shape-outside:var(--sgv-shape-outside) !important;
  shape-margin:var(--sgv-shape-margin) !important;
  margin:var(--sgv-margin-top) var(--sgv-margin-right) var(--sgv-margin-bottom) var(--sgv-margin-left) !important;
  translate:calc(var(--sgv-center-offset-x) + var(--sgv-shift-x)) var(--sgv-shift-y) !important;
  padding:var(--sgv-border-padding) !important;
  border:var(--sgv-border-width) var(--sgv-border-style) var(--sgv-border-color) !important;
  box-sizing:border-box !important;
  border-radius:var(--sgv-border-radius) !important;
  /* v1.62: Der zweite Hintergrund liegt im transparenten Rahmenbereich und folgt
     im Gegensatz zu border-image sauber dem border-radius. Bei
     --sgv-border-gradient:none bleibt diese Ebene wirkungslos. */
  background:
    linear-gradient(var(--sgv-border-gradient-fill),var(--sgv-border-gradient-fill)) padding-box,
    var(--sgv-border-gradient) border-box !important;
  background-origin:border-box !important;
  background-clip:padding-box,border-box !important;
  border-image-source:var(--sgv-3d-frame-image) !important;
  border-image-slice:var(--sgv-3d-frame-slice) !important;
  border-image-width:var(--sgv-3d-frame-size) !important;
  border-image-repeat:var(--sgv-3d-frame-repeat) !important;
  object-fit:var(--sgv-object-fit) !important;
  object-position:var(--sgv-object-position) !important;
  opacity:var(--sgv-opacity) !important;
  filter:var(--sgv-drop-shadow) brightness(var(--sgv-brightness)) contrast(var(--sgv-contrast)) saturate(var(--sgv-saturate)) grayscale(var(--sgv-grayscale)) sepia(var(--sgv-sepia)) hue-rotate(var(--sgv-hue-rotate)) blur(var(--sgv-blur)) !important;
  transform:perspective(var(--sgv-perspective)) rotateX(var(--sgv-rotate-x)) rotateY(var(--sgv-rotate-y)) rotateZ(var(--sgv-rotate-z)) skew(var(--sgv-skew-x),var(--sgv-skew-y)) scale(var(--sgv-scale-x),var(--sgv-scale-y)) !important;
  transform-origin:var(--sgv-transform-origin) !important;
  box-shadow:none !important; /* v1.65: kein rechteckiger Bildschatten; siehe --sgv-drop-shadow */
}


/* Grafik: FB_10-Kupferband_am_Hochbeet_anbringen.webp

   Alle Werte dieses Blocks dürfen nachträglich geändert werden. Die Parameter
   sind auch dann vorhanden, wenn der entsprechende Effekt in Word nicht gesetzt war.
   Beispiele: Eckenradius --sgv-border-radius, Konturschatten --sgv-drop-shadow,
   Drehung --sgv-rotate-z, Transparenz --sgv-opacity, Graustufen --sgv-grayscale.
   Position: --sgv-shift-x/--sgv-shift-y; Ebene: --sgv-z-index.
   Textumlauf: --sgv-float (left/right/none), Abstände über die vier
   --sgv-margin-Parameter. --sgv-float ist die aktive CSS-Steuerung
   fuer links/rechts; --sgv-wrap-mode und --sgv-wrap-side dokumentieren die
   aus Word erkannten Umlaufinformationen. Seit v1.51 steuern --sgv-shape-outside
   und --sgv-shape-margin den erweiterten, konturähnlichen Textumlauf. */
.sgv-document-schnecken_im_kleingarten img.sgv-image-fb-10-kupferband-am-hochbeet-anbringen {
  /* v1.86-13: Gemeinsame editierbare Parameter fuer Original und Spiegelungswrapper. */
  /* Größe und Zuschnitt */
  --sgv-image-width:239px;
  --sgv-image-max-width:calc(100% - 40px);
  --sgv-image-height:auto;
  --sgv-object-fit:cover;
  --sgv-object-position:center center;

  /* Rahmen und abgerundete Ecken
     v1.62: Fuer einen Verlauf mit sauber gerundeten Ecken:
       --sgv-border-width:10px;
       --sgv-border-style:solid;
       --sgv-border-color:transparent;
       --sgv-border-radius:15px;
       --sgv-border-gradient:linear-gradient(135deg,#315C3C 0%,#56A35B 50%,#D6E8C8 100%);
     --sgv-border-gradient-fill ist die optionale Flaeche hinter transparenten Bildteilen.
     Standard ist transparent, damit PNG/WebP-Transparenz erhalten bleibt. Nur bei
     ausdruecklichem Bedarf hier eine Farbe (z. B. #fff) eintragen. */
  --sgv-border-width:6px;
  --sgv-border-style:solid;
  --sgv-border-color:#074d07;
  --sgv-border-radius:18px;
  --sgv-border-padding:0px;
  --sgv-border-gradient:linear-gradient(180deg,rgba(7, 77, 7, 1) 0%, rgba(20, 153, 20, 1) 50%, rgba(150, 242, 176, 1) 100%);
  --sgv-border-gradient-fill:transparent;

  /* Schatten und Transparenz
     v1.65: drop-shadow() folgt dem Alphakanal des Bildes. Dadurch liegt der
     Schatten bei transparenten PNG/WebP-Dateien nur um den sichtbaren Bildinhalt
     und nicht mehr um die rechteckige Bildbox. */
  --sgv-drop-shadow:drop-shadow(18px 18px 10px rgba(0,0,0,.5));
  --sgv-opacity:1;

  /* Farb- und Schärfeeffekte */
  --sgv-brightness:1;
  --sgv-contrast:1;
  --sgv-saturate:1;
  --sgv-grayscale:0;
  --sgv-sepia:0;
  --sgv-hue-rotate:0deg;
  --sgv-blur:0px;

  /* Drehung, Spiegelung, Skalierung und perspektivische Effekte */
  --sgv-perspective:1000px;
  --sgv-rotate-x:40deg;
  --sgv-rotate-y:0deg;
  --sgv-rotate-z:10.00deg;
  --sgv-scale-x:1;
  --sgv-scale-y:1;
  --sgv-skew-x:0deg;
  --sgv-skew-y:0deg;
  --sgv-transform-origin:center center;

  /* 3D-Motivrahmen: Größe 0px = ausgeschaltet */
  --sgv-3d-frame-image:url("images/FB_Schnecken/FB_10-Kupferband_am_Hochbeet_anbringen.webp");
  --sgv-3d-frame-size:0px;
  --sgv-3d-frame-slice:18;
  --sgv-3d-frame-repeat:stretch;

  /* Spiegelung v1.66:
     Eine echte Spiegelkopie wird erzeugt, wenn am Bild in Word ein Spiegelungs-
     effekt erkannt wurde. Die Parameter stehen dann im separaten Reflection-
     Block dieses Bildes. -webkit-box-reflect wird nicht mehr verwendet. */

  width:var(--sgv-image-width) !important;
  max-width:var(--sgv-image-max-width) !important;
  height:var(--sgv-image-height) !important;
  /* Position, Ausrichtung, Abstände und Ebene */
  --sgv-position:relative;
  --sgv-left:auto;
  --sgv-right:auto;
  --sgv-top:auto;
  --sgv-bottom:auto;
  --sgv-shift-x:0px;
  --sgv-shift-y:0px;
  --sgv-center-offset-x:0%;
  --sgv-z-index:10;
  --sgv-float:left;
  --sgv-clear:none;
  --sgv-wrap-mode:square;
  --sgv-wrap-side:bothSides;
  --sgv-shape-mode:rectangular;
  --sgv-shape-outside:margin-box;
  --sgv-shape-margin:0px;
  --sgv-margin-top:8px;
  --sgv-margin-right:20px;
  --sgv-margin-bottom:20px;
  --sgv-margin-left:0;
  position:var(--sgv-position) !important;
  left:var(--sgv-left) !important;
  right:var(--sgv-right) !important;
  top:var(--sgv-top) !important;
  bottom:var(--sgv-bottom) !important;
  z-index:var(--sgv-z-index) !important;
  float:var(--sgv-float) !important;
  clear:var(--sgv-clear) !important;
  shape-outside:var(--sgv-shape-outside) !important;
  shape-margin:var(--sgv-shape-margin) !important;
  margin:var(--sgv-margin-top) var(--sgv-margin-right) var(--sgv-margin-bottom) var(--sgv-margin-left) !important;
  translate:calc(var(--sgv-center-offset-x) + var(--sgv-shift-x)) var(--sgv-shift-y) !important;
  padding:var(--sgv-border-padding) !important;
  border:var(--sgv-border-width) var(--sgv-border-style) var(--sgv-border-color) !important;
  box-sizing:border-box !important;
  border-radius:var(--sgv-border-radius) !important;
  /* v1.62: Der zweite Hintergrund liegt im transparenten Rahmenbereich und folgt
     im Gegensatz zu border-image sauber dem border-radius. Bei
     --sgv-border-gradient:none bleibt diese Ebene wirkungslos. */
  background:
    linear-gradient(var(--sgv-border-gradient-fill),var(--sgv-border-gradient-fill)) padding-box,
    var(--sgv-border-gradient) border-box !important;
  background-origin:border-box !important;
  background-clip:padding-box,border-box !important;
  border-image-source:var(--sgv-3d-frame-image) !important;
  border-image-slice:var(--sgv-3d-frame-slice) !important;
  border-image-width:var(--sgv-3d-frame-size) !important;
  border-image-repeat:var(--sgv-3d-frame-repeat) !important;
  object-fit:var(--sgv-object-fit) !important;
  object-position:var(--sgv-object-position) !important;
  opacity:var(--sgv-opacity) !important;
  filter:var(--sgv-drop-shadow) brightness(var(--sgv-brightness)) contrast(var(--sgv-contrast)) saturate(var(--sgv-saturate)) grayscale(var(--sgv-grayscale)) sepia(var(--sgv-sepia)) hue-rotate(var(--sgv-hue-rotate)) blur(var(--sgv-blur)) !important;
  transform:perspective(var(--sgv-perspective)) rotateX(var(--sgv-rotate-x)) rotateY(var(--sgv-rotate-y)) rotateZ(var(--sgv-rotate-z)) skew(var(--sgv-skew-x),var(--sgv-skew-y)) scale(var(--sgv-scale-x),var(--sgv-scale-y)) !important;
  transform-origin:var(--sgv-transform-origin) !important;
  box-shadow:none !important; /* v1.65: kein rechteckiger Bildschatten; siehe --sgv-drop-shadow */
}


/* Grafik: FB_11_Nematoden_gegen_Schnecken.webp

   Alle Werte dieses Blocks dürfen nachträglich geändert werden. Die Parameter
   sind auch dann vorhanden, wenn der entsprechende Effekt in Word nicht gesetzt war.
   Beispiele: Eckenradius --sgv-border-radius, Konturschatten --sgv-drop-shadow,
   Drehung --sgv-rotate-z, Transparenz --sgv-opacity, Graustufen --sgv-grayscale.
   Position: --sgv-shift-x/--sgv-shift-y; Ebene: --sgv-z-index.
   Textumlauf: --sgv-float (left/right/none), Abstände über die vier
   --sgv-margin-Parameter. --sgv-float ist die aktive CSS-Steuerung
   fuer links/rechts; --sgv-wrap-mode und --sgv-wrap-side dokumentieren die
   aus Word erkannten Umlaufinformationen. Seit v1.51 steuern --sgv-shape-outside
   und --sgv-shape-margin den erweiterten, konturähnlichen Textumlauf. */
.sgv-document-schnecken_im_kleingarten img.sgv-image-fb-11-nematoden-gegen-schnecken, .sgv-document-schnecken_im_kleingarten .sgv-image-fb-11-nematoden-gegen-schnecken.sgv-image-reflection-wrap {
  /* v1.86-13: Gemeinsame editierbare Parameter fuer Original und Spiegelungswrapper. */
  /* Größe und Zuschnitt */
  --sgv-image-width:303px;
  --sgv-image-max-width:calc(100% - 40px);
  --sgv-image-height:auto;
  --sgv-object-fit:cover;
  --sgv-object-position:center center;

  /* Rahmen und abgerundete Ecken
     v1.62: Fuer einen Verlauf mit sauber gerundeten Ecken:
       --sgv-border-width:10px;
       --sgv-border-style:solid;
       --sgv-border-color:transparent;
       --sgv-border-radius:15px;
       --sgv-border-gradient:linear-gradient(135deg,#315C3C 0%,#56A35B 50%,#D6E8C8 100%);
     --sgv-border-gradient-fill ist die optionale Flaeche hinter transparenten Bildteilen.
     Standard ist transparent, damit PNG/WebP-Transparenz erhalten bleibt. Nur bei
     ausdruecklichem Bedarf hier eine Farbe (z. B. #fff) eintragen. */
  --sgv-border-width:3px;
  --sgv-border-style:solid;
  --sgv-border-color:#074d07;
  --sgv-border-radius:16px;
  --sgv-border-padding:0px;
  --sgv-border-gradient:linear-gradient(180deg,rgba(7, 77, 7, 1) 0%, rgba(20, 153, 20, 1) 50%, rgba(150, 242, 176, 1) 100%);
  --sgv-border-gradient-fill:transparent;

  /* Schatten und Transparenz
     v1.65: drop-shadow() folgt dem Alphakanal des Bildes. Dadurch liegt der
     Schatten bei transparenten PNG/WebP-Dateien nur um den sichtbaren Bildinhalt
     und nicht mehr um die rechteckige Bildbox. */
  --sgv-drop-shadow:drop-shadow(18px 18px 10px rgba(0,0,0,.5));
  --sgv-opacity:1;

  /* Farb- und Schärfeeffekte */
  --sgv-brightness:1;
  --sgv-contrast:1;
  --sgv-saturate:1;
  --sgv-grayscale:0;
  --sgv-sepia:0;
  --sgv-hue-rotate:0deg;
  --sgv-blur:0px;

  /* Drehung, Spiegelung, Skalierung und perspektivische Effekte */
  --sgv-perspective:1000px;
  --sgv-rotate-x:0deg;
  --sgv-rotate-y:0deg;
  --sgv-rotate-z:-14.83deg;
  --sgv-scale-x:1;
  --sgv-scale-y:1;
  --sgv-skew-x:0deg;
  --sgv-skew-y:0deg;
  --sgv-transform-origin:center center;

  /* 3D-Motivrahmen: Größe 0px = ausgeschaltet */
  --sgv-3d-frame-image:url("images/FB_Schnecken/FB_11_Nematoden_gegen_Schnecken.webp");
  --sgv-3d-frame-size:0px;
  --sgv-3d-frame-slice:18;
  --sgv-3d-frame-repeat:stretch;

  /* Spiegelung v1.66:
     Eine echte Spiegelkopie wird erzeugt, wenn am Bild in Word ein Spiegelungs-
     effekt erkannt wurde. Die Parameter stehen dann im separaten Reflection-
     Block dieses Bildes. -webkit-box-reflect wird nicht mehr verwendet. */

  width:var(--sgv-image-width) !important;
  max-width:var(--sgv-image-max-width) !important;
  height:var(--sgv-image-height) !important;
  /* Position, Ausrichtung, Abstände und Ebene */
  --sgv-position:relative;
  --sgv-left:auto;
  --sgv-right:auto;
  --sgv-top:auto;
  --sgv-bottom:auto;
  --sgv-shift-x:0px;
  --sgv-shift-y:-60px;
  --sgv-center-offset-x:0%;
  --sgv-z-index:10;
  --sgv-float:right;
  --sgv-clear:none;
  --sgv-wrap-mode:square;
  --sgv-wrap-side:bothSides;
  --sgv-shape-mode:rectangular;
  --sgv-shape-outside:margin-box;
  --sgv-shape-margin:0px;
  --sgv-margin-top:23px;
  --sgv-margin-right:0;
  --sgv-margin-bottom:12px;
  --sgv-margin-left:12px;
  position:var(--sgv-position) !important;
  left:var(--sgv-left) !important;
  right:var(--sgv-right) !important;
  top:var(--sgv-top) !important;
  bottom:var(--sgv-bottom) !important;
  z-index:var(--sgv-z-index) !important;
  float:var(--sgv-float) !important;
  clear:var(--sgv-clear) !important;
  shape-outside:var(--sgv-shape-outside) !important;
  shape-margin:var(--sgv-shape-margin) !important;
  margin:var(--sgv-margin-top) var(--sgv-margin-right) var(--sgv-margin-bottom) var(--sgv-margin-left) !important;
  translate:calc(var(--sgv-center-offset-x) + var(--sgv-shift-x)) var(--sgv-shift-y) !important;
  padding:var(--sgv-border-padding) !important;
  border:var(--sgv-border-width) var(--sgv-border-style) var(--sgv-border-color) !important;
  box-sizing:border-box !important;
  border-radius:var(--sgv-border-radius) !important;
  /* v1.62: Der zweite Hintergrund liegt im transparenten Rahmenbereich und folgt
     im Gegensatz zu border-image sauber dem border-radius. Bei
     --sgv-border-gradient:none bleibt diese Ebene wirkungslos. */
  background:
    linear-gradient(var(--sgv-border-gradient-fill),var(--sgv-border-gradient-fill)) padding-box,
    var(--sgv-border-gradient) border-box !important;
  background-origin:border-box !important;
  background-clip:padding-box,border-box !important;
  border-image-source:var(--sgv-3d-frame-image) !important;
  border-image-slice:var(--sgv-3d-frame-slice) !important;
  border-image-width:var(--sgv-3d-frame-size) !important;
  border-image-repeat:var(--sgv-3d-frame-repeat) !important;
  object-fit:var(--sgv-object-fit) !important;
  object-position:var(--sgv-object-position) !important;
  opacity:1 !important;
  filter:none !important;
  transform:none !important;
  transform-origin:var(--sgv-transform-origin) !important;
  box-shadow:none !important; /* v1.65: kein rechteckiger Bildschatten; siehe --sgv-drop-shadow */
}


.sgv-document-schnecken_im_kleingarten .sgv-image-fb-11-nematoden-gegen-schnecken.sgv-image-reflection-wrap {
  /* v1.67: browserunabhängige Spiegelung über eine echte zweite PNG/WebP-Kopie.
     Aktiviert wird sie durch einen in Word gesetzten Spiegelungseffekt.
     Diese Werte können anschließend dokumentbezogen angepasst werden. */
  --sgv-reflection-height:125px;      /* sichtbare Höhe der Spiegelung, manuell anpassbar */
  --sgv-reflection-gap:-5px;          /* Abstand Original -> Spiegelungsbereich */
  --sgv-reflection-offset-x:0px;      /* optische X-Korrektur: positiv = rechts, negativ = links */
  --sgv-reflection-offset-y:0px;      /* Verschiebung NUR der gespiegelten Bildkopie innerhalb der Maske */
  --sgv-reflection-area-offset-x:0px; /* Verschiebung des gesamten Spiegelungsbereichs inkl. Fade */
  --sgv-reflection-area-offset-y:0px; /* positiv = tiefer, negativ = naeher am Original */
  --sgv-reflection-rotate-correction:20deg; /* Zusatzwinkel des GESAMTEN Spiegelungsbereichs, Original unveraendert */
  --sgv-reflection-transform-origin:center top; /* Drehpunkt des Spiegelungsbereichs */
  --sgv-reflection-opacity:.30;       /* maximale Deckkraft */
  /* v1.86-12: Unabhaengige Gestaltung der Spiegelkopie. Standard = Word-Rahmen,
     aber nachtraegliche Aenderungen beeinflussen das Original nicht. */
  --sgv-reflection-border-width:8px;
  --sgv-reflection-border-style:solid;
  --sgv-reflection-border-color:#074d07;
  --sgv-reflection-border-radius:16px;
  --sgv-reflection-border-padding:0px;
  --sgv-reflection-border-gradient:linear-gradient(180deg,rgba(7, 77, 7, 1) 0%, rgba(20, 153, 20, 1) 50%, rgba(150, 242, 176, 1) 100%);
  --sgv-reflection-border-gradient-fill:transparent;
  --sgv-reflection-drop-shadow:drop-shadow(0 0 0 rgba(0,0,0,0));
  --sgv-reflection-fade-start:0%;     /* Beginn des Ausblendverlaufs */
  --sgv-reflection-fade-end:82%;      /* Ende: vollständig transparent */
  /* Der Wrapper dient ausschließlich der Positionierung der Spiegelkopie.
     Er darf niemals Rahmen, Hintergrund oder Bildschatten des Originals übernehmen. */
  position:relative !important;
  left:auto !important;
  right:auto !important;
  top:auto !important;
  bottom:auto !important;
  z-index:auto !important;
  /* v1.86-4: Nur bei GalleryXX trägt der Reflection-Wrapper die Word-Koordinaten. */
  /* v1.86-13: Breite/Hoehe am gemeinsamen Bildblock editieren. */
  width:var(--sgv-image-width) !important;
  max-width:var(--sgv-image-max-width) !important;
  height:var(--sgv-image-height) !important;
  /* v1.86-13: Bildvariablen stehen im gemeinsamen img/Wrapper-Block oben.
     Hier keine erneuten Standardwerte setzen, damit spaetere CSS-Aenderungen
     an Drehung, Skalierung, Radius, Filtern und Schatten wirksam bleiben. */
  /* v1.86-9: Original und Spiegelung bilden ein gemeinsam gedrehtes Objekt. */
  transform:perspective(var(--sgv-perspective,1000px)) rotateX(var(--sgv-rotate-x,0deg)) rotateY(var(--sgv-rotate-y,0deg)) rotateZ(var(--sgv-rotate-z,0deg)) skew(var(--sgv-skew-x,0deg),var(--sgv-skew-y,0deg)) scale(var(--sgv-scale-x,1),var(--sgv-scale-y,1)) !important;
  transform-origin:center center !important;
  overflow:visible !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  border-image:none !important;
  background:transparent !important;
  box-shadow:none !important;
  filter:none !important;
  margin-bottom:calc(var(--sgv-margin-bottom,20px) + var(--sgv-reflection-height) + var(--sgv-reflection-gap)) !important;
}
.sgv-document-schnecken_im_kleingarten .sgv-image-fb-11-nematoden-gegen-schnecken.sgv-image-reflection-wrap .sgv-image-reflection-source {
  position:relative !important;
  left:auto !important;
  right:auto !important;
  top:auto !important;
  bottom:auto !important;
  margin:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  filter:var(--sgv-drop-shadow) brightness(var(--sgv-brightness)) contrast(var(--sgv-contrast)) saturate(var(--sgv-saturate)) grayscale(var(--sgv-grayscale)) sepia(var(--sgv-sepia)) hue-rotate(var(--sgv-hue-rotate)) blur(var(--sgv-blur)) !important;
  opacity:var(--sgv-opacity) !important;
  transform:none !important;
  transform-origin:center center !important;
  border-radius:var(--sgv-border-radius) !important;
  box-sizing:border-box !important;
}
.sgv-document-schnecken_im_kleingarten .sgv-image-fb-11-nematoden-gegen-schnecken.sgv-image-reflection-wrap .sgv-image-reflection-area {
  left:0 !important; right:auto !important;
  /* v1.86-11: Die bisher dokumentierte Drehkorrektur war ohne CSS-Verbraucher.
     Nun wird der gesamte Spiegelungsbereich inklusive Fade gedreht, nicht das Original.
     Die Word-Drehung liegt bereits auf dem gemeinsamen Wrapper und gilt daher auch hier. */
  translate:var(--sgv-reflection-area-offset-x,0px) var(--sgv-reflection-area-offset-y,0px) !important;
  rotate:var(--sgv-reflection-rotate-correction,0deg) !important;
  transform-origin:var(--sgv-reflection-transform-origin,center top) !important;
  top:calc(100% + var(--sgv-reflection-gap,12px)) !important;
  height:var(--sgv-reflection-height,125px) !important;
  border-radius:var(--sgv-reflection-border-radius,0px) !important;
  overflow:hidden !important;
  /* v1.86-5: Fade liegt auf dem sichtbaren Reflection-Bereich, nicht auf der
     vollständigen, anschließend gespiegelten Bildkopie. */
  -webkit-mask-image:linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,1) var(--sgv-reflection-fade-start,0%), transparent var(--sgv-reflection-fade-end,82%)) !important;
  mask-image:linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,1) var(--sgv-reflection-fade-start,0%), transparent var(--sgv-reflection-fade-end,82%)) !important;
}
.sgv-document-schnecken_im_kleingarten .sgv-image-fb-11-nematoden-gegen-schnecken.sgv-image-reflection-wrap .sgv-image-reflection-copy {
  position:relative !important;
  left:0 !important;
  top:0 !important;
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  margin:0 !important;
  /* Spiegelkopie: eigene Rahmen- und Schattenparameter, unabhaengig vom Original. */
  border-radius:var(--sgv-reflection-border-radius,0px) !important;
  border:var(--sgv-reflection-border-width,0px) var(--sgv-reflection-border-style,solid) var(--sgv-reflection-border-color,transparent) !important;
  padding:var(--sgv-reflection-border-padding,0px) !important;
  background:
    linear-gradient(var(--sgv-reflection-border-gradient-fill,transparent),var(--sgv-reflection-border-gradient-fill,transparent)) padding-box,
    var(--sgv-reflection-border-gradient,none) border-box !important;
  background-origin:border-box !important;
  background-clip:padding-box,border-box !important;
  border-image:none !important;
  box-sizing:border-box !important;
  box-shadow:none !important;
  opacity:var(--sgv-reflection-opacity,.30) !important;
  -webkit-mask-image:none !important;
  mask-image:none !important;
  filter:var(--sgv-reflection-drop-shadow,none) brightness(var(--sgv-brightness,1)) contrast(var(--sgv-contrast,1)) saturate(var(--sgv-saturate,1)) grayscale(var(--sgv-grayscale,0)) sepia(var(--sgv-sepia,0)) hue-rotate(var(--sgv-hue-rotate,0deg)) blur(var(--sgv-blur,0px)) !important;
  /* v1.86-10: scaleY(-1) um center center behaelt die Bildbox an Ort und Stelle.
     Jede zusaetzliche translateY(100%) verschiebt die Kopie aus dem Sichtfenster. */
  transform:translate(var(--sgv-reflection-offset-x,0px), var(--sgv-reflection-offset-y,0px)) scaleY(-1) !important;
  transform-origin:center center !important;
}


/* Grafik: FB_12_Igel_auf_Nahrungssuche.webp

   Alle Werte dieses Blocks dürfen nachträglich geändert werden. Die Parameter
   sind auch dann vorhanden, wenn der entsprechende Effekt in Word nicht gesetzt war.
   Beispiele: Eckenradius --sgv-border-radius, Konturschatten --sgv-drop-shadow,
   Drehung --sgv-rotate-z, Transparenz --sgv-opacity, Graustufen --sgv-grayscale.
   Position: --sgv-shift-x/--sgv-shift-y; Ebene: --sgv-z-index.
   Textumlauf: --sgv-float (left/right/none), Abstände über die vier
   --sgv-margin-Parameter. --sgv-float ist die aktive CSS-Steuerung
   fuer links/rechts; --sgv-wrap-mode und --sgv-wrap-side dokumentieren die
   aus Word erkannten Umlaufinformationen. Seit v1.51 steuern --sgv-shape-outside
   und --sgv-shape-margin den erweiterten, konturähnlichen Textumlauf. */
.sgv-document-schnecken_im_kleingarten img.sgv-image-fb-12-igel-auf-nahrungssuche {
  /* v1.86-13: Gemeinsame editierbare Parameter fuer Original und Spiegelungswrapper. */
  /* Größe und Zuschnitt */
  --sgv-image-width:400px;
  --sgv-image-max-width:calc(100% - 40px);
  --sgv-image-height:auto;
  --sgv-object-fit:cover;
  --sgv-object-position:center center;

  /* Rahmen und abgerundete Ecken
     v1.62: Fuer einen Verlauf mit sauber gerundeten Ecken:
       --sgv-border-width:10px;
       --sgv-border-style:solid;
       --sgv-border-color:transparent;
       --sgv-border-radius:15px;
       --sgv-border-gradient:linear-gradient(135deg,#315C3C 0%,#56A35B 50%,#D6E8C8 100%);
     --sgv-border-gradient-fill ist die optionale Flaeche hinter transparenten Bildteilen.
     Standard ist transparent, damit PNG/WebP-Transparenz erhalten bleibt. Nur bei
     ausdruecklichem Bedarf hier eine Farbe (z. B. #fff) eintragen. */
  --sgv-border-width:3px;
  --sgv-border-style:solid;
  --sgv-border-color:#074d07;
  --sgv-border-radius:15px;
  --sgv-border-padding:0px;
  --sgv-border-gradient:linear-gradient(180deg,rgba(7, 77, 7, 1) 0%, rgba(20, 153, 20, 1) 50%, rgba(150, 242, 176, 1) 100%);
  --sgv-border-gradient-fill:transparent;

  /* Schatten und Transparenz
     v1.65: drop-shadow() folgt dem Alphakanal des Bildes. Dadurch liegt der
     Schatten bei transparenten PNG/WebP-Dateien nur um den sichtbaren Bildinhalt
     und nicht mehr um die rechteckige Bildbox. */
  --sgv-drop-shadow:drop-shadow(18px 18px 10px rgba(0,0,0,.5));
  --sgv-opacity:1;

  /* Farb- und Schärfeeffekte */
  --sgv-brightness:1;
  --sgv-contrast:1;
  --sgv-saturate:1;
  --sgv-grayscale:0;
  --sgv-sepia:0;
  --sgv-hue-rotate:0deg;
  --sgv-blur:0px;

  /* Drehung, Spiegelung, Skalierung und perspektivische Effekte */
  --sgv-perspective:1000px;
  --sgv-rotate-x:20deg;
  --sgv-rotate-y:0deg;
  --sgv-rotate-z:10.00deg;
  --sgv-scale-x:1;
  --sgv-scale-y:1;
  --sgv-skew-x:0deg;
  --sgv-skew-y:0deg;
  --sgv-transform-origin:center center;

  /* 3D-Motivrahmen: Größe 0px = ausgeschaltet */
  --sgv-3d-frame-image:url("images/FB_Schnecken/FB_12_Igel_auf_Nahrungssuche.webp");
  --sgv-3d-frame-size:0px;
  --sgv-3d-frame-slice:18;
  --sgv-3d-frame-repeat:stretch;

  /* Spiegelung v1.66:
     Eine echte Spiegelkopie wird erzeugt, wenn am Bild in Word ein Spiegelungs-
     effekt erkannt wurde. Die Parameter stehen dann im separaten Reflection-
     Block dieses Bildes. -webkit-box-reflect wird nicht mehr verwendet. */

  width:var(--sgv-image-width) !important;
  max-width:var(--sgv-image-max-width) !important;
  height:var(--sgv-image-height) !important;
  /* Position, Ausrichtung, Abstände und Ebene */
  --sgv-position:relative;
  --sgv-left:auto;
  --sgv-right:auto;
  --sgv-top:auto;
  --sgv-bottom:auto;
  --sgv-shift-x:0px;
  --sgv-shift-y:-50px;
  --sgv-center-offset-x:0%;
  --sgv-z-index:10;
  --sgv-float:none;
  --sgv-clear:none;
  --sgv-wrap-mode:top-bottom;
  --sgv-wrap-side:bothSides;
  --sgv-shape-mode:rectangular;
  --sgv-shape-outside:margin-box;
  --sgv-shape-margin:0px;
  --sgv-margin-top:12px;
  --sgv-margin-right:auto;
  --sgv-margin-bottom:20px;
  --sgv-margin-left:auto;
  position:var(--sgv-position) !important;
  left:var(--sgv-left) !important;
  right:var(--sgv-right) !important;
  top:var(--sgv-top) !important;
  bottom:var(--sgv-bottom) !important;
  z-index:var(--sgv-z-index) !important;
  float:var(--sgv-float) !important;
  clear:var(--sgv-clear) !important;
  shape-outside:var(--sgv-shape-outside) !important;
  shape-margin:var(--sgv-shape-margin) !important;
  margin:var(--sgv-margin-top) var(--sgv-margin-right) var(--sgv-margin-bottom) var(--sgv-margin-left) !important;
  translate:calc(var(--sgv-center-offset-x) + var(--sgv-shift-x)) var(--sgv-shift-y) !important;
  padding:var(--sgv-border-padding) !important;
  border:var(--sgv-border-width) var(--sgv-border-style) var(--sgv-border-color) !important;
  box-sizing:border-box !important;
  border-radius:var(--sgv-border-radius) !important;
  /* v1.62: Der zweite Hintergrund liegt im transparenten Rahmenbereich und folgt
     im Gegensatz zu border-image sauber dem border-radius. Bei
     --sgv-border-gradient:none bleibt diese Ebene wirkungslos. */
  background:
    linear-gradient(var(--sgv-border-gradient-fill),var(--sgv-border-gradient-fill)) padding-box,
    var(--sgv-border-gradient) border-box !important;
  background-origin:border-box !important;
  background-clip:padding-box,border-box !important;
  border-image-source:var(--sgv-3d-frame-image) !important;
  border-image-slice:var(--sgv-3d-frame-slice) !important;
  border-image-width:var(--sgv-3d-frame-size) !important;
  border-image-repeat:var(--sgv-3d-frame-repeat) !important;
  object-fit:var(--sgv-object-fit) !important;
  object-position:var(--sgv-object-position) !important;
  opacity:var(--sgv-opacity) !important;
  filter:var(--sgv-drop-shadow) brightness(var(--sgv-brightness)) contrast(var(--sgv-contrast)) saturate(var(--sgv-saturate)) grayscale(var(--sgv-grayscale)) sepia(var(--sgv-sepia)) hue-rotate(var(--sgv-hue-rotate)) blur(var(--sgv-blur)) !important;
  transform:perspective(var(--sgv-perspective)) rotateX(var(--sgv-rotate-x)) rotateY(var(--sgv-rotate-y)) rotateZ(var(--sgv-rotate-z)) skew(var(--sgv-skew-x),var(--sgv-skew-y)) scale(var(--sgv-scale-x),var(--sgv-scale-y)) !important;
  transform-origin:var(--sgv-transform-origin) !important;
  box-shadow:none !important; /* v1.65: kein rechteckiger Bildschatten; siehe --sgv-drop-shadow */
}


/* Grafik: FB_13_Kroete.webp

   Alle Werte dieses Blocks dürfen nachträglich geändert werden. Die Parameter
   sind auch dann vorhanden, wenn der entsprechende Effekt in Word nicht gesetzt war.
   Beispiele: Eckenradius --sgv-border-radius, Konturschatten --sgv-drop-shadow,
   Drehung --sgv-rotate-z, Transparenz --sgv-opacity, Graustufen --sgv-grayscale.
   Position: --sgv-shift-x/--sgv-shift-y; Ebene: --sgv-z-index.
   Textumlauf: --sgv-float (left/right/none), Abstände über die vier
   --sgv-margin-Parameter. --sgv-float ist die aktive CSS-Steuerung
   fuer links/rechts; --sgv-wrap-mode und --sgv-wrap-side dokumentieren die
   aus Word erkannten Umlaufinformationen. Seit v1.51 steuern --sgv-shape-outside
   und --sgv-shape-margin den erweiterten, konturähnlichen Textumlauf. */
.sgv-document-schnecken_im_kleingarten img.sgv-image-fb-13-kroete {
  /* v1.86-13: Gemeinsame editierbare Parameter fuer Original und Spiegelungswrapper. */
  /* Größe und Zuschnitt */
  --sgv-image-width:250px;
  --sgv-image-max-width:calc(100% - 40px);
  --sgv-image-height:auto;
  --sgv-object-fit:cover;
  --sgv-object-position:center center;

  /* Rahmen und abgerundete Ecken
     v1.62: Fuer einen Verlauf mit sauber gerundeten Ecken:
       --sgv-border-width:10px;
       --sgv-border-style:solid;
       --sgv-border-color:transparent;
       --sgv-border-radius:15px;
       --sgv-border-gradient:linear-gradient(135deg,#315C3C 0%,#56A35B 50%,#D6E8C8 100%);
     --sgv-border-gradient-fill ist die optionale Flaeche hinter transparenten Bildteilen.
     Standard ist transparent, damit PNG/WebP-Transparenz erhalten bleibt. Nur bei
     ausdruecklichem Bedarf hier eine Farbe (z. B. #fff) eintragen. */
  --sgv-border-width:3px;
  --sgv-border-style:solid;
  --sgv-border-color:#074d07;
  --sgv-border-radius:15px;
  --sgv-border-padding:0px;
  --sgv-border-gradient:linear-gradient(180deg,rgba(7, 77, 7, 1) 0%, rgba(20, 153, 20, 1) 50%, rgba(150, 242, 176, 1) 100%);
  --sgv-border-gradient-fill:transparent;

  /* Schatten und Transparenz
     v1.65: drop-shadow() folgt dem Alphakanal des Bildes. Dadurch liegt der
     Schatten bei transparenten PNG/WebP-Dateien nur um den sichtbaren Bildinhalt
     und nicht mehr um die rechteckige Bildbox. */
  --sgv-drop-shadow:drop-shadow(18px 18px 10px rgba(0,0,0,.5));
  --sgv-opacity:1;

  /* Farb- und Schärfeeffekte */
  --sgv-brightness:1;
  --sgv-contrast:1;
  --sgv-saturate:1;
  --sgv-grayscale:0;
  --sgv-sepia:0;
  --sgv-hue-rotate:0deg;
  --sgv-blur:0px;

  /* Drehung, Spiegelung, Skalierung und perspektivische Effekte */
  --sgv-perspective:1000px;
  --sgv-rotate-x:5deg;
  --sgv-rotate-y:5deg;
  --sgv-rotate-z:10.00deg;
  --sgv-scale-x:1;
  --sgv-scale-y:1;
  --sgv-skew-x:0deg;
  --sgv-skew-y:0deg;
  --sgv-transform-origin:center center;

  /* 3D-Motivrahmen: Größe 0px = ausgeschaltet */
  --sgv-3d-frame-image:url("images/FB_Schnecken/FB_13_Kroete.webp");
  --sgv-3d-frame-size:0px;
  --sgv-3d-frame-slice:18;
  --sgv-3d-frame-repeat:stretch;

  /* Spiegelung v1.66:
     Eine echte Spiegelkopie wird erzeugt, wenn am Bild in Word ein Spiegelungs-
     effekt erkannt wurde. Die Parameter stehen dann im separaten Reflection-
     Block dieses Bildes. -webkit-box-reflect wird nicht mehr verwendet. */

  width:var(--sgv-image-width) !important;
  max-width:var(--sgv-image-max-width) !important;
  height:var(--sgv-image-height) !important;
  /* Position, Ausrichtung, Abstände und Ebene */
  --sgv-position:relative;
  --sgv-left:auto;
  --sgv-right:auto;
  --sgv-top:auto;
  --sgv-bottom:auto;
  --sgv-shift-x:0px;
  --sgv-shift-y:0px;
  --sgv-center-offset-x:0%;
  --sgv-z-index:10;
  --sgv-float:left;
  --sgv-clear:none;
  --sgv-wrap-mode:square;
  --sgv-wrap-side:bothSides;
  --sgv-shape-mode:rectangular;
  --sgv-shape-outside:margin-box;
  --sgv-shape-margin:0px;
  --sgv-margin-top:9px;
  --sgv-margin-right:12px;
  --sgv-margin-bottom:12px;
  --sgv-margin-left:0;
  position:var(--sgv-position) !important;
  left:var(--sgv-left) !important;
  right:var(--sgv-right) !important;
  top:var(--sgv-top) !important;
  bottom:var(--sgv-bottom) !important;
  z-index:var(--sgv-z-index) !important;
  float:var(--sgv-float) !important;
  clear:var(--sgv-clear) !important;
  shape-outside:var(--sgv-shape-outside) !important;
  shape-margin:var(--sgv-shape-margin) !important;
  margin:var(--sgv-margin-top) var(--sgv-margin-right) var(--sgv-margin-bottom) var(--sgv-margin-left) !important;
  translate:calc(var(--sgv-center-offset-x) + var(--sgv-shift-x)) var(--sgv-shift-y) !important;
  padding:var(--sgv-border-padding) !important;
  border:var(--sgv-border-width) var(--sgv-border-style) var(--sgv-border-color) !important;
  box-sizing:border-box !important;
  border-radius:var(--sgv-border-radius) !important;
  /* v1.62: Der zweite Hintergrund liegt im transparenten Rahmenbereich und folgt
     im Gegensatz zu border-image sauber dem border-radius. Bei
     --sgv-border-gradient:none bleibt diese Ebene wirkungslos. */
  background:
    linear-gradient(var(--sgv-border-gradient-fill),var(--sgv-border-gradient-fill)) padding-box,
    var(--sgv-border-gradient) border-box !important;
  background-origin:border-box !important;
  background-clip:padding-box,border-box !important;
  border-image-source:var(--sgv-3d-frame-image) !important;
  border-image-slice:var(--sgv-3d-frame-slice) !important;
  border-image-width:var(--sgv-3d-frame-size) !important;
  border-image-repeat:var(--sgv-3d-frame-repeat) !important;
  object-fit:var(--sgv-object-fit) !important;
  object-position:var(--sgv-object-position) !important;
  opacity:var(--sgv-opacity) !important;
  filter:var(--sgv-drop-shadow) brightness(var(--sgv-brightness)) contrast(var(--sgv-contrast)) saturate(var(--sgv-saturate)) grayscale(var(--sgv-grayscale)) sepia(var(--sgv-sepia)) hue-rotate(var(--sgv-hue-rotate)) blur(var(--sgv-blur)) !important;
  transform:perspective(var(--sgv-perspective)) rotateX(var(--sgv-rotate-x)) rotateY(var(--sgv-rotate-y)) rotateZ(var(--sgv-rotate-z)) skew(var(--sgv-skew-x),var(--sgv-skew-y)) scale(var(--sgv-scale-x),var(--sgv-scale-y)) !important;
  transform-origin:var(--sgv-transform-origin) !important;
  box-shadow:none !important; /* v1.65: kein rechteckiger Bildschatten; siehe --sgv-drop-shadow */
}


/* Grafik: FB_14_Laufkaefer.webp

   Alle Werte dieses Blocks dürfen nachträglich geändert werden. Die Parameter
   sind auch dann vorhanden, wenn der entsprechende Effekt in Word nicht gesetzt war.
   Beispiele: Eckenradius --sgv-border-radius, Konturschatten --sgv-drop-shadow,
   Drehung --sgv-rotate-z, Transparenz --sgv-opacity, Graustufen --sgv-grayscale.
   Position: --sgv-shift-x/--sgv-shift-y; Ebene: --sgv-z-index.
   Textumlauf: --sgv-float (left/right/none), Abstände über die vier
   --sgv-margin-Parameter. --sgv-float ist die aktive CSS-Steuerung
   fuer links/rechts; --sgv-wrap-mode und --sgv-wrap-side dokumentieren die
   aus Word erkannten Umlaufinformationen. Seit v1.51 steuern --sgv-shape-outside
   und --sgv-shape-margin den erweiterten, konturähnlichen Textumlauf. */
.sgv-document-schnecken_im_kleingarten img.sgv-image-fb-14-laufkaefer {
  /* v1.86-13: Gemeinsame editierbare Parameter fuer Original und Spiegelungswrapper. */
  /* Größe und Zuschnitt */
  --sgv-image-width:250px;
  --sgv-image-max-width:calc(100% - 40px);
  --sgv-image-height:auto;
  --sgv-object-fit:cover;
  --sgv-object-position:center center;

  /* Rahmen und abgerundete Ecken
     v1.62: Fuer einen Verlauf mit sauber gerundeten Ecken:
       --sgv-border-width:10px;
       --sgv-border-style:solid;
       --sgv-border-color:transparent;
       --sgv-border-radius:15px;
       --sgv-border-gradient:linear-gradient(135deg,#315C3C 0%,#56A35B 50%,#D6E8C8 100%);
     --sgv-border-gradient-fill ist die optionale Flaeche hinter transparenten Bildteilen.
     Standard ist transparent, damit PNG/WebP-Transparenz erhalten bleibt. Nur bei
     ausdruecklichem Bedarf hier eine Farbe (z. B. #fff) eintragen. */
  --sgv-border-width:3px;
  --sgv-border-style:solid;
  --sgv-border-color:#074d07;
  --sgv-border-radius:15px;
  --sgv-border-padding:0px;
  --sgv-border-gradient:linear-gradient(180deg,rgba(7, 77, 7, 1) 0%, rgba(20, 153, 20, 1) 50%, rgba(150, 242, 176, 1) 100%);
  --sgv-border-gradient-fill:transparent;

  /* Schatten und Transparenz
     v1.65: drop-shadow() folgt dem Alphakanal des Bildes. Dadurch liegt der
     Schatten bei transparenten PNG/WebP-Dateien nur um den sichtbaren Bildinhalt
     und nicht mehr um die rechteckige Bildbox. */
  --sgv-drop-shadow:drop-shadow(18px 18px 10px rgba(0,0,0,.5));
  --sgv-opacity:1;

  /* Farb- und Schärfeeffekte */
  --sgv-brightness:1;
  --sgv-contrast:1;
  --sgv-saturate:1;
  --sgv-grayscale:0;
  --sgv-sepia:0;
  --sgv-hue-rotate:0deg;
  --sgv-blur:0px;

  /* Drehung, Spiegelung, Skalierung und perspektivische Effekte */
  --sgv-perspective:1000px;
  --sgv-rotate-x:-15deg;
  --sgv-rotate-y:20deg;
  --sgv-rotate-z:10.00deg;
  --sgv-scale-x:1;
  --sgv-scale-y:1;
  --sgv-skew-x:0deg;
  --sgv-skew-y:0deg;
  --sgv-transform-origin:center center;

  /* 3D-Motivrahmen: Größe 0px = ausgeschaltet */
  --sgv-3d-frame-image:url("images/FB_Schnecken/FB_14_Laufkaefer.webp");
  --sgv-3d-frame-size:0px;
  --sgv-3d-frame-slice:18;
  --sgv-3d-frame-repeat:stretch;

  /* Spiegelung v1.66:
     Eine echte Spiegelkopie wird erzeugt, wenn am Bild in Word ein Spiegelungs-
     effekt erkannt wurde. Die Parameter stehen dann im separaten Reflection-
     Block dieses Bildes. -webkit-box-reflect wird nicht mehr verwendet. */

  width:var(--sgv-image-width) !important;
  max-width:var(--sgv-image-max-width) !important;
  height:var(--sgv-image-height) !important;
  /* Position, Ausrichtung, Abstände und Ebene */
  --sgv-position:relative;
  --sgv-left:auto;
  --sgv-right:auto;
  --sgv-top:auto;
  --sgv-bottom:auto;
  --sgv-shift-x:0px;
  --sgv-shift-y:0px;
  --sgv-center-offset-x:0%;
  --sgv-z-index:10;
  --sgv-float:left;
  --sgv-clear:none;
  --sgv-wrap-mode:square;
  --sgv-wrap-side:bothSides;
  --sgv-shape-mode:rectangular;
  --sgv-shape-outside:margin-box;
  --sgv-shape-margin:0px;
  --sgv-margin-top:9px;
  --sgv-margin-right:12px;
  --sgv-margin-bottom:12px;
  --sgv-margin-left:0;
  position:var(--sgv-position) !important;
  left:var(--sgv-left) !important;
  right:var(--sgv-right) !important;
  top:var(--sgv-top) !important;
  bottom:var(--sgv-bottom) !important;
  z-index:var(--sgv-z-index) !important;
  float:var(--sgv-float) !important;
  clear:var(--sgv-clear) !important;
  shape-outside:var(--sgv-shape-outside) !important;
  shape-margin:var(--sgv-shape-margin) !important;
  margin:var(--sgv-margin-top) var(--sgv-margin-right) var(--sgv-margin-bottom) var(--sgv-margin-left) !important;
  translate:calc(var(--sgv-center-offset-x) + var(--sgv-shift-x)) var(--sgv-shift-y) !important;
  padding:var(--sgv-border-padding) !important;
  border:var(--sgv-border-width) var(--sgv-border-style) var(--sgv-border-color) !important;
  box-sizing:border-box !important;
  border-radius:var(--sgv-border-radius) !important;
  /* v1.62: Der zweite Hintergrund liegt im transparenten Rahmenbereich und folgt
     im Gegensatz zu border-image sauber dem border-radius. Bei
     --sgv-border-gradient:none bleibt diese Ebene wirkungslos. */
  background:
    linear-gradient(var(--sgv-border-gradient-fill),var(--sgv-border-gradient-fill)) padding-box,
    var(--sgv-border-gradient) border-box !important;
  background-origin:border-box !important;
  background-clip:padding-box,border-box !important;
  border-image-source:var(--sgv-3d-frame-image) !important;
  border-image-slice:var(--sgv-3d-frame-slice) !important;
  border-image-width:var(--sgv-3d-frame-size) !important;
  border-image-repeat:var(--sgv-3d-frame-repeat) !important;
  object-fit:var(--sgv-object-fit) !important;
  object-position:var(--sgv-object-position) !important;
  opacity:var(--sgv-opacity) !important;
  filter:var(--sgv-drop-shadow) brightness(var(--sgv-brightness)) contrast(var(--sgv-contrast)) saturate(var(--sgv-saturate)) grayscale(var(--sgv-grayscale)) sepia(var(--sgv-sepia)) hue-rotate(var(--sgv-hue-rotate)) blur(var(--sgv-blur)) !important;
  transform:perspective(var(--sgv-perspective)) rotateX(var(--sgv-rotate-x)) rotateY(var(--sgv-rotate-y)) rotateZ(var(--sgv-rotate-z)) skew(var(--sgv-skew-x),var(--sgv-skew-y)) scale(var(--sgv-scale-x),var(--sgv-scale-y)) !important;
  transform-origin:var(--sgv-transform-origin) !important;
  box-shadow:none !important; /* v1.65: kein rechteckiger Bildschatten; siehe --sgv-drop-shadow */
}


/* Grafik: FB_15-Blindschleiche.webp

   Alle Werte dieses Blocks dürfen nachträglich geändert werden. Die Parameter
   sind auch dann vorhanden, wenn der entsprechende Effekt in Word nicht gesetzt war.
   Beispiele: Eckenradius --sgv-border-radius, Konturschatten --sgv-drop-shadow,
   Drehung --sgv-rotate-z, Transparenz --sgv-opacity, Graustufen --sgv-grayscale.
   Position: --sgv-shift-x/--sgv-shift-y; Ebene: --sgv-z-index.
   Textumlauf: --sgv-float (left/right/none), Abstände über die vier
   --sgv-margin-Parameter. --sgv-float ist die aktive CSS-Steuerung
   fuer links/rechts; --sgv-wrap-mode und --sgv-wrap-side dokumentieren die
   aus Word erkannten Umlaufinformationen. Seit v1.51 steuern --sgv-shape-outside
   und --sgv-shape-margin den erweiterten, konturähnlichen Textumlauf. */
.sgv-document-schnecken_im_kleingarten img.sgv-image-fb-15-blindschleiche {
  /* v1.86-13: Gemeinsame editierbare Parameter fuer Original und Spiegelungswrapper. */
  /* Größe und Zuschnitt */
  --sgv-image-width:250px;
  --sgv-image-max-width:calc(100% - 40px);
  --sgv-image-height:auto;
  --sgv-object-fit:cover;
  --sgv-object-position:center center;

  /* Rahmen und abgerundete Ecken
     v1.62: Fuer einen Verlauf mit sauber gerundeten Ecken:
       --sgv-border-width:10px;
       --sgv-border-style:solid;
       --sgv-border-color:transparent;
       --sgv-border-radius:15px;
       --sgv-border-gradient:linear-gradient(135deg,#315C3C 0%,#56A35B 50%,#D6E8C8 100%);
     --sgv-border-gradient-fill ist die optionale Flaeche hinter transparenten Bildteilen.
     Standard ist transparent, damit PNG/WebP-Transparenz erhalten bleibt. Nur bei
     ausdruecklichem Bedarf hier eine Farbe (z. B. #fff) eintragen. */
  --sgv-border-width:3px;
  --sgv-border-style:solid;
  --sgv-border-color:#074d07;
  --sgv-border-radius:15px;
  --sgv-border-padding:0px;
  --sgv-border-gradient:linear-gradient(180deg,rgba(7, 77, 7, 1) 0%, rgba(20, 153, 20, 1) 50%, rgba(150, 242, 176, 1) 100%);
  --sgv-border-gradient-fill:transparent;

  /* Schatten und Transparenz
     v1.65: drop-shadow() folgt dem Alphakanal des Bildes. Dadurch liegt der
     Schatten bei transparenten PNG/WebP-Dateien nur um den sichtbaren Bildinhalt
     und nicht mehr um die rechteckige Bildbox. */
  --sgv-drop-shadow:drop-shadow(18px 18px 10px rgba(0,0,0,.5));
  --sgv-opacity:1;

  /* Farb- und Schärfeeffekte */
  --sgv-brightness:1;
  --sgv-contrast:1;
  --sgv-saturate:1;
  --sgv-grayscale:0;
  --sgv-sepia:0;
  --sgv-hue-rotate:0deg;
  --sgv-blur:0px;

  /* Drehung, Spiegelung, Skalierung und perspektivische Effekte */
  --sgv-perspective:1000px;
  --sgv-rotate-x:40deg;
  --sgv-rotate-y:-20deg;
  --sgv-rotate-z:0.00deg;
  --sgv-scale-x:1;
  --sgv-scale-y:1;
  --sgv-skew-x:0deg;
  --sgv-skew-y:0deg;
  --sgv-transform-origin:center center;

  /* 3D-Motivrahmen: Größe 0px = ausgeschaltet */
  --sgv-3d-frame-image:url("images/FB_Schnecken/FB_15-Blindschleiche.webp");
  --sgv-3d-frame-size:0px;
  --sgv-3d-frame-slice:18;
  --sgv-3d-frame-repeat:stretch;

  /* Spiegelung v1.66:
     Eine echte Spiegelkopie wird erzeugt, wenn am Bild in Word ein Spiegelungs-
     effekt erkannt wurde. Die Parameter stehen dann im separaten Reflection-
     Block dieses Bildes. -webkit-box-reflect wird nicht mehr verwendet. */

  width:var(--sgv-image-width) !important;
  max-width:var(--sgv-image-max-width) !important;
  height:var(--sgv-image-height) !important;
  /* Position, Ausrichtung, Abstände und Ebene */
  --sgv-position:relative;
  --sgv-left:auto;
  --sgv-right:auto;
  --sgv-top:auto;
  --sgv-bottom:auto;
  --sgv-shift-x:0px;
  --sgv-shift-y:0px;
  --sgv-center-offset-x:0%;
  --sgv-z-index:10;
  --sgv-float:left;
  --sgv-clear:none;
  --sgv-wrap-mode:square;
  --sgv-wrap-side:bothSides;
  --sgv-shape-mode:rectangular;
  --sgv-shape-outside:margin-box;
  --sgv-shape-margin:0px;
  --sgv-margin-top:17px;
  --sgv-margin-right:12px;
  --sgv-margin-bottom:12px;
  --sgv-margin-left:0;
  position:var(--sgv-position) !important;
  left:var(--sgv-left) !important;
  right:var(--sgv-right) !important;
  top:var(--sgv-top) !important;
  bottom:var(--sgv-bottom) !important;
  z-index:var(--sgv-z-index) !important;
  float:var(--sgv-float) !important;
  clear:var(--sgv-clear) !important;
  shape-outside:var(--sgv-shape-outside) !important;
  shape-margin:var(--sgv-shape-margin) !important;
  margin:var(--sgv-margin-top) var(--sgv-margin-right) var(--sgv-margin-bottom) var(--sgv-margin-left) !important;
  translate:calc(var(--sgv-center-offset-x) + var(--sgv-shift-x)) var(--sgv-shift-y) !important;
  padding:var(--sgv-border-padding) !important;
  border:var(--sgv-border-width) var(--sgv-border-style) var(--sgv-border-color) !important;
  box-sizing:border-box !important;
  border-radius:var(--sgv-border-radius) !important;
  /* v1.62: Der zweite Hintergrund liegt im transparenten Rahmenbereich und folgt
     im Gegensatz zu border-image sauber dem border-radius. Bei
     --sgv-border-gradient:none bleibt diese Ebene wirkungslos. */
  background:
    linear-gradient(var(--sgv-border-gradient-fill),var(--sgv-border-gradient-fill)) padding-box,
    var(--sgv-border-gradient) border-box !important;
  background-origin:border-box !important;
  background-clip:padding-box,border-box !important;
  border-image-source:var(--sgv-3d-frame-image) !important;
  border-image-slice:var(--sgv-3d-frame-slice) !important;
  border-image-width:var(--sgv-3d-frame-size) !important;
  border-image-repeat:var(--sgv-3d-frame-repeat) !important;
  object-fit:var(--sgv-object-fit) !important;
  object-position:var(--sgv-object-position) !important;
  opacity:var(--sgv-opacity) !important;
  filter:var(--sgv-drop-shadow) brightness(var(--sgv-brightness)) contrast(var(--sgv-contrast)) saturate(var(--sgv-saturate)) grayscale(var(--sgv-grayscale)) sepia(var(--sgv-sepia)) hue-rotate(var(--sgv-hue-rotate)) blur(var(--sgv-blur)) !important;
  transform:perspective(var(--sgv-perspective)) rotateX(var(--sgv-rotate-x)) rotateY(var(--sgv-rotate-y)) rotateZ(var(--sgv-rotate-z)) skew(var(--sgv-skew-x),var(--sgv-skew-y)) scale(var(--sgv-scale-x),var(--sgv-scale-y)) !important;
  transform-origin:var(--sgv-transform-origin) !important;
  box-shadow:none !important; /* v1.65: kein rechteckiger Bildschatten; siehe --sgv-drop-shadow */
}


/* Grafik: FB_16-Gluewuerchenlarve.webp

   Alle Werte dieses Blocks dürfen nachträglich geändert werden. Die Parameter
   sind auch dann vorhanden, wenn der entsprechende Effekt in Word nicht gesetzt war.
   Beispiele: Eckenradius --sgv-border-radius, Konturschatten --sgv-drop-shadow,
   Drehung --sgv-rotate-z, Transparenz --sgv-opacity, Graustufen --sgv-grayscale.
   Position: --sgv-shift-x/--sgv-shift-y; Ebene: --sgv-z-index.
   Textumlauf: --sgv-float (left/right/none), Abstände über die vier
   --sgv-margin-Parameter. --sgv-float ist die aktive CSS-Steuerung
   fuer links/rechts; --sgv-wrap-mode und --sgv-wrap-side dokumentieren die
   aus Word erkannten Umlaufinformationen. Seit v1.51 steuern --sgv-shape-outside
   und --sgv-shape-margin den erweiterten, konturähnlichen Textumlauf. */
.sgv-document-schnecken_im_kleingarten img.sgv-image-fb-16-gluewuerchenlarve {
  /* v1.86-13: Gemeinsame editierbare Parameter fuer Original und Spiegelungswrapper. */
  /* Größe und Zuschnitt */
  --sgv-image-width:250px;
  --sgv-image-max-width:calc(100% - 40px);
  --sgv-image-height:auto;
  --sgv-object-fit:cover;
  --sgv-object-position:center center;

  /* Rahmen und abgerundete Ecken
     v1.62: Fuer einen Verlauf mit sauber gerundeten Ecken:
       --sgv-border-width:10px;
       --sgv-border-style:solid;
       --sgv-border-color:transparent;
       --sgv-border-radius:15px;
       --sgv-border-gradient:linear-gradient(135deg,#315C3C 0%,#56A35B 50%,#D6E8C8 100%);
     --sgv-border-gradient-fill ist die optionale Flaeche hinter transparenten Bildteilen.
     Standard ist transparent, damit PNG/WebP-Transparenz erhalten bleibt. Nur bei
     ausdruecklichem Bedarf hier eine Farbe (z. B. #fff) eintragen. */
  --sgv-border-width:3px;
  --sgv-border-style:solid;
  --sgv-border-color:#074d07;
  --sgv-border-radius:15px;
  --sgv-border-padding:0px;
  --sgv-border-gradient:linear-gradient(180deg,rgba(7, 77, 7, 1) 0%, rgba(20, 153, 20, 1) 50%, rgba(150, 242, 176, 1) 100%);
  --sgv-border-gradient-fill:transparent;

  /* Schatten und Transparenz
     v1.65: drop-shadow() folgt dem Alphakanal des Bildes. Dadurch liegt der
     Schatten bei transparenten PNG/WebP-Dateien nur um den sichtbaren Bildinhalt
     und nicht mehr um die rechteckige Bildbox. */
  --sgv-drop-shadow:drop-shadow(18px 18px 10px rgba(0,0,0,.5));
  --sgv-opacity:1;

  /* Farb- und Schärfeeffekte */
  --sgv-brightness:1;
  --sgv-contrast:1;
  --sgv-saturate:1;
  --sgv-grayscale:0;
  --sgv-sepia:0;
  --sgv-hue-rotate:0deg;
  --sgv-blur:0px;

  /* Drehung, Spiegelung, Skalierung und perspektivische Effekte */
  --sgv-perspective:1000px;
  --sgv-rotate-x:25deg;
  --sgv-rotate-y:20deg;
  --sgv-rotate-z:0.00deg;
  --sgv-scale-x:1;
  --sgv-scale-y:1;
  --sgv-skew-x:0deg;
  --sgv-skew-y:0deg;
  --sgv-transform-origin:center center;

  /* 3D-Motivrahmen: Größe 0px = ausgeschaltet */
  --sgv-3d-frame-image:url("images/FB_Schnecken/FB_16-Gluewuerchenlarve.webp");
  --sgv-3d-frame-size:0px;
  --sgv-3d-frame-slice:18;
  --sgv-3d-frame-repeat:stretch;

  /* Spiegelung v1.66:
     Eine echte Spiegelkopie wird erzeugt, wenn am Bild in Word ein Spiegelungs-
     effekt erkannt wurde. Die Parameter stehen dann im separaten Reflection-
     Block dieses Bildes. -webkit-box-reflect wird nicht mehr verwendet. */

  width:var(--sgv-image-width) !important;
  max-width:var(--sgv-image-max-width) !important;
  height:var(--sgv-image-height) !important;
  /* Position, Ausrichtung, Abstände und Ebene */
  --sgv-position:relative;
  --sgv-left:auto;
  --sgv-right:auto;
  --sgv-top:auto;
  --sgv-bottom:auto;
  --sgv-shift-x:0px;
  --sgv-shift-y:0px;
  --sgv-center-offset-x:0%;
  --sgv-z-index:10;
  --sgv-float:left;
  --sgv-clear:none;
  --sgv-wrap-mode:square;
  --sgv-wrap-side:bothSides;
  --sgv-shape-mode:rectangular;
  --sgv-shape-outside:margin-box;
  --sgv-shape-margin:0px;
  --sgv-margin-top:2px;
  --sgv-margin-right:12px;
  --sgv-margin-bottom:12px;
  --sgv-margin-left:0;
  position:var(--sgv-position) !important;
  left:var(--sgv-left) !important;
  right:var(--sgv-right) !important;
  top:var(--sgv-top) !important;
  bottom:var(--sgv-bottom) !important;
  z-index:var(--sgv-z-index) !important;
  float:var(--sgv-float) !important;
  clear:var(--sgv-clear) !important;
  shape-outside:var(--sgv-shape-outside) !important;
  shape-margin:var(--sgv-shape-margin) !important;
  margin:var(--sgv-margin-top) var(--sgv-margin-right) var(--sgv-margin-bottom) var(--sgv-margin-left) !important;
  translate:calc(var(--sgv-center-offset-x) + var(--sgv-shift-x)) var(--sgv-shift-y) !important;
  padding:var(--sgv-border-padding) !important;
  border:var(--sgv-border-width) var(--sgv-border-style) var(--sgv-border-color) !important;
  box-sizing:border-box !important;
  border-radius:var(--sgv-border-radius) !important;
  /* v1.62: Der zweite Hintergrund liegt im transparenten Rahmenbereich und folgt
     im Gegensatz zu border-image sauber dem border-radius. Bei
     --sgv-border-gradient:none bleibt diese Ebene wirkungslos. */
  background:
    linear-gradient(var(--sgv-border-gradient-fill),var(--sgv-border-gradient-fill)) padding-box,
    var(--sgv-border-gradient) border-box !important;
  background-origin:border-box !important;
  background-clip:padding-box,border-box !important;
  border-image-source:var(--sgv-3d-frame-image) !important;
  border-image-slice:var(--sgv-3d-frame-slice) !important;
  border-image-width:var(--sgv-3d-frame-size) !important;
  border-image-repeat:var(--sgv-3d-frame-repeat) !important;
  object-fit:var(--sgv-object-fit) !important;
  object-position:var(--sgv-object-position) !important;
  opacity:var(--sgv-opacity) !important;
  filter:var(--sgv-drop-shadow) brightness(var(--sgv-brightness)) contrast(var(--sgv-contrast)) saturate(var(--sgv-saturate)) grayscale(var(--sgv-grayscale)) sepia(var(--sgv-sepia)) hue-rotate(var(--sgv-hue-rotate)) blur(var(--sgv-blur)) !important;
  transform:perspective(var(--sgv-perspective)) rotateX(var(--sgv-rotate-x)) rotateY(var(--sgv-rotate-y)) rotateZ(var(--sgv-rotate-z)) skew(var(--sgv-skew-x),var(--sgv-skew-y)) scale(var(--sgv-scale-x),var(--sgv-scale-y)) !important;
  transform-origin:var(--sgv-transform-origin) !important;
  box-shadow:none !important; /* v1.65: kein rechteckiger Bildschatten; siehe --sgv-drop-shadow */
}

/* Grafik: FB_25-Tigerschnegel.webp

   Alle Werte dieses Blocks dürfen nachträglich geändert werden. Die Parameter
   sind auch dann vorhanden, wenn der entsprechende Effekt in Word nicht gesetzt war.
   Beispiele: Eckenradius --sgv-border-radius, Konturschatten --sgv-drop-shadow,
   Drehung --sgv-rotate-z, Transparenz --sgv-opacity, Graustufen --sgv-grayscale.
   Position: --sgv-shift-x/--sgv-shift-y; Ebene: --sgv-z-index.
   Textumlauf: --sgv-float (left/right/none), Abstände über die vier
   --sgv-margin-Parameter. --sgv-float ist die aktive CSS-Steuerung
   fuer links/rechts; --sgv-wrap-mode und --sgv-wrap-side dokumentieren die
   aus Word erkannten Umlaufinformationen. Seit v1.51 steuern --sgv-shape-outside
   und --sgv-shape-margin den erweiterten, konturähnlichen Textumlauf. */
.sgv-document-schnecken_im_kleingarten img.sgv-image-fb-25-tigerschnegel {
  /* v1.86-13: Gemeinsame editierbare Parameter fuer Original und Spiegelungswrapper. */
  /* Größe und Zuschnitt */
  --sgv-image-width:250px;
  --sgv-image-max-width:calc(100% - 40px);
  --sgv-image-height:auto;
  --sgv-object-fit:cover;
  --sgv-object-position:center center;

  /* Rahmen und abgerundete Ecken
     v1.62: Fuer einen Verlauf mit sauber gerundeten Ecken:
       --sgv-border-width:10px;
       --sgv-border-style:solid;
       --sgv-border-color:transparent;
       --sgv-border-radius:15px;
       --sgv-border-gradient:linear-gradient(135deg,#315C3C 0%,#56A35B 50%,#D6E8C8 100%);
     --sgv-border-gradient-fill ist die optionale Flaeche hinter transparenten Bildteilen.
     Standard ist transparent, damit PNG/WebP-Transparenz erhalten bleibt. Nur bei
     ausdruecklichem Bedarf hier eine Farbe (z. B. #fff) eintragen. */
  --sgv-border-width:3px;
  --sgv-border-style:solid;
  --sgv-border-color:#074d07;
  --sgv-border-radius:15px;
  --sgv-border-padding:0px;
  --sgv-border-gradient:linear-gradient(180deg,rgba(7, 77, 7, 1) 0%, rgba(20, 153, 20, 1) 50%, rgba(150, 242, 176, 1) 100%);
  --sgv-border-gradient-fill:transparent;

  /* Schatten und Transparenz
     v1.65: drop-shadow() folgt dem Alphakanal des Bildes. Dadurch liegt der
     Schatten bei transparenten PNG/WebP-Dateien nur um den sichtbaren Bildinhalt
     und nicht mehr um die rechteckige Bildbox. */
  --sgv-drop-shadow:drop-shadow(18px 18px 10px rgba(0,0,0,.5));
  --sgv-opacity:1;

  /* Farb- und Schärfeeffekte */
  --sgv-brightness:1;
  --sgv-contrast:1;
  --sgv-saturate:1;
  --sgv-grayscale:0;
  --sgv-sepia:0;
  --sgv-hue-rotate:0deg;
  --sgv-blur:0px;

  /* Drehung, Spiegelung, Skalierung und perspektivische Effekte */
  --sgv-perspective:1000px;
  --sgv-rotate-x:25deg;
  --sgv-rotate-y:20deg;
  --sgv-rotate-z:0.00deg;
  --sgv-scale-x:1;
  --sgv-scale-y:1;
  --sgv-skew-x:0deg;
  --sgv-skew-y:0deg;
  --sgv-transform-origin:center center;

  /* 3D-Motivrahmen: Größe 0px = ausgeschaltet */
  --sgv-3d-frame-image:url("images/FB_Schnecken/FB_16-Gluewuerchenlarve.webp");
  --sgv-3d-frame-size:0px;
  --sgv-3d-frame-slice:18;
  --sgv-3d-frame-repeat:stretch;

  /* Spiegelung v1.66:
     Eine echte Spiegelkopie wird erzeugt, wenn am Bild in Word ein Spiegelungs-
     effekt erkannt wurde. Die Parameter stehen dann im separaten Reflection-
     Block dieses Bildes. -webkit-box-reflect wird nicht mehr verwendet. */

  width:var(--sgv-image-width) !important;
  max-width:var(--sgv-image-max-width) !important;
  height:var(--sgv-image-height) !important;
  /* Position, Ausrichtung, Abstände und Ebene */
  --sgv-position:relative;
  --sgv-left:auto;
  --sgv-right:auto;
  --sgv-top:auto;
  --sgv-bottom:auto;
  --sgv-shift-x:0px;
  --sgv-shift-y:0px;
  --sgv-center-offset-x:0%;
  --sgv-z-index:10;
  --sgv-float:left;
  --sgv-clear:none;
  --sgv-wrap-mode:square;
  --sgv-wrap-side:bothSides;
  --sgv-shape-mode:rectangular;
  --sgv-shape-outside:margin-box;
  --sgv-shape-margin:0px;
  --sgv-margin-top:2px;
  --sgv-margin-right:12px;
  --sgv-margin-bottom:12px;
  --sgv-margin-left:0;
  position:var(--sgv-position) !important;
  left:var(--sgv-left) !important;
  right:var(--sgv-right) !important;
  top:var(--sgv-top) !important;
  bottom:var(--sgv-bottom) !important;
  z-index:var(--sgv-z-index) !important;
  float:var(--sgv-float) !important;
  clear:var(--sgv-clear) !important;
  shape-outside:var(--sgv-shape-outside) !important;
  shape-margin:var(--sgv-shape-margin) !important;
  margin:var(--sgv-margin-top) var(--sgv-margin-right) var(--sgv-margin-bottom) var(--sgv-margin-left) !important;
  translate:calc(var(--sgv-center-offset-x) + var(--sgv-shift-x)) var(--sgv-shift-y) !important;
  padding:var(--sgv-border-padding) !important;
  border:var(--sgv-border-width) var(--sgv-border-style) var(--sgv-border-color) !important;
  box-sizing:border-box !important;
  border-radius:var(--sgv-border-radius) !important;
  /* v1.62: Der zweite Hintergrund liegt im transparenten Rahmenbereich und folgt
     im Gegensatz zu border-image sauber dem border-radius. Bei
     --sgv-border-gradient:none bleibt diese Ebene wirkungslos. */
  background:
    linear-gradient(var(--sgv-border-gradient-fill),var(--sgv-border-gradient-fill)) padding-box,
    var(--sgv-border-gradient) border-box !important;
  background-origin:border-box !important;
  background-clip:padding-box,border-box !important;
  border-image-source:var(--sgv-3d-frame-image) !important;
  border-image-slice:var(--sgv-3d-frame-slice) !important;
  border-image-width:var(--sgv-3d-frame-size) !important;
  border-image-repeat:var(--sgv-3d-frame-repeat) !important;
  object-fit:var(--sgv-object-fit) !important;
  object-position:var(--sgv-object-position) !important;
  opacity:var(--sgv-opacity) !important;
  filter:var(--sgv-drop-shadow) brightness(var(--sgv-brightness)) contrast(var(--sgv-contrast)) saturate(var(--sgv-saturate)) grayscale(var(--sgv-grayscale)) sepia(var(--sgv-sepia)) hue-rotate(var(--sgv-hue-rotate)) blur(var(--sgv-blur)) !important;
  transform:perspective(var(--sgv-perspective)) rotateX(var(--sgv-rotate-x)) rotateY(var(--sgv-rotate-y)) rotateZ(var(--sgv-rotate-z)) skew(var(--sgv-skew-x),var(--sgv-skew-y)) scale(var(--sgv-scale-x),var(--sgv-scale-y)) !important;
  transform-origin:var(--sgv-transform-origin) !important;
  box-shadow:none !important; /* v1.65: kein rechteckiger Bildschatten; siehe --sgv-drop-shadow */
}

/* Grafik: FB_17-Ackernacktschnecke.webp

   Alle Werte dieses Blocks dürfen nachträglich geändert werden. Die Parameter
   sind auch dann vorhanden, wenn der entsprechende Effekt in Word nicht gesetzt war.
   Beispiele: Eckenradius --sgv-border-radius, Konturschatten --sgv-drop-shadow,
   Drehung --sgv-rotate-z, Transparenz --sgv-opacity, Graustufen --sgv-grayscale.
   Position: --sgv-shift-x/--sgv-shift-y; Ebene: --sgv-z-index.
   Textumlauf: --sgv-float (left/right/none), Abstände über die vier
   --sgv-margin-Parameter. --sgv-float ist die aktive CSS-Steuerung
   fuer links/rechts; --sgv-wrap-mode und --sgv-wrap-side dokumentieren die
   aus Word erkannten Umlaufinformationen. Seit v1.51 steuern --sgv-shape-outside
   und --sgv-shape-margin den erweiterten, konturähnlichen Textumlauf. */
.sgv-document-schnecken_im_kleingarten img.sgv-image-fb-17-ackernacktschnecke {
  /* v1.86-13: Gemeinsame editierbare Parameter fuer Original und Spiegelungswrapper. */
  /* Größe und Zuschnitt */
  --sgv-image-width:250px;
  --sgv-image-max-width:calc(100% - 40px);
  --sgv-image-height:auto;
  --sgv-object-fit:cover;
  --sgv-object-position:center center;

  /* Rahmen und abgerundete Ecken
     v1.62: Fuer einen Verlauf mit sauber gerundeten Ecken:
       --sgv-border-width:10px;
       --sgv-border-style:solid;
       --sgv-border-color:transparent;
       --sgv-border-radius:15px;
       --sgv-border-gradient:linear-gradient(135deg,#315C3C 0%,#56A35B 50%,#D6E8C8 100%);
     --sgv-border-gradient-fill ist die optionale Flaeche hinter transparenten Bildteilen.
     Standard ist transparent, damit PNG/WebP-Transparenz erhalten bleibt. Nur bei
     ausdruecklichem Bedarf hier eine Farbe (z. B. #fff) eintragen. */
  --sgv-border-width:3px;
  --sgv-border-style:solid;
  --sgv-border-color:#074d07;
  --sgv-border-radius:15px;
  --sgv-border-padding:0px;
  --sgv-border-gradient:linear-gradient(180deg,rgba(7, 77, 7, 1) 0%, rgba(20, 153, 20, 1) 50%, rgba(150, 242, 176, 1) 100%);
  --sgv-border-gradient-fill:transparent;

  /* Schatten und Transparenz
     v1.65: drop-shadow() folgt dem Alphakanal des Bildes. Dadurch liegt der
     Schatten bei transparenten PNG/WebP-Dateien nur um den sichtbaren Bildinhalt
     und nicht mehr um die rechteckige Bildbox. */
  --sgv-drop-shadow:drop-shadow(18px 18px 10px rgba(0,0,0,.5));
  --sgv-opacity:1;

  /* Farb- und Schärfeeffekte */
  --sgv-brightness:1;
  --sgv-contrast:1;
  --sgv-saturate:1;
  --sgv-grayscale:0;
  --sgv-sepia:0;
  --sgv-hue-rotate:0deg;
  --sgv-blur:0px;

  /* Drehung, Spiegelung, Skalierung und perspektivische Effekte */
  --sgv-perspective:1000px;
  --sgv-rotate-x:25deg;
  --sgv-rotate-y:-20deg;
  --sgv-rotate-z:0.00deg;
  --sgv-scale-x:1;
  --sgv-scale-y:1;
  --sgv-skew-x:0deg;
  --sgv-skew-y:0deg;
  --sgv-transform-origin:center center;

  /* 3D-Motivrahmen: Größe 0px = ausgeschaltet */
  --sgv-3d-frame-image:url("images/FB_Schnecken/FB_17-Ackernacktschnecke.webp");
  --sgv-3d-frame-size:0px;
  --sgv-3d-frame-slice:18;
  --sgv-3d-frame-repeat:stretch;

  /* Spiegelung v1.66:
     Eine echte Spiegelkopie wird erzeugt, wenn am Bild in Word ein Spiegelungs-
     effekt erkannt wurde. Die Parameter stehen dann im separaten Reflection-
     Block dieses Bildes. -webkit-box-reflect wird nicht mehr verwendet. */

  width:var(--sgv-image-width) !important;
  max-width:var(--sgv-image-max-width) !important;
  height:var(--sgv-image-height) !important;
  /* Position, Ausrichtung, Abstände und Ebene */
  --sgv-position:relative;
  --sgv-left:auto;
  --sgv-right:auto;
  --sgv-top:auto;
  --sgv-bottom:auto;
  --sgv-shift-x:0px;
  --sgv-shift-y:0px;
  --sgv-center-offset-x:0%;
  --sgv-z-index:10;
  --sgv-float:left;
  --sgv-clear:none;
  --sgv-wrap-mode:square;
  --sgv-wrap-side:bothSides;
  --sgv-shape-mode:rectangular;
  --sgv-shape-outside:margin-box;
  --sgv-shape-margin:0px;
  --sgv-margin-top:17px;
  --sgv-margin-right:12px;
  --sgv-margin-bottom:12px;
  --sgv-margin-left:0;
  position:var(--sgv-position) !important;
  left:var(--sgv-left) !important;
  right:var(--sgv-right) !important;
  top:var(--sgv-top) !important;
  bottom:var(--sgv-bottom) !important;
  z-index:var(--sgv-z-index) !important;
  float:var(--sgv-float) !important;
  clear:var(--sgv-clear) !important;
  shape-outside:var(--sgv-shape-outside) !important;
  shape-margin:var(--sgv-shape-margin) !important;
  margin:var(--sgv-margin-top) var(--sgv-margin-right) var(--sgv-margin-bottom) var(--sgv-margin-left) !important;
  translate:calc(var(--sgv-center-offset-x) + var(--sgv-shift-x)) var(--sgv-shift-y) !important;
  padding:var(--sgv-border-padding) !important;
  border:var(--sgv-border-width) var(--sgv-border-style) var(--sgv-border-color) !important;
  box-sizing:border-box !important;
  border-radius:var(--sgv-border-radius) !important;
  /* v1.62: Der zweite Hintergrund liegt im transparenten Rahmenbereich und folgt
     im Gegensatz zu border-image sauber dem border-radius. Bei
     --sgv-border-gradient:none bleibt diese Ebene wirkungslos. */
  background:
    linear-gradient(var(--sgv-border-gradient-fill),var(--sgv-border-gradient-fill)) padding-box,
    var(--sgv-border-gradient) border-box !important;
  background-origin:border-box !important;
  background-clip:padding-box,border-box !important;
  border-image-source:var(--sgv-3d-frame-image) !important;
  border-image-slice:var(--sgv-3d-frame-slice) !important;
  border-image-width:var(--sgv-3d-frame-size) !important;
  border-image-repeat:var(--sgv-3d-frame-repeat) !important;
  object-fit:var(--sgv-object-fit) !important;
  object-position:var(--sgv-object-position) !important;
  opacity:var(--sgv-opacity) !important;
  filter:var(--sgv-drop-shadow) brightness(var(--sgv-brightness)) contrast(var(--sgv-contrast)) saturate(var(--sgv-saturate)) grayscale(var(--sgv-grayscale)) sepia(var(--sgv-sepia)) hue-rotate(var(--sgv-hue-rotate)) blur(var(--sgv-blur)) !important;
  transform:perspective(var(--sgv-perspective)) rotateX(var(--sgv-rotate-x)) rotateY(var(--sgv-rotate-y)) rotateZ(var(--sgv-rotate-z)) skew(var(--sgv-skew-x),var(--sgv-skew-y)) scale(var(--sgv-scale-x),var(--sgv-scale-y)) !important;
  transform-origin:var(--sgv-transform-origin) !important;
  box-shadow:none !important; /* v1.65: kein rechteckiger Bildschatten; siehe --sgv-drop-shadow */
}


/* Grafik: FB_18-Bierfalle.webp

   Alle Werte dieses Blocks dürfen nachträglich geändert werden. Die Parameter
   sind auch dann vorhanden, wenn der entsprechende Effekt in Word nicht gesetzt war.
   Beispiele: Eckenradius --sgv-border-radius, Konturschatten --sgv-drop-shadow,
   Drehung --sgv-rotate-z, Transparenz --sgv-opacity, Graustufen --sgv-grayscale.
   Position: --sgv-shift-x/--sgv-shift-y; Ebene: --sgv-z-index.
   Textumlauf: --sgv-float (left/right/none), Abstände über die vier
   --sgv-margin-Parameter. --sgv-float ist die aktive CSS-Steuerung
   fuer links/rechts; --sgv-wrap-mode und --sgv-wrap-side dokumentieren die
   aus Word erkannten Umlaufinformationen. Seit v1.51 steuern --sgv-shape-outside
   und --sgv-shape-margin den erweiterten, konturähnlichen Textumlauf. */
.sgv-document-schnecken_im_kleingarten img.sgv-image-fb-18-bierfalle {
  /* v1.86-13: Gemeinsame editierbare Parameter fuer Original und Spiegelungswrapper. */
  /* Größe und Zuschnitt */
  --sgv-image-width:250px;
  --sgv-image-max-width:calc(100% - 40px);
  --sgv-image-height:auto;
  --sgv-object-fit:cover;
  --sgv-object-position:center center;

  /* Rahmen und abgerundete Ecken
     v1.62: Fuer einen Verlauf mit sauber gerundeten Ecken:
       --sgv-border-width:10px;
       --sgv-border-style:solid;
       --sgv-border-color:transparent;
       --sgv-border-radius:15px;
       --sgv-border-gradient:linear-gradient(135deg,#315C3C 0%,#56A35B 50%,#D6E8C8 100%);
     --sgv-border-gradient-fill ist die optionale Flaeche hinter transparenten Bildteilen.
     Standard ist transparent, damit PNG/WebP-Transparenz erhalten bleibt. Nur bei
     ausdruecklichem Bedarf hier eine Farbe (z. B. #fff) eintragen. */
  --sgv-border-width:3px;
  --sgv-border-style:solid;
  --sgv-border-color:#074d07;
  --sgv-border-radius:15px;
  --sgv-border-padding:0px;
  --sgv-border-gradient:linear-gradient(180deg,rgba(7, 77, 7, 1) 0%, rgba(20, 153, 20, 1) 50%, rgba(150, 242, 176, 1) 100%);
  --sgv-border-gradient-fill:transparent;

  /* Schatten und Transparenz
     v1.65: drop-shadow() folgt dem Alphakanal des Bildes. Dadurch liegt der
     Schatten bei transparenten PNG/WebP-Dateien nur um den sichtbaren Bildinhalt
     und nicht mehr um die rechteckige Bildbox. */
  --sgv-drop-shadow:drop-shadow(18px 18px 10px rgba(0,0,0,.5));
  --sgv-opacity:1;

  /* Farb- und Schärfeeffekte */
  --sgv-brightness:1;
  --sgv-contrast:1;
  --sgv-saturate:1;
  --sgv-grayscale:0;
  --sgv-sepia:0;
  --sgv-hue-rotate:0deg;
  --sgv-blur:0px;

  /* Drehung, Spiegelung, Skalierung und perspektivische Effekte */
  --sgv-perspective:1000px;
  --sgv-rotate-x:25deg;
  --sgv-rotate-y:20deg;
  --sgv-rotate-z:0.00deg;
  --sgv-scale-x:1;
  --sgv-scale-y:1;
  --sgv-skew-x:0deg;
  --sgv-skew-y:0deg;
  --sgv-transform-origin:center center;

  /* 3D-Motivrahmen: Größe 0px = ausgeschaltet */
  --sgv-3d-frame-image:url("images/FB_Schnecken/FB_18-Bierfalle.webp");
  --sgv-3d-frame-size:0px;
  --sgv-3d-frame-slice:18;
  --sgv-3d-frame-repeat:stretch;

  /* Spiegelung v1.66:
     Eine echte Spiegelkopie wird erzeugt, wenn am Bild in Word ein Spiegelungs-
     effekt erkannt wurde. Die Parameter stehen dann im separaten Reflection-
     Block dieses Bildes. -webkit-box-reflect wird nicht mehr verwendet. */

  width:var(--sgv-image-width) !important;
  max-width:var(--sgv-image-max-width) !important;
  height:var(--sgv-image-height) !important;
  /* Position, Ausrichtung, Abstände und Ebene */
  --sgv-position:relative;
  --sgv-left:auto;
  --sgv-right:auto;
  --sgv-top:auto;
  --sgv-bottom:auto;
  --sgv-shift-x:0px;
  --sgv-shift-y:0px;
  --sgv-center-offset-x:0%;
  --sgv-z-index:10;
  --sgv-float:left;
  --sgv-clear:none;
  --sgv-wrap-mode:square;
  --sgv-wrap-side:bothSides;
  --sgv-shape-mode:rectangular;
  --sgv-shape-outside:margin-box;
  --sgv-shape-margin:0px;
  --sgv-margin-top:6px;
  --sgv-margin-right:12px;
  --sgv-margin-bottom:12px;
  --sgv-margin-left:0;
  position:var(--sgv-position) !important;
  left:var(--sgv-left) !important;
  right:var(--sgv-right) !important;
  top:var(--sgv-top) !important;
  bottom:var(--sgv-bottom) !important;
  z-index:var(--sgv-z-index) !important;
  float:var(--sgv-float) !important;
  clear:var(--sgv-clear) !important;
  shape-outside:var(--sgv-shape-outside) !important;
  shape-margin:var(--sgv-shape-margin) !important;
  margin:var(--sgv-margin-top) var(--sgv-margin-right) var(--sgv-margin-bottom) var(--sgv-margin-left) !important;
  translate:calc(var(--sgv-center-offset-x) + var(--sgv-shift-x)) var(--sgv-shift-y) !important;
  padding:var(--sgv-border-padding) !important;
  border:var(--sgv-border-width) var(--sgv-border-style) var(--sgv-border-color) !important;
  box-sizing:border-box !important;
  border-radius:var(--sgv-border-radius) !important;
  /* v1.62: Der zweite Hintergrund liegt im transparenten Rahmenbereich und folgt
     im Gegensatz zu border-image sauber dem border-radius. Bei
     --sgv-border-gradient:none bleibt diese Ebene wirkungslos. */
  background:
    linear-gradient(var(--sgv-border-gradient-fill),var(--sgv-border-gradient-fill)) padding-box,
    var(--sgv-border-gradient) border-box !important;
  background-origin:border-box !important;
  background-clip:padding-box,border-box !important;
  border-image-source:var(--sgv-3d-frame-image) !important;
  border-image-slice:var(--sgv-3d-frame-slice) !important;
  border-image-width:var(--sgv-3d-frame-size) !important;
  border-image-repeat:var(--sgv-3d-frame-repeat) !important;
  object-fit:var(--sgv-object-fit) !important;
  object-position:var(--sgv-object-position) !important;
  opacity:var(--sgv-opacity) !important;
  filter:var(--sgv-drop-shadow) brightness(var(--sgv-brightness)) contrast(var(--sgv-contrast)) saturate(var(--sgv-saturate)) grayscale(var(--sgv-grayscale)) sepia(var(--sgv-sepia)) hue-rotate(var(--sgv-hue-rotate)) blur(var(--sgv-blur)) !important;
  transform:perspective(var(--sgv-perspective)) rotateX(var(--sgv-rotate-x)) rotateY(var(--sgv-rotate-y)) rotateZ(var(--sgv-rotate-z)) skew(var(--sgv-skew-x),var(--sgv-skew-y)) scale(var(--sgv-scale-x),var(--sgv-scale-y)) !important;
  transform-origin:var(--sgv-transform-origin) !important;
  box-shadow:none !important; /* v1.65: kein rechteckiger Bildschatten; siehe --sgv-drop-shadow */
}


/* Grafik: FB_19-Branntkalk ausbringen.webp

   Alle Werte dieses Blocks dürfen nachträglich geändert werden. Die Parameter
   sind auch dann vorhanden, wenn der entsprechende Effekt in Word nicht gesetzt war.
   Beispiele: Eckenradius --sgv-border-radius, Konturschatten --sgv-drop-shadow,
   Drehung --sgv-rotate-z, Transparenz --sgv-opacity, Graustufen --sgv-grayscale.
   Position: --sgv-shift-x/--sgv-shift-y; Ebene: --sgv-z-index.
   Textumlauf: --sgv-float (left/right/none), Abstände über die vier
   --sgv-margin-Parameter. --sgv-float ist die aktive CSS-Steuerung
   fuer links/rechts; --sgv-wrap-mode und --sgv-wrap-side dokumentieren die
   aus Word erkannten Umlaufinformationen. Seit v1.51 steuern --sgv-shape-outside
   und --sgv-shape-margin den erweiterten, konturähnlichen Textumlauf. */
.sgv-document-schnecken_im_kleingarten img.sgv-image-fb-19-branntkalk-ausbringen {
  /* v1.86-13: Gemeinsame editierbare Parameter fuer Original und Spiegelungswrapper. */
  /* Größe und Zuschnitt */
  --sgv-image-width:250px;
  --sgv-image-max-width:calc(100% - 40px);
  --sgv-image-height:auto;
  --sgv-object-fit:cover;
  --sgv-object-position:center center;

  /* Rahmen und abgerundete Ecken
     v1.62: Fuer einen Verlauf mit sauber gerundeten Ecken:
       --sgv-border-width:10px;
       --sgv-border-style:solid;
       --sgv-border-color:transparent;
       --sgv-border-radius:15px;
       --sgv-border-gradient:linear-gradient(135deg,#315C3C 0%,#56A35B 50%,#D6E8C8 100%);
     --sgv-border-gradient-fill ist die optionale Flaeche hinter transparenten Bildteilen.
     Standard ist transparent, damit PNG/WebP-Transparenz erhalten bleibt. Nur bei
     ausdruecklichem Bedarf hier eine Farbe (z. B. #fff) eintragen. */
  --sgv-border-width:3px;
  --sgv-border-style:solid;
  --sgv-border-color:#074d07;
  --sgv-border-radius:15px;
  --sgv-border-padding:0px;
  --sgv-border-gradient:linear-gradient(180deg,rgba(7, 77, 7, 1) 0%, rgba(20, 153, 20, 1) 50%, rgba(150, 242, 176, 1) 100%);
  --sgv-border-gradient-fill:transparent;

  /* Schatten und Transparenz
     v1.65: drop-shadow() folgt dem Alphakanal des Bildes. Dadurch liegt der
     Schatten bei transparenten PNG/WebP-Dateien nur um den sichtbaren Bildinhalt
     und nicht mehr um die rechteckige Bildbox. */
  --sgv-drop-shadow:drop-shadow(18px 18px 10px rgba(0,0,0,.5));
  --sgv-opacity:1;

  /* Farb- und Schärfeeffekte */
  --sgv-brightness:1;
  --sgv-contrast:1;
  --sgv-saturate:1;
  --sgv-grayscale:0;
  --sgv-sepia:0;
  --sgv-hue-rotate:0deg;
  --sgv-blur:0px;

  /* Drehung, Spiegelung, Skalierung und perspektivische Effekte */
  --sgv-perspective:1000px;
  --sgv-rotate-x:25deg;
  --sgv-rotate-y:0deg;
  --sgv-rotate-z:0.00deg;
  --sgv-scale-x:1;
  --sgv-scale-y:1;
  --sgv-skew-x:0deg;
  --sgv-skew-y:0deg;
  --sgv-transform-origin:center center;

  /* 3D-Motivrahmen: Größe 0px = ausgeschaltet */
  --sgv-3d-frame-image:url("images/FB_Schnecken/FB_19-Branntkalk ausbringen.webp");
  --sgv-3d-frame-size:0px;
  --sgv-3d-frame-slice:18;
  --sgv-3d-frame-repeat:stretch;

  /* Spiegelung v1.66:
     Eine echte Spiegelkopie wird erzeugt, wenn am Bild in Word ein Spiegelungs-
     effekt erkannt wurde. Die Parameter stehen dann im separaten Reflection-
     Block dieses Bildes. -webkit-box-reflect wird nicht mehr verwendet. */

  width:var(--sgv-image-width) !important;
  max-width:var(--sgv-image-max-width) !important;
  height:var(--sgv-image-height) !important;
  /* Position, Ausrichtung, Abstände und Ebene */
  --sgv-position:relative;
  --sgv-left:auto;
  --sgv-right:auto;
  --sgv-top:auto;
  --sgv-bottom:auto;
  --sgv-shift-x:0px;
  --sgv-shift-y:0px;
  --sgv-center-offset-x:0%;
  --sgv-z-index:10;
  --sgv-float:left;
  --sgv-clear:none;
  --sgv-wrap-mode:square;
  --sgv-wrap-side:bothSides;
  --sgv-shape-mode:rectangular;
  --sgv-shape-outside:margin-box;
  --sgv-shape-margin:0px;
  --sgv-margin-top:9px;
  --sgv-margin-right:12px;
  --sgv-margin-bottom:12px;
  --sgv-margin-left:0;
  position:var(--sgv-position) !important;
  left:var(--sgv-left) !important;
  right:var(--sgv-right) !important;
  top:var(--sgv-top) !important;
  bottom:var(--sgv-bottom) !important;
  z-index:var(--sgv-z-index) !important;
  float:var(--sgv-float) !important;
  clear:var(--sgv-clear) !important;
  shape-outside:var(--sgv-shape-outside) !important;
  shape-margin:var(--sgv-shape-margin) !important;
  margin:var(--sgv-margin-top) var(--sgv-margin-right) var(--sgv-margin-bottom) var(--sgv-margin-left) !important;
  translate:calc(var(--sgv-center-offset-x) + var(--sgv-shift-x)) var(--sgv-shift-y) !important;
  padding:var(--sgv-border-padding) !important;
  border:var(--sgv-border-width) var(--sgv-border-style) var(--sgv-border-color) !important;
  box-sizing:border-box !important;
  border-radius:var(--sgv-border-radius) !important;
  /* v1.62: Der zweite Hintergrund liegt im transparenten Rahmenbereich und folgt
     im Gegensatz zu border-image sauber dem border-radius. Bei
     --sgv-border-gradient:none bleibt diese Ebene wirkungslos. */
  background:
    linear-gradient(var(--sgv-border-gradient-fill),var(--sgv-border-gradient-fill)) padding-box,
    var(--sgv-border-gradient) border-box !important;
  background-origin:border-box !important;
  background-clip:padding-box,border-box !important;
  border-image-source:var(--sgv-3d-frame-image) !important;
  border-image-slice:var(--sgv-3d-frame-slice) !important;
  border-image-width:var(--sgv-3d-frame-size) !important;
  border-image-repeat:var(--sgv-3d-frame-repeat) !important;
  object-fit:var(--sgv-object-fit) !important;
  object-position:var(--sgv-object-position) !important;
  opacity:var(--sgv-opacity) !important;
  filter:var(--sgv-drop-shadow) brightness(var(--sgv-brightness)) contrast(var(--sgv-contrast)) saturate(var(--sgv-saturate)) grayscale(var(--sgv-grayscale)) sepia(var(--sgv-sepia)) hue-rotate(var(--sgv-hue-rotate)) blur(var(--sgv-blur)) !important;
  transform:perspective(var(--sgv-perspective)) rotateX(var(--sgv-rotate-x)) rotateY(var(--sgv-rotate-y)) rotateZ(var(--sgv-rotate-z)) skew(var(--sgv-skew-x),var(--sgv-skew-y)) scale(var(--sgv-scale-x),var(--sgv-scale-y)) !important;
  transform-origin:var(--sgv-transform-origin) !important;
  box-shadow:none !important; /* v1.65: kein rechteckiger Bildschatten; siehe --sgv-drop-shadow */
}


/* Grafik: FB_20-Schneckenkorn.webp

   Alle Werte dieses Blocks dürfen nachträglich geändert werden. Die Parameter
   sind auch dann vorhanden, wenn der entsprechende Effekt in Word nicht gesetzt war.
   Beispiele: Eckenradius --sgv-border-radius, Konturschatten --sgv-drop-shadow,
   Drehung --sgv-rotate-z, Transparenz --sgv-opacity, Graustufen --sgv-grayscale.
   Position: --sgv-shift-x/--sgv-shift-y; Ebene: --sgv-z-index.
   Textumlauf: --sgv-float (left/right/none), Abstände über die vier
   --sgv-margin-Parameter. --sgv-float ist die aktive CSS-Steuerung
   fuer links/rechts; --sgv-wrap-mode und --sgv-wrap-side dokumentieren die
   aus Word erkannten Umlaufinformationen. Seit v1.51 steuern --sgv-shape-outside
   und --sgv-shape-margin den erweiterten, konturähnlichen Textumlauf. */
.sgv-document-schnecken_im_kleingarten img.sgv-image-fb-20-schneckenkorn {
  /* v1.86-13: Gemeinsame editierbare Parameter fuer Original und Spiegelungswrapper. */
  /* Größe und Zuschnitt */
  --sgv-image-width:300px;
  --sgv-image-max-width:calc(100% - 40px);
  --sgv-image-height:auto;
  --sgv-object-fit:cover;
  --sgv-object-position:center center;

  /* Rahmen und abgerundete Ecken
     v1.62: Fuer einen Verlauf mit sauber gerundeten Ecken:
       --sgv-border-width:10px;
       --sgv-border-style:solid;
       --sgv-border-color:transparent;
       --sgv-border-radius:15px;
       --sgv-border-gradient:linear-gradient(135deg,#315C3C 0%,#56A35B 50%,#D6E8C8 100%);
     --sgv-border-gradient-fill ist die optionale Flaeche hinter transparenten Bildteilen.
     Standard ist transparent, damit PNG/WebP-Transparenz erhalten bleibt. Nur bei
     ausdruecklichem Bedarf hier eine Farbe (z. B. #fff) eintragen. */
  --sgv-border-width:4px;
  --sgv-border-style:solid;
  --sgv-border-color:#074d07;
  --sgv-border-radius:15px;
  --sgv-border-padding:0px;
  --sgv-border-gradient:linear-gradient(180deg,rgba(7, 77, 7, 1) 0%, rgba(20, 153, 20, 1) 50%, rgba(150, 242, 176, 1) 100%);
  --sgv-border-gradient-fill:transparent;

  /* Schatten und Transparenz
     v1.65: drop-shadow() folgt dem Alphakanal des Bildes. Dadurch liegt der
     Schatten bei transparenten PNG/WebP-Dateien nur um den sichtbaren Bildinhalt
     und nicht mehr um die rechteckige Bildbox. */
  --sgv-drop-shadow:drop-shadow(18px -18px 10px rgba(0,0,0,.5));
  --sgv-opacity:1;

  /* Farb- und Schärfeeffekte */
  --sgv-brightness:1;
  --sgv-contrast:1;
  --sgv-saturate:1;
  --sgv-grayscale:0;
  --sgv-sepia:0;
  --sgv-hue-rotate:0deg;
  --sgv-blur:0px;

  /* Drehung, Spiegelung, Skalierung und perspektivische Effekte */
  --sgv-perspective:1000px;
  --sgv-rotate-x:-30deg;
  --sgv-rotate-y:0deg;
  --sgv-rotate-z:14.40deg;
  --sgv-scale-x:1;
  --sgv-scale-y:1;
  --sgv-skew-x:0deg;
  --sgv-skew-y:0deg;
  --sgv-transform-origin:center center;

  /* 3D-Motivrahmen: Größe 0px = ausgeschaltet */
  --sgv-3d-frame-image:url("images/FB_Schnecken/FB_20-Schneckenkorn.webp");
  --sgv-3d-frame-size:0px;
  --sgv-3d-frame-slice:18;
  --sgv-3d-frame-repeat:stretch;

  /* Spiegelung v1.66:
     Eine echte Spiegelkopie wird erzeugt, wenn am Bild in Word ein Spiegelungs-
     effekt erkannt wurde. Die Parameter stehen dann im separaten Reflection-
     Block dieses Bildes. -webkit-box-reflect wird nicht mehr verwendet. */

  width:var(--sgv-image-width) !important;
  max-width:var(--sgv-image-max-width) !important;
  height:var(--sgv-image-height) !important;
  /* Position, Ausrichtung, Abstände und Ebene */
  --sgv-position:relative;
  --sgv-left:auto;
  --sgv-right:auto;
  --sgv-top:auto;
  --sgv-bottom:auto;
  --sgv-shift-x:0px;
  --sgv-shift-y:0px;
  --sgv-center-offset-x:0%;
  --sgv-z-index:10;
  --sgv-float:right;
  --sgv-clear:none;
  --sgv-wrap-mode:square;
  --sgv-wrap-side:bothSides;
  --sgv-shape-mode:rectangular;
  --sgv-shape-outside:margin-box;
  --sgv-shape-margin:0px;
  --sgv-margin-top:23px;
  --sgv-margin-right:0;
  --sgv-margin-bottom:12px;
  --sgv-margin-left:20px;
  position:var(--sgv-position) !important;
  left:var(--sgv-left) !important;
  right:var(--sgv-right) !important;
  top:var(--sgv-top) !important;
  bottom:var(--sgv-bottom) !important;
  z-index:var(--sgv-z-index) !important;
  float:var(--sgv-float) !important;
  clear:var(--sgv-clear) !important;
  shape-outside:var(--sgv-shape-outside) !important;
  shape-margin:var(--sgv-shape-margin) !important;
  margin:var(--sgv-margin-top) var(--sgv-margin-right) var(--sgv-margin-bottom) var(--sgv-margin-left) !important;
  translate:calc(var(--sgv-center-offset-x) + var(--sgv-shift-x)) var(--sgv-shift-y) !important;
  padding:var(--sgv-border-padding) !important;
  border:var(--sgv-border-width) var(--sgv-border-style) var(--sgv-border-color) !important;
  box-sizing:border-box !important;
  border-radius:var(--sgv-border-radius) !important;
  /* v1.62: Der zweite Hintergrund liegt im transparenten Rahmenbereich und folgt
     im Gegensatz zu border-image sauber dem border-radius. Bei
     --sgv-border-gradient:none bleibt diese Ebene wirkungslos. */
  background:
    linear-gradient(var(--sgv-border-gradient-fill),var(--sgv-border-gradient-fill)) padding-box,
    var(--sgv-border-gradient) border-box !important;
  background-origin:border-box !important;
  background-clip:padding-box,border-box !important;
  border-image-source:var(--sgv-3d-frame-image) !important;
  border-image-slice:var(--sgv-3d-frame-slice) !important;
  border-image-width:var(--sgv-3d-frame-size) !important;
  border-image-repeat:var(--sgv-3d-frame-repeat) !important;
  object-fit:var(--sgv-object-fit) !important;
  object-position:var(--sgv-object-position) !important;
  opacity:var(--sgv-opacity) !important;
  filter:var(--sgv-drop-shadow) brightness(var(--sgv-brightness)) contrast(var(--sgv-contrast)) saturate(var(--sgv-saturate)) grayscale(var(--sgv-grayscale)) sepia(var(--sgv-sepia)) hue-rotate(var(--sgv-hue-rotate)) blur(var(--sgv-blur)) !important;
  transform:perspective(var(--sgv-perspective)) rotateX(var(--sgv-rotate-x)) rotateY(var(--sgv-rotate-y)) rotateZ(var(--sgv-rotate-z)) skew(var(--sgv-skew-x),var(--sgv-skew-y)) scale(var(--sgv-scale-x),var(--sgv-scale-y)) !important;
  transform-origin:var(--sgv-transform-origin) !important;
  box-shadow:none !important; /* v1.65: kein rechteckiger Bildschatten; siehe --sgv-drop-shadow */
}


/* Grafik: FB_21-Schnecken_auf_Funkien.webp

   Alle Werte dieses Blocks dürfen nachträglich geändert werden. Die Parameter
   sind auch dann vorhanden, wenn der entsprechende Effekt in Word nicht gesetzt war.
   Beispiele: Eckenradius --sgv-border-radius, Konturschatten --sgv-drop-shadow,
   Drehung --sgv-rotate-z, Transparenz --sgv-opacity, Graustufen --sgv-grayscale.
   Position: --sgv-shift-x/--sgv-shift-y; Ebene: --sgv-z-index.
   Textumlauf: --sgv-float (left/right/none), Abstände über die vier
   --sgv-margin-Parameter. --sgv-float ist die aktive CSS-Steuerung
   fuer links/rechts; --sgv-wrap-mode und --sgv-wrap-side dokumentieren die
   aus Word erkannten Umlaufinformationen. Seit v1.51 steuern --sgv-shape-outside
   und --sgv-shape-margin den erweiterten, konturähnlichen Textumlauf. */
.sgv-document-schnecken_im_kleingarten img.sgv-image-fb-21-schnecken-auf-funkien {
  /* v1.86-13: Gemeinsame editierbare Parameter fuer Original und Spiegelungswrapper. */
  /* Größe und Zuschnitt */
  --sgv-image-width:400px;
  --sgv-image-max-width:calc(100% - 40px);
  --sgv-image-height:auto;
  --sgv-object-fit:cover;
  --sgv-object-position:center center;

  /* Rahmen und abgerundete Ecken
     v1.62: Fuer einen Verlauf mit sauber gerundeten Ecken:
       --sgv-border-width:10px;
       --sgv-border-style:solid;
       --sgv-border-color:transparent;
       --sgv-border-radius:15px;
       --sgv-border-gradient:linear-gradient(135deg,#315C3C 0%,#56A35B 50%,#D6E8C8 100%);
     --sgv-border-gradient-fill ist die optionale Flaeche hinter transparenten Bildteilen.
     Standard ist transparent, damit PNG/WebP-Transparenz erhalten bleibt. Nur bei
     ausdruecklichem Bedarf hier eine Farbe (z. B. #fff) eintragen. */
  --sgv-border-width:4px;
  --sgv-border-style:solid;
  --sgv-border-color:#074d07;
  --sgv-border-radius:16px;
  --sgv-border-padding:0px;
  --sgv-border-gradient:linear-gradient(180deg,rgba(7, 77, 7, 1) 0%, rgba(20, 153, 20, 1) 50%, rgba(150, 242, 176, 1) 100%);
  --sgv-border-gradient-fill:transparent;

  /* Schatten und Transparenz
     v1.65: drop-shadow() folgt dem Alphakanal des Bildes. Dadurch liegt der
     Schatten bei transparenten PNG/WebP-Dateien nur um den sichtbaren Bildinhalt
     und nicht mehr um die rechteckige Bildbox. */
  --sgv-drop-shadow:drop-shadow(18px 16px 12px rgba(0,0,0,.5));
  --sgv-opacity:1;

  /* Farb- und Schärfeeffekte */
  --sgv-brightness:1;
  --sgv-contrast:1;
  --sgv-saturate:1;
  --sgv-grayscale:0;
  --sgv-sepia:0;
  --sgv-hue-rotate:0deg;
  --sgv-blur:0px;

  /* Drehung, Spiegelung, Skalierung und perspektivische Effekte */
  --sgv-perspective:1000px;
  --sgv-rotate-x:30deg;
  --sgv-rotate-y:20deg;
  --sgv-rotate-z:0.00deg;
  --sgv-scale-x:1;
  --sgv-scale-y:1;
  --sgv-skew-x:0deg;
  --sgv-skew-y:0deg;
  --sgv-transform-origin:center center;

  /* 3D-Motivrahmen: Größe 0px = ausgeschaltet */
  --sgv-3d-frame-image:url("images/FB_Schnecken/FB_21-Schnecken_auf_Funkien.webp");
  --sgv-3d-frame-size:0px;
  --sgv-3d-frame-slice:18;
  --sgv-3d-frame-repeat:stretch;

  /* Spiegelung v1.66:
     Eine echte Spiegelkopie wird erzeugt, wenn am Bild in Word ein Spiegelungs-
     effekt erkannt wurde. Die Parameter stehen dann im separaten Reflection-
     Block dieses Bildes. -webkit-box-reflect wird nicht mehr verwendet. */

  width:var(--sgv-image-width) !important;
  max-width:var(--sgv-image-max-width) !important;
  height:var(--sgv-image-height) !important;
  /* Position, Ausrichtung, Abstände und Ebene */
  --sgv-position:relative;
  --sgv-left:auto;
  --sgv-right:auto;
  --sgv-top:auto;
  --sgv-bottom:auto;
  --sgv-shift-x:0px;
  --sgv-shift-y:0px;
  --sgv-center-offset-x:0%;
  --sgv-z-index:10;
  --sgv-float:none;
  --sgv-clear:none;
  --sgv-wrap-mode:top-bottom;
  --sgv-wrap-side:bothSides;
  --sgv-shape-mode:rectangular;
  --sgv-shape-outside:margin-box;
  --sgv-shape-margin:0px;
  --sgv-margin-top:12px;
  --sgv-margin-right:auto;
  --sgv-margin-bottom:20px;
  --sgv-margin-left:auto;
  position:var(--sgv-position) !important;
  left:var(--sgv-left) !important;
  right:var(--sgv-right) !important;
  top:var(--sgv-top) !important;
  bottom:var(--sgv-bottom) !important;
  z-index:var(--sgv-z-index) !important;
  float:var(--sgv-float) !important;
  clear:var(--sgv-clear) !important;
  shape-outside:var(--sgv-shape-outside) !important;
  shape-margin:var(--sgv-shape-margin) !important;
  margin:var(--sgv-margin-top) var(--sgv-margin-right) var(--sgv-margin-bottom) var(--sgv-margin-left) !important;
  translate:calc(var(--sgv-center-offset-x) + var(--sgv-shift-x)) var(--sgv-shift-y) !important;
  padding:var(--sgv-border-padding) !important;
  border:var(--sgv-border-width) var(--sgv-border-style) var(--sgv-border-color) !important;
  box-sizing:border-box !important;
  border-radius:var(--sgv-border-radius) !important;
  /* v1.62: Der zweite Hintergrund liegt im transparenten Rahmenbereich und folgt
     im Gegensatz zu border-image sauber dem border-radius. Bei
     --sgv-border-gradient:none bleibt diese Ebene wirkungslos. */
  background:
    linear-gradient(var(--sgv-border-gradient-fill),var(--sgv-border-gradient-fill)) padding-box,
    var(--sgv-border-gradient) border-box !important;
  background-origin:border-box !important;
  background-clip:padding-box,border-box !important;
  border-image-source:var(--sgv-3d-frame-image) !important;
  border-image-slice:var(--sgv-3d-frame-slice) !important;
  border-image-width:var(--sgv-3d-frame-size) !important;
  border-image-repeat:var(--sgv-3d-frame-repeat) !important;
  object-fit:var(--sgv-object-fit) !important;
  object-position:var(--sgv-object-position) !important;
  opacity:var(--sgv-opacity) !important;
  filter:var(--sgv-drop-shadow) brightness(var(--sgv-brightness)) contrast(var(--sgv-contrast)) saturate(var(--sgv-saturate)) grayscale(var(--sgv-grayscale)) sepia(var(--sgv-sepia)) hue-rotate(var(--sgv-hue-rotate)) blur(var(--sgv-blur)) !important;
  transform:perspective(var(--sgv-perspective)) rotateX(var(--sgv-rotate-x)) rotateY(var(--sgv-rotate-y)) rotateZ(var(--sgv-rotate-z)) skew(var(--sgv-skew-x),var(--sgv-skew-y)) scale(var(--sgv-scale-x),var(--sgv-scale-y)) !important;
  transform-origin:var(--sgv-transform-origin) !important;
  box-shadow:none !important; /* v1.65: kein rechteckiger Bildschatten; siehe --sgv-drop-shadow */
}


/* Grafik: FB_22-Schneckenregulierung_im_Jahresverlauf.webp

   Alle Werte dieses Blocks dürfen nachträglich geändert werden. Die Parameter
   sind auch dann vorhanden, wenn der entsprechende Effekt in Word nicht gesetzt war.
   Beispiele: Eckenradius --sgv-border-radius, Konturschatten --sgv-drop-shadow,
   Drehung --sgv-rotate-z, Transparenz --sgv-opacity, Graustufen --sgv-grayscale.
   Position: --sgv-shift-x/--sgv-shift-y; Ebene: --sgv-z-index.
   Textumlauf: --sgv-float (left/right/none), Abstände über die vier
   --sgv-margin-Parameter. --sgv-float ist die aktive CSS-Steuerung
   fuer links/rechts; --sgv-wrap-mode und --sgv-wrap-side dokumentieren die
   aus Word erkannten Umlaufinformationen. Seit v1.51 steuern --sgv-shape-outside
   und --sgv-shape-margin den erweiterten, konturähnlichen Textumlauf. */
.sgv-document-schnecken_im_kleingarten img.sgv-image-fb-22-schneckenregulierung-im-jahresverlauf {
  /* v1.86-13: Gemeinsame editierbare Parameter fuer Original und Spiegelungswrapper. */
  /* Größe und Zuschnitt */
  --sgv-image-width:400px;
  --sgv-image-max-width:calc(100% - 40px);
  --sgv-image-height:auto;
  --sgv-object-fit:cover;
  --sgv-object-position:center center;

  /* Rahmen und abgerundete Ecken
     v1.62: Fuer einen Verlauf mit sauber gerundeten Ecken:
       --sgv-border-width:10px;
       --sgv-border-style:solid;
       --sgv-border-color:transparent;
       --sgv-border-radius:15px;
       --sgv-border-gradient:linear-gradient(135deg,#315C3C 0%,#56A35B 50%,#D6E8C8 100%);
     --sgv-border-gradient-fill ist die optionale Flaeche hinter transparenten Bildteilen.
     Standard ist transparent, damit PNG/WebP-Transparenz erhalten bleibt. Nur bei
     ausdruecklichem Bedarf hier eine Farbe (z. B. #fff) eintragen. */
  --sgv-border-width:4px;
  --sgv-border-style:solid;
  --sgv-border-color:#074d07;
  --sgv-border-radius:18px;
  --sgv-border-padding:0px;
  --sgv-border-gradient:linear-gradient(180deg,rgba(7, 77, 7, 1) 0%, rgba(20, 153, 20, 1) 50%, rgba(150, 242, 176, 1) 100%);
  --sgv-border-gradient-fill:transparent;

  /* Schatten und Transparenz
     v1.65: drop-shadow() folgt dem Alphakanal des Bildes. Dadurch liegt der
     Schatten bei transparenten PNG/WebP-Dateien nur um den sichtbaren Bildinhalt
     und nicht mehr um die rechteckige Bildbox. */
  --sgv-drop-shadow:drop-shadow(18px 16px 12px rgba(0,0,0,.5));
  --sgv-opacity:1;

  /* Farb- und Schärfeeffekte */
  --sgv-brightness:1;
  --sgv-contrast:1;
  --sgv-saturate:1;
  --sgv-grayscale:0;
  --sgv-sepia:0;
  --sgv-hue-rotate:0deg;
  --sgv-blur:0px;

  /* Drehung, Spiegelung, Skalierung und perspektivische Effekte */
  --sgv-perspective:1000px;
  --sgv-rotate-x:30deg;
  --sgv-rotate-y:-18deg;
  --sgv-rotate-z:-8.65deg;
  --sgv-scale-x:1;
  --sgv-scale-y:1;
  --sgv-skew-x:0deg;
  --sgv-skew-y:0deg;
  --sgv-transform-origin:center center;

  /* 3D-Motivrahmen: Größe 0px = ausgeschaltet */
  --sgv-3d-frame-image:url("images/FB_Schnecken/FB_22-Schneckenregulierung_im_Jahresverlauf.webp");
  --sgv-3d-frame-size:0px;
  --sgv-3d-frame-slice:18;
  --sgv-3d-frame-repeat:stretch;

  /* Spiegelung v1.66:
     Eine echte Spiegelkopie wird erzeugt, wenn am Bild in Word ein Spiegelungs-
     effekt erkannt wurde. Die Parameter stehen dann im separaten Reflection-
     Block dieses Bildes. -webkit-box-reflect wird nicht mehr verwendet. */

  width:var(--sgv-image-width) !important;
  max-width:var(--sgv-image-max-width) !important;
  height:var(--sgv-image-height) !important;
  /* Position, Ausrichtung, Abstände und Ebene */
  --sgv-position:relative;
  --sgv-left:auto;
  --sgv-right:auto;
  --sgv-top:auto;
  --sgv-bottom:auto;
  --sgv-shift-x:0px;
  --sgv-shift-y:0px;
  --sgv-center-offset-x:0%;
  --sgv-z-index:10;
  --sgv-float:none;
  --sgv-clear:none;
  --sgv-wrap-mode:top-bottom;
  --sgv-wrap-side:bothSides;
  --sgv-shape-mode:rectangular;
  --sgv-shape-outside:margin-box;
  --sgv-shape-margin:0px;
  --sgv-margin-top:12px;
  --sgv-margin-right:auto;
  --sgv-margin-bottom:30px;
  --sgv-margin-left:auto;
  position:var(--sgv-position) !important;
  left:var(--sgv-left) !important;
  right:var(--sgv-right) !important;
  top:var(--sgv-top) !important;
  bottom:var(--sgv-bottom) !important;
  z-index:var(--sgv-z-index) !important;
  float:var(--sgv-float) !important;
  clear:var(--sgv-clear) !important;
  shape-outside:var(--sgv-shape-outside) !important;
  shape-margin:var(--sgv-shape-margin) !important;
  margin:var(--sgv-margin-top) var(--sgv-margin-right) var(--sgv-margin-bottom) var(--sgv-margin-left) !important;
  translate:calc(var(--sgv-center-offset-x) + var(--sgv-shift-x)) var(--sgv-shift-y) !important;
  padding:var(--sgv-border-padding) !important;
  border:var(--sgv-border-width) var(--sgv-border-style) var(--sgv-border-color) !important;
  box-sizing:border-box !important;
  border-radius:var(--sgv-border-radius) !important;
  /* v1.62: Der zweite Hintergrund liegt im transparenten Rahmenbereich und folgt
     im Gegensatz zu border-image sauber dem border-radius. Bei
     --sgv-border-gradient:none bleibt diese Ebene wirkungslos. */
  background:
    linear-gradient(var(--sgv-border-gradient-fill),var(--sgv-border-gradient-fill)) padding-box,
    var(--sgv-border-gradient) border-box !important;
  background-origin:border-box !important;
  background-clip:padding-box,border-box !important;
  border-image-source:var(--sgv-3d-frame-image) !important;
  border-image-slice:var(--sgv-3d-frame-slice) !important;
  border-image-width:var(--sgv-3d-frame-size) !important;
  border-image-repeat:var(--sgv-3d-frame-repeat) !important;
  object-fit:var(--sgv-object-fit) !important;
  object-position:var(--sgv-object-position) !important;
  opacity:var(--sgv-opacity) !important;
  filter:var(--sgv-drop-shadow) brightness(var(--sgv-brightness)) contrast(var(--sgv-contrast)) saturate(var(--sgv-saturate)) grayscale(var(--sgv-grayscale)) sepia(var(--sgv-sepia)) hue-rotate(var(--sgv-hue-rotate)) blur(var(--sgv-blur)) !important;
  transform:perspective(var(--sgv-perspective)) rotateX(var(--sgv-rotate-x)) rotateY(var(--sgv-rotate-y)) rotateZ(var(--sgv-rotate-z)) skew(var(--sgv-skew-x),var(--sgv-skew-y)) scale(var(--sgv-scale-x),var(--sgv-scale-y)) !important;
  transform-origin:var(--sgv-transform-origin) !important;
  box-shadow:none !important; /* v1.65: kein rechteckiger Bildschatten; siehe --sgv-drop-shadow */
}


/* Grafik: FB_24-Hochbeetanlage.webp

   Alle Werte dieses Blocks dürfen nachträglich geändert werden. Die Parameter
   sind auch dann vorhanden, wenn der entsprechende Effekt in Word nicht gesetzt war.
   Beispiele: Eckenradius --sgv-border-radius, Konturschatten --sgv-drop-shadow,
   Drehung --sgv-rotate-z, Transparenz --sgv-opacity, Graustufen --sgv-grayscale.
   Position: --sgv-shift-x/--sgv-shift-y; Ebene: --sgv-z-index.
   Textumlauf: --sgv-float (left/right/none), Abstände über die vier
   --sgv-margin-Parameter. --sgv-float ist die aktive CSS-Steuerung
   fuer links/rechts; --sgv-wrap-mode und --sgv-wrap-side dokumentieren die
   aus Word erkannten Umlaufinformationen. Seit v1.51 steuern --sgv-shape-outside
   und --sgv-shape-margin den erweiterten, konturähnlichen Textumlauf. */
.sgv-document-schnecken_im_kleingarten img.sgv-image-fb-24-hochbeetanlage {
  /* v1.86-13: Gemeinsame editierbare Parameter fuer Original und Spiegelungswrapper. */
  /* Größe und Zuschnitt */
  --sgv-image-width:400px;
  --sgv-image-max-width:calc(100% - 40px);
  --sgv-image-height:auto;
  --sgv-object-fit:cover;
  --sgv-object-position:center center;

  /* Rahmen und abgerundete Ecken
     v1.62: Fuer einen Verlauf mit sauber gerundeten Ecken:
       --sgv-border-width:10px;
       --sgv-border-style:solid;
       --sgv-border-color:transparent;
       --sgv-border-radius:15px;
       --sgv-border-gradient:linear-gradient(135deg,#315C3C 0%,#56A35B 50%,#D6E8C8 100%);
     --sgv-border-gradient-fill ist die optionale Flaeche hinter transparenten Bildteilen.
     Standard ist transparent, damit PNG/WebP-Transparenz erhalten bleibt. Nur bei
     ausdruecklichem Bedarf hier eine Farbe (z. B. #fff) eintragen. */
  --sgv-border-width:3px;
  --sgv-border-style:solid;
  --sgv-border-color:transparent;
  --sgv-border-radius:15px;
  --sgv-border-padding:0px;
  --sgv-border-gradient:none;
  --sgv-border-gradient-fill:transparent;

  /* Schatten und Transparenz
     v1.65: drop-shadow() folgt dem Alphakanal des Bildes. Dadurch liegt der
     Schatten bei transparenten PNG/WebP-Dateien nur um den sichtbaren Bildinhalt
     und nicht mehr um die rechteckige Bildbox. */
  --sgv-drop-shadow:drop-shadow(18px 18px 12px rgba(0,0,0,.5));
  --sgv-opacity:1;

  /* Farb- und Schärfeeffekte */
  --sgv-brightness:1;
  --sgv-contrast:1;
  --sgv-saturate:1;
  --sgv-grayscale:0;
  --sgv-sepia:0;
  --sgv-hue-rotate:0deg;
  --sgv-blur:0px;

  /* Drehung, Spiegelung, Skalierung und perspektivische Effekte */
  --sgv-perspective:1000px;
  --sgv-rotate-x:20deg;
  --sgv-rotate-y:0deg;
  --sgv-rotate-z:-7.51deg;
  --sgv-scale-x:1;
  --sgv-scale-y:1;
  --sgv-skew-x:0deg;
  --sgv-skew-y:0deg;
  --sgv-transform-origin:center center;

  /* 3D-Motivrahmen: Größe 0px = ausgeschaltet */
  --sgv-3d-frame-image:url("images/FB_Schnecken/FB_24-Hochbeetanlage.webp");
  --sgv-3d-frame-size:0px;
  --sgv-3d-frame-slice:18;
  --sgv-3d-frame-repeat:stretch;

  /* Spiegelung v1.66:
     Eine echte Spiegelkopie wird erzeugt, wenn am Bild in Word ein Spiegelungs-
     effekt erkannt wurde. Die Parameter stehen dann im separaten Reflection-
     Block dieses Bildes. -webkit-box-reflect wird nicht mehr verwendet. */

  width:var(--sgv-image-width) !important;
  max-width:var(--sgv-image-max-width) !important;
  height:var(--sgv-image-height) !important;
  /* Position, Ausrichtung, Abstände und Ebene */
  --sgv-position:relative;
  --sgv-left:auto;
  --sgv-right:auto;
  --sgv-top:auto;
  --sgv-bottom:auto;
  --sgv-shift-x:0px;
  --sgv-shift-y:0px;
  --sgv-center-offset-x:0%;
  --sgv-z-index:10;
  --sgv-float:none;
  --sgv-clear:none;
  --sgv-wrap-mode:top-bottom;
  --sgv-wrap-side:bothSides;
  --sgv-shape-mode:rectangular;
  --sgv-shape-outside:margin-box;
  --sgv-shape-margin:0px;
  --sgv-margin-top:12px;
  --sgv-margin-right:auto;
  --sgv-margin-bottom:20px;
  --sgv-margin-left:auto;
  position:var(--sgv-position) !important;
  left:var(--sgv-left) !important;
  right:var(--sgv-right) !important;
  top:var(--sgv-top) !important;
  bottom:var(--sgv-bottom) !important;
  z-index:var(--sgv-z-index) !important;
  float:var(--sgv-float) !important;
  clear:var(--sgv-clear) !important;
  shape-outside:var(--sgv-shape-outside) !important;
  shape-margin:var(--sgv-shape-margin) !important;
  margin:var(--sgv-margin-top) var(--sgv-margin-right) var(--sgv-margin-bottom) var(--sgv-margin-left) !important;
  translate:calc(var(--sgv-center-offset-x) + var(--sgv-shift-x)) var(--sgv-shift-y) !important;
  padding:var(--sgv-border-padding) !important;
  border:var(--sgv-border-width) var(--sgv-border-style) var(--sgv-border-color) !important;
  box-sizing:border-box !important;
  border-radius:var(--sgv-border-radius) !important;
  /* v1.62: Der zweite Hintergrund liegt im transparenten Rahmenbereich und folgt
     im Gegensatz zu border-image sauber dem border-radius. Bei
     --sgv-border-gradient:none bleibt diese Ebene wirkungslos. */
  background:
    linear-gradient(var(--sgv-border-gradient-fill),var(--sgv-border-gradient-fill)) padding-box,
    var(--sgv-border-gradient) border-box !important;
  background-origin:border-box !important;
  background-clip:padding-box,border-box !important;
  border-image-source:var(--sgv-3d-frame-image) !important;
  border-image-slice:var(--sgv-3d-frame-slice) !important;
  border-image-width:var(--sgv-3d-frame-size) !important;
  border-image-repeat:var(--sgv-3d-frame-repeat) !important;
  object-fit:var(--sgv-object-fit) !important;
  object-position:var(--sgv-object-position) !important;
  opacity:var(--sgv-opacity) !important;
  filter:var(--sgv-drop-shadow) brightness(var(--sgv-brightness)) contrast(var(--sgv-contrast)) saturate(var(--sgv-saturate)) grayscale(var(--sgv-grayscale)) sepia(var(--sgv-sepia)) hue-rotate(var(--sgv-hue-rotate)) blur(var(--sgv-blur)) !important;
  transform:perspective(var(--sgv-perspective)) rotateX(var(--sgv-rotate-x)) rotateY(var(--sgv-rotate-y)) rotateZ(var(--sgv-rotate-z)) skew(var(--sgv-skew-x),var(--sgv-skew-y)) scale(var(--sgv-scale-x),var(--sgv-scale-y)) !important;
  transform-origin:var(--sgv-transform-origin) !important;
  box-shadow:none !important; /* v1.65: kein rechteckiger Bildschatten; siehe --sgv-drop-shadow */
}


/* ==========================================================
   DOKUMENTBEZOGENE DESIGN-EINSTELLUNGEN
   Die technische Auswertung dieser Variablen liegt zentral
   in der gardenportal.css. Alle Werte werden absichtlich im
   Dokument-CSS ausgegeben, damit das Dokument auch später
   ohne separate Variablen-Dokumentation angepasst werden kann.
   ========================================================== */
.sgv-document-schnecken_im_kleingarten
{
    /* ------------------------------------------------------
       TEXT-/DOKUMENTBEREICH
       ------------------------------------------------------ */

    /* Breite des Textbereiches */
    --sgv-doc-width: 95%;

    /* Grundfarbe hinter der Hintergrundtextur */
    --sgv-doc-background: rgba(255, 255, 255, 0.25);

    /* Hintergrundbild / Textur */
    --sgv-doc-bgimage:
        url('../images/metallische_Oberflaeche hellgrau.webp');

    /* Deckkraft der Hintergrundtextur: 0.0 bis 1.0 */
    --sgv-doc-bgopacity: 0.90;

    /* Darstellung der Hintergrundtextur */
    --sgv-doc-bgrepeat: round;
    --sgv-doc-bgposition: center;

    /* Rahmen des Textbereiches */
    --sgv-doc-border:
        6px solid rgba(222, 226, 230, 0.9);

    /* Abrundung */
    --sgv-doc-radius: 18px;

    /* Innenabstand: oben rechts unten links */
    --sgv-doc-padding:
        28px 32px 30px 32px;

    /* Schatten des Textbereiches */
    --sgv-doc-shadow:18px 18px 12px rgba(0, 0, 0, 0.5);

    /* Hintergrund-Weichzeichnung */
    --sgv-doc-blur: 3px;

    /* Breite des Textbereiches Smartphone */
    --sgv-doc-mobile-width: 96%;


    /* ------------------------------------------------------
       JAHRES-/ABSCHNITTSBALKEN
       ------------------------------------------------------ */

    /* Balkenbreite Desktop */
    --sgv-jahr-width: 60%;

    /* Außenabstände: oben rechts unten links */
    --sgv-jahr-margin: 26px 0 14px 32px;

    /* Innenabstände: vertikal horizontal */
    --sgv-jahr-padding: 2px 5px;

    /* Balkenrahmen */
    --sgv-jahr-border-width: 1px;
    --sgv-jahr-border-style: solid;
    --sgv-jahr-border-color: #000000;

    /* Abrundung: oben-links oben-rechts unten-rechts unten-links */
    --sgv-jahr-radius: 0 18px 18px 0;

    /* Hintergrund des Balkens
       Priorität: Bild > eigene Farbwerte > Standardfarben.
       Aktive Quelle: Hintergrundbild hat Vorrang vor dem Farbverlauf */
    --sgv-jahr-bgimage:
        url('../images/Jahresbalken_gruen_glossy.webp');

    --sgv-jahr-bgrepeat: repeat;
    --sgv-jahr-bgposition: left top;

    /* Schrift */
    --sgv-jahr-color: #000000;
    --sgv-jahr-fontsize: 20px;
    --sgv-jahr-fontweight: 700;
    --sgv-jahr-lineheight: 1.2;

    /* Schatten des Balkens */
    --sgv-jahr-shadow: none;


    /* ------------------------------------------------------
       SMARTPHONE-EINSTELLUNGEN JAHRESBALKEN
       ------------------------------------------------------ */

    /* Balkenbreite Smartphone */
    --sgv-jahr-mobile-width: 48%;

    /* Linker Abstand Smartphone */
    --sgv-jahr-mobile-margin-left: 12px;

    /* Innenabstand Smartphone */
    --sgv-jahr-mobile-padding: 2px 5px;

    /* Schriftgröße Smartphone */
    --sgv-jahr-mobile-fontsize: 18px;
}


/* ------------------------------------------------------
   SEITENHINTERGRUND / WWB CONTENT-GRID
   Wird nur ausgegeben, wenn in der Konverteroberfläche
   tatsächlich ein Hintergrundbild ausgewählt wurde.
   ------------------------------------------------------ */
[id^="wb_LG_Cont"]:has(.sgv-document)
{
    /* Hintergrundbild */
    --sgv-page-bgimage: none;

    /* Position des Hintergrundbildes */
    --sgv-page-bgposition: center top;

    /* Wiederholung */
    --sgv-page-bgrepeat: no-repeat;

    /* Größe */
    --sgv-page-bgsize: cover;

    /* Weichzeichnung */
    --sgv-page-bgblur: 0px;

    /* Deckkraft: 0.0 bis 1.0 */
    --sgv-page-bgopacity: 1;

    /* Erweiterung über den Grid-Rand hinaus */
    --sgv-page-bg-inset: 0px;
}


.sgv-document-schnecken_im_kleingarten p.sgv-paragraph.sgv-style-gp-titel
{
    display: block !important;
    width: 100% !important;
    margin: 16px 0 !important;
    padding: 0 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 24px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
    text-align: center !important;
    text-indent: 0 !important;
}

/* ==========================================================
   ENDE MANUELLE DOKUMENTANPASSUNGEN
   ========================================================== */


/* ==============================================================
   GARDENPORTAL CARDS – v1.86-14 DEBUG
   Alle Werte im Dokument-CSS nachtraeglich editierbar.
   Hintergrund: --sgv-card-background ist die aktive CSS-Hintergrundangabe.
   Alternativ: --sgv-card-bg-color, --sgv-card-bg-gradient und
   --sgv-card-bg-image (url('...')) einzeln konfigurieren; fuer
   Verlauf/Grafik dann --sgv-card-background entsprechend umstellen.
   Pro Card: .sgv-card-1, .sgv-card-2 usw. Variablen ueberschreiben.
   ============================================================== */
.sgv-document-schnecken_im_kleingarten {
  --sgv-card-border-width: 3px;
  --sgv-card-border-style: solid;
  --sgv-card-border-color: #4E8F3B;
  --sgv-card-border-gradient: none;
  --sgv-card-border-radius: 18px;
  --sgv-card-shadow: 18px 16px 10px rgba(0, 0, 0, 0.5);
  --sgv-card-bg-color: none;
  --sgv-card-bg-gradient: none;
  --sgv-card-bg-image: none;
  --sgv-card-background: var(--sgv-card-bg-gradient);
  --sgv-card-background-position: center center;
  --sgv-card-background-size: cover;
  --sgv-card-background-repeat: no-repeat;
  --sgv-card-padding: 22px;
  --sgv-card-margin-block: 22px;
}
.sgv-document-schnecken_im_kleingarten .sgv-card {
  box-sizing: border-box;
  display: flow-root;
  position: relative;
  min-width: 0;
  max-width: 100%;
  margin-block: var(--sgv-card-margin-block);
  padding: var(--sgv-card-padding);
  border: var(--sgv-card-border-width) var(--sgv-card-border-style) var(--sgv-card-border-color);
  border-radius: var(--sgv-card-border-radius);
  box-shadow: var(--sgv-card-shadow);
  background: var(--sgv-card-background);
  background-image: var(--sgv-card-bg-image), var(--sgv-card-background);
  background-position: var(--sgv-card-background-position);
  background-size: var(--sgv-card-background-size);
  background-repeat: var(--sgv-card-background-repeat);
  overflow-wrap: anywhere;
}
/* Optionaler Verlaufsrahmen: --sgv-card-border-gradient auf
   linear-gradient(...) setzen; Standard none = normaler Farbrahmen. */
.sgv-document-schnecken_im_kleingarten .sgv-card::before {
  content: '';
  position: absolute;
  inset: 0;
  padding: var(--sgv-card-border-width);
  border-radius: inherit;
  background: var(--sgv-card-border-gradient);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  pointer-events: none;
}
.sgv-document-schnecken_im_kleingarten .sgv-card > :first-child
{
    margin-top: 0;
}
.sgv-document-schnecken_im_kleingarten .sgv-card > :last-child
{
    margin-bottom: 0;
}

@media (max-width: 700px) {
  .sgv-document-schnecken_im_kleingarten .sgv-card {
    --sgv-card-padding: 14px;
    --sgv-card-margin-block: 16px;
  }
  
.sgv-document-schnecken_im_kleingarten
img.sgv-image-fb-07-schnecken-absammeln{
	margin-top: 10px !important; 
	margin-bottom: 20px !important;	
  }
  
 .sgv-document-schnecken_im_kleingarten
img.sgv-image-fb-08-hochbeet-mit-schneckenzaun {
	margin-left: 40px !important; 
  }
 
 .sgv-document-schnecken_im_kleingarten
img.sgv-image-fb-10-kupferband-am-hochbeet-anbringen {
	margin-left: 40px !important; 
  }

 #Bild11 {
	margin-top: 120px !important; 
	margin-bottom: 0px !important;
  }
  
 #Bild12 {
	margin-top: 80px !important; 
	margin-bottom: -10px !important;
  }

 #Bild20 {
	margin-top: 30px !important; 
	--sgv-shift-x: -20px !important; 
	margin-bottom: 20px !important;
  }

    .sgv-document-schnecken_im_kleingarten .sgv-card {
    --sgv-card-padding: 14px;
	--sgv-shape-margin:10px;	
  }
  
    .sgv-document-schnecken_im_kleingarten
    img.sgv-document-image[class*="sgv-image-fb-"] {
        margin-top: 20px !important;
		--sgv-shift-x: 30px !important;
        margin-bottom: 30px !important;
    }

    /* Cards: Text auf Smartphone über die verfügbare Breite */
    .sgv-document-schnecken_im_kleingarten
    section.sgv-card > p.sgv-paragraph {
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;

        text-align: left !important;
        text-align-last: auto !important;
    }

    /* Bild darf keinen nachfolgenden Text mehr umfließen */
    .sgv-document-schnecken_im_kleingarten
    section.sgv-card > img.sgv-document-image {
        float: none !important;
        clear: both !important;
    }

    /* Überschrift und Text sicher unter dem Bild */
    .sgv-document-schnecken_im_kleingarten
    section.sgv-card > img.sgv-document-image + p.sgv-paragraph {
        clear: both !important;
    }

	/* Tabellen, die als Card dargestellt werden im Smartphone-Modus machen Probleme, die hiermit begoben werden */
    .sgv-document-schnecken_im_kleingarten .sgv-table tr {
        height: auto !important;
        min-height: 0 !important;
    }

    .sgv-document-schnecken_im_kleingarten
    .sgv-table td[data-label="Wirkung / Eignung"],

    .sgv-document-schnecken_im_kleingarten
    .sgv-table td[data-label="Mögliche Folge"]{	
	   min-height: 58px !important;
	}
	
}