/***********************************************
***********************************************
                H E R B E R T
                  Projekte
***********************************************
***********************************************/
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.single .loader {
display: none !important;
}


body {
    
    background: #A4A49F;
    width:100%;
    margin:0; 
    padding:0; 
    font-family:sans-serif; 
    font-size:62.5%; 
    line-height:20px; 
    color:#000;
}

.fancybox-overlay-fixed {
	cursor: pointer;
}

.fancybox-opened {
	cursor: default !important;
}


body ::selection
    {
        color:      #fff;
        background: #000;
    }
body ::-moz-selection
    {
        color:      #fff;
        background: #000;
    }
    
p {
  margin: 0 0 20px 0;
  padding: 0;
  font-size: 9px;
  font-size: 0.9rem;
  line-height: 20px;
}

.projectContainer {
  width:95%;
  margin:auto;
  }


.projectContainer h2 {
  font-size:15px;
  font-size:1.5rem;
  color:#000;
  line-height:1.5em;
  text-transform: uppercase;
  display:inline;


}

.projectContainer .gallery {
	display:none !important;
}


.projectContainer article {
  margin-top:15px;
  margin-top:1.5rem;
  font-size:0.95em;
  line-height:1.45em;
  width:100%;

/*column-count: 2;
column-gap: 25px;
column-rule: 3px solid #000000;
-moz-column-count: 2;
-moz-column-gap: 25px;
-moz-column-rule: 3px solid #000000;
-webkit-column-count: 2;
-webkit-column-gap: 25px;
-webkit-column-rule: 2px solid #000000;*/
text-align: left;
    
}

.projectContainer article a {
  text-decoration:none;
  color:#000;
  border-bottom:2px solid #000;}

/*.projectContainer article p {text-indent:30px;}*/

.skim{

  width:100%;
  margin:0;
  padding:0;
  margin-bottom:4rem;
 
}



.bg {
  position: absolute;
  top: 0;
  left: 0;
}

.all {
	width:75%;
	position:relative;
	margin-bottom: 15px;
	margin-bottom: 1.5rem;
	cursor: e-resize;
}

.all img {
	height:75vh;
	width:auto;
}

.bgwidth { width: 100%;
	  height: auto; 
	  }

.bgheight  { width: 100%;
	  height: auto; 
	  }


#fancybox-loading .part {
	width: 20px ;
	height: auto ;
}

#fancybox-loading img {
	width: 20px ;
	height: auto ;
}


.footer{
margin-top:30px;
margin-top:3rem;
font-size:11px;
line-height:1.2rem;
color:#fff;
font-family:monospace;
} 

.footer p {
margin:0;
font-size:11px;
line-height:1.2rem;
color:#fff;
font-family:monospace;
} 


.footer ul {
  list-style:none;
}

.footer a {
  text-decoration:none;
  color:#fff;
}

.footer a:hover {
  text-decoration:none;
  color:#000;
}

.single .site-header, .single #logo  {
	display:none;
}

.slideshow-mobile {
	display:none;
		margin-bottom: 15px;
	margin-bottom: 1.5rem
}

#current_page {
  font-size:1.6em;
  
}

.projectContainer article iframe {
width: 100%;
}

.footer {
	display:none;
}


/********************************
media queries
********************************/



@media screen and (max-width: 768px) {
   .slideshow-mobile {
	display:block;
}
.all, #current_page {
	display:none !important;
}

.projectContainer article {
  
  font-size:0.95em;
  line-height:1.45em;
  width:100%;

column-count: 1;
column-gap: 0;
column-rule: none;
-moz-column-count: 1;
-moz-column-gap: 0;
-moz-column-rule: none;
-webkit-column-count: 1;
-webkit-column-gap: 0;
-webkit-column-rule: none;
text-align: left;
    
}



}

@media only screen and (min-width:300px) and (max-width: 500px) {

body                                       { 
 }

.projectContainer article {
  
  font-size:0.95em;
  line-height:1.45em;
  width:100%;

column-count: 1;
column-gap: 0;
column-rule: none;
-moz-column-count: 1;
-moz-column-gap: 0;
-moz-column-rule: none;
-webkit-column-count: 1;
-webkit-column-gap: 0;
-webkit-column-rule: none;
text-align: left;
    
}