/* ***************************************************************************
/  RegattaXpert
/* ***************************************************************************
/
/  File: registrationform.css
/  Author: Markus Bibus
/  Version 0.0.5, 03.04.2026
/
/* ***************************************************************************
/
/  © Copyright 2026 - Urheberrechtshinweis
/  Alle Inhalte dieses Produktes sind urheberrechtlich geschützt.
/  Das Urheberrecht liegt, soweit nicht ausdrücklich anders gekennzeichnet,
/  bei Markus Bibus.
/
/  Die Nutzung der Inhalte dieses Angebots zum Zwecke des Text- und
/  Data Minings durch KI-Systeme ist untersagt.
/
/  Eine Nutzung von Inhalten dieses Produktes zu anderen Zwecken als der
/  hiermit implementierten Funktionalität ist untersagt. Dazu gehört auch
/  das Kopieren von Texten und Bildern.
/  Ein Verstoß gegen das Urheberrecht stellt eine Strafbarkeit
/  gem. §§ 106 ff UrhG dar, und wird mit einer Abmahnung geahndet.
/  Wer gegen das Urheberrecht verstößt, muss gemäß §97 UrhG Schadenersatz leisten.
*/

/* ************************************************
/  Some general styles
*/

.decorated .container-registrationForm h1{
	background-color: #ffffff;
    font-size: 2.0em;
    font-weight: 600;
    margin-top: 1.5em;
    margin-bottom: 0.4em;
}

.decorated .container-registrationForm h2{
	background-color: #ffffff;
    font-size: 1.8em;
    margin-top: 1.3em;
    margin-bottom: 0.3em;
}

.decorated .container-registrationForm h3{
	background-color: #ffffff;
    font-size: 1.6em;
    margin-top: 1.1em;
    margin-bottom: 0.25em;
}

.decorated .container-registrationForm h4{
	background-color: #ffffff;
    font-size: 1.4em;
    margin-top: 0.9em;
    margin-bottom: 0.2em;
}

.decorated .container-registrationForm h5{
	background-color: #ffffff;
    font-size: 1.3em;
    margin-top: 0.7em;
    margin-bottom: 0.2em;
}

.decorated .container-registrationForm h6{
	background-color: #ffffff;
    font-size: 1.2em;
    margin-top: 0.6em;
    margin-bottom: 0.2em;
}

/* ************************************************
/  Toggle visibility of elements
*/
.visible{
    display: block;
    height: auto;
    visibility: visible;
}

.notvisible{
    display: none;
    height: 0;
    visibility: hidden;
}


/* ************************************************
/  Style the form
*/

.container-registrationForm{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    width: 100%;
}

@media screen and (min-width: 649px){

}

@media screen and (min-width: 769px){
    .container-announcement, .container-registrationForm{
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: flex-start;
/*    
        width: 67.2222222222%;
*/
	}
}

@media screen and (min-width: 1024px){

}

.Inputfields, .InputfieldRadiosStacked{
    list-style: none;
    padding: 0;
}

.Inputfields li {
    list-style: none;
	border-style: solid;
    margin: 0.5em auto;
}

.Inputfields li label {
    font-weight: normal;
}

.InputfieldRadiosStacked li{
	border-width: 0;
	list-style-position: outside;
	margin-left: 0.5em;
}

.textField {
/*
 *     width: calc(100% - 6px);
 */
}

.Inputfields li p {
    margin: 0;
}

.Inputfields li p.description {
    font-style: italic;
}

.Inputfields textarea,
.Inputfields .InputfieldMaxWidth {
/*   width: 100%;   */
	resize: none;
}

.InputfieldSubmit{
	border-width: 0;
}

.Inputfields .InputfieldSubmit label {
    display: none;
}

.Inputfields > li > div > button{
    margin: 0.5em auto;
}

.Inputfields > li > div > button{
    margin: 0.5em auto;
}

.InputfieldError > span{
    color: red;
    font-style: italic;
}

.uploadForm ul li label{
    font-weight: bold;
}

div > span.ui-button-text:after{
    content: "(Drag'n'Drop)";
}

.InputfieldFileUpload input{
        display: block;
        border: 2px solid var(--djk-ruhrwacht-color-green);
        border-radius: 15px;
        margin: 2.08333333333333% 0 2.08333333333333% 0;
        padding: 8px;

}

.InputfieldFileValidExtensions:before{
    content: 'Dateiendung: '
}


.AjaxUploadDropHere{
/* hide drag upload     */
/* functionality works only in the admin backend */
    display: none;
}


.formular{
    border-width: 1px;
 /*   border-color: var(--djk-ruhrwacht-color-very-light-green); */
    border-color: rgba(29, 138, 91, 0.6);
    border-radius: 15px;

/*    margin: 1em; */
    margin: 1em auto;
    padding: 1em;

    background-color: rgba(29, 138, 91, 0.01);

    width: 65.62500000000000%;
}

.InputfieldMaxWidth{
   width: calc(100% - 6px);
}

.InputfieldRadiosStacked .radioButton{
    width: auto;
	margin: 3px 3px 0 5px;
}


input[type="checkbox"]{
	margin: 4px 3px 3px 3px;
}

.formButton{
    width: 50%;
}

/* ************************************************
/  Button
*/
.button{
    position: relative;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, 0);

    font-size: 1.0em;

        box-sizing: content-box;
        display: inline-block;
        text-decoration: none;

        border-style: solid;
        border-width: 1px;
        border-color: rgba(29, 138, 91, 0.6);
        border-radius: 15px;

        /*    margin: 1em; */
        margin: 1em auto;
        padding: 0.5em;

        width: auto;
}

/* ************************************************
/  Error message at top of form
*/
.errorInputData{
    color: red;
    margin: 1rem;
    font-size: 2.0rem;
    font-weight: bold;
    line-height: 2.4rem;
}