/*remove*/
/*
.stand {
	background-color: black;
	color: white;
	}
.stand  ::after {
	content: " --  css: 2017-06-06";
	}
*/
body {
    max-width: 1280px; /*width ? bei kleinerer Seite schlechtes Verhalten */
    height: 100%;
	margin-left: auto;
	margin-right:auto;
	font-family: 'Roboto', Arial, sans-serif; /* Roboto, Arial,'Bitstream Vera',sans-serif ; */
	color: #6b2917;
   /* Silbentrennung hyphens */
   /*-moz-hyphens: auto;  */
   /*-o-hyphens: auto; */
   /*-webkit-hyphens: auto; */
   /*-ms-hyphens: auto; */
   /*hyphens: auto;  */
   font-size: 17px;
}

html {
	width: 100%;
	height: 100%;
	background-color: #ffffff;/*#fdfdfd; */
	color: #6b2917;
}
* {border-radius: 0px;}

a, a:hover     {color: #6b2917;}


!a:hover {
	border-bottom: 5px solid;
	}
#intro 	{
	line-height: 0;  /* Abstand Startdiv zu Navbar eliminiert */
}
/*
h1 	{
	line-height: 0;  /* Abstand Startdiv zu Navbar eliminiert */
/*	font-style: italic;
}*/

/*
p { margin-bottom: 30px;
}
*/
h1, h2, h3, p  {font-size: 17px;}
/*
section {
	margin-top: 10px;
	/*padding-bottom: 20px; 
}*/


/* bootstrap ueberschreiben */
.container {
	width: 100%;
	padding: 0;
}



/* @media(min-width:769px) { */
    .navbar {
        padding: 0;
		margin-left: auto;
		margin-right:auto;
		border-radius: 0px;
    }
.navbar-toggle { 
		margin-top: 10px;
		margin-bottom:10px;
	}

	.navbar {
		text-transform: uppercase;
		font-size: 17px;
		height: 120px;
		color: #6b2917;
	}
	.navbar-default{
		border: none;
		background-color: transparent;
	}
	.navbar-brand {
	margin-left: 70px;
	margin-right:35px;
	color: #6b2917;
	}
	
	.navbar-brand  img{
	width:230px;
	}
	
	.navbar .navbar-nav li a {
		color: #6b2917;
		opacity: 0.7;
		padding: 15px 3px 2px 3px;
	}
	
	.navbar-default .navbar-nav  .submenu> li > a:focus,
	.navbar-default .navbar-nav  .submenu> li > a:hover {
		opacity: 1;
		background-color: transparent;
	}
	.navbar-default .navbar-nav  .submenu> .active > a,
	.navbar-default .navbar-nav  .submenu> .active > a:focus, 
	.navbar-default .navbar-nav  .submenu> .active > a:hover,
	.navbar-default .navbar-nav  .submenu> li > a:focus, 
	.navbar-default .navbar-nav  .submenu> li > a:hover {	
		color: inherit;
		background-color: inherit;
		border-bottom: 2px solid;}

	.navbar-default .navbar-nav > .active > a,
	.navbar-default .navbar-nav > .active > a:focus, 
	.navbar-default .navbar-nav > .active > a:hover {
		color: #6b2917;
		opacity: 1;
		background-color: transparent;
		border-bottom: 3px solid;
	}


	.navbar-collapse 	{
		background-color: white;
		z-index: 9999;
	}
	
	.navbar ul, .submenu ul {
		list-style-type: none;
		padding: 10px 19px;
		background-color: transparent;
	}
	.navbar li, .submenu li {
		display: inline;
		/* margin-right: 50px; --- 15px bei einer Rubrik mehr, unten margin löschen*/
		background-color: transparent;
	}
	
	.submenu li { margin-right: 15px; }
	.navbar li { margin-right: 50px; }
	
	
	.submenu ul {
		padding-top: 45px;
		text-align: center;
		margin: 0 auto;
	}
	.submenu li{
		padding: 15px;
		color: white;
}	
	.submenu a {
		color: white;
		text-transform: uppercase;
		opacity: 0.7;
	}

	a:active,
	a:focus, 
	a:hover {
		opacity: 1 !important;
	}
		
    .navbarfix  {
		position: fixed;
		padding: 0;
		top: 0;
		left: 0;
		width: 100%;
		background-color: transparent;
		z-index: 5;
	}
	
	.subfix  {
		position: fixed;
		padding: 0;
		top: 88px;
		left: 0;
		width: 100%;
		background-color: transparent;
		z-index: 3;
		margin: 0 auto;
	}
	.nav-platzhalter  {
		background-color: white;
		z-index: 3;
	}

	.sub-platzhalter {
		background-image: url("../media/holz.jpeg"); 
		background-position: center top;
		z-index: 3;
	}
/*@media (min-width: 769px) {	*/
	.navbarfix-container {
		padding: 0;
		max-width: 1280px;
		margin: 0 auto; 
		background-image: url("../media/menu_weiss.png");
		background-color: transparent;
		height: 120px;
		background-position: center bottom;
	}

/*@media (max-width: 768px){
	.navbarfix-container  .navbar-header {
		background-color: white;
		height: 65px;
	}
}	
	*/
	
	.subfix-container {
		padding: 0;
		max-width: 1280px;
		margin: 0 auto; 
		background-image: url("../media/submenu_holz_voll.png");  /*("../media/untermenu_projekte.png"); */
		background-color: transparent;
		height: 109px;
		background-position: center;
		opacity: 0.85;
		
	}	

.submenu  {
	background-color: transparent;
	height: 109px;
	}
	
#vrolldown {
	/*background-color: red; /* transparent; */
	position: absolute ; /*relative */
	/*left:50%;   
 	top: 70%;  */
	min-width: 30px;
	min-height: 38px; 
	z-index: 3;

	}	
#vrolldown a {
	display: block;
	text-decoration: none;
	position:relative; 
	height:100%;
	width:100%;
	background-image: url("../media/scrollbild.png");
	background-size: contain;
	background-repeat: no-repeat;
}	



.headline   {
	height: 265px;
	color: white;
	margin-bottom: 0;
	margin-top: 0;
	background-image: url("../media/holz.jpeg");
	background-position: center top;
	text-align: center;
	font-size: 4em;
	font-style: italic;
	padding-top: 120px;
	}
	
.headlinepic {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

.projekt {
	padding: 6px 0;
	}
	
.projektbox {
    display: flex;
    align-content: stretch;
    padding: 0;
    margin: 0;
	background-color: #ffffff;
}
.abstandhalter {
	width: 10px;
	height: 1px;
	display: hidden;
	}
/*filtered = Klasse(sichtbar) von Shuffle-Kategorieauswahl*/
/* li.filtered:nth-of-type(2n+0) figure { 
        flex-direction: row-reverse;
}
/*
ul.portfolio-items li.filtered:nth-of-type(even) figure {
        flex-direction: row;
}
*/
/*
li.filtered :nth-of-type(odd) figure { 
        flex-direction: row-reverse;
}
li.filtered :nth-of-type(even) figure { 
        flex-direction: row;
}

*/
ul.portfolio-items li:nth-of-type(odd) figure {
        flex-direction: row-reverse;
}
ul.portfolio-items li:nth-of-type(even) figure {
        flex-direction: row;
}


.infobox{
    min-width: 300px;
    /*background-color: #ffffff; */
    margin: 0;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: flex-end;
	} 

.infotext {
    min-height: 100px;
    background-color: lightgrey;
    margin-top: 12px;
    padding: 18px 40px 18px 40px;
	font-family: "Roboto", Arial, sans-serif; 
	text-transform: uppercase;
	line-height: 25px;
	text-overflow: ellipsis;	
}

.infotext p {
    max-width: 450px;
	/*font-size: 25px;*/
	font-weight: 300;
	}

.infotext h1 {
    margin: 30px 0px 15px 0px;
    /*font-size: 25px;*/
    font-style: normal;	
	font-weight: 500;
	}

.infobild {
	min-height:95px;
    background-repeat: no-repeat;
	background-position: center; 
	background-size: cover;
	flex-grow: 1;
}

.infobutton {
	position:relative;
	margin-top:-85px;
	height:85px;
	/*text-align: center;*/
	z-index: 2;
	padding-left: 40px;
}
/*.infobutton img {width: 115px; }  zu klein*/

.bild {
    min-width: 250px;
   /* max-height: 600px; */
}
	
.rubrikcontainer{
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 17px;
	line-height: 1.5; /*127*/
/*	display: flex;
	flex-direction: row;
	align-items: center; */
}
/*schmale Displays = Bootstrap-standard */	

.inhalt_re 
.inhalt_li{
	padding-top:15px; 
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom:10px;
}

.rubrikbild {
	margin-left: auto;
	margin-right:auto;
}


/*breite Displays*/	
@media (min-width: 769px) {
.inhalt_re{
	/* padding-left: 10%; /*15% */
	/* padding-right: 8%; /*8% */
	padding: 50px 10% 15px 8%; 
}

.inhalt_li{
	padding: 50px 10% 15px 8%;
}
}
	

#start {
	margin-top: -30px;
}
.woodenline {
	height: 150px;
	background-image: url("../media/holz.jpeg");
	background-position: center top;
	text-align: center;
}

.flexbox{
	display: flex;
    align-item: center;
	padding:10px 0;	
}

.startbild {
	padding: 0px;
	margin-right: 10px;
	/*border-right: 10px transparent solid;*/
	}

.bggrey {
	background-color: #cccccc;
	padding-top: 30px;
	line-height: 1.2em;
}

.textbild  {
	overflow: hidden;
	}
	
#leistungen {
	line-height: 25px;
}	
/*	
.leistungen-section {
    height: 100%;
    padding-top: 150px;
    text-align: center;
    background: #fff;
	background-image: url('../media/florian_hopfenzitz.jpg');
	background-repeat: no-repeat;
	background-position: left top;
	
	padding-left: 460px;
}

.about-section {
    height: 100%;
    padding-top: 210px;
    text-align: center;
    background: #eee;
}

.services-section {
    height: 100%;
    padding-top: 150px;
    text-align: center;
    background: #fff;
}

.contact-section {
    height: 100%;
    padding-top: 150px;
    text-align: center;
    background: #eee;
}

*/
footer {
	/*height: 80px;*/
	color: white;
	margin-bottom: 0;
	margin-top: 0;
	background-image: url("../media/holz.jpeg");
	background-position: center top;
	text-align: center;
	padding-top: 20px;
	}
footer p {
	font-size: 1.2em;
	font-weight: medium;
	}