/*******************************************************/

/****** CSS-Anpassungen Billwerk.com webinar-zahlung-auf-rechnung ******/

/*******************************************************/


/* Zentrierung des Headers */

.webinar-registration-header{
	text-align:center;
	}

/* Erhöhung der Strichstärke */
	
.webinar-registration{
	font-weight: 700;
	}
	
/* Erhöhung der Strichstärke der Felder (höherer Kontrast) */
	
.gotowebinar-field{
	font-weight: 500;
}

/* Anpassen der Farbe und Strichstärke des Buttons bei hover */

input[type="submit"]:hover, input[type="submit"]:focus {
    color: #333 !important;
    font-weight: 500 !important;
}

/* Anpassen der Breite des Buttons auf 100% bei mobiler Ansicht */

@media only screen and (max-width: 600px) {

.gotowebinar_registration_submit{
	width:100%;
	}
}

.gotowebinar_registration_submit{
    font-weight:500 !important;
}



/*******************************************************/

/****** CSS-Anpassungen Hubspot Formular ******/

/*******************************************************/


/* Erhöhung des Formulars auf die volle Breite */

.hs-form fieldset {
    border: 0;
    padding: 0;
    margin: 0;
    max-width: 100%!important;
}


/* Einfügen von Padding und Hintergrundfarbe / Für globale Änderung class="hbspt-form" verwenden */

.hs-form {
    margin-bottom: 18px;
    padding: 5% 5% 2% 8% !important;
    background-color: #F4F4F4 !important;
}

/* Erhöhen der Label-Schriftgröße auf 20px wie auf der Home-Seite + Änderung der Schriftfarbe */

.hs-form label {
    padding-top: 5px;
    font-size: 20px!important;
    line-height: 18px;
    font-weight: bold;
    float: left;
    width: 130px;
    text-align: right;
    color: #58595b!important;
}

/* Verringern der Error-Label-Schriftgröße, da diese durch die normalen Labels auch erhöht wurde + Erhöhung des Padding nach oben */

.hs-form.stacked .inputs-list>li label {
    font-weight: normal;
    padding-top: 10px;
    font-size: 14px!important;
}

/* Anpassung der Eingabefelder */

#page input[type="text"], #page input[type="search"], #page input[type="tel"], #page input[type="url"], #page input[type="email"], #page input[type="number"], #page input[type="date"], #page input[type="range"], #page input[type="password"], #page select, #page textarea, #page .wpcf7-number {
    font-size: 14px;
    line-height: 16px !important;
    border-width: 1px !important;
    border-color: rgba(51,51,51,0.12)!important;
    background-color: #fdfdfd!important;
    border-radius: 1px!important;
    height: 30px !important;
    color: #8b8d94!important;
}

/* Anpassung der Eingabefelder */	

input.hs-input.error, .hs-form div.field.error input, .hs-form div.field.error textarea, .hs-form div.field.error .chzn-choices, textarea.hs-input.error {
    border-color: #c87872!important;
    -webkit-box-shadow: 0 0 3px #ef7404!important;
    -moz-box-shadow: 0 0 3px #ef7404!important;
    box-shadow: 0 0 3px #ef7404!important;
}

.hs-form .hs-input, .hs-form textarea.hs-input {
    box-sizing: border-box;
    max-width: 100%!important;
    width: 90%;
}

#page textarea {
    height: 200px !important;
    
}

/* Button Shadow entfernt */	

.hs-form .hs-button {
    
    box-shadow: none!important;
    font-weight: 500 !important;
    
}

.hs-form .hs-button:hover {
    
    text-shadow: none!important;
    color: #333333!important;
}

.hs-form .hs-button:hover:not(.inactive), .hs-form .hs-button:focus:not(.inactive), .hs-form .hs-button.hovered:not(.inactive) {
    box-shadow: inset 0px 1px 0px rgba(239, 116, 4, 1), 0 0 5px #ef7404;
    border-top: 2px solid #ef7404 !important;
    border-bottom: 2px solid #ef7404!important;
    border-right: 2px solid #ef7404!important;
    border-left: 2px solid #ef7404!important;
}

/* Breite "Anliegen" und "Nachricht" angepasst */

textarea.hs-input {
    width: 96%!important;
}

select.hs-input, input.hs-input[type=file] {
    
    width: 96%!important;
}

.hs-form .inputs-list label strong {
    color: #414141 !important;
    font-weight: 400 !important;
}

.hs-form .hs-richtext {
    margin-bottom: 20px !important;
    font-family: Roboto Slab !important;
    font-weight: 400 !important;
    color: #818181 !important;
}

/* Hubspot Links */

.hbspt-form a {
	text-decoration:none !important;
	font-family: Lato !important;
    color: #ef7404!important;
}

.hbspt-form a:hover {
	text-decoration: underline !important;
    color: #85868c !important;
}

/*******************************************************/