/*
 Theme Name:   Cheers 2026
 Description:  Cheers 2026 Theme
 Author:       WSB Werbeagentur
 Author URI:   https://wsb-werbeagentur.de/
 Template:     hello-elementor
 Version:      1.0
 Text Domain:  cheers2026
*/

/* Burgermenu */
label.hamburg { 
   display: block;
   position: relative; 
	background: #fff; 
	width: 40px; 
	height: 40px; 
   margin-left: auto; 
  margin-right: auto;
}

.menu-toggle {
    display: none;
}

.line { 
   position: absolute; 
   left:10px;
   height: 4px; width: 35px; 
   background: #FFA10A; border-radius: 2px;
   display: block; 
   transition: 0.4s; 
   transform-origin: center; 
}

.line:nth-child(1) { top: 10px; }
.line:nth-child(2) { top: 20px; }
.line:nth-child(3) { top: 30px; }

body:has(:popover-open) .row .line {
	&:nth-child(1) {
		transform: translateY(10px) rotate(-45deg);
	}
	&:nth-child(2) {
   		opacity:0;
	}

	&:nth-child(3) {
		transform: translateY(-10px) rotate(45deg);
	}
}

.row,
.row label,
.row:hover,
.row:active,
.row:focus {
	background: #fff;
	border: none;
	cursor: pointer;
}

#cheers-header {
	anchor-name: --menu-button;
}

#mobile-menu {
	border: none;
	background: #651264;
    position: fixed;
	opacity: 1;
    position-anchor: --menu-button;
    position-area: bottom;
	transition: opacity 0.4s ease;
	@media ( width > 1750px ) {
		transform: translate(140%, 0);
	}
	@media ( 1749px > width > 1551px ) {
		transform: translate(140%, 0);
	}
	@media ( 1550px > width > 1081px ) {
		transform: translate(140%, 0);
	}
	@media ( 1080px > width > 767px ) {
		transform: translate(100%, 0);
	}
	@starting-style {
		opacity: 0 !important;
	}
}

.side-btn-wrapper {
	width: fit-content;
}
/*--- Formular ---*/
#gform_fields_1 {
	p {
		font-family: IBM Plex Sans;
		font-size: .75rem;
		font-weight: 500;
		a {
			color: #000;
			text-decoration: underline;
		}
		.hinweis {
			margin-bottom: 2rem;
		}
	}
	label {
		font-family: IBM Plex Sans;
		font-size: 1rem;
		font-weight: 500;
	}
	select,
	input,
	textarea {
		background: #ffffff00;
		border: solid 1px #651264;
		border-radius: 6px;
	}
	input[type="submit"] {
		background: #FF8E0A;
		color: #651264;
		border: none;
		font-family: IBM Plex Sans;
		font-size: 1.25rem;
		font-weight: 700;
	}
	#field_submit {
		justify-content: end;
	}
	.gfield_required_asterisk {
		color: #000;
	}	
}

.gform_heading {
		display: none !important;
}

#gform_confirmation_wrapper_1 {
	min-height: 80vh;
    display: flex;
    justify-content: center;
}

.schwerpunkte p {
	margin-block-end: 0;
}