:root{--warnmeldung: lightyellow;--background0: #ECDAB1;--background1: #004A84;--background2: #ECDAB1;--blue: #004A84;--white: #ffffff;--beige: #ECDAB1;--gold: #a49667;--black: #000000;--hellblau: #E3EAEF;--login-label: white;--modal-label: #004A84;--title-text: #ffffff;--text-white: #ffffff;--text-error: #ff0000;--border-gray: #cccccc;--button-primary: #004A84;--top-bar-color: #004A84;--button-disabled: #cccccc;--shadow-color: rgba(0, 0, 0, .5);--spinner-border: #f3f3f3;--logo-height: 100px;--logo-width: 300px;--imageurl: url("./media/bg-6LRBDGB4.png");--logourl: url("./media/login_logo-XJPLL2V2.png");--iconurl: url("./media/logo-S56A5SEO.png");--hamburgerurl: url("./media/settings-VEFVERUH.svg");--startmenu-leer-icon: url("./media/leer-AHS2SBRQ.svg");--startmenu-dokumente-icon: url("./media/dokumente-JDALQCXR.svg");--startmenu-wiedervorlage-icon: url("./media/wiedervorlage-ZIJUQELH.svg");--startmenu-email-icon: url("./media/email-VPUGKMPS.svg");--startmenu-anrufen-icon: url("./media/anrufen-LLNRZJRG.svg");--startmenu-route-icon: url("./media/route_makler-H4GIBIPB.svg");--startmenu-vertraege-icon: url("./media/vertraege-TWIDLZHM.svg");--startmenu-webseite-icon: url("./media/webseite-CTGJVNLR.svg");--startmenu-kfz-icon: url("./media/neues_kfz-E2X5ITQB.svg");--startmenu-schaden-icon: url("./media/schaden-IHJ3LJMS.svg");--startmenu-upload-icon: url("./media/upload-ZXCWLY5V.svg");--modal-unterschrift-icon: url("./media/unterschrift-YV43U7GZ.svg");--modal-dokumente-icon: url("./media/dokumente-JDALQCXR.svg");--modal-phone-icon: url("./media/phone-EREL67VR.svg");--modal-whatsapp-icon: url("./media/whatsapp-S7VDWG6X.svg");--modal-sms-icon: url("./media/sms-BIB4WWYS.svg");--modal-website-icon: url("./media/webseite-CTGJVNLR.svg");--modal-email-icon: url("./media/email-VPUGKMPS.svg");--modal-website-icon: url("./media/webseite-CTGJVNLR.svg");--personenliste-icon-inactive: url("./media/personenListe-E4YRCSJI.svg");--personenliste-icon-active: url("./media/personenListeAktive-SHQTYRJI.svg");--kommunikationsliste-icon-inactive: url("./media/kommListe-6YA3NE5L.svg");--kommunikationsliste-icon-active: url("./media/kommListeAktive-2DLDYG7E.svg");--vertragsliste-icon-inactive: url("./media/vertraegeListe-WMY5GZAE.svg");--vertragsliste-icon-active: url("./media/vertraegeListeAktive-RNI2J6SI.svg");--beraternummer-anzeigen: "block";--werbetext-anzeigen: "inline";--logo-margin-bottom: -40px;--text-shadow: #000}.beraternummer-anzeigen{display:var(--beraternummer-anzeigen)}.werbetext-anzeigen{display:var(--werbetext-anzeigen)}.login-label{color:var(--login-label)}.vertragsliste-icon{display:inline-block;width:30px;height:30px;background-size:contain;background-repeat:no-repeat;margin-left:10px;margin-right:10px}.vertragsliste-icon.inactive{background-image:var(--vertragsliste-icon-inactive)}.vertragsliste-icon.active{background-image:var(--vertragsliste-icon-active)}.personenliste-icon{display:inline-block;width:30px;height:30px;background-size:contain;background-repeat:no-repeat;margin-left:10px;margin-right:10px}.personenliste-icon.inactive{background-image:var(--personenliste-icon-inactive)}.personenliste-icon.active{background-image:var(--personenliste-icon-active)}.kommunikationsliste-icon{display:inline-block;width:30px;margin-left:10px;margin-right:10px;height:30px;background-size:contain;background-repeat:no-repeat}.kommunikationsliste-icon.inactive{background-image:var(--kommunikationsliste-icon-inactive)}.kommunikationsliste-icon.active{background-image:var(--kommunikationsliste-icon-active)}.modal-label{color:var(--modal-label)}.modal-unterschrift-icon{background-image:var(--modal-unterschrift-icon);background-size:contain;background-repeat:no-repeat;cursor:pointer;width:40px;height:40px}.modal-dokumente-icon{background-image:var(--modal-dokumente-icon);background-size:contain;background-repeat:no-repeat;cursor:pointer;width:40px;height:40px}.modal-phone-icon{background-image:var(--modal-phone-icon);background-size:contain;background-repeat:no-repeat;cursor:pointer;width:40px;height:40px}.modal-whatsapp-icon{background-image:var(--modal-whatsapp-icon);background-size:contain;background-repeat:no-repeat;cursor:pointer;width:40px;height:40px}.modal-sms-icon{background-image:var(--modal-sms-icon);background-size:contain;background-repeat:no-repeat;cursor:pointer;width:40px;height:40px}.modal-website-icon{background-image:var(--modal-website-icon);background-size:contain;background-repeat:no-repeat;cursor:pointer;width:40px;height:40px}.modal-email-icon{background-image:var(--modal-email-icon);background-size:contain;background-repeat:no-repeat;cursor:pointer;width:40px;height:40px}.startmenu-leer-icon{background-image:var(--startmenu-leer-icon);background-size:contain;background-repeat:no-repeat;width:60px;height:60px;display:inline-block}.startmenu-dokumente-icon{background-image:var(--startmenu-dokumente-icon);background-size:contain;background-repeat:no-repeat;margin-top:10px;width:50px;height:50px;display:inline-block}.startmenu-wiedervorlage-icon{background-image:var(--startmenu-wiedervorlage-icon);background-size:contain;background-repeat:no-repeat;width:60px;height:60px;display:inline-block}.startmenu-email-icon{background-image:var(--startmenu-email-icon);background-size:contain;background-repeat:no-repeat;margin-top:20px;width:60px;height:60px;display:inline-block}.startmenu-anrufen-icon{background-image:var(--startmenu-anrufen-icon);background-size:contain;background-repeat:no-repeat;margin-left:20px;width:60px;height:60px;display:inline-block}.startmenu-route-icon{background-image:var(--startmenu-route-icon);background-size:contain;background-repeat:no-repeat;width:60px;height:60px;display:inline-block}.startmenu-vertraege-icon{background-image:var(--startmenu-vertraege-icon);background-size:contain;background-repeat:no-repeat;margin-top:10px;width:60px;height:60px;display:inline-block}.startmenu-webseite-icon{background-image:var(--startmenu-webseite-icon);background-size:contain;background-repeat:no-repeat;width:60px;height:60px;display:inline-block}.startmenu-kfz-icon{background-image:var(--startmenu-kfz-icon);background-size:contain;background-repeat:no-repeat;margin-top:10px;width:60px;height:60px;display:inline-block}.startmenu-schaden-icon{background-image:var(--startmenu-schaden-icon);background-size:contain;background-repeat:no-repeat;width:60px;height:60px;display:inline-block}.startmenu-upload-icon{background-image:var(--startmenu-upload-icon);background-size:contain;background-repeat:no-repeat;width:60px;height:60px;display:inline-block}@font-face{font-family:open_sans_cond_light;src:url("./media/OpenSans-CondLight-G52TXYCX.ttf") format("truetype"),url("./media/light-2AIMYS27.eot") format("embedded-opentype")}@font-face{font-family:open_sans_cond_bold;src:url("./media/OpenSans-CondBold-LPVB2S47.ttf") format("truetype"),url("./media/bold-4YS4LKZH.eot") format("embedded-opentype")}@font-face{font-family:Glyphicons Halflings;src:url("./media/glyphicons-halflings-regular-JOUF32XT.woff") format("woff"),url("./media/glyphicons-halflings-regular-ACNUA6UY.ttf") format("truetype");font-weight:400;font-style:normal}.glyphicon{font-family:Glyphicons Halflings,sans-serif;font-style:normal;font-weight:400;display:inline-block;text-transform:none;line-height:1}.glyphicon-save:before{content:"\e025"}.glyphicon-folder-open:before{content:"\e118";color:var(--blue);font-size:50px}.glyphicon-remove-circle:before{content:"\e088";font-size:25px;margin-left:5px}body{margin:0;overflow:hidden;background-color:var(--background0);-webkit-user-select:none;user-select:none}app-root{position:relative;z-index:1000}#bg-gradient{background:linear-gradient(to bottom,var(--background1) 0%,var(--background2) 100%);z-index:0;width:auto;height:auto}#bg-image{position:fixed;top:0;left:0;width:100%;height:100%;background-image:var(--imageurl);background-position:bottom center;background-size:contain;background-repeat:no-repeat;opacity:.3;z-index:1}.logo{background-image:var(--logourl);background-size:contain;background-repeat:no-repeat;width:var(--logo-width);height:var(--logo-height);margin-bottom:var(--logo-margin-bottom)}.logo-icon{background-image:var(--iconurl);background-size:contain;background-repeat:no-repeat;cursor:pointer;width:40px;height:40px}.hamburger-menu{width:24px;height:24px;background-image:var(--hamburgerurl);background-repeat:no-repeat;background-size:contain;display:inline-block;cursor:pointer;color:red}.hamburger-menu-content hr{margin:4px 0;border:none;border-top:1px solid #ccc}.flex-container{display:flex;justify-content:center;align-items:center}h1,h2,h3,h4,h5,h6{font-family:open_sans_cond_bold;font-weight:100;color:var(--text-white)}h2{text-align:center}.titeltext-fett{font-family:open_sans_cond_bold;font-weight:100;text-align:center;color:var(--title-text)}.titeltext-light{font-family:open_sans_cond_light;font-weight:100;text-align:center;color:var(--title-text)}h3{font-family:open_sans_cond_light;text-align:center;margin-top:-15px;font-weight:400}p{margin:0;padding:2px 0;font-size:14px}b{color:var(--blue)}b header{color:var(--black)}label{color:var(--text-white);margin-bottom:0!important;display:block;font-weight:400}.login-container{position:relative;z-index:10;width:90vw;max-width:400px;margin:50px auto;padding:20px;border-radius:8px}.login-container img{width:100%;height:auto}.form-group{margin-bottom:15px}input{width:100%;padding:10px;margin:5px 0;border:1px solid var(--border-gray);border-radius:4px;box-sizing:border-box;font-size:16px}.error-message{color:var(--text-error);font-size:12px}.login-message{border-radius:5px;background-color:var(--warnmeldung);margin-top:25px;padding:8px;text-align:center;font-size:small}button{width:100%;padding:10px;background-color:var(--button-primary);color:var(--text-white);border:none;border-radius:4px;cursor:pointer}button:disabled{background-color:var(--button-disabled)}.btn-30{cursor:pointer;padding:5px;height:21px;width:25%;margin-right:5%;float:left;text-align:center;font-family:open_sans_cond_light;font-size:14px;border:none;border-radius:5px}.btn-50{padding:10px;width:35%;margin-right:4%;float:left;text-align:center;font-family:open_sans_cond_light;font-size:14px;border-radius:5px}.gold{background:var(--gold);color:var(--text-white)}.blue{background:var(--blue);color:var(--text-white)}.shadow{box-shadow:1px 1px 10px 0 var(--shadow-color)}.text-shadow{text-shadow:1px 1px 1px var(--text-shadow)}.active-text{color:var(--gold)}.inactive-text{color:var(--text-white)}.spinner,.spinnersmall{border-radius:50%;margin:10px auto;animation:spin 1s linear infinite}.spinner{border:4px solid var(--spinner-border);border-top:4px solid var(--button-primary);width:48px;height:48px}.spinnersmall{border:4px solid var(--spinner-border);border-top:4px solid var(--button-primary);width:24px;height:24px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.start-menu{display:grid;grid-template-columns:repeat(3,115px);gap:8px;justify-content:center;margin:7px auto}.start-menu-btn{width:100px;height:100px;background:var(--hellblau);padding:8px;border-radius:5px;text-align:center;cursor:pointer}.start-menu-btn .start-icon-con{width:100%;height:60%;margin-bottom:5px}.start-menu-btn .start-icon-con img{width:auto;height:100%}.start-menu-btn p{white-space:wrap;overflow:hidden;text-overflow:ellipsis}.start-menu-btn.last{margin-right:0}.marker{background-color:#ffffe0;border:1px solid var(--gold)}.top-bar{background-color:var(--top-bar-color);height:50px;width:100%;position:fixed;top:0;left:0;display:flex;align-items:center;justify-content:space-between;padding:0 10px;color:#fff;font-size:14px;font-family:Arial,sans-serif}.top-bar-title{flex-grow:1;text-align:center;font-size:18px;font-family:open_sans_cond_bold;font-weight:100}.hamburger-menu{height:20px;line-height:25px;cursor:pointer;margin-right:20px}.bottom-bar{background-color:var(--blue);height:40px;width:100%;position:fixed;bottom:0;left:0;display:flex;justify-content:center;align-items:center;padding-bottom:env(safe-area-inset-bottom,0);z-index:9999}.bottom-bar-content{display:flex;flex-direction:column;align-items:center}.bottom-bar-text{font-size:16px;color:var(--gold);margin-left:5px}.bottom-bar-icon{height:25px}.search-results{height:calc(100vh - 250px);overflow-y:auto;padding:10px}.search-message{text-align:center;background:var(--warnmeldung);cursor:pointer;border-radius:10px;padding:10px;margin:3px;font-size:14px}.Vertragsliste{height:calc(100vh - 137px);top:0;bottom:80px;position:relative;z-index:10;width:90vw;max-width:400px;margin:1px auto;border-radius:8px;overflow-y:auto;-webkit-overflow-scrolling:touch}.Gruppe{background:var(--hellblau);cursor:pointer;border-radius:10px;padding:1px;margin-bottom:3px}.Gruppe h2{color:var(--blue);text-align:left;margin-left:10px;font-size:18px}.Vertrag{background:#f5f5f5;cursor:pointer;border-radius:10px;padding:10px;margin:3px;font-size:16px}.Vertrag p{font-size:16px}.VertragDetails{background-color:var(--white);margin-top:5px;padding:5px 8px;border-radius:10px}.greyed-out{color:gray;opacity:.5}.disabled{color:gray;opacity:.1}.current-group{background-color:var(--text-white)}.current-contract{background-color:var(--beige)}.modal{display:block;position:fixed;z-index:20000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#0006}.modal h2{color:var(--blue);text-align:center;margin-top:5px}.modal-content{background-color:#fff;margin:10% auto 0;padding:20px;border-radius:10px;width:80%;max-width:400px;display:flex;flex-direction:column;z-index:10000;box-shadow:0 4px 8px #0003}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--gold);text-align:center}.close{font-size:30px;cursor:pointer}.modal-body{width:100%;overflow-y:auto}.modal-body ul{list-style-type:none;margin:0;padding:0}.document-item{display:flex;align-items:center;justify-content:space-between;margin-bottom:3px;padding:4px;border-bottom:1px solid #eee}.document-icon{width:40px;height:40px;margin-right:10px}.document-icon img{width:40px;height:40px}.document-info{width:300px;margin-right:15px}.document-name{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.document-date{color:#888}.download-btn{padding:8px 12px;background-color:var(--gold);color:#fff;border:none;border-radius:5px;cursor:pointer;width:50px}.edit_input_con .edit_input,.edit_input{width:95%;border:thin solid var(--blue);padding:5px;font-family:open_sans_cond_bold;margin-bottom:20px;border-radius:0}.edit_input_con textarea.edit_input{height:105px}.edit_input_con .edit_label,.edit_label{color:#004a84;font-family:open_sans_cond_bold;text-transform:none}.hamburger-menu-content{position:fixed;top:50px;right:10px;background-color:#fff;border:1px solid #ccc;box-shadow:0 2px 4px #0003;border-radius:4px;z-index:1000}.hamburger-menu-content ul{list-style:none;margin:0;padding:0}.hamburger-menu-content li{padding:10px 20px;cursor:pointer}.hamburger-menu-content li:hover{background-color:var(--beige)}.image-preview{display:flex;align-items:center;gap:5px}.remove-icon{margin-left:-5px;text-align:left;cursor:pointer;color:var(--blue)}