/**
 * @license
 * MyFonts Webfont Build ID 3100212, 2015-09-30T08:04:08-0400
 *
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are
 * explicitly restricted from using the Licensed Webfonts(s).
 *
 * You may obtain a valid license at the URLs below.
 *
 * Webfont: NewsGothicMT-Bold by Monotype
 * URL: http://www.myfonts.com/fonts/mti/news-gothic-mt/bold/
 *
 * Webfont: NewsGothicMT-Italic by Monotype
 * URL: http://www.myfonts.com/fonts/mti/news-gothic-mt/italic/
 *
 * Webfont: NewsGothicMT by Monotype
 * URL: http://www.myfonts.com/fonts/mti/news-gothic-mt/news-gothic-mt/
 *
 * Webfont: NewsGothicMT-BoldItalic by Monotype
 * URL: http://www.myfonts.com/fonts/mti/news-gothic-mt/bold-italic/
 *
 *
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=3100212
 * Licensed pageviews: 250,000
 * Webfonts copyright: Digitized data copyright (C) 1992-1997 Monotype Typography, Inc. All rights reserved. Monotype News Gothic™ is a trademark of Monotype Typography, Inc. which may be registered in certain jurisdictions.
 *
 * © 2015 MyFonts Inc
*/


/* @import must be at top of file, otherwise CSS will not work */
/* @import url("//hello.myfonts.net/count/2f4e34"); */

@font-face {font-family: 'NewsGothicMT-Bold';src: url('webfonts/2F4E34_0_0.eot');src: url('webfonts/2F4E34_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2F4E34_0_0.woff2') format('woff2'),url('webfonts/2F4E34_0_0.woff') format('woff'),url('webfonts/2F4E34_0_0.ttf') format('truetype');}

@font-face {font-family: 'NewsGothicMT-Italic';src: url('webfonts/2F4E34_1_0.eot');src: url('webfonts/2F4E34_1_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2F4E34_1_0.woff2') format('woff2'),url('webfonts/2F4E34_1_0.woff') format('woff'),url('webfonts/2F4E34_1_0.ttf') format('truetype');}

@font-face {font-family: 'NewsGothicMT';src: url('webfonts/2F4E34_2_0.eot');src: url('webfonts/2F4E34_2_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2F4E34_2_0.woff2') format('woff2'),url('webfonts/2F4E34_2_0.woff') format('woff'),url('webfonts/2F4E34_2_0.ttf') format('truetype');}

@font-face {font-family: 'NewsGothicMT-BoldItalic';src: url('webfonts/2F4E34_3_0.eot');src: url('webfonts/2F4E34_3_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2F4E34_3_0.woff2') format('woff2'),url('webfonts/2F4E34_3_0.woff') format('woff'),url('webfonts/2F4E34_3_0.ttf') format('truetype');}


/******************************************************************************/

*{
    font-family: NewsGothicMT, "News Gothic MT", "News Cycle", sans-serif;
}

html, body{
    padding:0; margin:0;
}

#wrapper{
    margin-bottom: 30px;
}

#logo .name{
    font-size: 28.5pt;
    line-height: 29pt;
}
#logo .claim,
#logo h1,
#info{
    font-size: 11.8pt;
    line-height: 14.16pt;
/*    padding-left: 3px; */
    margin:0;
}

address{
    text-align:right;
    font-style: normal;
    font-size: 9pt;
    line-height: 12pt;
}
header, header a,
.slide,
.textblock,
.textblock a{
    color: rgb(148, 138, 84);
}
.textblock a:hover,
.textblock a:focus{
    color: #403c00;
}
header a{
    text-decoration: none;
}
header a:hover, header a:focus, a.active{
    text-decoration: none;
    color: #403c00;
}

#logo,
#info,
address{
    display: block;
    width: 100%;
    padding:0;

}
#info{
    margin-top: 32.28pt;
        margin-top: 23.08pt;

}
address{
    margin-top: 23.08pt;
}

header{
    width: 597px; /* gemessen */
    margin: 0 auto 8px;
    overflow: hidden;

}


@media (max-width:650px){   /* no breakpoint */

    header{
        width: auto;
        padding-left: 25px;
        padding-right: 25px;
    }
}

@media(min-width:700px){
    #info{
        padding-left: 50px;
        padding-right: 50px;
    }
    header{
        width: 679px;
        margin-bottom: 26px;

        transform: scale(1.18);
    }

    /* new layout */
    #logo,
    #info,
    address{
        display: block;
        text-align: center;
        padding:0;
    }
}

@media(min-height:400px){
    #wrapper{
        margin-top: 75px;
    }
}

main{
    width: 980px;   /* 3 Bilder: 850 */
    margin: 0 auto;
    text-align: center;
    display: block; /* IE */
}

@media (max-width: 994px){
    main{
        width: auto;
    }
}

main ul{
    margin:0; padding:0;
}

main li{
    display: inline-block;
    vertical-align: top;
    margin: 8px;

    position: relative;


    background-color: rgba(148, 138, 84);
}

main li img{
    display: block;
    margin: 0 auto;
}

main li .caption{
    opacity: 0;
    position: absolute;
    left:0;top:0;
    width: 100%;
    height: 100%;
    outline: none;

/*    color: #333; */
    color: #403c00;

}

main li:hover img{
    opacity: 0.5;
    transition-property: opacity;
    transition-duration: 0.4s;
}

main li:hover .caption{
    transition-property: opacity;
    transition-duration: 0.4s;
    opacity: 1;
    top: 40%;
    text-align: center;
    text-decoration: none;
    font-family: NewsGothicMT-Bold;

}

/*
a.diashow{
    background-color: white;
    display: block;
    width: 175px;
}
*/

.square{
    width: 175px;   /* same value as preview img size */
}

.fadeOut, .fadeOutTemp{
    opacity: 0.2;
    transition-property: opacity;
    transition-duration: 0.4s;
}

.highlighted.fadeOut,
.highlightedTemp.fadeOut{
    opacity: 1;
}

@media (max-width:650px){

    #wrapper{
        margin-top: 30px;
    }
    #info{
        text-align: right;
    }
    #info, address{
        margin-top: 18px;
    }

    main li, main li.textblock{
        max-width: 47%;
        margin: 1%;
    }
    main li img{
        max-width: 100%;
    }
}

/*** overlay ***/
.overlay {
        background: rgba(255, 255, 255, 0.85) none repeat scroll 0 0;
        height: 100%;
        left: 0;
        position: fixed;
        top: -100%;
        width: 100%;
        z-index: 100;
        padding-top: 50px;
        padding-top: 125px;
        padding-bottom: 50px;
        box-sizing: border-box;
        overflow: hidden;
        overflow-x: scroll;
        cursor: move;
        -webkit-overflow-scrolling: touch;
}



.overlay .container{
        width: 1800px;
        z-index: 101;
}

.slide{
        float: left;
        padding-right: 20px;
        z-index: 102;
        overflow: hidden;
}

.slide img{
    width: auto;

    /* Bilder kleiner: */
/*    margin-top: 75px; */
    margin-bottom: 50px;
    box-sizing: border-box;
}

.overlay .slide1{
        width: 270px;
        padding-left: 50px;
        padding-right: 50px;
        min-height: 400px;
}

@media (max-width: 480px){
        .slide1{
                padding-left: 20px;
                padding-right: 20px;
                max-width:220px;
        }
}


/*** textblock instead of project ***/
.textblock, .textblock h2{
    font-size: 9pt;
    line-height:12pt;
    margin:8px;
}
.textblock h2{
    margin:0;
}

.textblock h2 a{
    text-decoration: none;
}

.textblock h2 a:hover,
.textblock h2 a:focus{
    text-decoration: underline;
}

#waitforit{
    margin-top: 150px;
    width: 64px;
    height: 64px;
}