#ueberschrift
    {
    display: grid;
    grid-template-columns: 170px 250px 335px;
    }
    
    #ihreschreinerei
    {
    
    border: thin solid firebrick;
    border-radius: 5px;
    transform: rotateZ(-10deg);
    align-self: center;
    }
    
    #leistungen
    {
    display: grid;
    grid-template-columns: 1fr 15em;
    }
    
    #leistungen h2
    {
    grid-column: 1 / -1;
    }
    

    #angebot
    {
    background-color: firebrick;
    margin: 1em -10em;
    padding: 1em;
    width: 12em;
    text-align: center;
    }
    
    #angebot h3 
    {
    color: white;
    font-size: 2em;
    font-variant: small-caps;
    }
    
    #angebot p
    {
    color: white;
    text-align: center;
    }

    h2 
    { 
    color: firebrick;
    background-color: LightSalmon;
    font-size: 2.2em;
    border: thin solid firebrick;
    text-align: center;
    font-family: cursive;
    }
    
    p 
    {
    color: brown;
    font-weight: bolder;
    text-align: justify;
    font-family: sans-serif;
    }
    
    h1
    {
    color: white;
    background-color: firebrick;
    border: thin solid transparent;
    font-size: 2.6em;
    text-align: center;
    font-family: cursive;
    }
    
    ul,
    p
    {
    font-size: 1.3em;
    }
    
    ul ul
    {
    font-size: inherit;
    }
    /* Sonst verdoppelt sich die Schriftgröße wenn die Liste unterpunkte hat
       Gilt nur für Relative Endungen wie em, px wäre nicht davon betroffen */