/* MW-Garten-Wetter 2.1
 * Gerüst mit AJAX-Update
 * 
 * Michael Wegner
 * Stand: 05.10.2025
 * 
 */

/*
@font-face { 
    font-family: "Archivo"; 
    src: url("Archivo.ttf"); 
    }
*/

/************ PRINT ONLY ******************************************************/    
    
@media print {
    table#wetter {    
        width:100%; 
        }

    table#wetter tfoot{    
        display:inherit;
        }

    } /* printer */
    
/************ Screen ONLY *****************************************************/    

@media only screen  {

    table#wetter tfoot{    
        display:none;
        }
    .printonly {
            display:none;
        }
    .graph { /*
            display:inline;
             */
        }
    } /* screen */
    

    
/************ MOBILE PORTRAIT - 360px *****************************************/    

@media only screen and (max-width: 360px) {
    body {
        margin: 0;
        }
    
    table#wetter {
        border: none !important;
        }
        
    .graph {
            display:none;
        }
    } /* screen 360px */
    
/************ ECHO - 640px ****************************************************/    

@media only screen and (max-width: 640px) {
    body {
        margin: 0;
        }

    table#wetter tfoot{    
        background:#080;
        color:#fff;
        display: inline !important;
        }

    } /* screen 640px */

/************ MOBILE LANDSCAPE - 800px ****************************************/    

@media only screen and (max-width: 800px) {
    } /* screen 800px */

/******************************************************************************/    

/*
    table#wetter th:last-child,
    table#wetter td:last-child {
            display:none;
        }    
*/
        

    .dontprint {
            display:none;
        }





@font-face { 
    /*
    font-family: "Archivo"; 
    src: url("Archivo.ttf"); 
    */
    }

body { z-index: 10; }
    
.center { text-align:center;}
.right { text-align:right;}

    
    
table {
    border-collapse: collapse;
    border: 2px solid;
    }

    th {
        font-family: Archivo, sans-serif;
        border: 1px solid black;
        border-bottom: 2px solid black;
        padding: 1px 2px;
        font-weight:normal;
    }

        tr > th:first-child { 
            text-align:right; }

        tr > th:nth-child(2) { 
            text-align:center; }
    

    td {
        font-family: Archivo, sans-serif;
        border: 1px solid black;
        padding: 1px 2px;
        }

    td:first-child { width: 90x }
    td:nth-child(2) { width: 90px }
    td:nth-child(3) { width: 75px }
    td:nth-child(4) { width: 75px }
        
    td.title { 
        background: #eee;
        font-weight: bold; 
        text-align:center; 
        }

    td.subtitle { 
        background: #eee;
        font-weight: normal; 
        font-size:small;
        text-align:right; 
        border-bottom:none !important;
        }


    td.graph { 
        padding:0;
        background: white;
        width:300px;
        max-width:300px;
        height:100px;
        max-height:100px;
        }

        
    td.data {
        text-align:center;
        }
    

.unit { font-size: small; }

#temp { font-size:2.5em;
    font-weight: bold;
    text-align:center;
    }    
   
    
#terrasse { font-size:small;
    }    


#wind, #regenrate { font-size: smaller; font-style: italic; }    

#windgust { font-size: small; }    
    
/* UV Index */    
.niedrig { background: lightgreen; }
.mittel { background: #F8F040; }
.hoch { background: salmon; }
.sehrhoch { background: lightcoral; }
.extrem { background: lightpink; }


/* Temperatur */    
.frost { color: #4B85CD; }    /* < 0°   */
.kalt { color: #7FC3DD; }     /* < 10°  */
.kuehl { color: #DA7777; }    /* 10-15° */
.warm { color: #E59845; }     /* 15-20° */
.angenehm { color: #E46B46; } /* > 20°  */
.sommer { color: crimson; } /* > 20°  */
.heiss { color: #C73360; }    /* > 30°  */