* {
    font-family: "Hind", "Calibri", sans-serif;
    line-height: 1.55;
}
body {
    
    background: white;/*no-repeat center center fixed; */
    /* background: #b1f2ff9a url("Bilder1/Vakuumschema_Unschaerfe-halbtransp.svg"); */
    -webkit-background-size: cover; 
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin: 0; 
}


nav{
    /* значения ширины, маржин, пэддинг не по науке, а подгонка (под div) */
    width: 92%;
    margin: -3em 4%;
    padding: 0; 
    height: 3em;

    background-color: white;
    box-shadow: 0px 2px 4px rgba(0,0,0,0.144);
    position:fixed;
    
}

nav ul {
    position:relative;
    left: -22px; /* подгонка вручную*/
    margin-top: 10px  /* подгонка вручную*/
    
}

nav ul li{
    display: inline;
    /*margin-right: 2em;*/
    border-bottom: 3px solid white;
}

nav ul li:hover{
    border-bottom: 3px solid cornflowerblue;
}
nav li a{
text-decoration: none;
text-align: left;
color:black;
}

nav li .active{
    color: blue;
    font-size: larger;
}

h1{
    margin-top: 0;   

}
ul {
    margin-bottom: 0;
    list-style-type: none;
}
h1, h2 , h3{
    background: white;
    
    
    color: rgb(55, 55, 255);
    text-align: left;
    padding: 1%;
    letter-spacing:.15rem;
    box-shadow: 2px 2px 5px #666666;
    /*text-shadow: 1px 1px 1px #7978e6; */
    border-radius: 4px/10%;
}
h4 {
    margin-bottom:0;
}

section {
    padding: 4px;
    padding-bottom: 1.5em;
    padding-top: 0%; 
}

img {
    float: right;
    padding: 1%;

}

li.a{
    background:#cde3f8a1 url("Bilder1/Ventil1blau.png");
    /* Ab hier Listensymbole formatieren */
    background-size: 3%;
    background-repeat: no-repeat;
    background-position: 1.5% center;
    /* bis hier */
    padding: 1%;
    padding-left: 6%;
    

}

li.b{
    background:#cde3f8a1 url("Bilder1/TurboBlau1.png");
        /* Ab hier Listensymbole formatieren */
        background-size: 3%;
        background-repeat: no-repeat;
        background-position: 1.5% center;
        /* bis hier */
      
        padding: 1%;
        padding-left: 6%;
}


.padding-lr20 {
    padding-left: 10px;
    padding-right: 10px;
}

.null-bottom{
    margin-bottom: 0;
}
/* @media (min-width: 576px) */
@media (min-width: 300px){
    div {
        background-color: aliceblue;
        width: 90%;  
        margin: 3em auto;
        padding: 1.5% 1%; 
        box-shadow: 2px 2px 5px #666666;
    }
    nav ul li{
       margin-right: .5em;
        
    }
}
/* @media (min-width: 1200px) */
@media (min-width: 720px){
    div {
        
        background: aliceblue url("Bilder1/Vakuumschema_Unschaerfe-halbtransp_60proz.svg");
        background-color: aliceblue;
        width: 90%;
        margin: 3em auto;
        padding: 1.5% 1%; 
        box-shadow: 2px 2px 5px #666666;
    }
    nav ul li{
        margin-right: 2em;
         
     }
}

#wasser-vak {
    background-image: none;
    background-color: aliceblue;
    max-width:      400px;
    /*width:fit-content ; */
}

#water-vac {
    background-image: none;
    background-color: aliceblue;
    max-width:      400px;
    /*width:fit-content ; */
}

/* font aus Google lokal ___ devanagari */
@font-face {
    font-family: 'Hind';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    /*src: url(https://fonts.gstatic.com/s/hind/v15/5aU69_a8oxmIdGh4BCOz.woff2) format('woff2'); */
    src: local("Hind"), local("Hind"), url("Fonts/5aU69_a8oxmIdGh4BCOz.woff2") format("woff2");
    unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Hind';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    /* src: url(https://fonts.gstatic.com/s/hind/v15/5aU69_a8oxmIdGd4BCOz.woff2) format('woff2'); */
    src: local("Hind"), local("Hind"), url("Fonts/5aU69_a8oxmIdGd4BCOz.woff2") format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
 /* latin */
  @font-face {
    font-family: 'Hind';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    /* src: url(https://fonts.gstatic.com/s/hind/v15/5aU69_a8oxmIdGl4BA.woff2) format('woff2'); */
    src: local("Hind"), local("Hind"), url("Fonts/5aU69_a8oxmIdGl4BA.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }