body {overflow: hidden;}
html, body{color:#a4a1a7;font-size:18px;background-image:url(../img/hg.jpg);height: 100%;}
#content {max-height: calc(90% - 170px);overflow-y: scroll;margin-top:50px}
footer {width: 100%;height: 80px;background:#292929;position: fixed;bottom: 0;}
.login_kasten{margin:auto;text-align:center;width:20%;border:solid 1px #45708d;margin-top:12%;padding:50px;min-height:270px}
.login_kasten_neu{margin:auto;text-align:center;width:30%;border:solid 1px #45708d;margin-top:8%;padding:50px;min-height:270px}
.btn-info_weltweit{background-color:#45708d}
.navbar{background-color:#343434;min-height:80px}
.login{color:#fff;position:absolute;right:100px;text-align:right;}
.kacheln_around{margin:auto;text-align:center;margin-top:3%}
.kachel_border{border:solid 1px #45708d;padding:5px;}
.kachel{width:200px;height:200px;background-color:#45708d;text-align: center;padding-top:30px}
.kachel_bild{margin-bottom:20px}
.kachel_text{color:#fff}
.seitenumrandung{width:70%;margin:auto;text-align:center;border:solid 1px #585858;}
.seitenumrandung1{width:70%;margin:auto;text-align:center;border:solid 1px #585858;min-height:70px;padding-top:22px;color:#fff}
.seitenumrandung2{width:100%;margin-top:10px;min-height:30px;color:#585858;text-align:left;float:left}
.reihe{text-align:left;padding-left:50px;padding-top:10px;padding-bottom:10px;}
.even{background:#9800ca;color:#abc1d6}
.odd{background:#cacaca;color:#45708d}
.odd1{background:#9800ca;color:#abc1d6;min-height:50px;}
.even1{background:#bfd2e3;color:#45708d;;min-height:50px;}
.odd2{background:#45708d;color:#abc1d6;min-height:50px;}
.even2{background:#bfd2e3;color:#45708d;;min-height:50px;}
.seitenumrandung_sub{min-height:70px;background:#cacaca;color:#324f64;width:100%;font-weight:bold;padding-top:20px;font-size:23px}
.seitenumrandung_bottom{min-height:70px;background:transparent;color:#c0c0c0;width:100%;font-weight:bold;padding-top:9px;border:solid 1px #585858;}
.seitenumrandung_bottom1{min-height:70px;background:transparent;color:#abc1d6;width:100%;padding-top:9px;border:solid 0px #abc1d6;}
.kunden_editodd{width:35px;height:35px;background-image:url(../img/edit.png);background-repeat:no-repeat;background-position:50% 0}
.kunden_editeven{width:35px;height:35px;background-image:url(../img/edit.png);background-repeat:no-repeat;background-position:50% 0}

.kunden_editodd1{width:35px;height:35px;background-image:url(../img/edit.png);background-repeat:no-repeat;background-position:50% 0}
.kunden_editeven1{width:35px;height:35px;background-image:url(../img/edit.png);background-repeat:no-repeat;background-position:50% 0}

.codes_editodd{width:35px;height:35px;background-image:url(../img/codes.png);background-repeat:no-repeat;background-position:50% 2px}
.codes_editeven{width:35px;height:35px;background-image:url(../img/codes.png);background-repeat:no-repeat;background-position:50% 2px}
.tabletoff{width:35px;height:35px;background-image:url(../img/tablet2.png);background-repeat:no-repeat;background-position:50% 0}
.tableton{width:35px;height:35px;background-image:url(../img/tablet.png);background-repeat:no-repeat;background-position:50% 0}
.view_editodd{width:35px;height:35px;background-image:url(../img/view.png);background-repeat:no-repeat;background-position:50% 0}
.view_editeven{width:35px;height:35px;background-image:url(../img/view.png);background-repeat:no-repeat;background-position:50% 0}
.delete_editodd{width:35px;height:35px;background-image:url(../img/delete.png);background-repeat:no-repeat;background-position:50% 0}
.delete_editeven{width:35px;height:35px;background-image:url(../img/delete.png);background-repeat:no-repeat;background-position:50% 0}
.delete_editodd1{width:35px;height:35px;background-image:url(../img/delete.png);background-repeat:no-repeat;background-position:50% 0}
.delete_editeven1{width:35px;height:35px;background-image:url(../img/delete.png);background-repeat:no-repeat;background-position:50% 0}
.accountodd{width:35px;height:35px;background-image:url(../img/account.png);background-repeat:no-repeat;background-position:50% 0}
.accounteven{width:35px;height:35px;background-image:url(../img/account.png);background-repeat:no-repeat;background-position:50% 0}
.account_companyodd{width:35px;height:35px;background-image:url(../img/account_company.png);background-repeat:no-repeat;background-position:50% 0}
.companyodd_red{width:35px;height:35px;background-image:url(../img/account_red.png);background-repeat:no-repeat;background-position:50% 0}
.companyodd{width:35px;height:35px;background-image:url(../img/account.png);background-repeat:no-repeat;background-position:50% 0}
.account_companyeven{width:35px;height:35px;background-image:url(../img/account_company.png);background-repeat:no-repeat;background-position:50% 0}
.mail_yes{width:35px;height:35px;background-image:url(../img/mail_yes.png);background-repeat:no-repeat;background-position:50% 0}
.mail_no{width:35px;height:35px;background-image:url(../img/mail_no.png);background-repeat:no-repeat;background-position:50% 0}
.sperre_yes{width:35px;height:35px;background-image:url(../img/sperre_yes.png);background-repeat:no-repeat;background-position:50% 0}
.sperre_no{width:35px;height:35px;background-image:url(../img/sperre_no.png);background-repeat:no-repeat;background-position:50% 0}
.new_editodd{width:35px;height:35px;background-image:url(../img/new.png);background-repeat:no-repeat;background-position:50% 3px}
.linkeven{width:35px;height:35px;background-image:url(../img/link.png);background-repeat:no-repeat;background-position:50% 3px}
.linkodd{width:35px;height:35px;background-image:url(../img/link.png);background-repeat:no-repeat;background-position:50% 3px}
.unlinkeven{width:35px;height:35px;background-image:url(../img/unlink.png);background-repeat:no-repeat;background-position:50% 3px}
.unlinkodd{width:35px;height:35px;background-image:url(../img/unlink.png);background-repeat:no-repeat;background-position:50% 3px}
.unlinkeven1{width:30px;height:30px;background-image:url(../img/unlink.png);background-repeat:no-repeat;background-position:50% 3px}
.unlinkodd1{width:30px;height:30px;background-image:url(../img/unlink.png);background-repeat:no-repeat;background-position:50% 3px}
.cloneeven{width:35px;height:35px;background-image:url(../img/clone.png);background-repeat:no-repeat;background-position:50% 3px}
.cloneodd{width:35px;height:35px;background-image:url(../img/clone.png);background-repeat:no-repeat;background-position:50% 3px}
.koppeln_orgaeven{width:35px;height:35px;background-image:url(../img/orga.png);background-repeat:no-repeat;background-position:50% 3px}
.koppeln_orgaodd{width:35px;height:35px;background-image:url(../img/orga.png);background-repeat:no-repeat;background-position:50% 3px}
.new_editeven{width:35px;height:35px;background-image:url(../img/new.png);background-repeat:no-repeat;background-position:50% 3px}
.new_editodd1{width:30px;height:35px;background-image:url(../img/delete.png);background-repeat:no-repeat;background-position:50% 0px}
.nameeven{width:35px;height:35px;background-image:url(../img/name.png);background-repeat:no-repeat;background-position:50% 3px}
.nameodd{width:35px;height:35px;background-image:url(../img/name.png);background-repeat:no-repeat;background-position:50% 3px}
.new_editeven1{width:30px;height:35px;background-image:url(../img/delete.png);background-repeat:no-repeat;background-position:50% 0px}
.kunden_orgaodd{width:35px;height:35px;background-image:url(../img/orga4.png);background-repeat:no-repeat;background-position:50% 0}
.kunden_orgaeven{width:35px;height:35px;background-image:url(../img/orga4.png);background-repeat:no-repeat;background-position:50% 0}
.orga_orgaodd{width:35px;height:35px;background-image:url(../img/orga5.png);background-repeat:no-repeat;background-position:50% 0}
.orga_orgaeven{width:35px;height:35px;background-image:url(../img/orga5.png);background-repeat:no-repeat;background-position:50% 0}
.btn-primary{background:#324f64 !important;border:none !important}
.login_kasten_pre{margin:auto;text-align:center;width:70%;border:solid 0px #45708d;padding:0px;margin-top:30px;}
.login_kasten1{margin:auto;text-align:center;width:70%;border:solid 1px #45708d;padding:50px;margin-top:3%;}
.login_kasten_reiter{margin:auto;text-align:center;width:90%;border:solid 1px #45708d;padding:50px;display:none;min-height:540px}
.login_kasten2{margin:auto;text-align:center;width:70%;border:solid 1px #45708d;padding-left:50px;padding-right:50px;padding-top:20px;padding-bottom:5px;margin-top:1%;color:#45708d;}
.login_kasten4{margin:auto;text-align:center;width:70%;border:solid 1px #45708d;padding:50px;}
.login_kasten5{margin:auto;text-align:center;width:90%;border:solid 1px #45708d;padding:50px;}
.login_kasten13{margin:auto;text-align:center;width:7095%;border:solid 1px #45708d;padding:50px;margin-top:3%;}
.login_umschalter{width:400px;height:50px;margin-left:50px}
.menu{margin-top:23px;margin-left:100px}
a:visited{font-size:22px;color:#fff;font-weight:bold;;margin-left:20px}
a:link{font-size:22px;color:#fff;font-weight:bold;margin-left:20px}
.danke{margin:auto;text-align:center;margin-top:10%}
input.error, select.error, textarea.error{border:2px solid #ff004c !important;}
a.even{color:#abc1d6}
a.odd{color:#45708d}
.modal-footer{background:#45708d;min-height:60px;color:#abc1d6; justify-content: space-between; }
a.navilink:link{color:#cacaca;cursor:pointer;}
a.navilink:active{color:#cacaca;cursor:pointer;}
a.navilink:visited{color:#cacaca;cursor:pointer;}
.navi_headline{color:#45708d;margin-top:20px}
.kachel_width{width:50%;margin:auto;text-align:center;margin-top:30px}
.kachel_admin{width:200px;height:200px;background-color:#45708d;padding-top:50px;margin:auto;text-align:center;color:#abc1d6;font-size:16px;;outline: 1px solid #45708d;outline-offset: 7px;cursor:pointer}
.kachel_admin1{width:200px;height:200px;background-color:#45708d;padding-top:50px;margin:auto;text-align:center;color:#abc1d6;font-size:16px;outline: 1px solid #45708d;outline-offset: 7px;cursor:pointer}
.kachel_admin3{width:200px;height:200px;background-color:#505050;padding-top:50px;margin:auto;text-align:center;color:#abc1d6;font-size:16px;outline: 1px solid #45708d;outline-offset: 7px;cursor:pointer}
.kachel_admin2{margin:auto;text-align:center; margin: 20px 20px 0 0;width: calc(1/4*90% - (1 - 1/4)*10px);height:150px;background-color:#45708d;padding-top:30px;color:#abc1d6;font-size:16px;;outline: 1px solid #45708d;outline-offset: 7px;cursor:pointer;padding-left:10px;padding-right:10px}
div.kachel_admin1:hover {background-color:#5489ad;}
div.kachel_admin:hover {background-color:#5489ad;}
.kachel_board1{border:solid 1px #45708d;width:100%;min-height:170px}
.kachel_board2{border:solid 1px #45708d;width:100%;min-height:400px}
.kachel_board{width:100%}
.board{margin:auto;text-align:center;margin-top:30px;width:90%;margin-bottom:50px;}
.bold{font-weight:bold;}
.borderon{border: solid 2px #30ff00 !important }
.borderoff{border: solid 2px #ff2400 !important }
.kachel_text{margin-top:10px;color:#abc1d6}
.kachel_bild{background-color:#4f7e9e;width:70px;height:70px;margin:auto;text-align:center;padding-top:10px;border:solid 1px #abc1d6}
.around{width:90%;margin:auto;text-align:center;margin-top:30px;}
.around_account{width:60%;margin:auto;text-align:center;margin-top:30px;}
.around_account1{width:90%;margin:auto;text-align:center;margin-top:30px;}
.around_account2{width:90%;margin:auto;text-align:center;margin-top:30px;height:450px;position:relative;}
.around_account3{width:90%;margin:auto;text-align:center;margin-top:30px;height:450px;position:relative;}
.admin_inside{border:solid 1px #45708d;min-height:430px;position: relative;color:#45708d}
.admin_inside1{border:solid 1px #45708d;color:#45708d;}
.admin_inside2{border:solid 1px #45708d;color:#45708d;overflow-y : scroll;overflow-x:hidden;height:400px}
.admin_inside_left_header{background-color:#45708d;min-height:40px;margin-bottom:30px;color:#abc1d6;padding-top:7px}
.admin_inside_left_header1{background-color:#45708d;min-height:40px;margin-bottom:15px;color:#abc1d6;padding-top:7px;width:100%}
.admin_inside_left_header2{background-color:#45708d;min-height:40px;color:#abc1d6;padding-top:7px}
.admin_inhalt{margin-left:30px}
.admin_inside_left_bottom{background-color:#45708d;min-height:40px;color:#abc1d6;bottom:0;position: absolute;padding-top:7px;width:100%}
.admin_inside_left_bottom1{background-color:#35576f;min-height:40px;color:#abc1d6;bottom:0;position: relative;padding-top:7px;width:100%}
.admin_inside_left1{padding-left:30px;padding-right:30px;padding-bottom:30px}
textarea#editor { width: 100% }
.tablet_umrandung{width:auto;display:flex;flex-wrap:wrap;margin-top:50px;align-items: center;justify-content: center;}
.tablet_umrandung1{width:80%;margin:auto;text-align:center;margin-top:50px;}
.tablet_modal{margin:auto;text-align:center;color:#45708d;margin-top:30px;}
.hidden { display:none; }
.abstand{margin-bottom:30px}
#code_eintragen{display:none;}
#kunden_eintragen{display:none;}
.line-break {width:100%;height:1px;margin-top:20px;margin-bottom:20px}
.normal_text{color:#45708d}
.userverwaltung{float:left;margin-right:20px;cursor:pointer}
.dropdown-item{padding:0px !important;margin:0px !important;padding-left:20px !important;padding-right:20px !important}
.dropdown-item:hover{background:#fff !important}
.user-input-wrp {
    position: relative;
    width: 100%;
}
.user-input-wrp .inputText{
    width: 100%;
    outline: none;
    border:none;
    border-bottom: 1px solid #777;
    box-shadow: none !important;
}
.user-input-wrp .inputText:focus{
    border-color: blue;
    border-width: medium medium 2px;
}
.user-input-wrp .floating-label {
    position: absolute;
    pointer-events: none;
    top: 7px;
    left: 10px;font-size:15px;padding-top:7px;
    transition: 0.2s ease all;
}
.user-input-wrp input:focus ~ .floating-label,
.user-input-wrp input:not(:focus):valid ~ .floating-label{
    top: 0px;
    left: 12px;
    font-size: 13px;
    opacity: 1;padding-top:0px;
}
.inputText {
    padding-top:17px;
    font-size:15px;
    height:45px;
}
.flexContainer {
    display: flex;
}

.inputpass {
    flex: 1;
}
.logostyle{background-image:url(../img/);background-repeat:no-repeat;background-position:0px 2px;width:400px;height:65px;margin-top:10px;margin-left:100px;color:#fff;font-size:35px}
.lang_color{position:absolute;left:20%}
.lang_schrift{float:left;width:28px;border:none;background:transparent;color:#fff;outline:none;text-align:left;-webkit-appearance: none;-moz-appearance: none;appearance: none;padding-left: 0; padding-right: 0}
.lang_schrift_rechts{float:left;width:30px;border:none;background:transparent;color:#fff;outline:none;margin:auto;text-align:right;-webkit-appearance: none;-moz-appearance: none;appearance: none;padding-left: 0; padding-right: 0}
.lang_schrift_middle{float:left;width:2px;color:#fff;font-size:14px;background:transparent;}
.lang_schrift1{float:left;width:30px;border:none;background:transparent;color:#fff;outline:none;text-align:left;-webkit-appearance: none;-moz-appearance: none;appearance: none;padding-left: 0; padding-right: 0}
.lang_schrift_rechts1{float:left;width:30px;border:none;background:transparent;color:#fff;outline:none;margin:auto;text-align:right;-webkit-appearance: none;-moz-appearance: none;appearance: none;padding-left: 0; padding-right: 0}
.lang_schrift_middle1{float:left;width:2px;color:#fff;font-size:14px;background:transparent;}
.lang_schrift_middle3{float:left;width:1px;color:#fff;font-size:14px;margin-right:2px;margin-left:7px;padding-top:2px}
.lang_schrift_middle31{float:left;width:1px;color:#fff;font-size:14px;margin-right:2px;margin-left:3px;padding-top:5px}
.collapse_pre{width:100%;background-color:#3dafb9;color:#fff;font-size:23px;}
.collapse_pre1{width:100%;background-color:#feb849;color:#fff;font-size:23px;}
.button_ausrichtung{float:left !important;margin-right:25px;margin-top:3px}
.button_ausrichtung1{float:right !important;margin-right:25px;margin-top:3px}
#show_datum{display:none}