body{margin:0.75em 1em; font-size: 230%; text-align: left;  font-family: 'Alegreya', serif!important;
    color:#433; background-color: #cecece; }


/* unvisited link */
a:link, a:visited, a:hover, a:active, logo a:link, logo a:hover {
    color: #433;
    text-decoration: none;
}


/* logo */
h1{font-weight: normal; font-size: 1em; margin:0; padding: 0; line-height:1.1em; text-align: left; }

/* projekt */
h2{font-weight: normal; font-size: 1em; margin:0 0 0 0; padding: 0.6em 0 0 0; border-top: 1px solid #b9b9b9; line-height:1.1em; text-align: left;display: block; }

/* titel beitrag */
h3{font-weight: bold; font-size: 1em;  margin: 0; padding:0; line-height:1em; text-align: left; padding:0;  }

/* titel zur person */
h4{font-weight: bold; font-size: 1em;  margin:0; padding: 0; line-height:1em; text-align: left; 
    padding: 0 0 0 0;  }

/* kontakt / impressum */
h6{font-size:0.8em; font-weight: normal;}



#wrapper_main{position: relative; margin:0 auto;  }
.header{display: block; text-align: left; margin: 0 0 1em 0; padding: 0;  }

.content{position: relative; float: left; padding: 0; margin: 0.15em 0 0 0; text-align: left; }


.logo{font-size:1.2em; margin: 0 0 0.5em 0; text-align: left; display:inline-block; line-height: 1em; padding:0; color:white; }
.logo_sub{color:#fff;   }

#mobile_menu{display:block; font-size: 2em; line-height: 1.1em; position:absolute; top:0; right:0;}


#menu_wrap{display: none;}

ul.menu{padding:0; margin: 0; text-align: left; display: block;   }
ul.menu li{font-size: 1em;  list-style-type: none; display: block; width:100%; padding:0.6em 0; margin: 0; border-bottom: 1px solid #b9b9b9;
    line-height: 1.2em;    }


ul.menu ul{padding: 0 0 0 1.5em;}
ul.menu ul li{font-size: 0.85em; margin:0; padding:0.5em 0 0.5em 1em ; margin: 0;  line-height: 1.2em;  }
a.selected{color:#db5f4e;   }

.sub a.selected{ color:#db5f4e;}



.thumbs_wrap{display: block; margin: 1.5em 0;}


/*ul#sub{display:none;}*/



.text{font-size:0.95em; line-height: 1.3em; margin:0.5em 0 1.5em 0 ; text-align: left; display: block;  }

.text p{margin:0; padding:0 0 0.5em 0; text-indent: 2em; }



.text li{margin:0 0 0 1.75em; padding:0 0 0 0.25em; text-indent: 0; }


.date{font-weight: normal; font-size: 1em; margin:0; padding: 0.6em 0 0 0; border-top: 1px solid #b9b9b9; line-height:1.1em; text-align: left;  display: block;   }

.footer{font-size: 0.85em; margin: 4em 0; display: block; padding:0.6em 0; border-top: 1px solid #b9b9b9;}

#wrapper2{display:none;}

#big{ margin:0 0 15em 0; }
#big img{width:100%;}
.big_caption{ font-size: 0.85em;  text-align: left; display: block; padding: 0.8em 2em; line-height: 1.2em;  font-family: 'Alegreya', serif!important; }



/* fancybox styles */

.fancybox-default-overlay{ background-color: #ccc !important; opacity: 1.0 !important; }

.fancybox-prev span, .fancybox-next span { background-image: none !important; }
.fancybox-prev, .fancybox-prev span  { cursor: w-resize !important; }
.fancybox-next, .fancybox-next span  { cursor: e-resize !important; }

.fancybox-title{color:#433; font-size: 0.85em; height: 30px; text-align: left; display: block; padding: 0.8em 2em; line-height: 1.2em;  font-family: 'Alegreya', serif!important; }

.thumb{width:17%;margin:1% 2.3% 1% 0;  }


.fancybox-opened .fancybox-skin {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;}


.fancybox-inner{cursor:e-resize!important;}





/* iphone 6*/

@media only screen and (min-device-width: 375px) and (max-device-width: 667px){

}




/* ipad & tablets */

@media only screen and (min-device-width: 1024px){




}



/* Grosse Monitore */

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

    body{margin:2.25em 0; font-size: 130%; text-align: left;  font-family: 'Alegreya', serif!important;
        color:#433; background-color: #cecece; }

    #wrapper_main{position: relative; margin:0 auto; width: 80%; }

    .header{display: inline-block; text-align: left; margin: 0 8% 1% 0; padding: 0; position: relative; float: left; min-width:20%; }

    .logo{font-size:1.2em; margin: 0 0 1.5em 0em; text-align: left; display:inline-block; line-height: 1em; padding:0; color:white; }

    #menu_wrap{display: block;}

    ul.menu li{font-size: 1em;  list-style-type: none; display: block; padding:0.6em 1em ; margin: 0; border-bottom: 1px solid #b9b9b9; line-height: 1.2em; }


    #mobile_menu{display:none;}

    .content{position: relative; float: left; width:60%; padding: 0; margin: 0.15em 0 0 0; text-align: left; }



}