/*
Theme Name: CodingBase Child Theme
Template: Impreza
Version: 1.0
Author:	CodingBase GmbH
Theme URI: http://impreza.us-themes.com/
Author URI: https://www.codingbase.at/
*/
.rotate-90 {
	transform: rotate(-90deg);
}

#user-dropdown .w-dropdown-list {
	margin-top: 3em;
	padding-top: .3em;
}

/* Date Picker */
#ui-datepicker-div {
	width: 22em;
}

#ui-datepicker-div .ui-datepicker-header .ui-corner-all {
	margin-top: 10px;
	height: 40px;
}

/* Form Success Message */

#kulturangebot-einreichen-message {
	background: var(--color-content-primary);
    padding: 20px 30px;
    border-radius: 50px;
    color: var(--color-content-bg);
}

#kulturangebot-einreichen-message h2 { 
	    color: var(--color-content-bg);

}

/* Radio Inputs und Checkbox Inputs unsichtbar machen */
.acf-radio-list input[type="radio"], .acf-checkbox-list input[type="checkbox"] {
  display: none;
}

/* Label wie Button stylen */
.acf-radio-list label, .acf-checkbox-list label {
  display: inline-block;
  padding: 10px 20px;
  border-radius: 30px; /* oval wie dein Button */
  background: var(--color-content-text) !important;
  color: var(--color-content-bg) !important;
  cursor: pointer;
  font-family: sans-serif;
  font-size: 16px;
  transition: all 0.3s ease;
  margin: 5px; /* Abstand zwischen Buttons */
}

/* Hover-Effekt optional */
.acf-radio-list label:hover, .acf-checkbox-list label:hover {
  opacity: 0.85;
}

/* Wenn Radio/Checkbox aktiv ist → Button grün */
.acf-radio-list label:has(input[type="radio"]:checked), .acf-checkbox-list label:has(input[type="checkbox"]:checked) {
  background: var(--inputs-focus-border-color) !important;
  color: var(--color-content-bg) !important;
}

.acf-input-wrap {
	overflow: visible !important;
}

.acf-field input[type=text], .acf-field input[type=password], .acf-field input[type=date], .acf-field input[type=datetime], .acf-field input[type=datetime-local], .acf-field input[type=email], .acf-field input[type=month], .acf-field input[type=number], .acf-field input[type=search], .acf-field input[type=tel], .acf-field input[type=time], .acf-field input[type=url], .acf-field input[type=week], .acf-field textarea, .acf-field select {
    padding: 0 var(--inputs-padding, .6em) !important;
	font-size: var(--inputs-font-size, inherit) !important;
	line-height: var(--inputs-height, 2em) !important;
}

.acf-fields>.acf-field {
	border: none !important;
}

.acfe-field-group-layout-block > .acf-label {
	text-transform: uppercase;
	font-size: var(--h3-font-size);
	font-weight: var(--h3-font-weight);
}

.acf-field .acf-label label {
	font-weight: inherit !important;
}

ul.acf-radio-list li, ul.acf-checkbox-list li {
    font-size: inherit !important;
	line-height: 2.5 !important;
}

.acf-field textarea {
	line-height: 1 !important;
	padding-top: 20px !important;
}

.submit-form-button {
	margin-top: 2em;
	font-size: 1.5em;
}

/* Link Input Feld: Icon deaktivieren */
i.acf-icon.-globe.-small {
	display: none !important;
}


@media screen and (min-width: 1024px) {
	.acf-label .description {
		position: absolute;
		transform: translateX(135%) translateY(/*calc(-1.5em - 10px)*/0);
		margin-top: 0 !important;
		right: 5vw;
        width: 30vw;
        max-width: 20vw;
	}	
}

@media screen and (max-width: 1024px) {
	.acf-field {
		width: 100% !important;
		min-height: auto !important;
	}
	
	.acf-bl>li {
		display: inline-block !important;
	}
}

input[type="file"]::file-selector-button {
  background-color: var(--color-content-text) !important;
  color: var(--color-content-bg) !important;
  border: none;
  border-radius: 50px;
  padding: 10px 20px;
  cursor: pointer;
	margin: 10px 20px 10px -25px;
	line-height: 1;
}

input[type="file"]::file-selector-button:hover {
  opacity: 0.85;
}

.mobile-hyphen {
  display: none;
}

@media (max-width: 768px) {
  .mobile-hyphen {
    display: inline;
  }
}

#three-container {
  width: 100%;
  height: 70vh;
  position: relative;
  overflow: hidden;
}

/* Mobilgeräte */
@media (max-width: 767px) {
  #three-container {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
  }
}