/*
Theme Name: amethyst
Theme URI: 
Author: Tidenhub
Author URI: 
Description: Custom-designed features, made with love by Tidenhub Digital GmbH
Version: 99.0
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: twentytwentythree
Text Domain: amethyst
Tags: 
*/

.wave-container {
  position: relative;
  padding-bottom: 120px;
}


.wave-container::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 120px;
  background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 1440 90" xmlns="http://www.w3.org/2000/svg"><path fill="%23FFFBF9" d="M0,0 C660,120 1080,0 1440,20 L1440,0 L0,0 Z" /></svg>') no-repeat bottom;
  background-size: cover;
  pointer-events: none;
}

.wave-container-top {
  position: relative;
  padding-top: 120px;
}

.wave-container-top::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 120px;
  background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 1440 90" xmlns="http://www.w3.org/2000/svg"><path fill="%23F2F0E9" d="M0,0 C660,120 1080,0 1440,20 L1440,0 L0,0 Z" /></svg>') no-repeat top;
  background-size: cover;
  transform: scaleY(-1);
  pointer-events: none;
}

.marker {
  position: relative;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 300 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 15 Q150 0 295 15' stroke='%23bc2c35' stroke-width='6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100% 0.5em;
  background-position: 0 100%;
  padding-bottom: 0.2em;
}