/* 
 * 220808, TomTom
 * Eigene CSS Klasse, um Elemente zu verstecken.
 * Beim CSS Class Feld einfach angeben:
 * .hide-element
 */
.hide-element {
	display: none;
}

/* 
 * 221215, TomTom
 * WPForms: Doe Anzeige der benützten Worte verbessern
 */
div.wpforms-field-container .wpforms-field-limit-text {
	 color: #900;
	 font-size: 7.1em;
   background-color: #FFFF00;
}

/* 
 * 220808, TomTom
 * WPForms: Fehlermeldung besser sichtbar machen
 */
div.wpforms-container-full .wpforms-form label.wpforms-error {
	 margin-top: 5px;
	 display: block;
	 color: #900;
   background-color: #FFFF00;
	 font-size: 1.1em;
	 line-height: 1.5em;
	 float: none;
}


/* 
 * 220808, TomTom
 * WPForms: Farbe des Placeholder Textes 
 * */
.wpforms-container ::-webkit-input-placeholder { /* Chrome and Safari */
	 color: #aaa;
}
 
.wpforms-container :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	 color: #aaa;
   opacity: 1;
}
 
.wpforms-container ::-moz-placeholder { /* Mozilla Firefox 19+ */
	 color: #aaa;
   opacity: 1;
}
 
.wpforms-container :-ms-input-placeholder { /* Internet Explorer 10-11 */
	 color: #aaa;
}
 
.wpforms-container ::-ms-input-placeholder { /* Microsoft Edge */
	 color: #aaa;
}
 
.wpforms-container ::placeholder {
	 color: #aaa;
}