#handbuch_view { font-size: 13px; outline: none; height: 100%; padding: 0; }

#handbuch_view h1 { font-size: 150%; font-weight: bold; margin: 20px 0 40px 0; }
#handbuch_view h2 { font-size: 120%; font-weight: bold; margin: 50px 0 20px 0; }
#handbuch_view h3 { font-size: 100%; font-weight: bold; margin: 35px 0 15px 0; }
#handbuch_view h4 { font-size: 100%; font-weight: bold; margin: 25px 0 5px 0; }
#handbuch_view h1:before, #handbuch_view h2:before, #handbuch_view h3:before, #handbuch_view h4:before {
    content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#handbuch_view .topic { width: 100%; }
#handbuch_view .clearer { clear: both; }


#handbuch_topics { float: left; width: 23%; height: 100%; border-right: 1px solid #aaa; padding: 20px 5px 10px 15px;
    line-height: 18px; outline: none; overflow: auto; }
#handbuch_topics #header { font-size: 110%; font-weight: bold; margin: 10px 0 15px 0; display: flex; flex-wrap: wrap; }

#handbuch_view #topics_buttons { display: flex; float: right; margin: 0 10px 0 auto; flex-wrap: nowrap; }
#handbuch_view .topics_button { margin: 0 10px 0 0; }
#handbuch_view .topics_button span { width: 25px; height: 22px; line-height: 21px; text-align: center; }

#handbuch_topics_tree li>.node_label { cursor: pointer; }
#handbuch_topics_tree li>.node_label:hover { color: #008791; }
#handbuch_topics_tree .node_label.highlighted { background: #00aeb8; color: #fff; border-radius: 3px; padding: 1px 5px; }
#handbuch_topics_tree .node_label.highlighted:hover { color: #9cf0ed; }

#handbuch_content { width: auto; padding: 10px 20px 0 20px; height: 100%; overflow: auto; outline: none; }
#handbuch_content {
    -webkit-user-select: initial;
    -khtml-user-select: initial;
    -moz-user-select: initial;
    -o-user-select: initial;
    user-select: initial; }

#handbuch_content *[data-topic] { cursor: pointer; color: #d00000; }
#handbuch_content *[data-topic]:hover { color: #ff5454; }

#handbuch_content .glossary_label { font-weight: bold; cursor: pointer; }
#handbuch_content .glossary_label.expanded { margin: 10px 0; background: #00aeb8; color: #fff; padding: 3px 0 3px 10px; border-radius: 3px; }
#handbuch_content .glossary_text { display: none; margin: 0 0 20px 30px; border-bottom: 1px solid #777; padding: 10px 0 20px 0;}
#handbuch_content .italic_text { color: #000; }

#handbuch_content dl { width: 100%; margin: 10px 25px 20px 10px; }
#handbuch_content dt { float: left; width: 200px; font-weight: bold; margin: 0 10px 10px 0; text-align: left; clear: both; }
#handbuch_content dd { margin: 0 0 10px 0; float: left; width: calc(100% - 250px); }
#handbuch_content dl.flat dt, #handbuch_content dl.flat dd { margin: 0 10px 2px 0; }
#handbuch_content dl.width100 dt { width: 100px; }
#handbuch_content dl.width100 dd { width: calc(100% - 150px); }
#handbuch_content dl.width200 dt { width: 200px; }
#handbuch_content dl.width200 dd { width: calc(100% - 250px); }
#handbuch_content dl.width300 dt { width: 300px; }
#handbuch_content dl.width300 dd { width: calc(100% - 350px); }
#handbuch_content dl.width400 dt { width: 400px; }
#handbuch_content dl.width400 dd { width: calc(100% - 450px); }
#handbuch_content dl.width450 dt { width: 450px; }
#handbuch_content dl.width450 dd { width: calc(100% - 500px); }

#handbuch_content [class^="icon-"] { border: 1px solid #777; border-radius: 3px; background: #f5f5f5; padding: 1px 1px 1px 2px; }
#handbuch_content .big_button { padding: 1px 15px; }
#handbuch_content .important_button { color: #fff; background: #00aeb9; padding: 1px 15px; }
#handbuch_content img, #handbuch_content canvas { margin: 20px 0; }
#handbuch_content .image_label { margin: -20px 20px 30px 20px; font-style: italic; }

#handbuch_content div.note { display: flex; flex-wrap: nowrap; float: left; margin: 20px 0 40px 0; padding: 5px 25px 5px 5px;
    border: 1px solid #777; border-radius: 5px; background: #f5f5f5 }
#handbuch_content div.note img { margin: 0 20px 0 20px; max-width: 60px; max-height: 50px; }
#handbuch_content div.note p { margin: 5px 50px 0 0; }

#handbuch_content .box { border: 1px solid #aaa; border-radius: 5px; margin: 10px 0; padding: 10px; width: auto; background: #f5f5f5; }

#handbuch_content .paragraph_title { font-weight: bold; margin: 0 10px 0 0; }
#handbuch_content .legend_box { display: inline-block; width: auto; padding: 1px 8px; margin: -2px 1px; }
#handbuch_content .todo_item { border-radius: 4px; color: #666; background: #f5f5f5; border: 1px solid #ccc; padding: 0 0px 0 8px; }
#handbuch_content .wide_list li { margin: 8px 0; }

#handbuch_content #busy_indicator { margin: -5px 0 15px 0; height: 32px; width: 32px;}
#handbuch_content #tastenkombinationen h4 { margin: 5px 0 5px 0; }


@media print {

    html, html * {
        overflow: visible !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    #handbuch_topics, #header { display: none; }
    #handbuch_content { font-size: 14px; width: auto; padding: 10px 20px 0 20px; outline: none; }
    #handbuch_content .topic { height: auto; width: auto; }
    #handbuch_content img, #handbuch_content canvas { margin: 40px 10px; }
    #handbuch_content .clearer { clear: both; margin: 0 0 0 20px; }

}