/*
Theme Name: Sonjagleixner.art
Author: 
Description: Your description goes here
Version: 1.0
Template: hello-elementor

This is the child theme for Hello Elementor theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/

/* Hintergrundfarbe des Header für die verschiedenen Seiten */ 


html, body {
	overflow-x:hidden;
}


/* Über mich*/ 

body.page-id-259 #masthead{
	background-color:#1F2022!important
}

/* Datenschutz Text */
.datenschutzerklaerung {
	font-family: "ff-nexus-typewriter";
}

/* weiße Schriftfarbe auf den Kacheln auf der Startseite */ 

.home .lw-card__title,
.home .lw-card__meta {
	color: #fff;
}


/* Footer Links */

.footer-link a:hover,
.footer-link-adress a:hover{
	color:#fff!important;
}


/* Entfernen von Impressum & Datenschutz aus der Hauptnavigation Desktop */ 

#menu-item-516, #menu-item-515, #menu-item-1263,#menu-item-1280{
	display: none;
}



/* Navigation: Schriftgröße erhöhen */

.hn__list a {
	font-size: clamp(1.25rem, 0.43rem + 0.89vw, 1.8rem)!important;
	font-weight:600;
	color:var(--hn-link);
}

.hn__list a:hover {
	color:var(--hn-link);
	opacity:1!important;
}

/* Tablet and up */
@media (max-width: 767px) {
	.hn__list a {
		font-size: clamp(1.75rem, 0.43rem + 0.89vw, 2.25rem)!important;
		font-weight:600;
	}	
}


.hn__social-link {
	color: #CEFF1C !important;
}

/* Toggele Button kein Hintergrund */

.hn__toggle[type="button"]:hover,.hn__toggle[type="button"]:focus,
.hn__close[type="button"]:hover,.hn__close[type="button"]:focus{
	background: none !important;
}



/* Kontaktformular Schrift auf clamp */

.fluentform {
	font-size: clamp(0.8rem, 0.43rem + 0.89vw, 1rem))!important;
	color: #000!important;
}

/* Kontaktformular Rahmen entfernen */ 

.fluentform input, select, textarea {
	border: none!important;

	border-bottom: 1px solid #37393F!important;
	border-radius: 0!important;
}

/* Kontaktformular Feldabstand innen nach links auf 0 */

.fluentform .ff-el-form-control {
	display: block;
	width: 100%;
	padding-left: 0;
}

/* Kontaktformular Button */ 

.ff-btn.ff-btn-submit {
	font-size: clamp(1rem, 0.43rem + 0.89vw, 1.5rem);
	font-weight: 600;
	color: #CEFF1C;
	background-color: #B7A8F8;
	border: none;
	border-radius: 20px;
	padding-top: clamp(0.3rem, 0.43rem + 0.89vw, 0.75rem)!important;
	padding-bottom: clamp(0.3rem, 0.43rem + 0.89vw, 0.75rem)!important;
	padding-left: clamp(4rem, 0.43rem + 0.89vw, 5rem)!important;
	padding-right:clamp(4rem, 0.43rem + 0.89vw, 5rem)!important;

	transition: all 0.2s ease;
}

.ff-btn.ff-btn-submit:hover {
	color: #CEFF1C;
	background-color: #A895F0;
}

.ff-btn.ff-btn-submit:focus {
	outline: none;
	box-shadow: 0 0 0 3px rgba(183, 168, 248, 0.35);
}

/* Platzhalter */ 

.fluentform .ff-el-form-control::placeholder {
	color: #000!important;
	opacity: 1;
	font-size: clamp(0.8rem, 0.43rem + 0.89vw, 1rem);	
}


/* Felder Abstand */ 

.fluentform .ff-el-group {
	margin-bottom:clamp(2rem, 0.43rem + 0.89vw, 3rem)!important;
}