@font-face {
font-family: "MBFont";
src: url("/res/font/MBCorpoSTextOffice-Light.ttf") format("truetype");
}


body{
font-family: "MBFont", 'SFPRODISPLAY', Arial, Helvetica, sans-serif;
}

div.hybridTab.tileMode.chartField > div.hybridSet.pie{
max-width: 500px;
max-height: 250px;
}

.subheader{
font-size: 0.6em;
}

#altlogin{
width: 500px;
}

.overlay > div {
max-width: 50%;
}

img{
max-width: 100%;
max-height: 500px;
}

.imgUploadForm .uploadPreview{
max-width: 50%;
}

div.overlay > div > div.hybridTab.form{
max-width: 100%;
}

[data-title]::before{
font-weight: bold;
}
a.undefined,
a.currentMenuOpt{
font-weight: bold;
}

#fmenu > div, #menu > a{
font-weight: bold;
}

.hybridTab>.modeSwitch{
border: none;
margin-bottom: 5px;
}

@media (max-width: 1120px){
.hybridtab .hybridset{
max-width: 250px;
max-height: 250px;
min-width: 200px;
min-height: 200px;
}
}

//div.hybridSet:nth-child(2){
//display: flex!important;
//justify-content: center;
//}

//div.hybridSet:nth-child(2) > canvas:nth-child(1){
//max-width: 250px;
//max-height: 250px;
//}

.hybridTab.tileMode .hybridSet{
max-width: 500px;
min-width: 250px;
max-height: 500px;
min-height: 250px;
}

#head > h1 {
text-decoration: none;
}

.orb{
border: 2px solid black;
margin-right: 5px;
}

@media (max-width: 1120px){
#fmenu{
float: none;
width: auto;
display: flex;
flex-wrap: wrap;
margin-bottom: 50px;
}
}

.hybridTab.tileMode .hybridSet{
min-height: 175px;
border-radius: 1.5rem;
box-shadow: 0px 0px 5px #000;
padding-top: 15px;
padding-left: 30px;
padding-bottom: 15px;
padding-right: 30px;
}

.hybridTab.tileMode .hybridSet:hover{
box-shadow: 0 0 2px #da1f3d;
}

body > div:first-child{
background: #f9f9f9;
}

.hybridTab.tileMode .hybridSet{
position: relative;
}
.hybridTab.tileMode .hybridCell:has(.floating)::before{
display: none
}
.hybridTab.tileMode .floating{
position: absolute;
right:0;
display: flex;
margin-top: 10px;
margin-right: 10px;
}

@media (max-width: 1180px){
#menu > a{
padding-top:30px!important;
padding-right:30px!important;
padding-left:30px!important;
padding-bottom:30px!important;
}
}

td:nth-child(4){
min-width: 90px;
}


@media (min-width: 1181px){
#menu > a{
padding-bottom: 30px!important;
}
}


.hybridCell > input[type="text"]:focus{
border-color: #da1f3d;
outline: none;
}
.hybridCell > input:focus-visible{
border-color: #da1f3d;
outline: none;
}
.hybridCell > textarea:focus{
border-color: #da1f3d;
outline: none;
}

.warnbox{
border-radius: 1.5rem;
padding-left: 20px;
}

#defaultlogin{
position: absolute;
z-index: 999;
}

.loginBox>div{
max-width: 900px;
background: none;
box-shadow: 0 0 10px white;
position: absolute;
left: 10px;
top: 100px;
margin-top: 50px!important;
}
.loginBox{
text-align: justify;
font-size: 0.9em;
text-shadow: none;
color: white;
}

.hybridTab{
margin-right: auto;
max-width: 85%;
}

#docsOpts .hybridSet{
padding-bottom: 20px;
}

.hybridTab.form .hybridSet{
border-collapse: collapse;
border-radius: 1.5rem;
border: none;
box-shadow: none;
}

.hybridCell {
padding: 10px;
}

th.hybridCell {
text-align: left;
}
input[type="text"],
input[type="date"],
input[type="undefined"],
input[type="password"],
select,
textarea {
width: 100%;
padding: 8px;
border-radius: 1.5rem;
background-color: #ffffff;
box-sizing: border-box;
}
textarea{
width: 80%;
}

input[type="text"]:focus,
input[type="date"]:focus,
select:focus,
textarea:focus {
border-color: #da1f3d;
outline: none;
}

/*
input[type="radio"]{
cursor:pointer;
}
input[type="radio"]:checked{
accent-color: #da1f3d;
}
*/
input[type="radio"] {
appearance: none; 
-webkit-appearance: none;
width: 20px;
height: 20px;
border: 2px solid #666;
border-radius: 50%;
position: relative;
}

input[type="radio"]:checked::before {
content: "✕";
color: black;
font-size: 27px;
font-weight: bold;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}


.hybridTab .hybridSet{
margin-bottom: 0px;
}

.overlay > div{
border-radius: 1.5rem;
padding: 15px;
background-color: #f9f9f9;
}

.conditionalInstruction > div > div > img{
height: 1.2em;
}
.conditionalImageUpload > div > div > img{
height: 1.2em;
margin-top: -4px;
margin-left: 1em;
}
[data-title="Ja"]{
position: relative;
z-index: 1;
max-width: 100px;
}

.noteButton > img{
height: 1.2em;
margin-top: 5px;
margin-left: 1em;
}
label[for="loginUser_0"] > span{
color: black;
}
label[for="loginPass_1"] > span{
color: black;
}
.hybridTab.form{
border-radius: 1.5rem;
}

#defaultlogin{
position: absolute;
z-index: 999;
top: 50px;
left: 75%;
}

.loginbutton{
position: relative;
z-index: 999;
}
.hybridTab{
grid-template-columns: repeat(2, auto)!important;
}

@media (min-width: 1185px){
#main{
margin-bottom: 200px;
}
}

#footer{
z-index: 5;
}


/*tabletanpassungen*/
@media (max-width:1185px){
#main{
margin-right: 0px!important;
}
.hybridTab{
max-width: 95%!important;
}

.loginBox > form:nth-child(2){
margin-top: 10em;
}
.loginBox{
font-size: 1em;
}
.hybridTab{
max-width: 55%;
}
.hybridTab.tileMode .hybridSet{
margin-top: 1em!important;
padding-left: 15px;
min-width: 275px;
}
#main{
margin-right: 0px;
}
#footer{
z-index: 5;
font-size: 0.9em;
}
.hybridTab.tileMode{
display: contents;
}
[data-title="Prüfpunkt"]{
max-width: 500px;
}
[data-title]::before{
font-weight: bold;
}
}