.panellogin{width: 100%;height: 100%;display: flex;align-items: center;background: #fff;}
.panellogin>div{width: 50%;display: flex;flex-direction: column;height: 100%;justify-content: center;}
.panelloginpark{background: #F2F2F2;padding-right: 4vw;align-items: flex-end;}
.panelloginpark>div:first-child{ text-align:right}
.panelloginpark>div:first-child img{width: 210px;}
.panelloginpark .slogan{position: absolute;bottom: 0;margin-bottom: 2vh;align-items:flex-start;font-size: 14px;}
.panelloginlogin{padding-left: 4vw;}
.panelloginlogin .panellogincontact{position: absolute;top: 2vh;display: flex;flex-direction: row;justify-content: flex-end;right: 2vh;align-items: center;}
.panelloginlogin .panellogincontact>div{margin-right: 10px;}
.panelloginlogin .panellogincontact>div.dil{margin-left: 5px;}
.panelloginlogin .panellogincontact>div img{width: 23px;}
.panelloginlogin .panellogincontact>div a{font-weight: 500;text-decoration: none;font-size: 18px;}
.panelloginlogin .panellogincontact button{background: #DB000C;color:var(--renk7);border: 1px solid #F05058;display: block;padding: 5px 10px;font-weight: 600;font-size: 16px;cursor: pointer;}
.panelloginlogin .panellogincontact button:hover{background: #000000;border: 1px solid #000000;}
.panelloginform>form{}
.panelloginform>form>div{font-size: 17px;line-height: 20px;}
.panelloginform>form>div>div{margin-bottom: 11px;width: 40%;}
.panelloginform>form>div>div h1{font-weight: 800;font-size: 27px;line-height: 32px;margin-bottom: 20px;}
select{border: 1px solid var(--renk9);padding: 15px 10px;min-width: 450px;border-radius: 5px;width: 100%;background:var(--renk7) !important;height: auto !important;}
select {padding: 15px 0 15px 10px;-webkit-appearance: none !important;-moz-appearance: none !important;background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAUCAMAAACtdX32AAAAdVBMVEUAAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAhMdQaAAAAJ3RSTlMAAAECAwQGBwsOFBwkJTg5RUZ4eYCHkJefpaytrsXGy8zW3+Do8vNn0bsyAAAAYElEQVR42tXROwJDQAAA0Ymw1p9kiT+L5P5HVEi3qJn2lcPjtIuzUIJ/rhIGy762N3XaThqMN1ZPALsZPEzG1x8LrFL77DHBnEMxBewz0fJ6LyFHTPL7xhwzWYrJ9z22AqmQBV757MHfAAAAAElFTkSuQmCC) !important;background-position: 100% !important;background-repeat: no-repeat !important;}
.panelloginform>form>div>div .checkbox{display: flex;justify-content: flex-start;flex-direction: row;width: 100%;margin: 19px 0;}
.panelloginform>form>div>div .checkbox input{width: 20px;height: 20px;padding: 0;min-width: 20px;margin-right: 10px;}
.panelloginform>form>div>div .sremener{}
.panelloginform>form>div>div .bttn_shell {}
.panelloginform>form>div  #btnLogin button{background: #432c2c;color:var(--renk7);border: 1px solid #694849;display: block;padding: 10px;font-weight: 600;font-size: 16px;cursor: pointer;padding: 10px 30px;text-align: center;border-radius: 10px;}
.panelloginform .alert.alert-danger{border: 1px solid #fb1212;padding: 15px 10px;display: block;width: 60%;text-align: center;margin: 25px 0;min-width: 450px;border-radius: 5px;background: #ad0000;color:var(--renk7);}
.panelloginform .alert.alert-danger strong{color:var(--renk7);}
#PasswordPrompt{ margin-top:20px}
.chkRemember{font-size: 14px;line-height: 17px;}

.panelloginform input, select{padding: 10px 10px;}
.main{background: var(--renk1);width:100%;padding-bottom: 25px;}
.mainbottom{width: 90%;margin: 30px auto;}

.menu {background: var(--renk2);display: flex;justify-content: space-between;padding: 10px 20px;align-items: center;}
.menu>div{}
.menu>div.logo{}
.menu>div.logo img{filter: brightness(0) invert(1);width: 150px;}
.menu>div.logo p{}
.menu>div.menubar{margin: 0 25px;}
.menu>div.menubar>ul{display: flex;align-items: center;}
.menu>div.menubar>ul>li{margin: 0 15px;}
.menu>div a{color: var(--renk7);display: block;}
.menu>div a:hover{color: var(--renk3);}

.mainglobal{display: flex;flex-direction: row;flex-wrap: wrap;margin: 35px auto 60px auto;}
.mainglobal>div{}
.mainglobal>div h1{font-weight: 800;margin-bottom: 10px;font-size: 18px;color: var(--renk2);}
.mainglobal>div>ul{}
.mainglobal>div>ul>li{margin-bottom: 4px;}
.mainglobal>div>ul>li>a{font-size: 14px;line-height: 18px;}
.mainglobal>div>ul>li>a b{}

.listeme{}
.listeme>div{display: table;width: 100%;}
.listeme>div>ul{display: table-row;}
.listeme>div>ul>li{display: table-cell;vertical-align: middle;padding: 10px 8px;border-bottom: 1px solid var(--renk1);font-size: 13px;line-height: 15px;}
.listeme>div>ul>li a{text-decoration: underline;font-size: 13px;line-height: 18px;}
.listeme>div>ul>li.list a{text-decoration:none}
.listeme>div>ul>li.list a h1{font-weight:bold;font-size: 14px;margin-bottom: 4px; text-decoration:underline}
.listeme>div>ul>li.list a span{  margin-bottom: 4px;  display: block;    text-decoration: none;}
.listeme>div>ul>li.list a span>b{}
.listeme>div>ul>li a:hover,.listeme>div>ul>li a:hover h1, .listeme>div>ul>li a:hover span {color: var(--renk3);}

.listeme>div>ul>li  .lastnote {margin-bottom:10px}


.listeme>div.tdbody>ul>li{}
.listeme>div .tdbody{}
.listeme>div .tdbody{background: var(--renk2);color: var(--renk7);}
.listeme>div .tdbody>li{font-weight: 800;padding: 18px 8px;color: #fff;}

.head{width: 100%;margin: 25px 0;}
.head>div{display: flex;align-items: center;justify-content: center;}
.head>div>h1{font-size: 25px;line-height: 30px;font-weight: 800;}

.suzbar{margin: 25px 0;display: flex;justify-content: space-between;align-items: center;}
.suzbar>div{}
.suzbar>div>div{font-size: 15px;line-height: 18px;margin-bottom: 6px;}
.suzbar>div>div input{font-size: 14px;line-height: 17px;padding: 13px;}
.suzbar>div>div select{font-size: 14px;line-height: 17px;padding: 13px;}
#LoginPrompt, #PasswordPrompt, .suzbar>div>div:first-child{margin-left: 7px;color: var(--renk3);margin-bottom: 5px;font-size: 13px;}

.Neuer{background: var(--renk4);color:var(--renk7);border: 1px solid var(--renk5);border-radius: 50px;padding: 8px 20px;}
.listeme .Neuer{font-size: 13px;line-height: 15px;border-radius: 50px;padding: 8px 10px;}


.islem{position:relative;cursor:pointer;border: 1px solid var(--renk3);border-radius: 10px;padding: 10px 10px;display: flex;align-items: center;justify-content: center;width: 130px;}
.islem p{margin:0;color: var(--renk3);}
.islem p:hover{color: var(--renk2);}
.islem img{margin-left:5px}
.islem img.active{transform:rotate(180deg)}
.dropdown-liste{display: none;top: 100%;right: -3px;left: auto;width: 255px;padding: 9px!important;position: absolute;z-index: 8;background: var(--renk7);border: 3px solid var(--renk5);border-radius: 5px !important;margin-top: 6px;}
.dropdown-liste.active{display:block}
.dropdown-liste a{border: 1px solid var(--renk7);display: block;color: #000;margin: 0 !important;border-bottom: 1px solid #e1e1e1;text-align: left;padding: 8px 0;text-decoration: none !important;}
.dropdown-liste a:last-child{border-bottom:0}
.dropdown-liste a:hover{text-decoration: none;}

.listeme ul.noaktive,.listeme ul.noaktive li, .listeme ul.noaktive>li>a,.listeme ul.noaktive>li>p{color: #999;}
.listeme ul.noaktive li{ background:#efefef}

.listeme .pagination{margin: 15px 0;}
.listeme .pagination{display: flex;align-items: center;flex-wrap: wrap;}
.listeme .pagination>li{display: flex;align-items: center;justify-content: center;border: 0;margin: 5px 5px  0 0;padding: 0;}
.listeme .pagination>li>a{display: block;border: 1px solid var(--renk1);padding: 5px 10px;border-radius: 5px;text-decoration: none;}
.listeme .pagination>li>a:hover{border: 1px solid var(--renk3);    color: var(--renk3);}
.listeme .pagination>li>a.active{color: var(--renk3);border: 1px solid var(--renk3);font-weight: 800;}


.newbutton{border-radius: 50px;padding: 8px 20px;font-size: 13px;line-height: 15px;border-radius: 50px;padding: 8px 10px;text-decoration:none !important;display: block;float: left;}
.yellow{background: var(--renk3);color:var(--renk7);border: 1px solid var(--renk9);}
.green{background: var(--renk4);color:var(--renk7);border: 1px solid var(--renk5);}
.yellow:hover{color:var(--renk2) !important}
#noteadd .listeme{width:700px}
.txtleft{text-align:left!important}

.optionselect {
    display: flex;
}
.optionselect>div{
    width: 80px;
    margin-right: -5px;
    display: flex;
}
.optionselect>div label{
    font-size: 15px;
}
.optionselect>div input{
    width: 20px !important;
    min-width: 20px;
    margin-right: 5px;
}

#nachricht{min-height:100px}
.listedetay {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
}
.listedetay>div{
    width: 49%;
    margin-bottom: 15px;
    padding-bottom: 8px;
}
.listedetay>div>label{
    font-size: 13px;
    line-height: 20px;
    color: var(--renk3);
    display: block;
    margin-bottom: 5px;
}
.listedetay>div>p{
    font-size: 16px;
    line-height: 20px;
    font-weight: 800;
    border: 1px solid var(--renk8);
    padding: 15px 11px;
    border-radius: 5px;
    color: var(--renk2);
    min-height: 52px;
}
.listedetay>div.full{
    width: 100%;
}
@media(max-width:1580px) {
    .suzbar > div {
        width: calc((100% / 3) - 20px)
    }

    input, select, textarea {
        width: 100%;
        min-width: 100%
    }
}

@media(max-width:800px) {

    .suzbar{
    display: flex;
    flex-direction: column;
    flex-flow: column-reverse;
}
    .suzbar>div{
    width: 100%;
    margin-bottom: 25px;
}
    input, select{
    min-width: auto;
    width: 100%;
    font-size: 13px;
    padding: 5px 10px;
}

    .listeme{max-width:100%; overflow-x:scroll}
    .listeme>div{min-width:1200px;}
    .modal-container .modal-background .modal{max-width:86%;padding: 25px;}
    .modal .listeme {
        width:80vw;
    min-width: 90%;
    max-height: 90%;
    overflow-y: scroll;
}
    .modal .head{width:80%}
    .modal .fromlist{width:100%}
    .modal .fromlist > div .form > div > div input, .modal .fromlist > div .form > div > div select { min-width:100% !important}
.menu>div.logo img{width: 120px;}
    .modal .fromlist > div .form > div{margin-bottom: 5px;}
    .modal-container .modal-background .modal > div:last-child{ max-height: 80vh; overflow-y: scroll;}
    .menu > div a{
    font-size: 13px;
    line-height: 17px;
}
    .menu>div.menubar>ul>li{
    margin: 0 12px;
}
    .menu > div.menubar {
        margin: 0px 0px 0 20px;
    }
    .Neuer{
    font-size: 13px;
    line-height: 17px;
    padding: 5px 2px;
    border-radius: 10px;
}
    .menu{
    padding: 10px 0 10px  10px;
}
}