@charset "utf-8";
/* CSS Document */

    /* Media Queries **************************************/

    /* Desktop */

    @media only screen and (min-width: 1910px)
    {
        main
        {
            border: 2px solid #ddd;
            border-radius: 4px;
            padding: 10px;
        }
        #td1
        {
            width: 380px;
        }
        .rezeptname
        {
            font-size: 20px;
            -moz-hyphens: auto;
            -o-hyphens: auto;
            -webkit-hyphens: auto;
            -ms-hyphens: auto;
            hyphens: auto;
        }
        #sonstiges
        {
            font-size: 16px;
            padding-top: 20px;
        }
        .bildklasse
        {
            border: 1px solid #ddd;
            border-radius: 4px;
            padding: 5px;
            width: 660px;
        }
        .flaggeklasse
        {
            border: 1px solid #ddd;
            border-radius: 4px;
            padding: 4px;
            width: 30px;
            font-size: 12px;
        }
        #flaggeid
        {
            width: 20px;
        }
        #landid
        {
            font-size: 16px;
        }
        #zutatenid
        {
            padding-left: 80px;
        }
        .zubereitung
        {
            font-size: 14px;
            height: 21px;
        }
        #sterne
        {
            font-size: 18px;
        }
        #portzeit
        {
            font-size: 14px;
            padding: 0 5px;
        }
        .zutaten
        {
            font-size: 14px;
            height: 21px;
        }
        #zutatentd
        {
            padding-left: 80px;
        }
        .farbig
        {
            color: olive;
            font-size: 16px;
        }
        #zubereitungtd
        {
            padding-top: 10px;
        }
		#nichtspre
		{
			font-size: 20px;
		}
    }
    @media only screen and (max-width: 1909px)
    {
        main
        {
            border: 2px solid #ddd;
            border-radius: 4px;
            padding: 10px;
        }
        #td1
        {
            width: 380px;
        }
        .rezeptname
        {
            font-size: 20px;
            -moz-hyphens: auto;
            -o-hyphens: auto;
            -webkit-hyphens: auto;
            -ms-hyphens: auto;
            hyphens: auto;
        }
        #sonstiges
        {
            font-size: 16px;
            padding-top: 20px;
        }
        .bildklasse
        {
            border: 1px solid #ddd;
            border-radius: 4px;
            padding: 5px;
            width: 660px;
        }
        .flaggeklasse
        {
            border: 1px solid #ddd;
            border-radius: 4px;
            padding: 4px;
            width: 30px;
            font-size: 12px;
        }
        #flaggeid
        {
            width: 20px;
            padding-top: 30px;
        }
        #landid
        {
            font-size: 16px;
            padding-top: 30px;
        }
        #zutatenid
        {
            padding-left: 80px;
            padding-top: 30px;
        }
        .zubereitung
        {
            font-size: 14px;
            height: 21px;
        }
        #sterne
        {
            font-size: 18px;
        }
        #portzeit
        {
            font-size: 14px;
            padding: 0 5px;
        }
        .zutaten
        {
            font-size: 14px;
            height: 21px;
        }
        #zutatentd
        {
            padding-left: 80px;
        }
        .farbig
        {
            color: olive;
            font-size: 16px;
        }
        #zubereitungtd
        {
            padding-top: 10px;
        }
		#nichtspre
		{
			font-size: 20px;
		}
    }

    /* Tablets */

    @media only screen and (max-width: 1279px)
    {
        main
        {
            border: 2px solid #ddd;
            border-radius: 4px;
            padding: 10px;
        }
        #td1
        {
            width: 190px;
        }
        .rezeptname
        {
            font-size: 18px;
            -moz-hyphens: auto;
            -o-hyphens: auto;
            -webkit-hyphens: auto;
            -ms-hyphens: auto;
            hyphens: auto;
        }
        #sonstiges
        {
            font-size: 14px;
            padding-top: 20px;
        }
        .bildklasse
        {
            border: 1px solid #ddd;
            border-radius: 4px;
            padding: 5px;
            width: 360px;
        }
        .flaggeklasse
        {
            border: 1px solid #ddd;
            border-radius: 4px;
            padding: 4px;
            width: 30px;
            font-size: 12px;
        }
        #flaggeid
        {
            width: 20px;
        }
        #landid
        {
            font-size: 16px;
        }
        #zutatenid
        {
            padding-left: 10px;
        }
        .zubereitung
        {
            font-size: 14px;
            height: 21px;
        }
        #sterne
        {
            font-size: 18px;
        }
        #portzeit
        {
            font-size: 14px;
            padding: 0 5px;
        }
        .zutaten
        {
            font-size: 12px;
            height: 21px;
        }
        #zutatentd
        {
            padding-left: 16px;
        }
        .farbig
        {
            color: olive;
            font-size: 14px;
        }
        #zubereitungtd
        {
            padding-top: 10px;
        }
		#nichtspre
		{
			font-size: 20px;
		}
    }

    /* Mobile */

    @media only screen and (max-width: 768px)
    {
        main
        {
            border: 2px solid #ddd;
            border-radius: 4px;
            padding: 4px;
        }
        #td1
        {
            width: 190px;
        }
        .rezeptname
        {
            font-size: 18px;
            -moz-hyphens: auto;
            -o-hyphens: auto;
            -webkit-hyphens: auto;
            -ms-hyphens: auto;
            hyphens: auto;
        }
        #sonstiges
        {
            font-size: 14px;
            padding-top: 20px;
        }
        .bildklasse
        {
            border: 1px solid #ddd;
            border-radius: 4px;
            padding: 5px;
            width: 260px;
        }
        .flaggeklasse
        {
            border: 1px solid #ddd;
            border-radius: 4px;
            padding: 4px;
            width: 30px;
            font-size: 12px;
        }
        #flaggeid
        {
            width: 20px;
        }
        #landid
        {
            font-size: 14px;
        }
        #zutatenid
        {
            padding-left: 10px;
        }
        .zubereitung
        {
            font-size: 14px;
            height: 21px;
        }
        #sterne
        {
            font-size: 18px;
        }
        #portzeit
        {
            font-size: 14px;
            padding: 0 5px;
        }
        .zutaten
        {
            font-size: 12px;
            height: 21px;
        }
        #zutatentd
        {
            padding-left: 14px;
        }
        .farbig
        {
            color: olive;
            font-size: 14px;
        }
        #zubereitungtd
        {
            padding-top: 10px;
        }
		#nichtspre
		{
			font-size: 18px;
		}
    }
    @media only screen and (max-width: 480px)
    {
        main
        {
            border: 2px solid #ddd;
            border-radius: 4px;
            padding: 4px;
        }
        #td1
        {
            width: 120px;
        }
        .rezeptname
        {
            font-size: 14px;
            -moz-hyphens: auto;
            -o-hyphens: auto;
            -webkit-hyphens: auto;
            -ms-hyphens: auto;
            hyphens: auto;
        }
        #sonstiges
        {
            font-size: 12px;
            padding-top: 20px;
        }
        .bildklasse
        {
            border: 1px solid #ddd;
            border-radius: 4px;
            padding: 5px;
            width: 140px;
        }
        .flaggeklasse
        {
            border: 1px solid #ddd;
            border-radius: 4px;
            padding: 4px;
            width: 20px;
            font-size: 12px;
        }
        #flaggeid
        {
            width: 20px;
        }
        #landid
        {
            font-size: 14px;
        }
        #zutatenid
        {
            padding-left: 10px;
        }
        .zubereitung
        {
            font-size: 12px;
            height: 21px;
        }
        #sterne
        {
            font-size: 14px;
        }
        #portzeit
        {
            font-size: 13px;
            padding: 0 5px;
        }
        .zutaten
        {
            font-size: 12px;
            height: 21px;
        }
        #zutatentd
        {
            padding-left: 12px;
        }
        .farbig
        {
            color: olive;
            font-size: 14px;
        }
        #zubereitungtd
        {
            padding-top: 10px;
        }
		#nichtspre
		{
			font-size: 15px;
		}
    }


