@charset "utf-8";
/* CSS Document */

    /* Media Queries **************************************/

    /* Desktop */

    @media only screen and (min-width: 1910px)
    {
        .rezeptname
        {
            font-size: 20px;
            -moz-hyphens: auto;
            -o-hyphens: auto;
            -webkit-hyphens: auto;
            -ms-hyphens: auto;
            hyphens: auto;
            width: auto;
            display: inline-block;
            margin-bottom: 20px;
        }
        .zubereitung
        {
            font-size: 14px;
            height: 21px;
        }
        main
        {
            border: 2px solid #ddd;
            border-radius: 4px;
            padding: 10px;
        }
        pre
        {
            font-size: 24px;
        }
        #ansicht
        {
            font-size: 16px;
        }
    }
    @media only screen and (max-width: 1909px)
    {
        .rezeptname
        {
            font-size: 20px;
            -moz-hyphens: auto;
            -o-hyphens: auto;
            -webkit-hyphens: auto;
            -ms-hyphens: auto;
            hyphens: auto;
            width: auto;
            display: inline-block;
            margin-bottom: 20px;
        }
        .zubereitung
        {
            font-size: 14px;
            height: 21px;
        }
        main
        {
            border: 2px solid #ddd;
            border-radius: 4px;
            padding: 10px;
        }
        pre
        {
            font-size: 24px;
        }
        #ansicht
        {
            font-size: 16px;
        }
    }

    /* Tablets */

    @media only screen and (max-width: 1279px)
    {
        .rezeptname
        {
            font-size: 20px;
            -moz-hyphens: auto;
            -o-hyphens: auto;
            -webkit-hyphens: auto;
            -ms-hyphens: auto;
            hyphens: auto;
            width: auto;
            display: inline-block;
            margin-bottom: 20px;
        }
        .zubereitung
        {
            font-size: 14px;
            height: 21px;
        }
        main
        {
            border: 2px solid #ddd;
            border-radius: 4px;
            padding: 10px;
        }
        pre
        {
            font-size: 24px;
        }
        #ansicht
        {
            font-size: 16px;
        }
    }

    /* Mobile */

    @media only screen and (max-width: 768px)
    {
        .rezeptname
        {
            font-size: 20px;
            -moz-hyphens: auto;
            -o-hyphens: auto;
            -webkit-hyphens: auto;
            -ms-hyphens: auto;
            hyphens: auto;
            width: auto;
            display: inline-block;
            margin-bottom: 20px;
        }
        .zubereitung
        {
            font-size: 14px;
            height: 21px;
        }
        main
        {
            border: 2px solid #ddd;
            border-radius: 4px;
            padding: 10px;
        }
        pre
        {
            font-size: 24px;
        }
        #ansicht
        {
            font-size: 16px;
        }
    }
    @media only screen and (max-width: 480px)
    {
        .rezeptname
        {
            font-size: 16px;
            -moz-hyphens: auto;
            -o-hyphens: auto;
            -webkit-hyphens: auto;
            -ms-hyphens: auto;
            hyphens: auto;
            width: auto;
            display: inline-block;
            margin-bottom: 20px;
        }
        .zubereitung
        {
            font-size: 12px;
            height: 21px;
        }
        main
        {
            border: 2px solid #ddd;
            border-radius: 4px;
            padding: 10px;
        }
        pre
        {
            font-size: 24px;
        }
        #ansicht
        {
            font-size: 14px;
        }
    }

