body{min-width:570px;overflow-x:hidden;}
#Content{max-width:1000px;font:117% "Trebuchet MS",Tahoma,"Lucida Grande",Verdana,Arial,Helvetica,sans-serif;}
#katalog_wrapper{margin:0 -20px 0 -20px;}
abbr{text-decoration:dotted underline;text-decoration-thickness:1px;}

table{border:0;border-spacing:0;border-collapse:collapse;contain:strict;}
th,td,#rahmen div,#rahmen span{vertical-align: middle}

.BreadcrumbsWrapper,#JumpTo{display:none;}

#Content a,.check-sync summary{color:#900;text-decoration:none;}
#Content a:hover{text-decoration:underline;}

.dataTables_wrapper{position:relative;clear:both;}
.dataTables_length{width:40%;float:left;}
.dataTables_filter{width:50%;float:right;text-align:right;}
.dataTables_info{float:left;opacity:.5;margin:5px 0 5px 20px;}
.dataTables_paginate{float:right;text-align:right;}

.paginate_disabled_previous,.paginate_enabled_previous,.paginate_disabled_next,.paginate_enabled_next{height:19px;float:left;cursor:pointer;color:#111 !important;}
.paginate_disabled_previous:hover,.paginate_enabled_previous:hover,.paginate_disabled_next:hover,.paginate_enabled_next:hover{text-decoration:none !important;}
.paginate_disabled_previous:active, .paginate_enabled_previous:active,.paginate_disabled_next:active, .paginate_enabled_next:active{outline:none;}
.paginate_disabled_previous,.paginate_disabled_next{color:#666 !important;}
.paginate_disabled_previous, .paginate_enabled_previous{padding-left:23px;}
.paginate_disabled_next, .paginate_enabled_next{padding-right:23px;margin-left:10px;}

table{margin:0 auto;clear:both;width:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
table thead th{padding:12px 10px 3px 10px;cursor:pointer;color:#C77F5B;font-weight:normal;}
table thead th.sorting_disabled{cursor:default;}
.dataTables_scrollHeadInner{border-bottom:1px solid #C99276;}
table tfoot th{padding:3px 10px 3px 10px;border-top:1px solid #C99276;}
table tr.heading2 td{border-bottom:1px solid #aaa;}
table tr{overflow:hidden;}
table td{padding:3px 10px;border-bottom:1px solid rgba(51,0,0,.1);cursor:pointer;}

.center{text-align:center;}
.left{text-align:left;}
.right{text-align:right;}

table#katalog{min-height:65px;}
table thead .sorting_asc,table thead .sorting_desc{color:#930;font-weight:bold;}
.sorting_asc:after{font-family:FontAwesome;content:'\00a0\00a0\f0d8';}
table#katalog .sorting_asc:after{content:none;}
.sorting_desc:after{font-family:FontAwesome;content:'\00a0\00a0\f0d7';}
table#katalog .sorting_desc:after{content:none;}
.sorting:after{font-family:FontAwesome;content:'\00a0\00a0\f0dc';}
table#katalog .sorting:after{content:none;}
.sorting_asc_disabled:after{font-family:FontAwesome;content:'\00a0\00a0\f0d8';opacity:.5;}
table#katalog .sorting_asc:after{content:none;}
.sorting_desc_disabled:after{font-family:FontAwesome;content:'\00a0\00a0\f0d7';opacity:.5;}
table#katalog .sorting_desc:after{content:none;}

table thead th:active,
table thead td:active{outline:none;}

tr.odd{background-color:#FEF8DC;}
tr.even{background-color:#FFFCEE;}

.dataTables_scroll{clear:both;}
.dataTables_scrollBody{-webkit-overflow-scrolling:touch;transform:translateZ(0);}
.top,.bottom{padding:15px;background-color:#F5F5F5;border:1px solid #CCCCCC;}
.top .dataTables_info{float:none;}
.clear{clear:both;}
.dataTables_empty{text-align:center;}
div.dts div.dts_label{display:none;}

table tr.even.row_selected td{background-color:#F7E1B5;}
table tr.odd.row_selected td{background-color:#F9E9C7;}
table tr.row_selected td:first-child{box-shadow:5px 0 #D5A991 inset;}
table tr.row_selected td:last-child{box-shadow:-5px 0 #D5A991 inset;}
tr.odd td.sorting_1, tr.odd td.sorting_2, tr.odd td.sorting_3{background-color:#FFEECC;font-weight:bold;}
tr.even td.sorting_1, tr.even td.sorting_2, tr.even td.sorting_3{background-color:#FEF9E0;font-weight:bold;}

.row_selected td:first-child .bildbox{position:relative;}
/*.row_selected td:first-child .bildbox:before{position:absolute;content:"\f00c";font:30px FontAwesome;top:10px;left:6px;opacity:.75;}*/

.dataTable td{height:60px;overflow:hidden;}
.dataTable a.bildbox{display:block;height:50px;overflow:hidden;}
.dataTable img{width:auto;max-height:50px;}

#rahmen{padding:0 10px 12px 10px;position:relative;background-clip:content-box;}

.toolsform{width:50%;white-space:nowrap;}
.toolswrap{float:left;}
.toolsform .katabtn{margin-right:.5em;}
/*.kataswitch{display:none;position:absolute;left:4px;top:36px;}*/
.kataswitch:hover .fa{transform:rotate(90deg);}
.toolsform i,.usercontrols i{font-size:20px;}
.usercontrols{text-align:center;border-bottom:1px dotted #c99276;padding-bottom:5px;margin-bottom:7px;}
.katatitle{vertical-align:top;}
.katalistsave i{font-size:24px;}
.katalistsave.saving{opacity:.5;cursor:default;}
.katacopy{width:auto;animation:kataRollIn .35s;}
.katatools {animation:kataFadeIn .5s;}
@keyframes kataRollIn {
    0% {display:none;max-width:0%;}
    1% {display:inital;max-width:0%;}
    100% {display:inital;max-width:50%;}
}
@keyframes kataFadeIn {
    0% {display:none;opacity:0;}
    1% {display:inital;opacity:0;}
    100%{display:inital;opacity:1;}
}

.dataTables_filter{position:relative;z-index:1}
.dataTables_filter input{width:calc(100% - 50px);margin-right:20px;}
.dataTables_filter input,select.katfilter,.Textbox{padding:2px 2px 2px 4px;color:#c65;background:#ffd;border:1px solid #fc9;border-radius:2px;transition:box-shadow .2s;font:100%/1.45em "Trebuchet MS",Tahoma,"Lucida Grande",Verdana,Arial,Helvetica,sans-serif;}
select.katfilter{padding:3px;margin-right:10px;}

.dataTables_filter input:hover,select.katfilter:hover,.Textbox:hover{border-color:#c63;}
.dataTables_filter input:focus,select.katfilter:focus,.Textbox:focus{background-color:#fff;border-color:#930;color:#930;box-shadow:0 0 0 3px rgba(204,102,51,.3);}
    
option{border-right:1px solid #930;}
option:hover{background-color:#FFEECC;}
tbody th,tbody td{white-space:nowrap;}

.dataTables_wrapper{border-bottom:1px solid #C99276;}
.infowrap{float:left;width:60%;}
.katacount{padding:5px 0 0 5px;opacity:.5;float:left;}
i{opacity:.8;}
i.Medaille{background:url('images/medaille.png');background-size:100%;width:18px;height:18px;display:inline-block;margin-bottom:3px;vertical-align:middle;}

.katacapture{width:100%;background:black;color:#0f0;border:none;border-radius:0;margin:0;}
.letgo{text-align:center;padding-left:20px;line-height:2.5em;}
.katainfo{float:right;margin-top:4px;}
textarea.deoys{display:block;width:98%;overflow:hidden;}

.InputBox.spielwahl{position:absolute;right:0;border:1px solid #930;}

.spielwahlwrap{position:relative;height:36px;}
.mkatatools .spielwahlwrap{display:inline-block;}
.mkatatools .spielwahl,.mkatatools select{display:block;position:absolute;right:0;top:0;opacity:0;height:46px;width:46px;}

.mkatatools{position:absolute;width:165px;height:46px;line-height:46px;text-align:center;z-index:1;white-space:nowrap;}
.mkatatools i{vertical-align:middle;padding:0 10px 0 8px;font-size:32px;}

.check-sync summary {cursor:pointer;list-style:none;font-size:20px;position:absolute;right:0;}
.check-sync div {clear:both;user-select:none;}
.check-sync legend {line-height:2.2em;font-weight:bold;}
.check-sync input {display:none}
.check-sync label {padding:.2em .5em;background:#99000022;margin:0 4px 4px 0;border-radius:10px;cursor:pointer;display:inline-block;}
.check-sync input:checked + label {background:#99000099;color:white;}

button.add_item{position:absolute;display:block;margin:6px;font-size:30px;opacity:.75;border-radius:5px;text-align:center;background:none;border:none;color:#900;min-width:40px;cursor:pointer;z-index:1;font-family:"Trebuchet MS",Tahoma,"Lucida Grande",Verdana,Arial,Helvetica,sans-serif;}
button.add_item:hover{color:white;background:#900;}

dialog.kataConfirm{text-align:center;border:1px solid #C99276;border-radius:8px;padding:20px;max-width:320px;font-family:inherit;}
dialog.kataConfirm::backdrop{background:rgba(0,0,0,.4);}
dialog.kataConfirm h2{margin:0 0 10px 0;font-size:1.1em;color:#900;}
dialog.kataConfirm p{margin:0 0 15px 0;line-height:1.4;}
dialog.kataConfirm button{padding:8px 16px;margin:0 5px;border:1px solid #C99276;border-radius:4px;cursor:pointer;font-family:inherit;}
dialog.kataConfirm button.confirm{background:#900;color:white;border-color:#900;}
dialog.kataConfirm button.cancel{background:#ffd;color:#900;}

@media(max-width:750px){
    #martina,#acb_head #acb_wolkenblatt,.katalog_info,.row_selected td:first-child  .bildbox:before,.Banner,.spielwahlwrap,
    .toolsform,.usercontrols,.dataTable thead,.spielwahl,.katainfo,.infowrap,#Foot,.dataTables_filter i,.check-sync,.letgo{display:none;}
    html.Vanilla,.Vanilla body{background:#F9F1ED !important;height:100%;}
    #Content{font-size:100%;}
    #katalog_wrapper{margin:0;}
    body{min-height:100%;min-width:0;overflow:hidden;}
    div#dynamic,#Content,.Row{margin:0;padding:0;}
    #rahmen,#Body .ContentColumn{border-image:none;border:none !important;padding:0 !important;margin:0;background:none;}
    .mkatatools{position:static;width:auto;height:46px;line-height:46px;text-align:left;white-space:nowrap;border-bottom:1px solid #C99276;}
    .mkatatools.Hidden{display:block;}
    .dataTables_filter{margin:0;width:100%;float:none;border-left:none;}
    .dataTables_filter input{/*font-size:16px;*/width:100%;height:46px;background:white;border:none;border-radius:0;box-shadow:none !important;padding-left:15px;}
    table td{padding:3px 6px;}
    tr.odd td.sorting_1,tr.even td.sorting_1{font-weight:normal;}
    .dataTable td.center{width:45% !important;}
    .dataTable td.left{width:55% !important;}

    /*abbr[title], */
    abbr.cutoff {
        position: relative;
    }
    abbr.cutoff:hover::after,
    abbr.cutoff:focus::after {
        content: attr(title);
        position: absolute;
        left: -5px;
        top: -5px;
        white-space:normal;
        background-color: rgba(70, 0, 0, 0.7);
        color: #fff;
        border-radius: 3px;
        padding: 5px;
    }
    .source abbr.cutoff:hover::after,
    .source abbr.cutoff:focus::after {
        top: auto;
        bottom: -5px;
    }
}