/* -- Formulare -- */
fieldset {
	margin: 0 0 2rem;
	border: 0 none;
}
fieldset > legend {
	display: block; 
	width: max-content;
	margin-left: -24px; margin-bottom: 1em; padding: 0.1em 0.5em 0.1em 0.5em;
	background-color: #1db8e7;
	font-weight: 700;
	color: white; font-size: 1.25rem; letter-spacing: 1px;
	text-transform: uppercase;
}
fieldset .label .icon { vertical-align: -0.33em; }
fieldset .label .modal-content p { font-weight: normal;}
fieldset .input[type="text"]:focus::placeholder,
fieldset .textarea:focus::placeholder {
	text-align: right;
	color: #ff705f;
}

fieldset .input[readonly], .textarea[readonly] { background-color: transparent; padding-left: 0; border-width: 0;}

fieldset textarea[rows].has-2-rows { height: 4em;}

div.powermail_fieldwrap_type_submit { margin-top: 2rem;}
div.buttons > form { margin-right: 1rem;}


/* -- Login form --*/
.felogin-forgot { text-align: right;}
.felogin-forgot a { text-decoration: none !important; color: #999 !important;}


/* -- Femanager --*/
div.femanager_password_repeat:not(:last-child) { margin-bottom: 3rem;}
div.femanager_submit { margin-top: 2rem;}
.femanager_image figure { border-radius: 50%;}


/* -- Bulma Message --*/
.message ul { margin-left: 0;}


/* -- Bulma Checkradio --*/
.is-checkradio[type="radio"] + label, 
.is-checkradio[type="checkbox"] + label { display: inline-block; margin: 0.5em 0.5rem 0.25rem 0;}


/* -- Bulma Steps -- */
.content ul.steps { list-style: none;}
.content li + li { margin-top: 0;}
ul.steps .steps-content { 
	word-wrap: break-word; overflow-wrap: break-word;
	-webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; 
	hyphenate-limit-chars: 6 3 2;
}
ul.steps .steps-segment { cursor: pointer; padding-left: 0;}
ul.steps .steps-segment:before { content: none;}


/* -- Bulma Form content -- */
.is-size-7 .control { font-size: 0.75rem;}
.control.is-small label { font-size: 0.85em;} 


/* -- Fileuploader styling -- */
form .fileuploader, .fileuploader-popup { font-family: inherit !important;}
form .fileuploader { 
	margin-top: 0 !important;
	background-color: white; box-shadow: 0px 0 4px #0003;
}
.fileuploader .columns { margin: 0;}
.fileuploader .fileuploader-input .fileuploader-input-caption { display: none; padding-left: 0; background: transparent; border-width: 0; font-weight: 400; color: black;}
.fileuploader .fileuploader-input .fileuploader-input-button, 
.fileuploader .fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button.button-success {
	padding: 0.1em 0.75em;
	background-image: none; background-color: white; 
	border: 3px #1db8e7 solid; border-radius: 5px;
	color: inherit; font-weight: 700; text-transform: uppercase;
}
.fileuploader .fileuploader-input .fileuploader-input-button:hover, 
.fileuploader .fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button.button-success:hover { border-color: black;}
.fileuploader .fileuploader-input .fileuploader-input-button:hover, 
.fileuploader .fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button.button-success:hover { transform: none;}

.fileuploader-items .fileuploader-items-list .fileuploader-item:before { content: none;}


/* -- Powermail Modifiers -- */
fieldset.has-no-legend > legend { display: none;}
fieldset .field.has-no-label > label { display: none;}

fieldset .is-half { width: 100%;}
fieldset .is-one-third { width: 100%;}
fieldset .is-one-quarter { width: 100%;}
fieldset .control.is-2 label, fieldset .is-2 .control label,
fieldset .control.is-3 label, fieldset .is-3 .control label,
fieldset .control.is-4 label, fieldset .is-4 .control label { width: calc(100% - 1em);}

table td.powermail_all_marker_email { background-color: #ececec;}


/* -- Powermail Specials -- */
form.powermail_form h3 { display: none;}


/* -- Validierung -- */
.control.has-icons-left .icon, .control.has-icons-right .icon { top: 10%;}
.control.has-icons-left .icon svg, .control.has-icons-right .icon svg { height: 66%; fill: #333;}
.control.has-icons-right .select .icon.is-right { right: -2.5rem;}




/* ## Tablet ## */
@media screen and ( min-width: 769px ) {

	fieldset .control.is-4 label,
	fieldset .control.is-3 label { width: calc(50% - 1em);}

	.fileuploader .fileuploader-input .fileuploader-input-caption { display: block;}


}


/* ## Desktop ## */
@media screen and ( min-width: 1056px ) {

	fieldset .control.is-3 label, fieldset .is-3 .control label { width: calc(50% - 1em);}
	fieldset .control.is-4 label,fieldset .is-4 .control label { width: calc(50% - 1em);}
	fieldset .is-half { width: calc(50% - 1em);}
	fieldset .is-one-third { width: calc(33% - 1em);}
	fieldset .is-one-quarter { width: calc(25% - 1em);}

}


/* ## Widescreen ## */
@media screen and ( min-width: 1248px ) {

	fieldset .control.is-2 label, fieldset .is-2 .control label { width: calc(50% - 1em);}
	fieldset .control.is-4 label, fieldset .is-4 .control label { width: calc(33% - 1em);}

}


/* ## Fullhh ## */
@media screen and ( min-width: 1344px ) {

	fieldset .control.is-3 label, fieldset .is-3 .control label { width: calc(33% - 1em);}
	fieldset .control.is-4 label, fieldset .is-4 .control label { width: calc(25% - 1em);}

}