@charset "UTF-8";
/* style.css */

*{
    box-sizing:border-box;
}


body{

    font-family:
    "Noto Sans",
    "DejaVu Sans",
    Arial,
    sans-serif;

    background:#eeeeee;

    color:#222;

    margin:0;

    padding:30px;

}



.container{


    max-width:700px;

    margin:50px auto;

    background:white;

    padding:35px;

    border-radius:10px;

}



button{

    padding:12px 20px;

    font-size:16px;

    cursor:pointer;

}



.document{

    background:white;

    max-width:900px;

    margin:auto;

    padding:40px;

    line-height:1.6;

    white-space: normal;
    
}


/* Absatz */

.document br {
    
    line-height: 1.2;
    
}



/* Trennlinie */

.document hr {

    border: 0;

    border-top: 1px solid #888;

    margin: 25px 0;

}



.md-space {
    
    height: 1em;
    
}



h1,h2,h3{

    color:#333;

}



pre{


    background:#f4f4f4;

    padding:15px;

    overflow:auto;

    border-radius:5px;

}



code{


    font-family:
    "DejaVu Sans Mono",
    monospace;

    background:#eeeeee;

    padding:3px;

}



ul{

    margin-bottom:20px;

}



.toolbar{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:20px;

    gap:20px;

}

#dropzone{

    width:240px;

    min-height:70px;

    border:2px dashed #888;

    border-radius:8px;

    display:flex;

    align-items:center;

    justify-content:center;

    text-align:center;

    font-size:13px;

    color:#666;

    cursor:pointer;

    transition:.25s;

    padding:8px;

}

#dropzone.drag{

    background:#eef6ff;

    border-color:#2d74da;

    color:#2d74da;

}


@page{

    size:A4;

    margin:2cm;

}


/* Markdown Tabellen */

.document table{

    border-collapse:collapse;
    width:100%;
    margin:20px 0;

}


.document td,
.document th{

    border:1px solid #ccc;
    padding:8px;

}


/* Markdown Bilder */

.document img{

    max-width:100%;
    height:auto;

}


/* Markdown Zitate */

.document blockquote{

    border-left:4px solid #ccc;
    padding-left:15px;
    color:#555;

}


/* Aufgabenlisten */

.task input{

    margin-right:8px;

}


@media print{

    
    body{
    
        background:white;
    
        padding:0;
    
    }
    
    
    
    .toolbar{
    
        display:none;
    
    }
    
    
    
    .document{
    
    
        max-width:none;
    
        padding:0;
    
    }


}