/* Das Original Layout ist für Smartphones und Tablet mit einer maximalen Breite von 768 px. Deshalb ist hier das Layout für größere Bildschirme beschrieben.
Oder muss es device-width sein ????*/




@media screen and (min-width: 530px) {
	.logo {
        width:411px;
        height:72px;

	}


    #content {
        max-width: 1000px;
        width:auto;
    }



    .unicef-banner {
        width:auto;
    }

    .one-column {
        width:100%;
        max-width:700px;
    }

    dd {

        font-style: italic;
    }


}





@media screen and (min-width: 730px) {
    dt {
        float:left;
    }

    dd {
        margin-left:310px;
        margin-bottom:0em;
        font-style:normal;
    }


}






@media screen and (min-width: 769px) {



    dt {
        float:none;
    }

    dd {
        margin-left:0;
        margin-bottom:0.9em;
        font-style:italic;
    }




    .logo {

        margin-left:150px;
        margin-top:92px;
    }
    
    #navigation {
        position: relative;
    }

    #navigation .collapsed-link {
        display: none;
    }
    
    #navigation .collapsed {
        display: none !important;
    }
    
    #navigation .full {
        display: inline;
        position: absolute;
        top: 59px;
        left: 40px;
        width:200px;
    }
    
    #navigation .full ul {
        margin: 0px;
        padding: 0px;
        line-height: 1;
    }
    
    #navigation .full li{
        margin-right: 18px;
        display: block;
        line-height: 1;
        margin-bottom: 25px;
        text-align:right;
    }


    #content {
        position: absolute;
        top: 181px;
        left: 258px;


    }

    .referenzen-wrap,
    ul,
h2,
    p {
        max-width:530px;
    }



    
    .imp {
        overflow: scroll;
        overflow-x: hidden;
    }

    
    #content p {
        font-size: 0.875em;
    }
    
    .presse_artikel {
        width: 338px;
    }

}





@media screen and (min-width: 970px) {

    dt {
        float:left;
    }

    dd {
        margin-left:310px;
        margin-bottom:0em;
        font-style: normal;
    }

    .left-column {
        float:left;
    }

    .right-column {
        float:right;
    }

    #content {

        max-width:700px;
        height: auto;
    }

    .left-column,
    .right-column {
        width:50%;
        max-width:480px;
    }

}


@media screen and (min-width: 1070px) {


    #content {
        max-width:800px;

    }

}

@media screen and (min-width: 1200px) {


    #content {
        max-width:930px;
    }

    .left-column,
    .right-column {
        width:50%;
        max-width:480px;
    }

}