@font-face {
    font-family: "roboto";
    src: url('roboto-regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "roboto";
    src: url('roboto-bold.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "roboto";
    src: url('roboto-500.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "poppins";
    src: url('poppins-regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "poppins";
    src: url('poppins-bold.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "poppins";
    src: url('poppins-500.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
}

html {
    scrollbar-color: rgb(23,186,174) transparent;
    scrollbar-width: thin;
}

::-webkit-scrollbar {
    width:9px;
    height:9px;
}

::-webkit-scrollbar-thumb {
    background-color: rgb(23,186,174);
}

body {
    color: var(--body);
    background-color: var(--bg8);
    font-family: var(--font);
    font-size: 15px;
    margin: 0;
}

.main-myappsgo {
    background-color: var(--bg4);
    background-image: linear-gradient(var(--bg4-rgba),var(--bg4-rgba)), url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20data-name%3D%22Ebene%201%22%20id%3D%22Ebene_1%22%20viewBox%3D%220%200%20746.39%20902.94%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%7D.cls-2%7Bfill%3A%23f49a13%7D.cls-3%7Bfill%3A%23054c48%7D.cls-4%7Bisolation%3Aisolate%7D.cls-5%7Bclip-path%3Aurl%28%23clippath-1%29%7D.cls-6%7Bclip-path%3Aurl%28%23clippath-3%29%7D.cls-7%7Bclip-path%3Aurl%28%23clippath-2%29%7D.cls-8%7Bfill%3A%23fff%7D.cls-9%7Bfill%3A%23f35d27%7D.cls-10%7Bfill%3A%2321816e%7D.cls-11%7Bclip-path%3Aurl%28%23clippath%29%7D%3C%2Fstyle%3E%3CclipPath%20id%3D%22clippath%22%3E%3Crect%20class%3D%22cls-1%22%20height%3D%22168.38%22%20transform%3D%22translate%28104.53%20721.34%29%20rotate%28-73%29%22%20width%3D%22168.38%22%20x%3D%22455.49%22%20y%3D%22205.85%22%2F%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22clippath-1%22%3E%3Crect%20class%3D%22cls-1%22%20height%3D%22233.22%22%20transform%3D%22translate%28-178.54%20503.71%29%20rotate%28-73%29%22%20width%3D%22233.22%22%20x%3D%22134.48%22%20y%3D%22255.89%22%2F%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22clippath-2%22%3E%3Crect%20class%3D%22cls-1%22%20height%3D%22168.38%22%20transform%3D%22translate%28-544.34%20558.37%29%20rotate%28-73%29%22%20width%3D%22168.38%22%20x%3D%2220.94%22%20y%3D%22562.81%22%2F%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22clippath-3%22%3E%3Crect%20class%3D%22cls-1%22%20height%3D%22107.37%22%20transform%3D%22translate%28416.63%20697.11%29%20rotate%28-73%29%22%20width%3D%22107.37%22%20x%3D%22625.67%22%20y%3D%2213.35%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%20id%3D%22apps%22%3E%3Cg%20id%3D%22chat%22%20class%3D%22cls-4%22%3E%3Crect%20class%3D%22cls-3%22%20height%3D%22108.96%22%20transform%3D%22translate%2850.65%20-149.82%29%20rotate%2817%29%22%20width%3D%22108.96%22%20x%3D%22472.09%22%20y%3D%2240.07%22%20data-name%3D%22Rechteck%202364%22%20id%3D%22Rechteck_2364%22%20rx%3D%2220%22%20ry%3D%2220%22%2F%3E%3Cpath%20class%3D%22cls-8%22%20d%3D%22M503.46%2C53.39l65.11%2C19.91c2.51.88%2C3.84%2C3.62%2C2.98%2C6.14l-13.29%2C43.47c-.69%2C2.57-3.33%2C4.1-5.9%2C3.42l-7.93-2.42-5.35%2C14.54-11.44-14.9-4.8-6.25-35.57-10.88c-2.51-.88-3.84-3.62-2.98-6.14l13.29-43.47c.69-2.57%2C3.33-4.09%2C5.9-3.42Z%22%20data-name%3D%22Pfad%20790%22%20id%3D%22Pfad_790%22%2F%3E%3Cg%20id%3D%22Gruppe_1002%22%20data-name%3D%22Gruppe%201002%22%3E%3Crect%20class%3D%22cls-3%22%20height%3D%224.36%22%20transform%3D%22translate%2846.62%20-151.72%29%20rotate%2817%29%22%20width%3D%2240.1%22%20x%3D%22510.85%22%20y%3D%2277.91%22%20data-name%3D%22Rechteck%202365%22%20id%3D%22Rechteck_2365%22%2F%3E%3Crect%20class%3D%22cls-3%22%20height%3D%224.36%22%20transform%3D%22translate%2849.58%20-150.31%29%20rotate%2817%29%22%20width%3D%2240.1%22%20x%3D%22507.6%22%20y%3D%2288.52%22%20data-name%3D%22Rechteck%202366%22%20id%3D%22Rechteck_2366%22%2F%3E%3Crect%20class%3D%22cls-3%22%20height%3D%224.36%22%20transform%3D%22translate%2852.54%20-148.9%29%20rotate%2817%29%22%20width%3D%2240.1%22%20x%3D%22504.36%22%20y%3D%2299.13%22%20data-name%3D%22Rechteck%202367%22%20id%3D%22Rechteck_2367%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20id%3D%22connect%22%20class%3D%22cls-4%22%3E%3Crect%20class%3D%22cls-10%22%20height%3D%22168.38%22%20transform%3D%22translate%28108.38%20-145.11%29%20rotate%2817%29%22%20width%3D%22168.38%22%20x%3D%22455.49%22%20y%3D%22205.85%22%20data-name%3D%22Rechteck%202651%22%20id%3D%22Rechteck_2651%22%20rx%3D%2220%22%20ry%3D%2220%22%2F%3E%3Cg%20id%3D%22Gruppe_1123%22%20data-name%3D%22Gruppe%201123%22%3E%3Cg%20class%3D%22cls-11%22%3E%3Cg%20id%3D%22Gruppe_1122%22%20data-name%3D%22Gruppe%201122%22%3E%3Cpath%20class%3D%22cls-8%22%20d%3D%22M520.77%2C288.37c-1.67-3.18-.45-7.12%2C2.74-8.79%2C0%2C0%2C0%2C0%2C0%2C0l47.27-25.14-9.27-17.43c-2.09-3.93-6.97-5.42-10.9-3.33%2C0%2C0%2C0%2C0%2C0%2C0l-63.51%2C33.76c-3.93%2C2.09-5.42%2C6.97-3.33%2C10.9l33.77%2C63.5c2.09%2C3.93%2C6.97%2C5.42%2C10.9%2C3.33l17.58-9.35-25.24-47.46Z%22%20data-name%3D%22Pfad%20915%22%20id%3D%22Pfad_915%22%2F%3E%3Cpath%20class%3D%22cls-8%22%20d%3D%22M580.35%2C272.23l16.73%2C31.47c1.04%2C1.95.3%2C4.37-1.65%2C5.4h0s-31.47%2C16.73-31.47%2C16.73c-1.95%2C1.04-4.37.3-5.4-1.65h0s-16.73-31.47-16.73-31.47c-1.04-1.95-.3-4.37%2C1.65-5.4h0s31.47-16.73%2C31.47-16.73c1.95-1.04%2C4.37-.3%2C5.4%2C1.65%2C0%2C0%2C0%2C0%2C0%2C0%22%20data-name%3D%22Pfad%20916%22%20id%3D%22Pfad_916%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20id%3D%22working%22%20class%3D%22cls-4%22%3E%3Crect%20class%3D%22cls-2%22%20height%3D%22233.22%22%20transform%3D%22translate%28119.88%20-57.13%29%20rotate%2817%29%22%20width%3D%22233.22%22%20x%3D%22134.48%22%20y%3D%22255.89%22%20data-name%3D%22Rechteck%202663%22%20id%3D%22Rechteck_2663%22%20rx%3D%2220%22%20ry%3D%2220%22%2F%3E%3Cg%20id%3D%22Gruppe_1126%22%20data-name%3D%22Gruppe%201126%22%3E%3Cg%20class%3D%22cls-5%22%3E%3Cg%20id%3D%22Gruppe_1125%22%20data-name%3D%22Gruppe%201125%22%3E%3Cpath%20class%3D%22cls-8%22%20d%3D%22M181.62%2C358.4l-17.36-5.31c-2.62-.8-4.1-3.58-3.3-6.2h0s1.2-3.93%2C1.2-3.93c.8-2.62%2C3.58-4.1%2C6.2-3.3h0s17.36%2C5.31%2C17.36%2C5.31c2.62.8%2C4.1%2C3.58%2C3.3%2C6.2l-1.2%2C3.93c-.8%2C2.62-3.58%2C4.1-6.2%2C3.3%22%20data-name%3D%22Pfad%20923%22%20id%3D%22Pfad_923%22%2F%3E%3Cpath%20class%3D%22cls-8%22%20d%3D%22M333.76%2C404.92l-17.36-5.31c-2.62-.8-4.1-3.58-3.29-6.2l1.2-3.93c.8-2.62%2C3.58-4.1%2C6.2-3.3h0s17.36%2C5.31%2C17.36%2C5.31c2.62.8%2C4.1%2C3.58%2C3.3%2C6.2h0l-1.2%2C3.93c-.8%2C2.62-3.58%2C4.1-6.2%2C3.3h0%22%20data-name%3D%22Pfad%20924%22%20id%3D%22Pfad_924%22%2F%3E%3Cpath%20class%3D%22cls-8%22%20d%3D%22M237.17%2C441.74l-5.31%2C17.36c-.8%2C2.62-3.58%2C4.1-6.2%2C3.3h0s-3.93-1.2-3.93-1.2c-2.62-.8-4.1-3.58-3.3-6.2h0s5.31-17.36%2C5.31-17.36c.8-2.62%2C3.58-4.1%2C6.2-3.29l3.93%2C1.2c2.62.8%2C4.1%2C3.58%2C3.3%2C6.2h0%22%20data-name%3D%22Pfad%20925%22%20id%3D%22Pfad_925%22%2F%3E%3Cpath%20class%3D%22cls-8%22%20d%3D%22M283.75%2C289.41l-5.42%2C17.73c-.77%2C2.52-3.44%2C3.94-5.95%2C3.17l-4.3-1.32c-2.52-.77-3.94-3.43-3.17-5.95h0s5.42-17.73%2C5.42-17.73c.77-2.52%2C3.44-3.94%2C5.95-3.17l4.3%2C1.32c2.52.77%2C3.94%2C3.44%2C3.17%2C5.95%22%20data-name%3D%22Pfad%20926%22%20id%3D%22Pfad_926%22%2F%3E%3Cpath%20class%3D%22cls-8%22%20d%3D%22M244.54%2C393.08c-3.78-1.16-6.8-4.02-8.17-7.73l-23.5-55.4c-1.28-3.31.36-7.04%2C3.68-8.32%2C3.28-1.27%2C6.97.33%2C8.29%2C3.59l23.49%2C55.4%2C90.62-67.85c2.78-2.21%2C6.83-1.74%2C9.04%2C1.05%2C2.21%2C2.78%2C1.74%2C6.83-1.05%2C9.04l-90.62%2C67.85c-3.16%2C2.63-7.4%2C3.56-11.37%2C2.5-.14-.04-.29-.08-.43-.12%22%20data-name%3D%22Pfad%20927%22%20id%3D%22Pfad_927%22%2F%3E%3Cpath%20class%3D%22cls-8%22%20d%3D%22M328.88%2C320.32l-12.23%2C9.15c2.37%2C3.64%2C4.43%2C7.47%2C6.17%2C11.45l12.49-9.34c-1.88-3.9-4.03-7.66-6.43-11.26%22%20data-name%3D%22Pfad%20928%22%20id%3D%22Pfad_928%22%2F%3E%3Cpath%20class%3D%22cls-8%22%20d%3D%22M339.86%2C342.78l-12.98%2C9.72c10.93%2C41.89-14.17%2C84.72-56.06%2C95.65-41.89%2C10.93-84.72-14.17-95.65-56.06-10.93-41.89%2C14.17-84.72%2C56.06-95.65%2C28.5-7.44%2C58.75%2C1.73%2C78.34%2C23.72l12.22-9.14c-33.86-39.12-93.02-43.38-132.14-9.52-39.12%2C33.86-43.38%2C93.02-9.52%2C132.14%2C33.86%2C39.12%2C93.02%2C43.38%2C132.14%2C9.52%2C28.65-24.8%2C39.54-64.41%2C27.59-100.37%22%20data-name%3D%22Pfad%20929%22%20id%3D%22Pfad_929%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20id%3D%22projects%22%20class%3D%22cls-4%22%3E%3Crect%20class%3D%22cls-9%22%20height%3D%22161.16%22%20transform%3D%22translate%2857.2%20-93.74%29%20rotate%2817%29%22%20width%3D%22162.37%22%20x%3D%22261.04%22%20y%3D%2263.9%22%20data-name%3D%22Rechteck%202665%22%20id%3D%22Rechteck_2665%22%20rx%3D%2220%22%20ry%3D%2220%22%2F%3E%3Cpath%20class%3D%22cls-8%22%20d%3D%22M281.12%2C153.74l-4.86-9.14c-1.16-2.19-.33-4.91%2C1.86-6.07l76.82-40.85h0s9.14-4.86%2C9.14-4.86c2.19-1.16%2C4.91-.33%2C6.07%2C1.86%2C0%2C0%2C0%2C0%2C0%2C0l4.86%2C9.14v.02s13.62%2C25.59%2C13.62%2C25.59c1.16%2C2.19.33%2C4.91-1.86%2C6.07l-9.14%2C4.86c-2.19%2C1.16-4.91.33-6.07-1.86l-11.51-21.64-72.87%2C38.74c-2.19%2C1.16-4.91.33-6.07-1.86%2C0%2C0%2C0%2C0%2C0%2C0h0Z%22%20data-name%3D%22Vereinigungsmenge%202%22%20id%3D%22Vereinigungsmenge_2%22%2F%3E%3Cpath%20class%3D%22cls-8%22%20d%3D%22M343.77%2C190.16l-16.31-30.67c-1.16-2.19-.33-4.91%2C1.86-6.07l8.07-4.29c2.19-1.16%2C4.91-.33%2C6.07%2C1.86%2C0%2C0%2C0%2C0%2C0%2C0l9.74%2C18.32%2C40.68-21.63c2.19-1.16%2C4.91-.33%2C6.07%2C1.86h0s4.49%2C8.44%2C4.49%2C8.44c1.16%2C2.19.33%2C4.91-1.86%2C6.07%2C0%2C0%2C0%2C0%2C0%2C0l-52.66%2C28c-1.05.56-2.29.68-3.43.33l-.07-.02c-1.14-.35-2.1-1.13-2.66-2.19h0Z%22%20data-name%3D%22Vereinigungsmenge%201%22%20id%3D%22Vereinigungsmenge_1%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20id%3D%22apps-2%22%3E%3Cg%20id%3D%22chat-2%22%20class%3D%22cls-4%22%3E%3Crect%20class%3D%22cls-3%22%20height%3D%22108.96%22%20transform%3D%22translate%28191.9%20-59.51%29%20rotate%2817%29%22%20width%3D%22108.96%22%20x%3D%22240.56%22%20y%3D%22557.77%22%20data-name%3D%22Rechteck%202364-2%22%20id%3D%22Rechteck_2364-2%22%20rx%3D%2220%22%20ry%3D%2220%22%2F%3E%3Cpath%20class%3D%22cls-8%22%20d%3D%22M271.94%2C571.09l65.11%2C19.91c2.51.88%2C3.84%2C3.62%2C2.98%2C6.14l-13.29%2C43.47c-.69%2C2.57-3.33%2C4.1-5.9%2C3.42l-7.93-2.42-5.35%2C14.54-11.44-14.9-4.8-6.25-35.57-10.88c-2.51-.88-3.84-3.62-2.98-6.14l13.29-43.47c.69-2.57%2C3.33-4.09%2C5.9-3.42Z%22%20data-name%3D%22Pfad%20790-2%22%20id%3D%22Pfad_790-2%22%2F%3E%3Cg%20id%3D%22Gruppe_1002-2%22%20data-name%3D%22Gruppe%201002-2%22%3E%3Crect%20class%3D%22cls-3%22%20height%3D%224.36%22%20transform%3D%22translate%28187.86%20-61.41%29%20rotate%2817%29%22%20width%3D%2240.1%22%20x%3D%22279.32%22%20y%3D%22595.62%22%20data-name%3D%22Rechteck%202365-2%22%20id%3D%22Rechteck_2365-2%22%2F%3E%3Crect%20class%3D%22cls-3%22%20height%3D%224.36%22%20transform%3D%22translate%28190.82%20-60%29%20rotate%2817%29%22%20width%3D%2240.1%22%20x%3D%22276.08%22%20y%3D%22606.23%22%20data-name%3D%22Rechteck%202366-2%22%20id%3D%22Rechteck_2366-2%22%2F%3E%3Crect%20class%3D%22cls-3%22%20height%3D%224.36%22%20transform%3D%22translate%28193.78%20-58.58%29%20rotate%2817%29%22%20width%3D%2240.1%22%20x%3D%22272.84%22%20y%3D%22616.84%22%20data-name%3D%22Rechteck%202367-2%22%20id%3D%22Rechteck_2367-2%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20id%3D%22connect-2%22%20class%3D%22cls-4%22%3E%3Crect%20class%3D%22cls-10%22%20height%3D%22168.38%22%20transform%3D%22translate%28193.76%20-2.47%29%20rotate%2817%29%22%20width%3D%22168.38%22%20x%3D%2220.94%22%20y%3D%22562.81%22%20data-name%3D%22Rechteck%202651-2%22%20id%3D%22Rechteck_2651-2%22%20rx%3D%2220%22%20ry%3D%2220%22%2F%3E%3Cg%20id%3D%22Gruppe_1123-2%22%20data-name%3D%22Gruppe%201123-2%22%3E%3Cg%20class%3D%22cls-7%22%3E%3Cg%20id%3D%22Gruppe_1122-2%22%20data-name%3D%22Gruppe%201122-2%22%3E%3Cpath%20class%3D%22cls-8%22%20d%3D%22M86.22%2C645.33c-1.67-3.18-.45-7.12%2C2.74-8.79%2C0%2C0%2C0%2C0%2C0%2C0l47.27-25.14-9.27-17.43c-2.09-3.93-6.97-5.42-10.9-3.33%2C0%2C0%2C0%2C0%2C0%2C0l-63.51%2C33.76c-3.93%2C2.09-5.42%2C6.97-3.33%2C10.9l33.77%2C63.5c2.09%2C3.93%2C6.97%2C5.42%2C10.9%2C3.33l17.58-9.35-25.24-47.46Z%22%20data-name%3D%22Pfad%20915-2%22%20id%3D%22Pfad_915-2%22%2F%3E%3Cpath%20class%3D%22cls-8%22%20d%3D%22M145.8%2C629.2l16.73%2C31.47c1.04%2C1.95.3%2C4.37-1.65%2C5.4h0s-31.47%2C16.73-31.47%2C16.73c-1.95%2C1.04-4.37.3-5.4-1.65h0s-16.73-31.47-16.73-31.47c-1.04-1.95-.3-4.37%2C1.65-5.4h0s31.47-16.73%2C31.47-16.73c1.95-1.04%2C4.37-.3%2C5.4%2C1.65%2C0%2C0%2C0%2C0%2C0%2C0%22%20data-name%3D%22Pfad%20916-2%22%20id%3D%22Pfad_916-2%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20id%3D%22working-2%22%20class%3D%22cls-4%22%3E%3Crect%20class%3D%22cls-2%22%20height%3D%22107.37%22%20transform%3D%22translate%2849.28%20-195.7%29%20rotate%2817%29%22%20width%3D%22107.37%22%20x%3D%22625.67%22%20y%3D%2213.35%22%20data-name%3D%22Rechteck%202663-2%22%20id%3D%22Rechteck_2663-2%22%20rx%3D%2220%22%20ry%3D%2220%22%2F%3E%3Cg%20id%3D%22Gruppe_1126-2%22%20data-name%3D%22Gruppe%201126-2%22%3E%3Cg%20class%3D%22cls-6%22%3E%3Cg%20id%3D%22Gruppe_1125-2%22%20data-name%3D%22Gruppe%201125-2%22%3E%3Cpath%20class%3D%22cls-8%22%20d%3D%22M647.37%2C60.55l-7.99-2.44c-1.21-.37-1.89-1.65-1.52-2.85l.55-1.81c.37-1.21%2C1.65-1.89%2C2.85-1.52h0s7.99%2C2.44%2C7.99%2C2.44c1.21.37%2C1.89%2C1.65%2C1.52%2C2.85h0l-.55%2C1.81c-.37%2C1.21-1.65%2C1.89-2.85%2C1.52h0%22%20data-name%3D%22Pfad%20923-2%22%20id%3D%22Pfad_923-2%22%2F%3E%3Cpath%20class%3D%22cls-8%22%20d%3D%22M717.42%2C81.96l-7.99-2.44c-1.21-.37-1.88-1.65-1.52-2.85l.55-1.81c.37-1.21%2C1.65-1.89%2C2.85-1.52h0l7.99%2C2.44c1.21.37%2C1.89%2C1.65%2C1.52%2C2.85h0s-.55%2C1.81-.55%2C1.81c-.37%2C1.21-1.65%2C1.89-2.85%2C1.52h0%22%20data-name%3D%22Pfad%20924-2%22%20id%3D%22Pfad_924-2%22%2F%3E%3Cpath%20class%3D%22cls-8%22%20d%3D%22M672.95%2C98.91l-2.44%2C7.99c-.37%2C1.21-1.65%2C1.89-2.85%2C1.52h0s-1.81-.55-1.81-.55c-1.21-.37-1.89-1.65-1.52-2.85h0l2.44-7.99c.37-1.21%2C1.65-1.89%2C2.85-1.52h0s1.81.55%2C1.81.55c1.21.37%2C1.89%2C1.65%2C1.52%2C2.85h0%22%20data-name%3D%22Pfad%20925-2%22%20id%3D%22Pfad_925-2%22%2F%3E%3Cpath%20class%3D%22cls-8%22%20d%3D%22M694.39%2C28.79l-2.49%2C8.16c-.36%2C1.16-1.59%2C1.82-2.75%2C1.46l-1.97-.6c-1.16-.36-1.82-1.59-1.46-2.75l2.49-8.16c.36-1.16%2C1.59-1.82%2C2.75-1.46l1.98.61c1.16.36%2C1.82%2C1.59%2C1.46%2C2.75%22%20data-name%3D%22Pfad%20926-2%22%20id%3D%22Pfad_926-2%22%2F%3E%3Cpath%20class%3D%22cls-8%22%20d%3D%22M676.34%2C76.51c-1.74-.53-3.13-1.85-3.76-3.56l-10.82-25.51c-.6-1.52.14-3.24%2C1.66-3.85s3.24.14%2C3.85%2C1.66l10.82%2C25.51%2C41.72-31.23c1.28-1.02%2C3.15-.8%2C4.16.48%2C1.02%2C1.28.8%2C3.15-.48%2C4.16l-41.72%2C31.23c-1.45%2C1.21-3.41%2C1.64-5.23%2C1.15l-.19-.06%22%20data-name%3D%22Pfad%20927-2%22%20id%3D%22Pfad_927-2%22%2F%3E%3Cpath%20class%3D%22cls-8%22%20d%3D%22M715.17%2C43.01l-5.63%2C4.21c1.09%2C1.68%2C2.04%2C3.44%2C2.84%2C5.27l5.75-4.3c-.87-1.79-1.85-3.52-2.96-5.18%22%20data-name%3D%22Pfad%20928-2%22%20id%3D%22Pfad_928-2%22%2F%3E%3Cpath%20class%3D%22cls-8%22%20d%3D%22M720.22%2C53.35l-5.98%2C4.48c5.03%2C19.29-6.52%2C39-25.81%2C44.03-19.29%2C5.03-39-6.52-44.03-25.81-5.03-19.29%2C6.52-39%2C25.81-44.03%2C13.12-3.42%2C27.05.8%2C36.07%2C10.92l5.62-4.21c-15.59-18.01-42.82-19.97-60.83-4.38-18.01%2C15.59-19.97%2C42.82-4.38%2C60.83%2C15.59%2C18.01%2C42.82%2C19.97%2C60.83%2C4.38%2C13.19-11.42%2C18.2-29.65%2C12.7-46.21%22%20data-name%3D%22Pfad%20929-2%22%20id%3D%22Pfad_929-2%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20id%3D%22projects-2%22%20class%3D%22cls-4%22%3E%3Crect%20class%3D%22cls-9%22%20height%3D%22161.16%22%20transform%3D%22translate%28248.84%20-50.82%29%20rotate%2817%29%22%20width%3D%22162.37%22%20x%3D%22213.25%22%20y%3D%22726.53%22%20data-name%3D%22Rechteck%202665-2%22%20id%3D%22Rechteck_2665-2%22%20rx%3D%2220%22%20ry%3D%2220%22%2F%3E%3Cpath%20class%3D%22cls-8%22%20d%3D%22M233.33%2C816.38l-4.86-9.14c-1.16-2.19-.33-4.91%2C1.86-6.07l76.82-40.85h0s9.14-4.86%2C9.14-4.86c2.19-1.16%2C4.91-.33%2C6.07%2C1.86%2C0%2C0%2C0%2C0%2C0%2C0l4.86%2C9.14v.02s13.62%2C25.59%2C13.62%2C25.59c1.16%2C2.19.33%2C4.91-1.86%2C6.07l-9.14%2C4.86c-2.19%2C1.16-4.91.33-6.07-1.86l-11.51-21.64-72.87%2C38.74c-2.19%2C1.16-4.91.33-6.07-1.86%2C0%2C0%2C0%2C0%2C0%2C0h0Z%22%20data-name%3D%22Vereinigungsmenge%202-2%22%20id%3D%22Vereinigungsmenge_2-2%22%2F%3E%3Cpath%20class%3D%22cls-8%22%20d%3D%22M295.98%2C852.79l-16.31-30.67c-1.16-2.19-.33-4.91%2C1.86-6.07l8.07-4.29c2.19-1.16%2C4.91-.33%2C6.07%2C1.86%2C0%2C0%2C0%2C0%2C0%2C0l9.74%2C18.32%2C40.68-21.63c2.19-1.16%2C4.91-.33%2C6.07%2C1.86h0s4.49%2C8.44%2C4.49%2C8.44c1.16%2C2.19.33%2C4.91-1.86%2C6.07%2C0%2C0%2C0%2C0%2C0%2C0l-52.66%2C28c-1.05.56-2.29.68-3.43.33l-.07-.02c-1.14-.35-2.1-1.13-2.66-2.19h0Z%22%20data-name%3D%22Vereinigungsmenge%201-2%22%20id%3D%22Vereinigungsmenge_1-2%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: calc(100% - 50px) top;
    background-size: auto 80%;
}

div.h1 {
    font-size: 25px;
    font-weight: bold;
}

div.h2 {
    font-size: 18px;
}

div.capital {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: bold;
}

div.capital-regular {
    text-transform: uppercase;
    font-size: 18px;
}

.product-link {
    box-shadow: 0 -1px 0px var(--footer) inset;
}

a, .link {
    outline: none;
    color: var(--link);
    text-decoration: none;
    font-weight: bold;
    cursor: pointer;    
}

a:hover, .link:hover {
    text-decoration: underline;
}

a:focus, .link:focus {
    text-decoration: underline;
    text-decoration-color: var(--border1);
    text-decoration-thickness: 2px;
}

.link-disabled {
    cursor: default;
    color: var(--border2);
}

.button {
    outline: none;
    font-size: 20px;
    border-radius: 10px;
    border: 3px solid var(--border1);
    background-color: var(--bg8);
}

.button-cancel {
    border: 3px solid var(--border2);
    background-color: var(--bg8);
}

.button:hover, .button:focus {
    border-color: var(--bg1);
    background-color: var(--bg1);
}

.button-cancel:hover, .button-cancel:focus {
    border-color: var(--border2);
    background-color: var(--bg2);
}

.button-disabled {
    background-color: var(--bg3);
    border-color: var(--bg3);
}

.button-disabled:hover {
    background-color: var(--bg3);
    border-color: var(--bg3);
}

.popup-error {
    background-color: var(--bg8);
    font-size: 16px;
    border-radius: 20px;
}

.popup-outer {
    background: var(--covered);
}

.popup {
    background-color: var(--bg8);
    border-radius: 20px;
}

.popup-close {
    fill: var(--bg9);
}

.input-label {
    color: var(--border2);
}

.input-label-error {
    color: var(--borderError);
}

select {
    border: 1px solid var(--border2);
    font-size: 14px;
    outline: none;
    font-family: var(--font);
}

.input {
    border-bottom: 1px solid var(--border2);
}

.input:focus-within {
    border-bottom: 1px solid var(--border1);
    box-shadow: 0 1px 0px var(--border1);
}

.input:has(:invalid), .input-error {
    border-bottom: 1px solid var(--borderError) !important;
    box-shadow: 0 1px 0px var(--borderError) !important;
}

input {
    font-family: var(--font);
}

textarea:focus {
    outline: none;
    border-color: var(--border1);
    font-family: var(--font);
}

select:-moz-focusring, button:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}

select:focus {
    border: 1px solid var(--border1);	
}

.input-tooltip {
    background-color: var(--bg4);
    border: 1px solid var(--border1);
}

.input-tooltip-invalid {
    background-color: var(--bgError);
    border: 1px solid var(--borderError);
}

.checkbox-checked {
    background-color: var(--bg4);
    border: 1px solid var(--border1);
}

.checkbox-checked:focus {
    outline: none;
    border: 1px solid var(--border1);
    box-shadow: 0 0 0 1px var(--border1) inset;
}

.checkbox-unchecked {
    background-color: var(--bg8);
    border: 1px solid var(--border2);
}

.checkbox-unchecked:focus {
    outline: none;
    border: 1px solid var(--border1);
    box-shadow: 0 0 0 1px var(--border1) inset;
}

.radio-checked {
    fill: var(--border1);
    border: 1px solid var(--border2);
}

.radio-unchecked {
    fill: var(--bg8);
    border: 1px solid var(--border2);
}

.list-item-highlighted {
    background-color: var(--bg5);
}

.list-item-icon {
    fill: var(--bg9);
}

.list-item-icon-highlighted {
    fill: var(--highlight);
}

.left {
    padding: 50px;
}

span {
    font-family: var(--font);
}

.card {
    background-color: var(--bg8);
    box-shadow: 0 0px 36px #00000030;
    padding: 50px;
    border-radius: 20px;
}

.shadow {
    background-color: var(--bg8);
    box-shadow: 0 0px 36px #00000030;
}

.transparent {
    background-color: rgba(0,0,0,0.19);
}

.table {
    background-color: var(--bg8);
}

.table-row-highlighted {
    background-color: var(--bg5);
}

.table-icon-highlighted {
    background-color: var(--highlight);
}

.permission-circle {
    background-color: var(--highlight);
}

.overlay {
    background-color: var(--bg6);
    opacity: 0.6;
}

.tab-inactive {
    background-color: var(--bg8);
}

.tab-active {
    border-bottom: 2px solid var(--border1);
}

.tab-content {
    background-color: var(--bg7);
}

.welcome-right {
    display: none;
}

.footer {
    font-size: 0.875em;
    color: var(--footer);
}

a.footer {
    color: var(--footer);
    font-weight: 500;
}

.arrow-box-left {
	position: relative;
	background: var(--bg4);
	border: 1px solid var(--border1);
}

.arrow-box-left:after, .arrow-box-left:before {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow-box-left:after {
	border-color: rgba(0, 0, 0, 0);
	border-right-color: var(--bg4);
	border-width: 14px;
	margin-top: -14px;
}
.arrow-box-left:before {
	border-color: rgba(0, 0, 0, 0);
	border-right-color: var(--border1);
	border-width: 15px;
	margin-top: -15px;
}

.arrow-box-up {
	position: relative;
	background: var(--bg4);
	border: 1px solid var(--border1);
}
.arrow-box-up:after, .arrow-box-up:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow-box-up:after {
	border-color: rgba(0, 0, 0, 0);
	border-bottom-color: var(--bg4);
	border-width: 14px;
	margin-left: -14px;
}
.arrow-box-up:before {
	border-color: rgba(0, 0, 0, 0);
	border-bottom-color: var(--border1);
	border-width: 15px;
	margin-left: -15px;
}

.my-input-error {
    border-right: 2px solid red;
}

.fader {
    transition: max-width 1s;
}

.faded-in {
    max-width: 1024px;
    height: auto;
    opacity: 1;
}

.faded-out {
    max-width: 0px;
    height: 0px;
    opacity: 0;
}

.desktop {
    display: none;
}

.mobile {
    display: initial;
}

.account {
    font-size: 28px;
    font-weight: bold;
}

.text-small {
    font-size: 14px;
}

.text-middle {
    font-size: 16px;
}

.text-bold-middle {
    font-size: 16px;
    font-weight: bold;
}

.text-bold-large {
    font-size: 20px;
    font-weight: bold;
}

.text-bold-larger {
    font-size: 22px;
    font-weight: bold;
}

.text-bold-huge {
    font-size: 32px;
    font-weight: bold;
}

.customer-selected {
    background-color: var(--bg4);
}

.customer:hover {
    background-color: var(--bg1);
}

.menu-item {
    color: var(--border2);
}

.menu-item:hover {
    background-color: var(--bg1);
    color: var(--black);
}

.menu-item-selected {
    border-bottom: 2px solid var(--border1);
    color: var(--black);
}

.contract-list-item15, .contract-list-item70, .contract-list-item85 {
    width: 100%;
    box-sizing: border-box;
}

.contract {
    flex-direction: column;
    align-items: start;
}

.contract-item {
    width: initial;
}

.language {
    background-color: var(--bg4);
}

.language:hover {
    background-color: var(--bg1);
}

.name-exists {
    border: 3px solid var(--border1);
    padding: 10px;
    border-radius: 20px;
}

@keyframes spin {
    0% {
        top: 15px;
        left: 15px;
        transform: rotateZ(45deg);
    }

    50% {
        top: 50px;
        left: 50px;
        transform: rotateZ(0deg);
    }

    100% {
        top: 15px;
        left: 15px;
        transform: rotateZ(-45deg);
    }
}

.spinner {
    position: absolute;
    left: 15px;
    top: 15px;
    transform: rotate(45deg);
    animation-duration: 2s;
    animation-name: spin;
    animation-timing-function: linear;
    animation-play-state: running;
    animation-iteration-count: infinite;
}

@media(min-width: 800px) {
    .contract {
        flex-direction: initial;
        align-items: center;
    }

    .welcome-right {
        display: flex;
    }

    .desktop {
        display: initial;
    }

    .mobile {
        display: none;
    }

    .contract-list-item70 {
        width: 70%;
    }

    .contract-list-item85 {
        width: 85%;
    }

    .contract-list-item15 {
        width: 15%;
    }
}

@media(max-width: 800px) {
    .card {
        box-shadow: none;
        background-color: transparent;
        margin: 0px;
        padding: 20px;
    }

    .card-myappsgo {
        background-color: var(--bg8);
    }

    .left {
        padding: 10px;
    }

    form {
        padding: 20px;
    }
}