/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/


/* General layout options */
html {
	scroll-behavior: smooth;
}
.has-right-margin { /* Font Awesome spacer */
	margin-right: 0.3em;
}
.has-large-right-margin { /* Font Awesome spacer */
	margin-right: 0.6em;
}
.has-bottom-margin { /* Font Awesome spacer */
	margin-bottom: 0.8em;
}
.has-large-bottom-margin { /* Font Awesome spacer */
	margin-bottom: 1em;
}


/* Styling WP-Forms Anfrage-Formular */
.wpforms-one-half {
	width: 50% !important;
	float: left !important;
	margin-left: 0 !important;
}
.wpforms-one-third {
	width: 33.3333% !important;
	float: left !important;
	margin-left: 0 !important;
}
.wpforms-two-thirds {
	width: 66.6666% !important;
	float: left !important;
	margin-left: 0 !important;
}
.wpforms-first {
	clear: both !important;
	margin-left: 0 !important;
}
#wpforms-2128 .wpforms-field-description {
	font-size: 1rem !important;
	color: var(--contrast) !important;
	line-height: 1.5  !important;
}
#wpforms-2128 .wpforms-selected label {
	background-color: rgb(140, 198, 64, .3) !important;
}
#wpforms-2128 .wpforms-image-choices {
	width: 100% !important;
}
#wpforms-2128 .wpforms-image-choices-item label:hover {
	background-color: rgb(140, 198, 64, .3) !important;
}
#wpforms-2128 .wpforms-field-sublabel {
	font-size: 1rem !important;
	color: var(--contrast) !important;
}
#wpforms-2128 .wpforms-required-label {
	display: none !important;
}
#wpforms-2128 .wpforms-image-choices {
	justify-content: space-evenly !important;
}
.bbox-anfrage-field {
	background: var(--base) !important;
	border-top: 2px solid var(--contrast-2) !important;
	border-right: 1px solid var(--contrast-2) !important;
	border-bottom: 4px solid var(--contrast-2) !important;
	border-left: 1px solid var(--contrast-2) !important;
	border-radius: 10px !important;
	padding: 20px !important;
	margin-bottom: 40px !important;
	/* Box Shadow would be nice but is tricky with the float setup
	margin: 10px 10px 40px 10px !important;
	box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.3) !important; 
	*/
	
}
bbox-anfrage-field div {
	margin: 0 0 25px 15px !important;
	font-size: 1rem !important;
	font-weight: 500 !important;
}
.bbox-anfrage-field legend, #wpforms-2128 .wpforms-field-gdpr-checkbox label:first-child, #wpforms-2128-field_15-container label, #wpforms-2128-field_7-container legend:first-child {
	background-color: #fff !important;	
    width: 100% !important;
    padding: 15px 20px !important;
    border-radius: 10px !important;
    border: 1px solid lightgrey !important;
}
.bbox-anfrage-field img {
	border-radius : 5px !important;
}
.bbox-anfrage-field legend::before, #wpforms-2128 .wpforms-field-gdpr-checkbox label:first-child::before, #wpforms-2128-field_15-container label::before, #wpforms-2128-field_7-container legend:first-child::before {
	display: inline-block;
	margin-right: 15px;
	vertical-align: sub;
}
#wpforms-2128-field_1-container legend::before { /* Icon "Position" */
	content: url('https://temporary.balkonbox.de/wp-content/uploads/2026/08/freepik-form-small-home.png');
}
#wpforms-2128-field_2-container legend::before { /* Icon "Leistung" */
	content: url('https://temporary.balkonbox.de/wp-content/uploads/2026/08/freepik-form-small-home.png');
}
#wpforms-2128-field_3-container legend::before { /* Icon "Stecker" */
	content: url('https://temporary.balkonbox.de/wp-content/uploads/2026/08/freepik-form-small-home.png');
}
#wpforms-2128-field_4-container legend::before { /* Icon "Steckdose" */
	content: url('https://temporary.balkonbox.de/wp-content/uploads/2026/08/freepik-form-small-home.png');
}
#wpforms-2128-field_5-container legend::before { /* Icon "Ueberwachung" */
	content: url('https://temporary.balkonbox.de/wp-content/uploads/2026/08/freepik-form-small-home.png');
}
#wpforms-2128-field_6-container legend::before { /* Icon "Kontaktart" */
	content: url('https://temporary.balkonbox.de/wp-content/uploads/2026/08/freepik-form-small-home.png');
}
#wpforms-2128-field_7-container legend::before { /* Icon "Kontakt" */
	content: url('https://temporary.balkonbox.de/wp-content/uploads/2026/08/freepik-form-small-home.png');
}
#wpforms-2128-field_14-container label:first-child::before { /* Icon "DSGVO" */
	content: url('https://temporary.balkonbox.de/wp-content/uploads/2026/08/freepik-form-small-home.png');
}
#wpforms-2128-field_15-container label:first-child::before { /* Icon "DSGVO" */
	content: url('https://temporary.balkonbox.de/wp-content/uploads/2026/08/freepik-form-small-home.png');
}
#wpforms-2128 .wpforms-submit, #wpforms-2128 .wpforms-submit:visited {
	display: flex !important;
	align-items: center !important;
	min-height: 55px !important;
	background-color: var(--accent-2) !important;
	color: var(--base-3) !important;
	font-weight: 500 !important;
	padding: 0 30px !important;
	border-radius: 50px !important;
	margin-top: 25px !important;
	border: 2px solid var(--base-3) !important;
}
#wpforms-2128 .wpforms-submit:hover, #wpforms-2128 .wpforms-submit:focus, #wpforms-2128 .wpforms-submit:active {
	background-color: var(--base-3) !important;
	color: var(--accent-2) !important;
	border-color: var(--base-3) !important;
}
.bbox-anfrage-name { /* Top of field address style*/
	background: var(--base) !important;
	border-top: 2px solid var(--contrast-2) !important;
	border-right: 1px solid var(--contrast-2) !important;
	border-left: 1px solid var(--contrast-2) !important;
	border-top-left-radius: 10px !important;
	border-top-right-radius: 10px !important;
	padding: 20px 20px 10px 20px !important;
}
.bbox-anfrage-strasse { 
	background: var(--base) !important;
	border-right: 1px solid var(--contrast-2) !important;
	border-left: 1px solid var(--contrast-2) !important;
	padding: 10px 20px !important;
}
.bbox-anfrage-plz, .bbox-anfrage-email {
	background: var(--base) !important;
	border-left: 1px solid var(--contrast-2) !important;
	padding: 10px 20px !important;
}
.bbox-anfrage-ort, .bbox-anfrage-tel {
	background: var(--base) !important;
	border-right: 1px solid var(--contrast-2) !important;
	padding: 10px 20px !important;
}
.bbox-anfrage-note { /* Bottom of field address style*/
	background: var(--base) !important;
	border-left: 1px solid var(--contrast-2) !important;
	border-bottom: 2px solid var(--contrast-2) !important;
	border-right: 1px solid var(--contrast-2) !important;
	border-bottom-left-radius: 10px !important;
	border-bottom-right-radius: 10px !important;
	padding: 10px 20px 20px 20px !important;
	margin-bottom: 40px !important;
}



/*
 * RESPONSIVE CSS SETTINGS
 * taken from : https://docs.generatepress.com/article/responsive-display/#responsive-breakpoints
 * */
@media (max-width: 768px) {
	/* CSS in here for mobile only */
	

	/* Styling WP-Forms */
	.wpforms-one-half {
		width: 100% !important;
		float: none !important;
		padding: 10px 0 !important;
	}
	.wpforms-one-third {
		width: 100% !important;
		float: none !important;
	}
	.wpforms-two-thirds {
		width: 100% !important;
		float: none !important;
	}
	#wpforms-2128 .wpforms-image-choices-image img {
		width: 75px !important;
	}
	.bbox-anfrage-field {
		margin-bottom: 20px !important;
	}
	.bbox-anfrage-note {
		margin-bottom: 20px !important;
	}
	.bbox-anfrage-plz { 
		border-right: 1px solid var(--contrast-2) !important;
	}
	.bbox-anfrage-tel {
		border-right: 1px solid var(--contrast-2) !important;
		padding: 10px 20px !important;
	}
	.bbox-anfrage-ort { 
		border-left: 1px solid var(--contrast-2) !important;
	}
	.bbox-anfrage-email {
		border-left: 1px solid var(--contrast-2) !important;
		padding: 10px 20px !important;
	}
	
	/* Styling Image Galery */
	.wp-block-gallery .wp-block-image figcaption {
		display: none;
	}
	
	
}
		
}
@media (min-width: 769px) and (max-width: 1024px) {
	/* CSS in here for tablet only */
	

}
@media (min-width: 1025px) {
	/* CSS in here for desktop only */      
	
}