/* Erscheinungsbild: Grün (Schöne Reisen) */
:root { --navy: #0a3d2c; --navy-2: #0f6a4c; --aqua: #1f9a73; --accent: #1f9a73; --sea: #0f8a64; --sea-2: #006b4c; --foam: #e1f4ec; --deep: #073b2a; --bg: #f2f8f5;
  --shadow: 0 1px 2px rgba(7, 59, 42, .06), 0 6px 20px rgba(7, 59, 42, .07); }
body { background: radial-gradient(900px 420px at 88% -8%, #d3efe3 0%, rgba(211, 239, 227, 0) 70%), var(--bg); background-attachment: fixed; }
.top { background: linear-gradient(115deg, #005f44 0%, #0b7d5a 55%, #1f9a73 100%); box-shadow: 0 2px 14px rgba(0, 95, 68, .25); }
.card { box-shadow: 0 1px 2px rgba(7, 59, 42, .05), 0 8px 24px rgba(7, 59, 42, .07); }
.hero { background: linear-gradient(135deg, #005f44 0%, #0b7a58 55%, #4fae8d 100%); color: #fff; box-shadow: 0 10px 30px rgba(0, 95, 68, .25); }
.hero::after { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20320%20200%22%3E%3Cg%20stroke%3D%22%23f7c61e%22%20stroke-width%3D%228%22%20stroke-linecap%3D%22round%22%20opacity%3D%22.9%22%3E%3Cline%20x1%3D%22186.1%22%20y1%3D%22152.7%22%20x2%3D%22167.3%22%20y2%3D%22145.9%22%2F%3E%3Cline%20x1%3D%22197.9%22%20y1%3D%22132.3%22%20x2%3D%22182.6%22%20y2%3D%22119.4%22%2F%3E%3Cline%20x1%3D%22216.0%22%20y1%3D%22117.1%22%20x2%3D%22206.0%22%20y2%3D%2299.8%22%2F%3E%3Cline%20x1%3D%22238.2%22%20y1%3D%22109.0%22%20x2%3D%22234.7%22%20y2%3D%2289.3%22%2F%3E%3Cline%20x1%3D%22261.8%22%20y1%3D%22109.0%22%20x2%3D%22265.3%22%20y2%3D%2289.3%22%2F%3E%3Cline%20x1%3D%22284.0%22%20y1%3D%22117.1%22%20x2%3D%22294.0%22%20y2%3D%2299.8%22%2F%3E%3Cline%20x1%3D%22302.1%22%20y1%3D%22132.3%22%20x2%3D%22317.4%22%20y2%3D%22119.4%22%2F%3E%3Cline%20x1%3D%22313.9%22%20y1%3D%22152.7%22%20x2%3D%22332.7%22%20y2%3D%22145.9%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%22250%22%20cy%3D%22176%22%20r%3D%2256%22%20fill%3D%22%23f7c61e%22%2F%3E%3Cpath%20d%3D%22M0%20168%20C60%20150%20110%20186%20170%20168%20S280%20150%20320%20166%20V200%20H0Z%22%20fill%3D%22%239fdcc4%22%20opacity%3D%22.35%22%2F%3E%3Cpath%20d%3D%22M0%20184%20C70%20170%20120%20198%20190%20184%20S290%20172%20320%20182%20V200%20H0Z%22%20fill%3D%22%23d6f2e6%22%20opacity%3D%22.3%22%2F%3E%3C%2Fsvg%3E"); opacity: .7; }
.hero .pts, .hero .pts small, .hero .sub { color: #fff; }
.hero .pts small, .hero .sub { color: #e4f6ee; }
.hero .bar { background: rgba(255, 255, 255, .28); }
.hero .bar > i { background: linear-gradient(90deg, #f7c61e, #ffe08a); }
.nav { border-color: rgba(0, 120, 80, .16); box-shadow: 0 10px 34px rgba(7, 59, 42, .2); }
.nav a.on { background: linear-gradient(135deg, #0f8a64, #005f44); box-shadow: 0 4px 12px rgba(0, 95, 68, .35); }
.ring .tr { stroke: #dcebe4; }
.note.info { background: #e3f3ec; color: #0a4a35; }