/* ============================================================
   Ästhetik-Akquise-Masterclass — Editorial-Ornamente
   Dezente klassische/botanische Akzente + echte Marmor-Statuen.
   Wird ZUSÄTZLICH zu kurs-styles.css geladen (nur Editorial).
   ============================================================ */

/* geschwungene Ranken in den Viewport-Ecken */
body::before {
  content: ""; position: fixed; top: -30px; right: -30px;
  width: clamp(220px, 26vw, 400px); height: clamp(220px, 26vw, 400px);
  z-index: 0; pointer-events: none; opacity: 0.10;
  background: no-repeat center/contain
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 220'><g fill='none' stroke='%23c9b58f' stroke-width='1.4'><path d='M210 10 C 150 30, 110 70, 92 122 C 84 146, 80 168, 82 196'/></g><g fill='%23c9b58f'><ellipse cx='150' cy='34' rx='13' ry='5' transform='rotate(28 150 34)'/><ellipse cx='128' cy='52' rx='12' ry='5' transform='rotate(42 128 52)'/><ellipse cx='112' cy='76' rx='12' ry='4.6' transform='rotate(58 112 76)'/><ellipse cx='100' cy='102' rx='11' ry='4.4' transform='rotate(70 100 102)'/><ellipse cx='90' cy='130' rx='10' ry='4' transform='rotate(80 90 130)'/><ellipse cx='86' cy='158' rx='9' ry='3.6' transform='rotate(88 86 158)'/><ellipse cx='170' cy='40' rx='11' ry='4.4' transform='rotate(8 170 40)'/><ellipse cx='146' cy='62' rx='10' ry='4' transform='rotate(20 146 62)'/><ellipse cx='126' cy='88' rx='10' ry='4' transform='rotate(34 126 88)'/><ellipse cx='112' cy='116' rx='9' ry='3.6' transform='rotate(46 112 116)'/></g></svg>");
}
body::after {
  content: ""; position: fixed; bottom: -40px; left: -40px;
  width: clamp(220px, 26vw, 420px); height: clamp(220px, 26vw, 420px);
  z-index: 0; pointer-events: none; opacity: 0.08;
  transform: scaleX(-1) scaleY(-1);
  background: no-repeat center/contain
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 220'><g fill='none' stroke='%23c9b58f' stroke-width='1.4'><path d='M210 10 C 150 30, 110 70, 92 122 C 84 146, 80 168, 82 196'/></g><g fill='%23c9b58f'><ellipse cx='150' cy='34' rx='13' ry='5' transform='rotate(28 150 34)'/><ellipse cx='128' cy='52' rx='12' ry='5' transform='rotate(42 128 52)'/><ellipse cx='112' cy='76' rx='12' ry='4.6' transform='rotate(58 112 76)'/><ellipse cx='100' cy='102' rx='11' ry='4.4' transform='rotate(70 100 102)'/><ellipse cx='90' cy='130' rx='10' ry='4' transform='rotate(80 90 130)'/><ellipse cx='86' cy='158' rx='9' ry='3.6' transform='rotate(88 86 158)'/><ellipse cx='170' cy='40' rx='11' ry='4.4' transform='rotate(8 170 40)'/><ellipse cx='146' cy='62' rx='10' ry='4' transform='rotate(20 146 62)'/><ellipse cx='126' cy='88' rx='10' ry='4' transform='rotate(34 126 88)'/><ellipse cx='112' cy='116' rx='9' ry='3.6' transform='rotate(46 112 116)'/></g></svg>");
}

/* Lorbeerkranz hinter dem finalen CTA */
.final .wrap { position: relative; }
.final .wrap::before {
  content: ""; position: absolute; left: 50%; top: clamp(-10px, 1vw, 8px);
  transform: translateX(-50%);
  width: clamp(260px, 32vw, 440px); height: clamp(150px, 18vw, 240px);
  z-index: 0; pointer-events: none; opacity: 0.12;
  background: no-repeat center/contain
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 240'><g fill='none' stroke='%23c9b58f' stroke-width='1.6'><path d='M200 226 C 120 226, 70 180, 58 110 C 52 72, 58 40, 70 16'/><path d='M200 226 C 280 226, 330 180, 342 110 C 348 72, 342 40, 330 16'/></g><g fill='%23c9b58f'><ellipse cx='62' cy='96' rx='13' ry='5' transform='rotate(-66 62 96)'/><ellipse cx='66' cy='130' rx='13' ry='5' transform='rotate(-50 66 130)'/><ellipse cx='78' cy='162' rx='12' ry='4.6' transform='rotate(-34 78 162)'/><ellipse cx='98' cy='188' rx='11' ry='4.4' transform='rotate(-20 98 188)'/><ellipse cx='126' cy='206' rx='10' ry='4' transform='rotate(-10 126 206)'/><ellipse cx='80' cy='70' rx='12' ry='4.6' transform='rotate(-78 80 70)'/><ellipse cx='338' cy='96' rx='13' ry='5' transform='rotate(66 338 96)'/><ellipse cx='334' cy='130' rx='13' ry='5' transform='rotate(50 334 130)'/><ellipse cx='322' cy='162' rx='12' ry='4.6' transform='rotate(34 322 162)'/><ellipse cx='302' cy='188' rx='11' ry='4.4' transform='rotate(20 302 188)'/><ellipse cx='274' cy='206' rx='10' ry='4' transform='rotate(10 274 206)'/><ellipse cx='320' cy='70' rx='12' ry='4.6' transform='rotate(78 320 70)'/></g></svg>");
}
.final .wrap > * { position: relative; z-index: 1; }

/* feine Ranke als Sektions-Trenner */
.rule { position: relative; overflow: visible; }
.rule::after {
  content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);
  width: 120px; height: 26px; opacity: 0.5; pointer-events: none;
  background: no-repeat center/contain
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 26'><g fill='none' stroke='%23c9b58f' stroke-width='1.2'><path d='M2 13 H44'/><path d='M118 13 H76'/><path d='M60 6 C 66 6, 66 13, 60 13 C 54 13, 54 20, 60 20'/></g><g fill='%23c9b58f'><circle cx='60' cy='13' r='2.2'/><ellipse cx='49' cy='13' rx='5' ry='2' transform='rotate(20 49 13)'/><ellipse cx='71' cy='13' rx='5' ry='2' transform='rotate(20 71 13)'/></g></svg>");
}

/* zarte Säulen-Kannelur neben den Modul-Bildern */
.modrow-frame { position: relative; }
.modrow-frame::before {
  content: ""; position: absolute; top: 10%; bottom: 10%; left: -18px; width: 10px;
  opacity: 0.16; pointer-events: none; z-index: 1;
  background: repeating-linear-gradient(90deg, rgba(201,181,143,0.9) 0 1px, transparent 1px 4px);
}
@media (max-width: 900px) { .modrow-frame::before { display: none; } }

@media (prefers-reduced-motion: no-preference) {
  body::before, body::after { transition: opacity .6s; }
}
