@viewport{
    zoom: 1.0;
    width: device-width;
}
:root { --hintergrund: white;
        --schriftfarbe: black;
        --link: blue;
        --grau: #dedede}

.inhalt { display:block;
        max-width: 1150px; 
        min-width: 200px; 
        margin-left: auto; 
        margin-right: auto; 
        padding: 10px;
}

.formular div div:nth-child(1n) {width:  90px; display: inline-block; margin-bottom: 10px;}
.formular div div:nth-child(2n) {width: 280px; display: inline-block; margin-bottom: 10px;}
.formular input {
  font-size: 1.5em;
}

td.heute {background-color: yellow;} 
td.tag0 {background-color: lightgreen; cursor:pointer;} 
td.tag1 {background-color:red;} 
td.tag2 {background-color:red;} 
td.tag3 {background-color:red;} 


.Kopf {color: black; 
    min-width: 200px;
}
.fuss a {margin-left:200px;}

button { 
  font-size: 30px; 
  line-height: 1.5;
  border-radius:20px;
  background-color: green;
  cursor: pointer;
  margin-right: 50px;
}

body {margin: 0; 
    background-image: url(../bilder/index4_hell.webp); 
    color: var(--schriftfarbe); 
    font-family: Helvetica, Arial;}
       
a {color: var(--schriftfarbe);} 

img.abgerundet {
    border-radius:20px;
}

     
.bildnachweis div {display: inline-block; width: 350px; vertical-align: top; margin-bottom: 50px;}
.bildnachweis div>img {float: left;}

.eingerueckt p { text-indent: 2em; }
p.copyright {font-size: 8pt; text-indent: 0;}

@media print { 
     .Kopf, .werbung, .noprint{ 
        display: none; 
    }
}