/* ========================================================================== Hintergrund zur Wahl: Berge (wie bisher), Aurora oder schlicht -------------------------------------------------------------------------- So hat Evi es gewollt: in "Design & Schrift" waehlt man den Hintergrund (settings.hintergrund, an als data-hintergrund; gesetzt im Boot-Skript und in applyTheme()). Ohne Wahl bleiben die Berge. Nur Aussehen, liegt ganz zuletzt und ueberstimmt die Berge aus css/11. Aurora mit Lichtfaeden: grosse, weich verlaufende Farbwolken ueber die ganze Flaeche in Zweitfarbe, Akzent und Kartenton (body::after), darueber feine geschwungene Faeden aus Licht (html::after) mit einem zarten Schatten im Akzent (html::before). Die Wolken sind Verlaeufe aus den Tokens - darum malen sie sich in jedem Design in dessen Toenen. Das Licht der Faeden steht fest (Weiss bzw. ein helles Blau im Dunkeln): es stellt Licht dar, keine Farbe des Designs - dieselbe Ausnahme wie Korn und Glanzkante. Die Maske der Faeden steht gleich in web/seiten.css - wer sie aendert, zieht beide mit. ========================================================================== */ :root{ --aurora-licht:rgba(255,255,255,.8); --aurora-akzent:.2; } :root[data-theme="zentivo"], :root[data-theme="nacht"], :root[data-theme="anthrazit"], :root[data-theme="terra"], :root[data-theme="basedunkel"], :root[data-theme="schwarz"]{ --aurora-licht:rgba(214,226,246,.38); --aurora-akzent:.24; } /* Schlicht: nur das Papier mit seinem Korn. */ html[data-hintergrund="keiner"] body::after, html[data-hintergrund="keiner"]::after{display:none;} /* Die Farbwolken. Wer color-mix nicht kennt, nimmt die Zeile davor und bleibt beim schlichten Grund. */ html[data-hintergrund="aurora"] body::after{ opacity:1; -webkit-mask:none;mask:none; background:transparent; background: radial-gradient(30% 10% at 83% 7%, color-mix(in srgb, var(--surface) 70%, transparent), transparent 100%), radial-gradient(50% 14% at 53% 50%, color-mix(in srgb, var(--surface) 70%, transparent), transparent 100%), radial-gradient(72% 27% at 13% 18%, color-mix(in srgb, var(--akzent2, var(--rose)) 88%, transparent), color-mix(in srgb, var(--akzent2, var(--rose)) 62%, transparent) 45%, transparent 100%), radial-gradient(82% 26% at 67% 93%, color-mix(in srgb, var(--akzent2, var(--rose)) 88%, transparent), color-mix(in srgb, var(--akzent2, var(--rose)) 62%, transparent) 45%, transparent 100%), radial-gradient(40% 16% at 100% 55%, color-mix(in srgb, var(--akzent2, var(--rose)) 80%, transparent), color-mix(in srgb, var(--akzent2, var(--rose)) 45%, transparent) 45%, transparent 100%), radial-gradient(50% 30% at 97% 33%, color-mix(in srgb, var(--accent) calc(var(--aurora-akzent) * 100%), transparent), transparent 100%), radial-gradient(46% 20% at 7% 67%, color-mix(in srgb, var(--accent) calc(var(--aurora-akzent) * 100%), transparent), transparent 100%); } /* Die Faeden aus Licht ... */ html[data-hintergrund="aurora"]::after{ opacity:1; background:var(--aurora-licht); -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 600' preserveAspectRatio='none'%3E%3Cg fill='none' stroke='%23000' stroke-width='1.1' stroke-linecap='round' vector-effect='non-scaling-stroke'%3E%3Cpath vector-effect='non-scaling-stroke' d='M29.7 -20 L37.4 -5 L45.2 10 L52.8 25 L60.3 40 L67.3 55 L73.8 70 L79.7 85 L84.9 100 L89.3 115 L92.8 130 L95.3 145 L97.0 160 L97.7 175 L97.5 190 L96.5 205 L94.6 220 L92.1 235 L89.0 250 L85.4 265 L81.5 280 L77.4 295 L73.2 310 L69.2 325 L65.3 340 L61.9 355 L59.0 370 L56.7 385 L55.1 400 L54.3 415 L54.4 430 L55.5 445 L57.4 460 L60.3 475 L64.1 490 L68.7 505 L74.2 520 L80.3 535 L87.0 550 L94.2 565 L101.7 580 L109.4 595 L117.2 610'/%3E%3Cpath vector-effect='non-scaling-stroke' d='M84.3 -20 L91.5 -5 L98.3 10 L104.6 25 L110.1 40 L114.9 55 L118.8 70 L121.9 85 L124.0 100 L125.2 115 L125.4 130 L124.8 145 L123.3 160 L121.2 175 L118.3 190 L115.0 205 L111.2 220 L107.2 235 L103.0 250 L98.9 265 L94.9 280 L91.3 295 L88.1 310 L85.4 325 L83.5 340 L82.3 355 L82.0 370 L82.5 385 L84.0 400 L86.4 415 L89.8 430 L94.0 445 L99.1 460 L104.8 475 L111.3 490 L118.2 505 L125.6 520 L133.2 535 L141.0 550 L148.7 565 L156.3 580 L163.5 595 L170.3 610'/%3E%3Cpath vector-effect='non-scaling-stroke' d='M135.1 -20 L140.3 -5 L144.7 10 L148.2 25 L150.7 40 L152.4 55 L153.1 70 L152.9 85 L151.9 100 L150.0 115 L147.5 130 L144.4 145 L140.8 160 L136.9 175 L132.8 190 L128.6 205 L124.5 220 L120.7 235 L117.3 250 L114.4 265 L112.1 280 L110.5 295 L109.7 310 L109.8 325 L110.9 340 L112.8 355 L115.7 370 L119.5 385 L124.1 400 L129.6 415 L135.7 430 L142.4 445 L149.6 460 L157.1 475 L164.8 490 L172.6 505 L180.3 520 L187.7 535 L194.7 550 L201.2 565 L207.1 580 L212.3 595 L216.7 610'/%3E%3Cpath vector-effect='non-scaling-stroke' d='M177.3 -20 L179.4 -5 L180.6 10 L180.8 25 L180.2 40 L178.7 55 L176.5 70 L173.7 85 L170.3 100 L166.6 115 L162.5 130 L158.4 145 L154.3 160 L150.3 175 L146.6 190 L143.4 205 L140.8 220 L138.9 235 L137.7 250 L137.4 265 L137.9 280 L139.4 295 L141.8 310 L145.2 325 L149.4 340 L154.5 355 L160.3 370 L166.7 385 L173.7 400 L181.0 415 L188.7 430 L196.4 445 L204.1 460 L211.7 475 L219.0 490 L225.8 505 L232.0 520 L237.5 535 L242.3 550 L246.2 565 L249.3 580 L251.4 595 L252.6 610'/%3E%3Cpath vector-effect='non-scaling-stroke' d='M208.3 -20 L207.3 -5 L205.4 10 L202.9 25 L199.8 40 L196.2 55 L192.3 70 L188.2 85 L184.0 100 L179.9 115 L176.1 130 L172.7 145 L169.7 160 L167.4 175 L165.9 190 L165.1 205 L165.2 220 L166.3 235 L168.2 250 L171.1 265 L174.9 280 L179.5 295 L185.0 310 L191.1 325 L197.8 340 L205.0 355 L212.5 370 L220.2 385 L228.0 400 L235.7 415 L243.1 430 L250.1 445 L256.7 460 L262.6 475 L267.7 490 L272.1 505 L275.6 520 L278.1 535 L279.8 550 L280.5 565 L280.3 580 L279.3 595 L277.4 610'/%3E%3Cpath vector-effect='non-scaling-stroke' d='M229.1 -20 L225.7 -5 L222.0 10 L217.9 25 L213.8 40 L209.6 55 L205.7 70 L202.0 85 L198.8 100 L196.2 115 L194.3 130 L193.1 145 L192.8 160 L193.3 175 L194.8 190 L197.2 205 L200.6 220 L204.8 235 L209.9 250 L215.7 265 L222.1 280 L229.1 295 L236.4 310 L244.1 325 L251.8 340 L259.6 355 L267.1 370 L274.4 385 L281.2 400 L287.4 415 L292.9 430 L297.7 445 L301.6 460 L304.7 475 L306.8 490 L308.0 505 L308.2 520 L307.6 535 L306.1 550 L303.9 565 L301.1 580 L297.7 595 L294.0 610'/%3E%3Cpath vector-effect='non-scaling-stroke' d='M243.5 -20 L239.4 -5 L235.3 10 L231.5 25 L228.1 40 L225.1 55 L222.8 70 L221.3 85 L220.5 100 L220.6 115 L221.6 130 L223.6 145 L226.5 160 L230.3 175 L235.0 190 L240.4 205 L246.5 220 L253.2 235 L260.4 250 L267.9 265 L275.7 280 L283.4 295 L291.1 310 L298.5 325 L305.5 340 L312.1 355 L318.0 370 L323.1 385 L327.5 400 L331.0 415 L333.6 430 L335.2 445 L335.9 460 L335.7 475 L334.6 490 L332.8 505 L330.3 520 L327.2 535 L323.6 550 L319.7 565 L315.5 580 L311.4 595 L307.3 610'/%3E%3C/g%3E%3C/svg%3E") 0 0 / 100% 100% no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 600' preserveAspectRatio='none'%3E%3Cg fill='none' stroke='%23000' stroke-width='1.1' stroke-linecap='round' vector-effect='non-scaling-stroke'%3E%3Cpath vector-effect='non-scaling-stroke' d='M29.7 -20 L37.4 -5 L45.2 10 L52.8 25 L60.3 40 L67.3 55 L73.8 70 L79.7 85 L84.9 100 L89.3 115 L92.8 130 L95.3 145 L97.0 160 L97.7 175 L97.5 190 L96.5 205 L94.6 220 L92.1 235 L89.0 250 L85.4 265 L81.5 280 L77.4 295 L73.2 310 L69.2 325 L65.3 340 L61.9 355 L59.0 370 L56.7 385 L55.1 400 L54.3 415 L54.4 430 L55.5 445 L57.4 460 L60.3 475 L64.1 490 L68.7 505 L74.2 520 L80.3 535 L87.0 550 L94.2 565 L101.7 580 L109.4 595 L117.2 610'/%3E%3Cpath vector-effect='non-scaling-stroke' d='M84.3 -20 L91.5 -5 L98.3 10 L104.6 25 L110.1 40 L114.9 55 L118.8 70 L121.9 85 L124.0 100 L125.2 115 L125.4 130 L124.8 145 L123.3 160 L121.2 175 L118.3 190 L115.0 205 L111.2 220 L107.2 235 L103.0 250 L98.9 265 L94.9 280 L91.3 295 L88.1 310 L85.4 325 L83.5 340 L82.3 355 L82.0 370 L82.5 385 L84.0 400 L86.4 415 L89.8 430 L94.0 445 L99.1 460 L104.8 475 L111.3 490 L118.2 505 L125.6 520 L133.2 535 L141.0 550 L148.7 565 L156.3 580 L163.5 595 L170.3 610'/%3E%3Cpath vector-effect='non-scaling-stroke' d='M135.1 -20 L140.3 -5 L144.7 10 L148.2 25 L150.7 40 L152.4 55 L153.1 70 L152.9 85 L151.9 100 L150.0 115 L147.5 130 L144.4 145 L140.8 160 L136.9 175 L132.8 190 L128.6 205 L124.5 220 L120.7 235 L117.3 250 L114.4 265 L112.1 280 L110.5 295 L109.7 310 L109.8 325 L110.9 340 L112.8 355 L115.7 370 L119.5 385 L124.1 400 L129.6 415 L135.7 430 L142.4 445 L149.6 460 L157.1 475 L164.8 490 L172.6 505 L180.3 520 L187.7 535 L194.7 550 L201.2 565 L207.1 580 L212.3 595 L216.7 610'/%3E%3Cpath vector-effect='non-scaling-stroke' d='M177.3 -20 L179.4 -5 L180.6 10 L180.8 25 L180.2 40 L178.7 55 L176.5 70 L173.7 85 L170.3 100 L166.6 115 L162.5 130 L158.4 145 L154.3 160 L150.3 175 L146.6 190 L143.4 205 L140.8 220 L138.9 235 L137.7 250 L137.4 265 L137.9 280 L139.4 295 L141.8 310 L145.2 325 L149.4 340 L154.5 355 L160.3 370 L166.7 385 L173.7 400 L181.0 415 L188.7 430 L196.4 445 L204.1 460 L211.7 475 L219.0 490 L225.8 505 L232.0 520 L237.5 535 L242.3 550 L246.2 565 L249.3 580 L251.4 595 L252.6 610'/%3E%3Cpath vector-effect='non-scaling-stroke' d='M208.3 -20 L207.3 -5 L205.4 10 L202.9 25 L199.8 40 L196.2 55 L192.3 70 L188.2 85 L184.0 100 L179.9 115 L176.1 130 L172.7 145 L169.7 160 L167.4 175 L165.9 190 L165.1 205 L165.2 220 L166.3 235 L168.2 250 L171.1 265 L174.9 280 L179.5 295 L185.0 310 L191.1 325 L197.8 340 L205.0 355 L212.5 370 L220.2 385 L228.0 400 L235.7 415 L243.1 430 L250.1 445 L256.7 460 L262.6 475 L267.7 490 L272.1 505 L275.6 520 L278.1 535 L279.8 550 L280.5 565 L280.3 580 L279.3 595 L277.4 610'/%3E%3Cpath vector-effect='non-scaling-stroke' d='M229.1 -20 L225.7 -5 L222.0 10 L217.9 25 L213.8 40 L209.6 55 L205.7 70 L202.0 85 L198.8 100 L196.2 115 L194.3 130 L193.1 145 L192.8 160 L193.3 175 L194.8 190 L197.2 205 L200.6 220 L204.8 235 L209.9 250 L215.7 265 L222.1 280 L229.1 295 L236.4 310 L244.1 325 L251.8 340 L259.6 355 L267.1 370 L274.4 385 L281.2 400 L287.4 415 L292.9 430 L297.7 445 L301.6 460 L304.7 475 L306.8 490 L308.0 505 L308.2 520 L307.6 535 L306.1 550 L303.9 565 L301.1 580 L297.7 595 L294.0 610'/%3E%3Cpath vector-effect='non-scaling-stroke' d='M243.5 -20 L239.4 -5 L235.3 10 L231.5 25 L228.1 40 L225.1 55 L222.8 70 L221.3 85 L220.5 100 L220.6 115 L221.6 130 L223.6 145 L226.5 160 L230.3 175 L235.0 190 L240.4 205 L246.5 220 L253.2 235 L260.4 250 L267.9 265 L275.7 280 L283.4 295 L291.1 310 L298.5 325 L305.5 340 L312.1 355 L318.0 370 L323.1 385 L327.5 400 L331.0 415 L333.6 430 L335.2 445 L335.9 460 L335.7 475 L334.6 490 L332.8 505 L330.3 520 L327.2 535 L323.6 550 L319.7 565 L315.5 580 L311.4 595 L307.3 610'/%3E%3C/g%3E%3C/svg%3E") 0 0 / 100% 100% no-repeat; } /* ... und ihr zarter Schatten im Akzent, ein paar Pixel versetzt. */ html[data-hintergrund="aurora"]::before{ content:'';position:fixed;inset:0;z-index:-1;pointer-events:none; background:var(--accent);opacity:var(--aurora-akzent); -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 600' preserveAspectRatio='none'%3E%3Cg fill='none' stroke='%23000' stroke-width='1.1' stroke-linecap='round' vector-effect='non-scaling-stroke'%3E%3Cpath vector-effect='non-scaling-stroke' d='M29.7 -20 L37.4 -5 L45.2 10 L52.8 25 L60.3 40 L67.3 55 L73.8 70 L79.7 85 L84.9 100 L89.3 115 L92.8 130 L95.3 145 L97.0 160 L97.7 175 L97.5 190 L96.5 205 L94.6 220 L92.1 235 L89.0 250 L85.4 265 L81.5 280 L77.4 295 L73.2 310 L69.2 325 L65.3 340 L61.9 355 L59.0 370 L56.7 385 L55.1 400 L54.3 415 L54.4 430 L55.5 445 L57.4 460 L60.3 475 L64.1 490 L68.7 505 L74.2 520 L80.3 535 L87.0 550 L94.2 565 L101.7 580 L109.4 595 L117.2 610'/%3E%3Cpath vector-effect='non-scaling-stroke' d='M84.3 -20 L91.5 -5 L98.3 10 L104.6 25 L110.1 40 L114.9 55 L118.8 70 L121.9 85 L124.0 100 L125.2 115 L125.4 130 L124.8 145 L123.3 160 L121.2 175 L118.3 190 L115.0 205 L111.2 220 L107.2 235 L103.0 250 L98.9 265 L94.9 280 L91.3 295 L88.1 310 L85.4 325 L83.5 340 L82.3 355 L82.0 370 L82.5 385 L84.0 400 L86.4 415 L89.8 430 L94.0 445 L99.1 460 L104.8 475 L111.3 490 L118.2 505 L125.6 520 L133.2 535 L141.0 550 L148.7 565 L156.3 580 L163.5 595 L170.3 610'/%3E%3Cpath vector-effect='non-scaling-stroke' d='M135.1 -20 L140.3 -5 L144.7 10 L148.2 25 L150.7 40 L152.4 55 L153.1 70 L152.9 85 L151.9 100 L150.0 115 L147.5 130 L144.4 145 L140.8 160 L136.9 175 L132.8 190 L128.6 205 L124.5 220 L120.7 235 L117.3 250 L114.4 265 L112.1 280 L110.5 295 L109.7 310 L109.8 325 L110.9 340 L112.8 355 L115.7 370 L119.5 385 L124.1 400 L129.6 415 L135.7 430 L142.4 445 L149.6 460 L157.1 475 L164.8 490 L172.6 505 L180.3 520 L187.7 535 L194.7 550 L201.2 565 L207.1 580 L212.3 595 L216.7 610'/%3E%3Cpath vector-effect='non-scaling-stroke' d='M177.3 -20 L179.4 -5 L180.6 10 L180.8 25 L180.2 40 L178.7 55 L176.5 70 L173.7 85 L170.3 100 L166.6 115 L162.5 130 L158.4 145 L154.3 160 L150.3 175 L146.6 190 L143.4 205 L140.8 220 L138.9 235 L137.7 250 L137.4 265 L137.9 280 L139.4 295 L141.8 310 L145.2 325 L149.4 340 L154.5 355 L160.3 370 L166.7 385 L173.7 400 L181.0 415 L188.7 430 L196.4 445 L204.1 460 L211.7 475 L219.0 490 L225.8 505 L232.0 520 L237.5 535 L242.3 550 L246.2 565 L249.3 580 L251.4 595 L252.6 610'/%3E%3Cpath vector-effect='non-scaling-stroke' d='M208.3 -20 L207.3 -5 L205.4 10 L202.9 25 L199.8 40 L196.2 55 L192.3 70 L188.2 85 L184.0 100 L179.9 115 L176.1 130 L172.7 145 L169.7 160 L167.4 175 L165.9 190 L165.1 205 L165.2 220 L166.3 235 L168.2 250 L171.1 265 L174.9 280 L179.5 295 L185.0 310 L191.1 325 L197.8 340 L205.0 355 L212.5 370 L220.2 385 L228.0 400 L235.7 415 L243.1 430 L250.1 445 L256.7 460 L262.6 475 L267.7 490 L272.1 505 L275.6 520 L278.1 535 L279.8 550 L280.5 565 L280.3 580 L279.3 595 L277.4 610'/%3E%3Cpath vector-effect='non-scaling-stroke' d='M229.1 -20 L225.7 -5 L222.0 10 L217.9 25 L213.8 40 L209.6 55 L205.7 70 L202.0 85 L198.8 100 L196.2 115 L194.3 130 L193.1 145 L192.8 160 L193.3 175 L194.8 190 L197.2 205 L200.6 220 L204.8 235 L209.9 250 L215.7 265 L222.1 280 L229.1 295 L236.4 310 L244.1 325 L251.8 340 L259.6 355 L267.1 370 L274.4 385 L281.2 400 L287.4 415 L292.9 430 L297.7 445 L301.6 460 L304.7 475 L306.8 490 L308.0 505 L308.2 520 L307.6 535 L306.1 550 L303.9 565 L301.1 580 L297.7 595 L294.0 610'/%3E%3Cpath vector-effect='non-scaling-stroke' d='M243.5 -20 L239.4 -5 L235.3 10 L231.5 25 L228.1 40 L225.1 55 L222.8 70 L221.3 85 L220.5 100 L220.6 115 L221.6 130 L223.6 145 L226.5 160 L230.3 175 L235.0 190 L240.4 205 L246.5 220 L253.2 235 L260.4 250 L267.9 265 L275.7 280 L283.4 295 L291.1 310 L298.5 325 L305.5 340 L312.1 355 L318.0 370 L323.1 385 L327.5 400 L331.0 415 L333.6 430 L335.2 445 L335.9 460 L335.7 475 L334.6 490 L332.8 505 L330.3 520 L327.2 535 L323.6 550 L319.7 565 L315.5 580 L311.4 595 L307.3 610'/%3E%3C/g%3E%3C/svg%3E") 5px 3px / 100% 100% no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 600' preserveAspectRatio='none'%3E%3Cg fill='none' stroke='%23000' stroke-width='1.1' stroke-linecap='round' vector-effect='non-scaling-stroke'%3E%3Cpath vector-effect='non-scaling-stroke' d='M29.7 -20 L37.4 -5 L45.2 10 L52.8 25 L60.3 40 L67.3 55 L73.8 70 L79.7 85 L84.9 100 L89.3 115 L92.8 130 L95.3 145 L97.0 160 L97.7 175 L97.5 190 L96.5 205 L94.6 220 L92.1 235 L89.0 250 L85.4 265 L81.5 280 L77.4 295 L73.2 310 L69.2 325 L65.3 340 L61.9 355 L59.0 370 L56.7 385 L55.1 400 L54.3 415 L54.4 430 L55.5 445 L57.4 460 L60.3 475 L64.1 490 L68.7 505 L74.2 520 L80.3 535 L87.0 550 L94.2 565 L101.7 580 L109.4 595 L117.2 610'/%3E%3Cpath vector-effect='non-scaling-stroke' d='M84.3 -20 L91.5 -5 L98.3 10 L104.6 25 L110.1 40 L114.9 55 L118.8 70 L121.9 85 L124.0 100 L125.2 115 L125.4 130 L124.8 145 L123.3 160 L121.2 175 L118.3 190 L115.0 205 L111.2 220 L107.2 235 L103.0 250 L98.9 265 L94.9 280 L91.3 295 L88.1 310 L85.4 325 L83.5 340 L82.3 355 L82.0 370 L82.5 385 L84.0 400 L86.4 415 L89.8 430 L94.0 445 L99.1 460 L104.8 475 L111.3 490 L118.2 505 L125.6 520 L133.2 535 L141.0 550 L148.7 565 L156.3 580 L163.5 595 L170.3 610'/%3E%3Cpath vector-effect='non-scaling-stroke' d='M135.1 -20 L140.3 -5 L144.7 10 L148.2 25 L150.7 40 L152.4 55 L153.1 70 L152.9 85 L151.9 100 L150.0 115 L147.5 130 L144.4 145 L140.8 160 L136.9 175 L132.8 190 L128.6 205 L124.5 220 L120.7 235 L117.3 250 L114.4 265 L112.1 280 L110.5 295 L109.7 310 L109.8 325 L110.9 340 L112.8 355 L115.7 370 L119.5 385 L124.1 400 L129.6 415 L135.7 430 L142.4 445 L149.6 460 L157.1 475 L164.8 490 L172.6 505 L180.3 520 L187.7 535 L194.7 550 L201.2 565 L207.1 580 L212.3 595 L216.7 610'/%3E%3Cpath vector-effect='non-scaling-stroke' d='M177.3 -20 L179.4 -5 L180.6 10 L180.8 25 L180.2 40 L178.7 55 L176.5 70 L173.7 85 L170.3 100 L166.6 115 L162.5 130 L158.4 145 L154.3 160 L150.3 175 L146.6 190 L143.4 205 L140.8 220 L138.9 235 L137.7 250 L137.4 265 L137.9 280 L139.4 295 L141.8 310 L145.2 325 L149.4 340 L154.5 355 L160.3 370 L166.7 385 L173.7 400 L181.0 415 L188.7 430 L196.4 445 L204.1 460 L211.7 475 L219.0 490 L225.8 505 L232.0 520 L237.5 535 L242.3 550 L246.2 565 L249.3 580 L251.4 595 L252.6 610'/%3E%3Cpath vector-effect='non-scaling-stroke' d='M208.3 -20 L207.3 -5 L205.4 10 L202.9 25 L199.8 40 L196.2 55 L192.3 70 L188.2 85 L184.0 100 L179.9 115 L176.1 130 L172.7 145 L169.7 160 L167.4 175 L165.9 190 L165.1 205 L165.2 220 L166.3 235 L168.2 250 L171.1 265 L174.9 280 L179.5 295 L185.0 310 L191.1 325 L197.8 340 L205.0 355 L212.5 370 L220.2 385 L228.0 400 L235.7 415 L243.1 430 L250.1 445 L256.7 460 L262.6 475 L267.7 490 L272.1 505 L275.6 520 L278.1 535 L279.8 550 L280.5 565 L280.3 580 L279.3 595 L277.4 610'/%3E%3Cpath vector-effect='non-scaling-stroke' d='M229.1 -20 L225.7 -5 L222.0 10 L217.9 25 L213.8 40 L209.6 55 L205.7 70 L202.0 85 L198.8 100 L196.2 115 L194.3 130 L193.1 145 L192.8 160 L193.3 175 L194.8 190 L197.2 205 L200.6 220 L204.8 235 L209.9 250 L215.7 265 L222.1 280 L229.1 295 L236.4 310 L244.1 325 L251.8 340 L259.6 355 L267.1 370 L274.4 385 L281.2 400 L287.4 415 L292.9 430 L297.7 445 L301.6 460 L304.7 475 L306.8 490 L308.0 505 L308.2 520 L307.6 535 L306.1 550 L303.9 565 L301.1 580 L297.7 595 L294.0 610'/%3E%3Cpath vector-effect='non-scaling-stroke' d='M243.5 -20 L239.4 -5 L235.3 10 L231.5 25 L228.1 40 L225.1 55 L222.8 70 L221.3 85 L220.5 100 L220.6 115 L221.6 130 L223.6 145 L226.5 160 L230.3 175 L235.0 190 L240.4 205 L246.5 220 L253.2 235 L260.4 250 L267.9 265 L275.7 280 L283.4 295 L291.1 310 L298.5 325 L305.5 340 L312.1 355 L318.0 370 L323.1 385 L327.5 400 L331.0 415 L333.6 430 L335.2 445 L335.9 460 L335.7 475 L334.6 490 L332.8 505 L330.3 520 L327.2 535 L323.6 550 L319.7 565 L315.5 580 L311.4 595 L307.3 610'/%3E%3C/g%3E%3C/svg%3E") 5px 3px / 100% 100% no-repeat; } /* Die Wahl in "Design & Schrift": dieselben Knoepfe wie bei der Schrift, statt "Aa" eine kleine Probe des Hintergrunds. */ .sw-probe{display:block;width:44px;height:26px;border-radius:var(--r-klein, 6px);border:1px solid var(--line); background-color:var(--ground);overflow:hidden;position:relative;} .sw-probe.hg-berge{background: linear-gradient(to top left, color-mix(in srgb, var(--accent) 34%, var(--ground)) 50%, transparent 50%) 0 100% / 36% 80% no-repeat, linear-gradient(to top right, color-mix(in srgb, var(--accent) 34%, var(--ground)) 50%, transparent 50%) 36% 100% / 36% 80% no-repeat, linear-gradient(to top left, color-mix(in srgb, var(--accent) 18%, var(--ground)) 50%, transparent 50%) 72% 100% / 28% 55% no-repeat, linear-gradient(to top right, color-mix(in srgb, var(--accent) 18%, var(--ground)) 50%, transparent 50%) 100% 100% / 28% 55% no-repeat, var(--ground);} .sw-probe.hg-aurora{background: radial-gradient(70% 60% at 15% 20%, color-mix(in srgb, var(--akzent2, var(--rose)) 85%, transparent), transparent 100%), radial-gradient(70% 60% at 85% 85%, color-mix(in srgb, var(--akzent2, var(--rose)) 75%, transparent), transparent 100%), radial-gradient(50% 50% at 95% 25%, color-mix(in srgb, var(--accent) 25%, transparent), transparent 100%), var(--ground);} .sw-probe.hg-aurora::after{content:'';position:absolute;inset:0;background:var(--aurora-licht); -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 600' preserveAspectRatio='none'%3E%3Cg fill='none' stroke='%23000' stroke-width='1.1' stroke-linecap='round' vector-effect='non-scaling-stroke'%3E%3Cpath vector-effect='non-scaling-stroke' d='M29.7 -20 L37.4 -5 L45.2 10 L52.8 25 L60.3 40 L67.3 55 L73.8 70 L79.7 85 L84.9 100 L89.3 115 L92.8 130 L95.3 145 L97.0 160 L97.7 175 L97.5 190 L96.5 205 L94.6 220 L92.1 235 L89.0 250 L85.4 265 L81.5 280 L77.4 295 L73.2 310 L69.2 325 L65.3 340 L61.9 355 L59.0 370 L56.7 385 L55.1 400 L54.3 415 L54.4 430 L55.5 445 L57.4 460 L60.3 475 L64.1 490 L68.7 505 L74.2 520 L80.3 535 L87.0 550 L94.2 565 L101.7 580 L109.4 595 L117.2 610'/%3E%3Cpath vector-effect='non-scaling-stroke' d='M84.3 -20 L91.5 -5 L98.3 10 L104.6 25 L110.1 40 L114.9 55 L118.8 70 L121.9 85 L124.0 100 L125.2 115 L125.4 130 L124.8 145 L123.3 160 L121.2 175 L118.3 190 L115.0 205 L111.2 220 L107.2 235 L103.0 250 L98.9 265 L94.9 280 L91.3 295 L88.1 310 L85.4 325 L83.5 340 L82.3 355 L82.0 370 L82.5 385 L84.0 400 L86.4 415 L89.8 430 L94.0 445 L99.1 460 L104.8 475 L111.3 490 L118.2 505 L125.6 520 L133.2 535 L141.0 550 L148.7 565 L156.3 580 L163.5 595 L170.3 610'/%3E%3Cpath vector-effect='non-scaling-stroke' d='M135.1 -20 L140.3 -5 L144.7 10 L148.2 25 L150.7 40 L152.4 55 L153.1 70 L152.9 85 L151.9 100 L150.0 115 L147.5 130 L144.4 145 L140.8 160 L136.9 175 L132.8 190 L128.6 205 L124.5 220 L120.7 235 L117.3 250 L114.4 265 L112.1 280 L110.5 295 L109.7 310 L109.8 325 L110.9 340 L112.8 355 L115.7 370 L119.5 385 L124.1 400 L129.6 415 L135.7 430 L142.4 445 L149.6 460 L157.1 475 L164.8 490 L172.6 505 L180.3 520 L187.7 535 L194.7 550 L201.2 565 L207.1 580 L212.3 595 L216.7 610'/%3E%3Cpath vector-effect='non-scaling-stroke' d='M177.3 -20 L179.4 -5 L180.6 10 L180.8 25 L180.2 40 L178.7 55 L176.5 70 L173.7 85 L170.3 100 L166.6 115 L162.5 130 L158.4 145 L154.3 160 L150.3 175 L146.6 190 L143.4 205 L140.8 220 L138.9 235 L137.7 250 L137.4 265 L137.9 280 L139.4 295 L141.8 310 L145.2 325 L149.4 340 L154.5 355 L160.3 370 L166.7 385 L173.7 400 L181.0 415 L188.7 430 L196.4 445 L204.1 460 L211.7 475 L219.0 490 L225.8 505 L232.0 520 L237.5 535 L242.3 550 L246.2 565 L249.3 580 L251.4 595 L252.6 610'/%3E%3Cpath vector-effect='non-scaling-stroke' d='M208.3 -20 L207.3 -5 L205.4 10 L202.9 25 L199.8 40 L196.2 55 L192.3 70 L188.2 85 L184.0 100 L179.9 115 L176.1 130 L172.7 145 L169.7 160 L167.4 175 L165.9 190 L165.1 205 L165.2 220 L166.3 235 L168.2 250 L171.1 265 L174.9 280 L179.5 295 L185.0 310 L191.1 325 L197.8 340 L205.0 355 L212.5 370 L220.2 385 L228.0 400 L235.7 415 L243.1 430 L250.1 445 L256.7 460 L262.6 475 L267.7 490 L272.1 505 L275.6 520 L278.1 535 L279.8 550 L280.5 565 L280.3 580 L279.3 595 L277.4 610'/%3E%3Cpath vector-effect='non-scaling-stroke' d='M229.1 -20 L225.7 -5 L222.0 10 L217.9 25 L213.8 40 L209.6 55 L205.7 70 L202.0 85 L198.8 100 L196.2 115 L194.3 130 L193.1 145 L192.8 160 L193.3 175 L194.8 190 L197.2 205 L200.6 220 L204.8 235 L209.9 250 L215.7 265 L222.1 280 L229.1 295 L236.4 310 L244.1 325 L251.8 340 L259.6 355 L267.1 370 L274.4 385 L281.2 400 L287.4 415 L292.9 430 L297.7 445 L301.6 460 L304.7 475 L306.8 490 L308.0 505 L308.2 520 L307.6 535 L306.1 550 L303.9 565 L301.1 580 L297.7 595 L294.0 610'/%3E%3Cpath vector-effect='non-scaling-stroke' d='M243.5 -20 L239.4 -5 L235.3 10 L231.5 25 L228.1 40 L225.1 55 L222.8 70 L221.3 85 L220.5 100 L220.6 115 L221.6 130 L223.6 145 L226.5 160 L230.3 175 L235.0 190 L240.4 205 L246.5 220 L253.2 235 L260.4 250 L267.9 265 L275.7 280 L283.4 295 L291.1 310 L298.5 325 L305.5 340 L312.1 355 L318.0 370 L323.1 385 L327.5 400 L331.0 415 L333.6 430 L335.2 445 L335.9 460 L335.7 475 L334.6 490 L332.8 505 L330.3 520 L327.2 535 L323.6 550 L319.7 565 L315.5 580 L311.4 595 L307.3 610'/%3E%3C/g%3E%3C/svg%3E") 0 0 / 100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 600' preserveAspectRatio='none'%3E%3Cg fill='none' stroke='%23000' stroke-width='1.1' stroke-linecap='round' vector-effect='non-scaling-stroke'%3E%3Cpath vector-effect='non-scaling-stroke' d='M29.7 -20 L37.4 -5 L45.2 10 L52.8 25 L60.3 40 L67.3 55 L73.8 70 L79.7 85 L84.9 100 L89.3 115 L92.8 130 L95.3 145 L97.0 160 L97.7 175 L97.5 190 L96.5 205 L94.6 220 L92.1 235 L89.0 250 L85.4 265 L81.5 280 L77.4 295 L73.2 310 L69.2 325 L65.3 340 L61.9 355 L59.0 370 L56.7 385 L55.1 400 L54.3 415 L54.4 430 L55.5 445 L57.4 460 L60.3 475 L64.1 490 L68.7 505 L74.2 520 L80.3 535 L87.0 550 L94.2 565 L101.7 580 L109.4 595 L117.2 610'/%3E%3Cpath vector-effect='non-scaling-stroke' d='M84.3 -20 L91.5 -5 L98.3 10 L104.6 25 L110.1 40 L114.9 55 L118.8 70 L121.9 85 L124.0 100 L125.2 115 L125.4 130 L124.8 145 L123.3 160 L121.2 175 L118.3 190 L115.0 205 L111.2 220 L107.2 235 L103.0 250 L98.9 265 L94.9 280 L91.3 295 L88.1 310 L85.4 325 L83.5 340 L82.3 355 L82.0 370 L82.5 385 L84.0 400 L86.4 415 L89.8 430 L94.0 445 L99.1 460 L104.8 475 L111.3 490 L118.2 505 L125.6 520 L133.2 535 L141.0 550 L148.7 565 L156.3 580 L163.5 595 L170.3 610'/%3E%3Cpath vector-effect='non-scaling-stroke' d='M135.1 -20 L140.3 -5 L144.7 10 L148.2 25 L150.7 40 L152.4 55 L153.1 70 L152.9 85 L151.9 100 L150.0 115 L147.5 130 L144.4 145 L140.8 160 L136.9 175 L132.8 190 L128.6 205 L124.5 220 L120.7 235 L117.3 250 L114.4 265 L112.1 280 L110.5 295 L109.7 310 L109.8 325 L110.9 340 L112.8 355 L115.7 370 L119.5 385 L124.1 400 L129.6 415 L135.7 430 L142.4 445 L149.6 460 L157.1 475 L164.8 490 L172.6 505 L180.3 520 L187.7 535 L194.7 550 L201.2 565 L207.1 580 L212.3 595 L216.7 610'/%3E%3Cpath vector-effect='non-scaling-stroke' d='M177.3 -20 L179.4 -5 L180.6 10 L180.8 25 L180.2 40 L178.7 55 L176.5 70 L173.7 85 L170.3 100 L166.6 115 L162.5 130 L158.4 145 L154.3 160 L150.3 175 L146.6 190 L143.4 205 L140.8 220 L138.9 235 L137.7 250 L137.4 265 L137.9 280 L139.4 295 L141.8 310 L145.2 325 L149.4 340 L154.5 355 L160.3 370 L166.7 385 L173.7 400 L181.0 415 L188.7 430 L196.4 445 L204.1 460 L211.7 475 L219.0 490 L225.8 505 L232.0 520 L237.5 535 L242.3 550 L246.2 565 L249.3 580 L251.4 595 L252.6 610'/%3E%3Cpath vector-effect='non-scaling-stroke' d='M208.3 -20 L207.3 -5 L205.4 10 L202.9 25 L199.8 40 L196.2 55 L192.3 70 L188.2 85 L184.0 100 L179.9 115 L176.1 130 L172.7 145 L169.7 160 L167.4 175 L165.9 190 L165.1 205 L165.2 220 L166.3 235 L168.2 250 L171.1 265 L174.9 280 L179.5 295 L185.0 310 L191.1 325 L197.8 340 L205.0 355 L212.5 370 L220.2 385 L228.0 400 L235.7 415 L243.1 430 L250.1 445 L256.7 460 L262.6 475 L267.7 490 L272.1 505 L275.6 520 L278.1 535 L279.8 550 L280.5 565 L280.3 580 L279.3 595 L277.4 610'/%3E%3Cpath vector-effect='non-scaling-stroke' d='M229.1 -20 L225.7 -5 L222.0 10 L217.9 25 L213.8 40 L209.6 55 L205.7 70 L202.0 85 L198.8 100 L196.2 115 L194.3 130 L193.1 145 L192.8 160 L193.3 175 L194.8 190 L197.2 205 L200.6 220 L204.8 235 L209.9 250 L215.7 265 L222.1 280 L229.1 295 L236.4 310 L244.1 325 L251.8 340 L259.6 355 L267.1 370 L274.4 385 L281.2 400 L287.4 415 L292.9 430 L297.7 445 L301.6 460 L304.7 475 L306.8 490 L308.0 505 L308.2 520 L307.6 535 L306.1 550 L303.9 565 L301.1 580 L297.7 595 L294.0 610'/%3E%3Cpath vector-effect='non-scaling-stroke' d='M243.5 -20 L239.4 -5 L235.3 10 L231.5 25 L228.1 40 L225.1 55 L222.8 70 L221.3 85 L220.5 100 L220.6 115 L221.6 130 L223.6 145 L226.5 160 L230.3 175 L235.0 190 L240.4 205 L246.5 220 L253.2 235 L260.4 250 L267.9 265 L275.7 280 L283.4 295 L291.1 310 L298.5 325 L305.5 340 L312.1 355 L318.0 370 L323.1 385 L327.5 400 L331.0 415 L333.6 430 L335.2 445 L335.9 460 L335.7 475 L334.6 490 L332.8 505 L330.3 520 L327.2 535 L323.6 550 L319.7 565 L315.5 580 L311.4 595 L307.3 610'/%3E%3C/g%3E%3C/svg%3E") 0 0 / 100% 100% no-repeat;} .sw-schrift.on .sw-probe{border-color:var(--ground);} /* Die Punkte vor den Chips "Motiv der Seite" (Website & Buchung, Gestalten). */ .wf-punkt.motiv-berge{background:linear-gradient(160deg, var(--surface) 50%, var(--accent) 51%);} .wf-punkt.motiv-aurora{background:radial-gradient(circle at 30% 30%, var(--akzent2, var(--rose)), var(--accent));} .wf-punkt.motiv-keiner{background:var(--surface);} /* Mit "Motiv" hat die Leiste "Gestalten" vier Reiter - auf dem Handy brechen sie um, statt "Knöpfe" abzuschneiden. */ .bv-reiter{flex-wrap:wrap;row-gap:6px;} .bv-g-kopf{align-items:flex-start;}