@font-face{font-family:Standard; src:url("../fonts/arial.ttf");}

body {background-color: #d9e8ec;}

.login_body{width: 100hw;height: 100vh;background: linear-gradient(to right,#006178 0%,#006178 50%,white 50%,white 90%);overflow: hidden;}
.login_body .mainLeft{width: 50%;margin-top: 1%;position: absolute;}
.login_body .textLeft{display: center;font-family: Standard;color: white;text-align:center;}
.login_body .mainPic{display: block;margin-left: auto;margin-right: auto;width: 25%;}

.login_body .mainRight{margin-left: 51%;width: 50%;margin-top: 60px;position: absolute;}
.login_body .textRight{display: center;font-family: Standard;color: black;text-align:center;}
.login_body .login{display: block;margin-left: auto;margin-right: auto;width: 30%;text-align:center;}
.login_body .textLogin{display: center;font-family: Standard;color: black;text-align:left;font-size:1vw;}
.login_body .buttonForgot{background: transparent;border: none;font-family: Standard;text-align:right;font-size:0.75vw;color: #006178;cursor: pointer;}
.login_body .inputLogin{width: 100%;font-family: Standard;background: transparent;border: none;border-bottom: 1px solid #000000;padding: 2px 5px;}
.login_body .inputSubmit{width: 60%;background-color: #006178;border-radius: 8px;border: none;color: white;padding: 8px 0px;text-decoration: none;text-align:center;font-family: Standard;font-size:1vw;margin: 4px 2px;cursor: pointer;}

.login_body .modal{z-index:3;display:none;padding-top:100px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4)}
.login_body .messageWindow{margin:auto;background-color:transparent;position:relative;padding:0;outline:0;width:40vw;}
.login_body .messageWindowContent{background-color: #006178;border-radius: 8px;border: 1px;color: white;}
.login_body .button_X{position:absolute;right:0;top:0;font-size:2vw;border:none;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
.login_body .footer_login {position: fixed;left: 0;bottom: 0;width: 100%;background-color: #006178;;text-align: center;font-family: Standard;color:white;font-size:1vw}
.login_body .footerButton_login{background: transparent;border: none;font-family: Standard;text-align:right;font-size:1vw; color: white; cursor: pointer;}
.login_body .footerPic_login{width:clamp(16px, 1vw, 16px);height:clamp(16px, 1vw, 16px);}
.login_body .footerLogo_login{height:80%;position: absolute; top: 0px; right: 0px;}
   
h1{font-family: Standard;}
h2{font-family: Standard;}
h3{font-family: Standard;}
p{font-family: Standard; font-size:clamp(16px, 1vw, 16px);}

table {border-collapse: collapse;}
td{font-family: Standard; }

.message{z-index:3;display:none;padding-top:100px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4)}
.messageWindow{margin:auto;background-color:transparent;position:relative;padding:0;outline:0;width:40vw;}
.messageWindowContent{background-color:#006178;border-radius: 8px;border: 1px;color: white;}
.messageText{display: center; font-family: Standard; text-align:center; font-size:1vw; color: white;}
.button_X{position:absolute;right:0;top:0;font-size:2vw;border:none;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}

.popup {position: absolute;top: 50%;left: 5%;cursor: pointer;}
.popup .popuptext {width: 50vw; background-color: #ff0000; color: #fff; text-align: center; border-radius: 6px; padding: 25px 50px; z-index: 1; font-family: Standard; font-size:clamp(16px, 1vw, 16px);}

.navigation{margin-left: 1%; margin-top: 1%;}
.navmenu{display: block; font-family: Standard; font-size:min(max(14px, 4vw), 18px);font-weight: bold; color: white; padding: 0px 16px;}

.nav-menu { height: 97%; width: 20vw; position: fixed; z-index: 1; top: 0; left: 0; background-color: #006178; overflow-x: hidden; padding-top: 20px;  scrollbar-color: #ffffff #006178;}

.simple_link {display: block; font-family: Standard; font-size:clamp(15px, 1vw, 15px); color: black; padding: 0px 0px; text-decoration: none; }
.simple_link.active {color: black;background-color: #d9e8ec;}
.simple_link:hover:not(.active) {color: black;background-color: #d9e8ec;}

ul {list-style-type: none; margin: 0; padding: 0; width: 100%; background-color: #006178;z-index: 999;}
a {display: block; font-family: Standard; font-size:clamp(15px, 1vw, 15px); color: white; padding: 8px 16px; text-decoration: none; }
a.active {background-color: #04AA6D; color: white;}
a:hover:not(.active) {background-color: #004656; color: white;}

.telephone {color: #004656;} 
.telephone.active {}
.telephone:hover:not(.active) {background-color: #d9e8ec; color: grey;}

a .tooltip {position: relative;}
a .tooltip .tooltiptext {visibility: hidden;width: 160px;background-color: #d9e8ec; color: #006178; text-align: center;  border-radius: 6px; padding: 5px 0; position: absolute; top: -25px; left:-70px; z-index: 1;}
a .tooltip:hover .tooltiptext { visibility: visible;}

.tooltip {position: relative;}
.tooltip .tooltiptext {visibility: hidden;background-color: #006178; color: #d9e8ec; font-size:14px; text-align: center;  border-radius: 6px; padding: 5px 0; position: absolute; z-index: 1; } /* z-index: 1; width: 160px; top: -25px; left:-70px; */
.tooltip:hover .tooltiptext { visibility: visible;}

.nav-menu-head { display: block; color: #006178; font-family: Standard;  font-size:clamp(16px, 1vw, 16px); font-weight: bold; padding: 8px 16px; background-color: #d9e8ec;  }

.content{background-color: #d9e8ec; margin-left: 20%;width: 79%;vertical-align: top; margin-top: 0%;position: absolute;}
.contentmenu_ul {position: fixed;width: 100%; list-style-type: none;margin: 0;padding: 0;overflow: hidden; background-color: #006178;}
.contentmenu_li {float: left;}
.contentmenu_li a {background-color: #006178; display: block;color: white;text-align: center;padding: 14px 16px;text-decoration: none; font-size:18px;}
.contentmenu_li a:hover {background-color: #004656;}
.contentmenu_submit{background-color: rgba(0,0,0,0);border: none;color: white;padding: 14px 16px;text-decoration: none;text-align:center;font-family: Standard;cursor: pointer; font-size:18px;}
.contentmenu_submit:hover {background-color: #004656;}
.content_sub{margin-top: 60px;}

.input-text{width: 100%;font-family: Standard;background: transparent;border: none; border-bottom: 1px solid grey; font-size:clamp(12px, 0.75vw, 12px)}
.select{border: none; background: transparent; font-family: Standard; font-size:clamp(12px, 0.75vw, 12px)}
.input-submit{background-color: #006178;border-radius: 8px;border: none;color: white;padding: 8px 4px;text-decoration: none;text-align:center;font-family: Standard;font-size:1vw;margin: 4px 2px;cursor: pointer;}
*:disabled {opacity: 0.6; cursor: not-allowed;};


input[type='file'] {font-family: Standard;margin-left: 0px;border: 1px solid #b5bcc7; width: 30vw;vertical-align: middle; margin-bottom: 0px;}
.custom-file-input::-webkit-file-upload-button { visibility: hidden; width:0px;}
.custom-file-input::before { display: inline-block; background-color: #006178;border-radius: 8px;border: none;color: white; padding: 8px 4px;margin: 4px 2px; font-size:1vw;cursor: pointer; content: 'Datei auswählen'; outline: none; white-space: nowrap; -webkit-user-select: none;  cursor: pointer;font-family: Standard;}

.custom-file-small-input::-webkit-file-upload-button { visibility: hidden; width:0px;}
.custom-file-small-input::before { display: inline-block; background-color: #006178;border-radius: 8px;border: none;color: white; padding: 2px 1px;margin: 2px 1px; font-size:0.5vw;cursor: pointer; content: 'Datei auswählen'; cursor: pointer;font-family: Standard;}

.download-button {color; transparent; background-color: transparent; font-size: 0; border: none; background-image: url('../images/icons/link.png'); height: 32px; width: 32px; background-size: cover; cursor: pointer;} 
.preview-button {color; transparent; background-color: transparent; font-size: 0; border: none; background-image: url('../images/icons/preview.png'); height: 32px; width: 32px; background-size: cover; cursor: pointer;} 
.add-link-button {color; transparent; background-color: transparent; font-size: 0; border: none; background-image: url('../images/icons/add_link.png'); height: 32px; width: 32px; background-size: cover; cursor: pointer;} 
.account-button {vertical-align: top; color; transparent; background-color: transparent; font-size: 0; border: none; background-image: url('../images/icons/account-link.png'); height: 24px; width: 24px; background-size: cover; cursor: pointer;} 
.filter-button {vertical-align: top; color; transparent; background-color: transparent; font-size: 0; border: none; background-image: url('../images/icons/sort.png'); height: 24px; width: 24px; background-size: cover; cursor: pointer;} 

.plus {background: url('../images/icons/plus.png') no-repeat; background-size: 36px 36px; width:36px; height:36px; border:none; background-color:transparent; color:transparent;}
.plus_small {background: url('../images/icons/plus.png') no-repeat; background-size: 20px 20px; width:20px; height:20px; border:none; background-color:transparent; color:transparent;}
.trashcan {background: url('../images/icons/trashcan.png') no-repeat; background-size: 36px 36px; width:36px; height:36px; border:none; background-color:transparent; color:transparent;}
.trashcan_small {background: url('../images/icons/trashcan.png') no-repeat; background-size: 20px 20px; width:20px; height:20px; border:none; background-color:transparent; color:transparent;}
.save {background: url('../images/icons/save.png') no-repeat; background-size: 36px 36px; width:36px; height:36px; border:none; background-color:transparent; color:transparent;}
.save_small {background: url('../images/icons/save.png') no-repeat; background-size: 20px 20px; width:20px; height:20px; border:none; background-color:transparent; color:transparent;}
.download {background: url('../images/icons/download.png') no-repeat; background-size: 36px 36px; width:36px; height:36px; border:none; background-color:transparent; color:transparent;}
.cart {background: url('../images/icons/cart.png') no-repeat; background-size: 36px 36px; width:36px; height:36px; border:none; background-color:transparent; color:transparent;}

.textarea{width: 100%;font-family: Standard;}

.footer {height: 15%; position: fixed; bottom: 0; margin-left: -2%; width: 104%; background-color: #006178; text-align: center; font-family: Standard; color:white;}
.footerButton{background: transparent;border: none;font-family: Standard;text-align:right; color: white; cursor: pointer; font-size:clamp(16px, 1vw, 16px);}
.footerPic{width:1vw; height:1vw;}
.footerLogo{height:80%;position: absolute; top: 0px; right: 2%;}