/* GardenPortal document CSS - generated by converter 1.74 DEBUG
   Priority: control file value -> otherwise Word document value. */
.sgv-document-wasserordnung
{
  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-wasserordnung *, .sgv-document-wasserordnung *::before, .sgv-document-wasserordnung *::after
{
    box-sizing:border-box;
}
.sgv-document-wasserordnung .sgv-document-header
{
    display:block !important;
    clear:both !important;
    text-align:center !important;
    margin:0 0 18px !important;
}
.sgv-document-wasserordnung .sgv-document-flag
{
    display:block !important;
    width:112px !important;
    max-width:100% !important;
    height:auto !important;
    margin:0 auto 5px !important;
}
.sgv-document-wasserordnung .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-wasserordnung h1, .sgv-document-wasserordnung h2, .sgv-document-wasserordnung h3, .sgv-document-wasserordnung 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-wasserordnung h1
{
    font-size:18pt !important;
    text-align:center !important;
}
.sgv-document-wasserordnung h2
{
    font-size:16pt !important;
    text-align:left !important;
}
.sgv-document-wasserordnung h3
{
    font-size:14pt !important;
    text-align:left !important;
}
.sgv-document-wasserordnung h4
{
    font-size:12pt !important;
    text-align:left !important;
}
.sgv-document-wasserordnung .sgv-style-head2-center
{
    text-align:center !important;
}
.sgv-document-wasserordnung .sgv-paragraph, .sgv-document-wasserordnung .sgv-list-row, .sgv-document-wasserordnung .sgv-list-marker, .sgv-document-wasserordnung .sgv-list-text, .sgv-document-wasserordnung .sgv-table th, .sgv-document-wasserordnung .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-wasserordnung .sgv-paragraph, .sgv-document-wasserordnung .sgv-list-text
{
    text-align:justify !important;
}
.sgv-document-wasserordnung .sgv-empty-paragraph
{
    display:block !important;
    min-height:0 !important;
    padding:0 !important;
    border:0 !important;
}
.sgv-document-wasserordnung .sgv-style-hinweistext2
{
    text-align:center !important;
}
.sgv-document-wasserordnung .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-wasserordnung .sgv-document-image
{
    display:block !important;
    max-width:100% !important;
    height:auto !important;
    background:transparent !important;
}
.sgv-document-wasserordnung .sgv-image-reflection-wrap,
.sgv-document-wasserordnung .sgv-image-wrap-left,
.sgv-document-wasserordnung .sgv-image-wrap-right,
.sgv-document-wasserordnung .sgv-image-effect-3d
{
    border-radius:var(--sgv-border-radius,0px) !important;
    overflow:hidden !important;
}
.sgv-document-wasserordnung .sgv-image-flip-horizontal
{
    transform:scaleX(-1) !important;
}
.sgv-document-wasserordnung .sgv-image-flip-vertical
{
    transform:scaleY(-1) !important;
}
.sgv-document-wasserordnung .sgv-image-centered
{
    margin-left:auto !important;
    margin-right:auto !important;
}
.sgv-document-wasserordnung .sgv-image-left
{
    margin-left:0 !important;
    margin-right:auto !important;
}
.sgv-document-wasserordnung .sgv-image-right
{
    margin-left:auto !important;
    margin-right:0 !important;
}
.sgv-document-wasserordnung .sgv-image-paragraph
{
    display:block !important;
    position:relative !important;
    clear:both !important;
    width:100% !important;
}
.sgv-document-wasserordnung .sgv-image-paragraph > .sgv-document-image
{
    position:absolute !important;
    z-index:2 !important;
}
.sgv-document-wasserordnung .sgv-image-paragraph > .sgv-paragraph
{
    position:relative !important;
    z-index:1 !important;
}
.sgv-document-wasserordnung .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-wasserordnung .sgv-title-image-layout > .sgv-document-image, .sgv-document-wasserordnung .sgv-title-image-layout > .sgv-image-reflection-wrap
{
    position:absolute !important;
    z-index:2 !important;
    margin:0 !important;
}
.sgv-document-wasserordnung .sgv-title-image-layout > .sgv-image-behind, .sgv-document-wasserordnung .sgv-title-image-layout > .sgv-image-reflection-wrap.sgv-image-behind
{
    z-index:1 !important;
}
.sgv-document-wasserordnung .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-wasserordnung .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-wasserordnung .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-wasserordnung .sgv-title-image-layout > .sgv-paragraph
{
    position:relative !important;
    z-index:3 !important;
    padding-top:var(--sgv-title-text-top,150px) !important;
}
.sgv-document-wasserordnung .sgv-document-content::after
{
    content:"" !important;
    display:table !important;
    clear:both !important;
}
.sgv-document-wasserordnung .sgv-image-flow
{
    display:block !important;
    width:100% !important;
}
.sgv-document-wasserordnung .sgv-image-wrap-left
{
    float:left !important;
    margin:2px 16px 12px 0 !important;
}
.sgv-document-wasserordnung .sgv-image-wrap-right
{
    float:right !important;
    margin:2px 0 12px 16px !important;
}
.sgv-document-wasserordnung .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-wasserordnung .sgv-rotated-image-group > .sgv-document-image
{
    position:absolute !important;
    margin:0 !important;
}
.sgv-document-wasserordnung .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-wasserordnung .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-wasserordnung .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-wasserordnung .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-wasserordnung .sgv-image-zoomable
{
    cursor:zoom-in !important;
}
.sgv-document-wasserordnung .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-wasserordnung .sgv-warning
{
    display:flex !important;
    align-items:flex-start !important;
    gap:14px !important;
}
.sgv-document-wasserordnung .sgv-warning-icon
{
    flex:0 0 auto !important;
}
.sgv-document-wasserordnung .sgv-warning-text
{
    flex:1 1 auto !important;
    min-width:0 !important;
}
.sgv-document-wasserordnung .sgv-warning-text p
{
    margin:0 0 8px !important;
    color:inherit !important;
    font-weight:inherit !important;
}
.sgv-document-wasserordnung .sgv-warning-followup-image
{
    display:block !important;
    clear:both !important;
}
.sgv-document-wasserordnung .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-wasserordnung .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-wasserordnung .sgv-style-head1, #Accordion1 .sgv-document-wasserordnung .sgv-style-head1
{
    margin-top:8.0px !important;
    margin-bottom:16.0px !important;
    margin-left:32px !important;
    width:calc(100% - 32px) !important;
}
.sgv-document-wasserordnung .sgv-style-hinweistext3, #Accordion1 .sgv-document-wasserordnung .sgv-style-hinweistext3
{
    margin-top:8.0px !important;
    margin-bottom:0.0px !important;
    font-weight:700 !important;
    font-style:normal !important;
    margin-left:40px !important;
    width:calc(100% - 40px) !important;
}
.sgv-document-wasserordnung .sgv-style-head2, #Accordion1 .sgv-document-wasserordnung .sgv-style-head2
{
    margin-top:8.0px !important;
    margin-bottom:0.0px !important;
    font-weight:700 !important;
    text-decoration:underline !important;
    margin-left:32px !important;
    width:calc(100% - 32px) !important;
}
.sgv-document-wasserordnung .sgv-style-text-e2-1, #Accordion1 .sgv-document-wasserordnung .sgv-style-text-e2-1
{
    margin-top:8.0px !important;
    margin-bottom:8.0px !important;
    margin-left:48px !important;
    width:calc(100% - 48px) !important;
}
.sgv-document-wasserordnung .sgv-style-ziffer-abc-e3, #Accordion1 .sgv-document-wasserordnung .sgv-style-ziffer-abc-e3
{
    margin-top:8.0px !important;
    margin-bottom:8.0px !important;
    margin-left:52px !important;
    width:calc(100% - 52px) !important;
    padding-left:0 !important;
    text-indent:0 !important;
    --sgv-marker-width:28px;
}
.sgv-document-wasserordnung .sgv-style-text-e1-1, #Accordion1 .sgv-document-wasserordnung .sgv-style-text-e1-1
{
    margin-top:8.0px !important;
    margin-bottom:8.0px !important;
    margin-left:48px !important;
    width:calc(100% - 48px) !important;
}
.sgv-document-wasserordnung .sgv-style-hinweistext2, #Accordion1 .sgv-document-wasserordnung .sgv-style-hinweistext2
{
    margin-left:22.67px !important;
    margin-top:8.0px !important;
    margin-bottom:0.0px !important;
    font-weight:700 !important;
    font-style:normal !important;
}

.sgv-document-wasserordnung .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-wasserordnung .sgv-list {
  display:block !important;
  padding:0 !important;
  list-style:none !important;
  --sgv-marker-width:28px;
}
.sgv-document-wasserordnung .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-wasserordnung .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-wasserordnung .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-wasserordnung .sgv-style-hinweistext3, .sgv-document-wasserordnung .sgv-warning, .sgv-document-wasserordnung .sgv-warning *
{
    color:#c00000 !important;
}
.sgv-document-wasserordnung .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-wasserordnung .sgv-css-grid-cell
{
    position:relative !important;
    min-width:0 !important;
    padding:0 !important;
    overflow-wrap:anywhere !important;
}
.sgv-document-wasserordnung .sgv-css-grid-key
{
    grid-column:1 !important;
}
.sgv-document-wasserordnung .sgv-css-grid-value
{
    grid-column:2 !important;
}
.sgv-document-wasserordnung .sgv-table-wrapper
{
    width:calc(100% - 48px) !important;
    margin:6px 0 14px 48px !important;
    overflow-x:auto !important;
    border-radius:15px !important;
    box-shadow:4px 3px 10px rgba(0,0,0,.22) !important;
}
.sgv-document-wasserordnung .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-wasserordnung .sgv-table th, .sgv-document-wasserordnung .sgv-table td
{
    border:1px solid #000 !important;
    padding:7px 8px !important;
    vertical-align:top !important;
    overflow-wrap:anywhere !important;
}
.sgv-document-wasserordnung .sgv-table th
{
    background:#dee2e6 !important;
    font-weight:700 !important;
    text-align:left !important;
}
.sgv-document-wasserordnung .sgv-table tbody tr:nth-child(odd) td
{
    background:#c8e1b5 !important;
}
.sgv-document-wasserordnung .sgv-table tbody tr:nth-child(even) td
{
    background:#ffffff !important;
}
.sgv-document-wasserordnung .sgv-document-footer
{
    display:block !important;
    clear:both !important;
    margin-top:24px !important;
}
.sgv-document-wasserordnung .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-wasserordnung .sgv-link-button,
.sgv-document-wasserordnung 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-wasserordnung .sgv-link-button:hover, .sgv-document-wasserordnung .sgv-link-button:focus-visible,
.sgv-document-wasserordnung button.LG_InformationDownload_Link:hover, .sgv-document-wasserordnung 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-wasserordnung .sgv-link-button:active, .sgv-document-wasserordnung button.LG_InformationDownload_Link:active
{
    transform:translateY(0) !important;
}
.sgv-document-wasserordnung .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-wasserordnung .sgv-back-to-top:hover, .sgv-document-wasserordnung .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-wasserordnung .sgv-back-to-top:active
{
    transform:translateY(0) !important;
}
.sgv-document-wasserordnung .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-wasserordnung a.sgv-url, .sgv-document-wasserordnung .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-wasserordnung .sgv-document-image, .sgv-document-wasserordnung .sgv-image-reflection-wrap
  {
      --sgv-shift-x:var(--sgv-mobile-shift-x,0px) !important;
  }
  .sgv-document-wasserordnung .sgv-rotated-image-group
  {
      height:auto !important;
      display:flex !important;
      flex-direction:column !important;
      align-items:center !important;
      gap:20px !important;
  }
  .sgv-document-wasserordnung .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-wasserordnung .sgv-image-wrap-left, .sgv-document-wasserordnung .sgv-image-wrap-right
  {
      float:none !important;
      clear:both !important;
      margin:12px auto 18px !important;
  }
  .sgv-document-wasserordnung .sgv-css-grid
  {
      grid-template-columns:max-content minmax(0,1fr) !important;
      column-gap:12px !important;
  }
  .sgv-document-wasserordnung .sgv-table-wrapper
  {
      width:calc(100% - 20px) !important;
      margin-left:20px !important;
  }
  .sgv-document-wasserordnung .sgv-table
  {
      min-width:620px !important;
  }
  .sgv-document-wasserordnung .sgv-link-buttons
  {
      margin-left:22px !important;
      margin-right:22px !important;
  }
  .sgv-document-wasserordnung .sgv-link-button, .sgv-document-wasserordnung button.LG_InformationDownload_Link
  {
      width:100% !important;
      max-width:var(--sgv-btn-width,300px) !important;
  }
}

/* ==========================================================
   MANUELLE DOKUMENTANPASSUNGEN
   ========================================================== */
.sgv-document-wasserordnung .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-wasserordnung .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-wasserordnung .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-wasserordnung .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-wasserordnung .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;
  -webkit-mask-image:linear-gradient(to bottom, rgba(0,0,0,.78), transparent 82%) !important;
  mask-image:linear-gradient(to bottom, rgba(0,0,0,.78), transparent 82%) !important;
}


/* Grafik: Achtung.svg

   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-wasserordnung img.sgv-image-achtung {
  /* Größe und Zuschnitt */
  --sgv-image-width:29px;
  --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:0px;
  --sgv-border-style:solid;
  --sgv-border-color:transparent;
  --sgv-border-radius:0px;
  --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(0 0 0 rgba(0,0,0,0));
  --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/documents/Achtung.svg");
  --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:3px;
  --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;
  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-wasserordnung
{
    /* ------------------------------------------------------
       TEXT-/DOKUMENTBEREICH
       ------------------------------------------------------ */

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

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

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

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

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

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

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

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

    /* Schatten des Textbereiches */
    --sgv-doc-shadow: none;
        /*1px 2px 14px rgba(0, 0, 0, 0.12);*/

    /* 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/metallische_Oberflaeche grau.webp');

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

    /* Schrift */
    --sgv-jahr-color: #FFFFFF;
    --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: 38%;

    /* 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;
}


.sgv-document-wasserordnung 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
   ========================================================== */