@charset "utf-8";
* { box-sizing:border-box; }
body{font-family:"Segoe UI","Open Sans",Arial,"PT Sans","Helvetica Neue",sans-serif;font-style:normal;font-size:1em;line-height:120%;text-align:left;color:#0C0C30;background-color:#D8D8D8;padding:0;margin:0 2px;border:0;}
p{font-size:1em;padding:0;margin:0;border:0;line-height:140%;}
table{border-collapse:collapse;border-spacing:0;margin:1em 0;}
tr,th,td{font-size:1em;line-height:120%;}
th{padding:0 .2em .4em 0;text-align:center;vertical-align:bottom;font-weight:bold;border:dotted 1px #888;border-bottom-style:solid;border-top:0;}
td{padding:.4em .2em .4em 0;text-align:center;vertical-align:top;border:dotted 1px #888;}
td.first{border-left:0;text-align:left;}

input.zoom{width:100%;padding:0;height:.1em}
form{padding:1em 0 0 0;}
label{padding:0 0 .5em 0;display:block;}
select{font-size:.95em;background-color:#EEE;border:1px solid #888;padding:.2em 0 .2em .4em;color:#0C0C30;width:100%;}

button{border-radius:.6em;padding:.4em .8em;color:#FFF;cursor:pointer;}
button.green{border:thin solid rgba(0, 176, 144, .1);background-color:#00B090;}
button.grey{border:thin solid rgba(144, 144, 144, .1);background-color:#909090;}
button a{color:#FFF;text-decoration:none;}

#CookieDlg{display:none;width:100%;padding:1em 2px;background-color:#ddd;border:1px solid #999;border-radius:.6em;}
#SetGame{width:2em;position:relative;top:-0.4em;border:0;background:transparent;}
#OK{padding:4px;width:24%;}
#DELETE{padding:4px 8px;}
#CANCEL{padding:4px;width:24%;}

div.around{display:flex;flex-flow:row nowrap;padding:0;margin:0;}  /* unfasst alles */
div.side{flex:1 1 auto;margin:0;border:0;padding:0;font-size:0;}  /* rechte und linke Seite:dient nur zur Positionierung */
div.middle{margin:0;border:0;padding:0;width:540px;max-width:100%;background-color:#F4F4F4;} /* der Ausgabebereich */
div.above{display:flex;justify-content:space-between;background-color:#D8D8D8;margin:0;border:0;width:100%;} /* Container für den Zoom-Regler  - im Ausgabebereich middle */
div.article{ margin:0;border:0;width:100%;}        /* Container für den Inhalt    - im Ausgabebereich middle */
div.com{width:100%;height:4.2em;overflow-y:scroll;overflow-x:hidden;}
div.block{display:flex;justify-content:space-between;}              /* Links und rechtsbündige Ausgabe */
div.crypt{visibility:hidden;height:.4em;font-size:.5em;line-height:50%;}

div.below{margin:0;border:0;padding:0;width:100%;} /* Container für das Quickmenu - im Ausgabebereich middle */
div.below p{padding:0.4em;margin:0;background-color:#BBB;text-align:right;font-size:0.8em;}/* Neue Fussleiste */
div.below span{font-size:1.4em;padding:0 .1em;}
div.below a{text-decoration:none;text-align:right;color:#0C0C30;padding:0.2em;margin:0;overflow:hidden;display:inline;}
div.below a:visited{color:#0C0C30;}
div.below a:focus{color:#FFF;}
div.below a:hover{color:#F00;background-color:#999;}
div.below a:active{color:#FFF;}

@media (max-width:540px){
    div.above{padding:0 2px 8px 2px;}
    div.article{padding:0 2px 1em 2px;}
    }
@media (min-width:541px){
    div.above{padding:0 15px 8px 15px;}
    div.article{padding:0 15px;}
    }
/* - - Einstellungen für den Druck */
@page{ margin:20mm 15mm 12mm 35mm !important;size:a4 portrait;}  /* Firefox kann page margin nicht korrekt wiedergeben*/
@media print{
    /* Farbe und Ränder für den Drickbereich zurücksetzen */
    body{color:#000;background-color:#FFF;padding:0;border:0;margin:0;width:100%;} 
    div.middle{width:100%;background-color:#FFF;padding-left:0;padding-right:0;margin-left:0;margin-right:0;} 
    div.article{padding-left:0;padding-right:0;margin-left:0;margin-right:0;}
    /* Überflüssige Bereiche ausblenden */
    div.side{display:none;}
    div.above{display:none;}
    div.below{display:none;}
    div.com{height:fit-content;}
    form{display:none;}
    button{display:none;}
    }