/*
Theme Name: woodï Child
Description: Child theme for Avada theme
Author: AMAN Media GmbH
Author URI: https://ww.aman.de
Template: Avada
Version: 1.0.0
Text Domain:  woodï
*/

:root {
	font-size: 20px !important;
	--filled-circle-start: 75;
  	--filled-circle-end: 325;
}

@media screen and (max-width: 768px) {
	:root {
		font-size: 16px !important;
		--filled-circle-start: 50;
    	--filled-circle-end: 220;
	}
}

#fusion-scroll-section-1 {
position: sticky;
background-color: #ddd5cd;
z-index: 2;
margin-top: -40px;
}

.scroll-text-section {
margin-bottom: 20px;
}

/* Swiper Maus Curser */
/* Nativen Cursor im Slider ausblenden */
.swiper-wrapper-custom .awb-swiper {
  cursor: none !important;
}

.swiper-custom-cursor {
  position: fixed;
  width: 75px;
  height: 75px;
  pointer-events: none;
  z-index: 99999;
  transform: translate(-50%, -50%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  opacity: 0;
  transition: opacity 0.12s ease;
}

/* sichtbar */
.swiper-custom-cursor.is-visible {
  opacity: 1;
}

/* linke Seite */
.swiper-custom-cursor.is-left {
  background-image: url('/wp-content/uploads/2025/09/woodi_slider_mouse-left-e1758708734877.png');
}

/* rechte Seite */
.swiper-custom-cursor.is-right {
  background-image: url('/wp-content/uploads/2025/09/woodi_slider_mouse-right-e1758703948361.png');
}



@media screen and (max-width: 768px) {
.start-slide-font p { 
	font-size: 2rem !important;
	}
}

/* Kontaktformular Newsletter Anmeldung */ 

.woodi-form input.woodi-email-input {
    width: 350px !important;
    border-radius: 0 !important;
    border-bottom: 1px solid #fff !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
}

.woodi-form input.woodi-email-input::placeholder, input[type=email] {
    font-family: 'Outfit' !important;
	font-weight: 200 !important;
    font-size: 0.9rem !important;
    color: #ffffff99 !important;
    text-align: center !important;
}

.woodi-form {
    color: #fff;
    font-family: 'Outfit';
    font-weight: 200;
}

.woodi-form > p {
    font-size: 2.4rem;
	margin: 0;
}

.woodi-check-btn label {
	font-family: 'Outfit' !important;
	font-weight: 200 !important;
    font-size: 0.9rem !important;
    color: #ffffff99 !important;
}

.woodi-check-btn label a {
	color: #fff;
}

.woodi-check-btn label a:hover {
	color: #FF5C63;
}


.woodi-check-btn label a {
    position: relative;
    display: inline-block;
}

.woodi-check-btn label a::after {
  content: '' !important;
  position: absolute !important;
  width: 100% !important;
  transform: scaleX(0) !important;
  border-radius: 5px !important;
  height: 1px !important;
  bottom: 0 !important;
  left: 0 !important;
  background: #FF5C63 !important;
  transform-origin: bottom right !important;
  transition: transform 0.25s ease-out !important;
}
.woodi-check-btn label a:hover::after {
  transform: scaleX(1) !important;
  transform-origin: bottom left !important;
}

.woodi-check-btn {
	display: flex;
	justify-content: space-between;
	gap: 25px;
	margin-top: 50px;
}

.check-container {
  display: block;
  position: relative;
  padding-left: 45px;
  margin-top: 10px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.check-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.woodi-check {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  border: 2px solid #ffffff99;
  border-radius: 5px;
}

.check-container:hover input ~ .woodi-check {
  border: 2px solid #FF5C63;
}

.check-container input:checked ~ .woodi-check {
  background-color: transparent;
}

.woodi-check:after {
  content: "";
  position: absolute;
  display: none;
}

.check-container input:checked ~ .woodi-check:after {
  display: block;
}

.check-container .woodi-check:after {
    left: 8px;
    top: 1px;
    width: 5px;
    height: 14px;
    border: solid white;
    border-width: 0 1px 1px 0;
    transform: rotate(45deg);
}

@media screen and (max-width: 768px) {
	.woodi-form > p {
    font-size: 1.2rem !important;
    margin: 10px 0 0;
	}
	
	.woodi-form input.woodi-email-input {
		width: 225px !important;
		height: 30px;
		margin-left: 10px;
	}
	
	.woodi-check-btn {
		margin-top: 15px;
		flex-direction: column;
	}
	
}