@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,600,300,800);
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700);
@import url(https://fonts.googleapis.com/css?family=Playfair+Display:400,400i);
@import "/fonts/awesome/css/font-awesome.min.css";
@import url(https://pro.fontawesome.com/releases/v5.5.0/css/all.css);
@import "/style-base-pf.css?v=11";


#debuginfo {display: none;}


/*  
Portfolio CSS
*/


/*           BODY           */


.clear {
  clear:both;
}

/* Main content */

body, html {
  width: 100%;
  margin: 0px;
  padding: 0px;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
  color: #000000;
  box-sizing: border-box;
}

.stage {
	width: 100%;
	max-width: 1300px;
	}

.headers {
	}

.content {
	}

#viewpic .content {
	width: 100%;
	}

#viewpf .content {
	width: 100%;
	}

.viewpicwrapper .creditbox h1 {
	text-transform: none;
	margin-top: 5px;
	}

.topmenu li.menu-info.last {
	margin-right: 0px;
	}

.topmenu a {
	font-family: 'Roboto';
	font-weight: 500;
	}
	
.title {
	}	

.content .leftcolumn {
	width: 80%;
	float: left;
	}

.content .rightcolumn {
	width: 20%;
	float: right;
	}
	
.content .rightcolumn .infobox {
	padding: 0px;
	}	

/* Standard tags */

a, p {
  color: #000000;
  text-decoration : none;
}

a.admin {
	font-size: 9px; 
	padding: 5px; 
	background-color: #ff9600;
	margin-right: 10px;
	line-height: 30px;
	position: relative;
    bottom: 8px;
	}

h1, h2, h3 {
	}
	
h1 {
	font-size: 18px;
	}

h2 {
	font-size: 16px;
	}

h3 {
	font-size: 14px;
	}	



.content .indeximg img {
	width:100%; height: auto;
	}


/* END TITLE MENU */

/* Portfolios.htm */


.portfolioswrapper {
  margin-top: 5px;
  margin-bottom: 20px;
  clear: both;
  overflow: hidden;
}

.teaserbox {
  	float:left;
	}

.pflist-classic .teaserbox img {
	}

.pflist-classic .teaserbox {
  	box-sizing: border-box;
	}

.pflist-classic .descriptionbox {
  	box-sizing: border-box;
	}

.pflist-classic .descriptionboxnopic {
  	width: 80%;
  	box-sizing: border-box; 
	}

.pflist-thumbsdesc .teaserbox {
  	width: 30%;
  	box-sizing: border-box;
	}
	
.pflist-thumbsdesc .descriptionbox {
  	width: 50%;
  	box-sizing: border-box;
	}
	
.pflist-thumbsdesc .descriptionboxnopic {
  	width: 80%;
  	box-sizing: border-box;
	}
	
.descriptionbox {
  	float:left;
	}

#portfolios h1 {
  	padding-bottom: 20px;
	}
	
/* Blog */

.item-list-wrapper.blog .item {
	width: calc(100% / 1);
	padding: 0px;
	}
	
/* Guestbook */

.eventflow > .event {
  	width: 100%;
	}	
	
/* phones */

@media only screen and (min-width: 320px) and (max-width: 480px) {

	.leftcolumn, .content .leftcolumn,
  	.rightcolumn, .content .rightcolumn {width: 100%;} 
  	.content {margin-top: 0px;}	

	}