.Formular {
    position: relative;
}

.Formular > .ce_form{
	padding-bottom: 70px;
}

.Formular .widget.widget-select.select select {
    color: #ff6702;
    border-color: black;
}

.Formular .widget-submit {
position: absolute;
    bottom: -1rem;
    z-index: 1;
    border-radius: 50%;
    right: calc(50% - 0rem);
}

.Formular .widget-submit button {
    width: 70px;
    height: 70px;
    margin: 0;
    padding: 0;
}

.Formular .widget-submit button:after {
    content: "";
    position: absolute;
    width: 70px;
    height: 70px;
    background: url(/files/oomoxx/img/formular/fH_HTjFa.png);
    background-size: 70px 70px;
    top: 0;
    left: 0;
}

.Formular fieldset {
    border: none;
    padding: 1.25rem 0;
}

.Formular .widget.widget-select.select {
	margin-bottom: 1.25rem;
}

.Formular .widget.widget-select.select label, .Formular fieldset legend{
	font-family: "Grunge";
	font-weight: bold;
	text-decoration: underline;
	font-size: 1.5em;
	color: black;
}

.Formular fieldset legend ~ span {
	display: inline-block;
}

.Formular fieldset legend ~ span:hover label {
	color: black;
}

.accordion .widget-submit.small.button {
     padding: 0;
}

.accordion .widget-submit.small.button button {
     padding: 10px; 
     margin: 0;
     border-radius: 3px;
     
}

.widget.widget-text.mandatory input {
    display: block;
    border-color: black;
}

.widget.widget-text.mandatory label {
	display: block;
    min-height: 2.31rem;
        vertical-align: top;
}

.Formular p.error {
	    background: red;
    color: white;
    padding: 0 5px;
    font-weight: bold;
}

.Formular .invisible {
	display: none;
} 

input[type="checkbox"]+label, input[type="radio"]+label {
	white-space: normal;
}

/*Formular with Tooltipe*/

.widget {
	position: relative;
}

.ce_form .tooltip + input, 
.ce_form .tooltip + textarea, 
.ce_form .tooltip + select {
	width: calc(100% - 1rem - 2.5em);
}

/*-------------Tooltip-------*/

.c4g_tooltip {
	width: 1.5em;
	height: 1.5em;
	position: absolute;
	border-radius: 50%;
	margin-left: 1em;
	cursor: help;
}

.c4g_tooltip {
    background: url(/files/oomoxx/img/info.svg);
    background-size: 100% 100%;
}

.c4g_tooltip {
	top: 0;
	bottom: 0;
	margin: auto;
	right: 5px;
}

.c4g_tooltip > div {
	background: #ff6702;
    border-radius: 10px;
    bottom: 100%;
    color: black;
    content: attr(data-tooltip);
    font-size: .875em;
    max-width: 200px;
    opacity: 0;
    padding: 5px 4px;
    position: absolute;
    white-space: normal;
    z-index: 101;
    right: -10px;
    left: auto;
    top: auto;
    bottom: 2.5em;
    width: max-content;
	max-height: 500px;
	overflow: auto;
}

.c4g_tooltip::before {
	content: "";
	position: absolute;
	border: 10px solid #fff0;
	top: -1em;
    opacity: 0;
    border-top-color: black;
	pointer-events: none;
}

.c4g_tooltip:focus::before,
.c4g_tooltip:hover::before {
	opacity: 1;
}

.c4g_tooltip:focus > div,
.c4g_tooltip:hover > div {
	opacity: 1;
}
.c4g_tooltip[disabled],
.c4g_tooltip.disabled {
	pointer-events: auto;
}

.tooltip[role="tooltip"] {
	display: none!important;
}

.ce_form .c4g_tooltip > div span {
	white-space: normal;
}

/*--------------*/


@media only screen and (max-width: 73.063em) {
	.ce_form .widget span:not(.mandatory):not(.invisible) {
		display: block;
	}
}

@media only screen and (min-width: 73.063em) {
	.Formular .widget.widget-select.select * {
        display: inline-block;
    	max-width: calc(50% - 24px);
    	height: 35px;
    	position: relative;
    	white-space: nowrap;
    	text-overflow: ellipsis;
    	overflow: hidden;
    	padding: 0 5px;
	}
	
	.Formular .widget.widget-select.select select {
    	position: absolute;
    	right: calc(2.25rem + 10px);
	}
}