@charset "UTF-8";
@import url(normalize.css);	
@import url(grid.css);
@import url(../fonts/ptsans.css);
/* 

Theme Name: breakeven theme by breakeven, Version 0.2


Theme URL: 
https://www.breakeven-berlin.de

Description:  Theme für breakeven

Version: 0.3

Author: breakeven, Bernd Press

Author URL: https://www.breakeven-berlin.de

*/

	
	
	/* mobile stylesheet at the end */
		
	.anker {display:block; position:relative; top:-90px;}
	
		
	button,
	html input[type="button"],
	input[type="reset"],
	input[type="submit"] {
	  cursor: pointer;
	}
	
	button::-moz-focus-inner,
	input::-moz-focus-inner {
	  border: 0px none;
	  padding: 0px;
	}
	
	body, html { height: 100% !important; padding: 0; margin: 0 !important;}
		

	body {
			font-family: 'PT Sans', Arial, Helvetica, sans-serif;
			font-size: 0.95rem;
			line-height: 21px;line-height: 1.313rem;
			font-weight: 400;
			color:#6b6b6b;
			overflow-y: scroll;
			background-color: #0c2b23;
			text-align:left;
	}
    body.vorschau {
        background-color: #007154;
        display:flex;
        align-items:center;
    }
    
    .vorschaucontent {
        position:relative;
        margin:auto;
        top:0; left:0; right:0; left:0;
        color: #ffffff;
        padding:20px;
    }
    .vorschaucontent img {
        position:relative;
        z-index:1;
        display:block;
        width:100%; max-width:440px;height:auto;
        margin:auto;
    }
    .vorschaucontent div {
        position:absolute;
        z-index:2;
        left: 50.5%;
        top: 49%;
        font-size: 0.95rem;line-height: 1.0rem;
    }
    .vorschaucontent div a:link {color:#ffffff;font-weight:normal;}
    


	/* Default link styling */

	a { outline: 0;text-decoration:none;font-weight: 700;box-sizing:border-box; }
	a:link { color: #14943e;text-decoration:none; }
	a:visited { color: #14943e; }
	a:hover, a:focus { color:#000000; cursor:pointer;}
	a:active { color: #14943e; }


    h1	{line-height: 1.9rem; font-size: 1.6rem; font-weight:700; padding: 0px 0 0 0; margin: 10px 30px 20px auto; color: #000000;text-align:left;}	
    h2	{line-height: 30px; line-height: calc(17px + (19 - 17) * (100vw - 400px) / (800 - 400)); font-size: calc(17px + (19 - 17) * (100vw - 400px) / (800 - 400)); font-weight:700; padding: 20px 0 0 0; margin: 0px 20px 10px auto; color: #000000;text-align:left;}
	h3	{font-size: 1.2rem; line-height: 1.5rem; font-weight: bold; color:#14943e;padding:0;margin: 15px 0 6px 0; text-align:left; }
	h4	{font-size: 17px; font-size: 1.05rem;font-weight:700;padding:0;margin: 5px auto 0 auto;	text-transform:uppercase;}
	h5	{font-size: 15px; font-size: 0.9375rem;font-weight:normal;padding:0;margin: 5px auto 0 auto;color: #787878;	}


	ul {padding-left: 1.2em; margin: 0 0 0px 0; list-style-type:disc;}
	ul li {
		padding: 0px 0 0px 0; 
		margin: 0px;
		text-align:left;
	}
    .schnitte > li {padding-bottom: 0px;}
     
    ul li::marker { 
        position: relative;
        top: 2px;
          color: #14943e;
          font-weight: bold;
          font-family: monospace;
          font-size: 1.5em;
          line-height: 0em;
              
    }
    
    ul li ul li::marker { font-size: 1.0em; margin-top:0;line-height: 0.6em;}


	p {	text-align:left;margin: 6px 4% 12px 0;	}

	hr {
		border: 0px;
		border-top: #9ebddc 2px solid;
		margin: 20px auto 26px auto;
		width: 8%;
	}



	/* Struktur  mit feststehendem Footer unten (negative margin solution) */
	.page_margins {
	  	position:relative !important;
	  	min-height:100%;
  		height: auto !important;
  		box-sizing:border-box;
	  	padding: 0 0px 50px 0px;	
	  	margin: 0px auto; overflow: hidden; width: 100%;
	  }
	  * html .page_margins { height:100% !important; }


	 

		
	header[role="banner"] {
		box-sizing:border-box;
		position:relative;
		z-index:1;
		display:block;
		top: 0px;
		left: 0px;
		right: 0px;
		width:100%;
		height: auto;
		margin: 0 auto 0px auto;
		padding: 0;
		background-color: #ffd500;
		clear:both;
		
	}

	#headercontent {
		position:relative;
		left:0;
		z-index:3;
		display:flex;align-items:center;
		margin:auto;
	    width: 100%;max-width: 1600px;		
	}
	#logo {
		position: absolute;
		margin-left:10px;
		z-index: 99;
		border: 0px;
		width: auto;
		height: 80%;
		background-color:#ffffff;
	}
    #deco {position:relative; z-index:0;display:block; width: 100%; height: auto;}
    #bogen { position: absolute; z-index:5; bottom: 0; left:0; right:0; }

	.page { 
		box-sizing: border-box;
		position:relative;
		margin: auto;
		width:100%;
		height: auto !important;
		background-color:#ffffff;
	 	padding: 0px 20px 60px 20px; /*space for the footer */
	 	
	 }
	 
	main {
        display:block;
		clear:both;
		padding: 1px 0px 0px 0;
		margin: 0px auto 0 auto;
		height: 100%; min-height: 400px;
        max-width: 1180px;
		text-align:center;
		}


	footer {
		position: relative !important;
		box-sizing: border-box;
		clear:both;
		padding: 0px 0px 0px 0px;
		margin: -50px auto 0px auto;
		background-color: #ffd500;
		width: 100%;
		height: 60px;
		text-align:center;
		vertical-align:top;
	}
	
	footer a {font-weight: 800;}
	footer a:link	{text-decoration: none; color: #555555;}
	footer a:visited{text-decoration: none; color: #555555;}
	footer a:hover, footer a:focus	{text-decoration: underline; color: #14943e;}
	footer a:active	{text-decoration: none; color: #14943e;}
	footer .bullet {padding-left: 20px; padding-right: 20px;}
    
	.footer-container {
        box-sizing:border-box;
        height: 60px;
		width:100%;max-width:1180px;
		padding: 10px 20px 10px 0px;
		margin:auto;
        
	}
	.footer-inner {
		font-weight:normal;font-size: 95%;	
		color: #555555;
        text-align:left;
        height: 40px;
	}
	
	
	.divider { display:inline; padding: 0 14px 0 14px;}
	.divider::before { content: "\00007C"; }
	
	
/* ---------------------------------------------------------
   Page content styles
   ---------------------------------------------------------*/
   	.clearer {
		clear:both;
		height:0px;
		font-size:0;
		border:none;
		margin:0; padding:0;
		background:transparent;
	    	content:".";
	    	display:block;
	    	visibility:hidden;
	}
		
	.glyphicons:before {color:#fff;font-size: 23px;padding:0;line-height:35px;margin:0 8px 0 13px}

    .leistungen {
        display:flex;
        justify-content: space-between;
        flex-flow: row wrap;
        row-gap: 3%;
        padding: 20px 0 0px 0;
    }
    .leistungen a {display:block; }
    .leistungen a { position:relative; display:block; width: 100%; max-width: 30%; min-width: 200px; height: auto; margin: 20px 0px 40px 0; background-color: #000000;}
    .leistungen a div { display:flex;justify-content:center;align-items:center; }
    .leistungen a div img { display:block; width: 100%; height: auto; transition: opacity 1s;}
    .leistungen .theme { position:relative; z-index: 0;}
    .leistungen .bogen { position:absolute; z-index: 1; top:0; left: 0; right: 0;bottom:0;}
    .leistungen a div:hover {cursor:pointer;}
    .leistungen a div:hover img.theme { opacity: 0.5; }
    .leistungen a div:hover p {display:block;}
    .leistungen a p { position: absolute; display:block; z-index: 3;
        color:#ffffff; font-weight: bold; 
        text-align:center; 
        font-size: 2.1rem;
        line-height: 2.3rem;
        margin:0;
        display:none;}
    
    #teambild { width:100%; height: auto; margin: 30px auto 30px auto;}
    
    .gutachten img,
    .pflege img,
    .faellungen img,
    .pflanzungen img { display: block; width: 100%; max-width: 500px; height: auto; margin: 20px 0 40px 0; }
    
    main .gutachten,
    main .pflege,
    main .faellungen,
    main .pflanzungen { max-width: 780px; }
    .kontaktinfo {margin-top: 50px; margin-bottom: 20px;}

/* ---------------------------------------------------------
   --- navi und Suche fuer Bildschirme über 767px ---
   ---------------------------------------------------------*/
	
	/* --- Navigation ---  */
	
	.nav-button, .sub-menu { display: none; }
	
	/* Toggle the 1st sub navigation open  */
	.sub-menu.open { display: block; height: auto; margin-top:0; }
	.sub-menu.open li { display: block; }
				
	nav {
		position: absolute;
		top: 40px;
		left: 0px;right:0;
        box-sizing:border-box;
		margin: auto;
		z-index: 10; 
		display:block;
		width: 100%;max-width: 1600px;
		height: auto;
		padding: 0 20px 0 0;
		text-align:center;
		vertical-align:middle;
	}
	nav .menu { max-width: 1600px; height: auto; background-color: transparent; margin: auto;text-align:right; }
	
	
	nav .menu > ul {
		display:block;
		height: 60px;
		padding: 0 0px 0px 0px;
		text-align:right;
		margin-left: 0px;
		margin-right: 10px;
		list-style-type:none;
		overflow: hidden;
		}
	nav .menu > ul > li {
		display:inline-block;
		margin: 0px 2px 0 2px;
		width: auto;
		padding: 0;
		height: 60px;
		text-align:center;
		vertical-align:top;
		background-image: none;
	}
	nav .menu > ul > li:last-child {}
	
	nav .menu ul li a { display: block; padding: 9px 14px 9px 14px;  text-decoration: none; color: #ffffff; white-space: nowrap; font-weight: 700;font-size: 1.16rem; text-align:center;}
	nav .menu ul li a:link  {text-decoration: none; color: #ffffff;}
	nav .menu ul li a:visited{text-decoration: none; color: #ffffff;}
	nav .menu ul li a:hover, a:focus  {text-decoration: none; color: #ffffff;background-color:#14943e;}
	nav .menu ul li a:active  {text-decoration: none; color: #ffffff;}
	nav .menu ul li.current_page_item > a { background-color:#14943e; cursor: default; }
	

	
	
	
	
/* ---------------------------------------------------------
   mobile styles
   ---------------------------------------------------------*/
@media only screen and (min-width: 0px) and (max-width: 1300px) { 
    nav .menu ul li a { padding: 9px 10px 9px 10px; font-size: 1.05rem; }
}
@media only screen and (min-width: 0px) and (max-width: 1200px) { 
    nav .menu ul li a { padding: 9px 4px 9px 4px; font-size: 0.95rem; }
    .leistungen a p { font-size: 1.8rem; line-height:2rem;}
}

@media only screen and (min-width: 0px) and (max-width: 899px) { 
	/* Wenn die Breite für die rausragenden Pfeile nicht mehr ausreicht,
	muss alles auf volle Breite gesetzt werden */
	.page_margins {
		padding: 0 0 140px 0;
		background-image: none !important;
	}
	
	.headerimage { display: block; }
	
	body { background-color: #fff !important; }
	
	nav  { top: 0px; }
    
	.page { padding-top: 20px; }

	
	/* Navigation Area
	-------------------------------------------------------- */	
				nav {
					position: absolute;
					width: 100%;
					padding: 0.6em 0; border: none; 
					}

	/* Navigation Button
	-------------------------------------------------------- */
			
				.nav-button {
					display: block;
					position: absolute;
					top: 16px;
					right: 30px;
					width: 55px;
					height: 50px;
					background: url('../images/mobile-menu-icon-large.png');
					background-position: center center;
					background-repeat: no-repeat;
					background-size: 36px, 100%;
					cursor: pointer;
					border: 0 none;outline: 0;
					z-index: 999;
					text-indent: -9999px;
				}
				.nav-button:hover { 
					background-image: url('../images/mobile-menu-icon-large.png');color: #fff;
				}
				.nav-button.open {
					background: url('../images/mobile-close-icon-large.png');
					background-position: center center;
					background-repeat: no-repeat;
					background-size: 36px, 100%;
				}
				.nav-button.open:hover { 
					background-image: url('../images/mobile-close-icon-large.png');
				}


	
	/* Navigation Menu
	-------------------------------------------------------- */
				nav, nav .menu {display: block; height: 60px; }
				nav .menu ul { position:absolute;z-index:2;width:100%;margin:0; padding: 0;text-align: left; font-weight: normal; }
				
				/* Toggle the navigation bar open  */
				nav .menu ul, nav .menu ul li { display: none; }
				nav .menu ul.open { display: block; height: auto;  }
				nav .menu ul.open li { display: block; }
				
				nav .menu ul li.current_page_item > a {color: #fff; border-bottom: 0;}
							
				/*1st level menus */
				nav .menu > ul {background-color: #007154;opacity: 1;margin-top: 100px;}
				nav .menu > ul > li { position: relative; display:block; width: 100%; height: auto; padding: 0px; margin: 0;border-top: #fff 1px solid;}
				
				nav .menu ul li a { text-align:center; width: 100%; color: #000; padding: 12px; border-bottom: #fff 0px solid; }
				nav .menu ul li a:link, nav .menu ul li a:visited, nav .menu ul li a:active {  }
				nav .menu ul li a:hover { background-color: #fff; color: #000; border-bottom: #fff 0px solid;}
				  				  	
				/*2nd level menus */
				nav .menu > ul > li > ul { width: 100%;left: 0; top: 0; margin: 0px; background-color: #fff;}
				nav .menu > ul > li > ul > li { position:relative; margin: 0 0 0 0px; padding-left: 0px; width: auto;}
				nav .menu > ul > li > ul > li:hover { background-color: #8b8d8e; opacity: 1; }
				nav .menu > ul > li > ul > li a { text-align:center; }
				nav .menu > ul > li > ul > li a:hover { background-color: transparent;color: #fff; }
				  	
				  	
				/*3rd level menus !!!!!not used!!!! */
				nav .menu > ul > li > ul > li > ul {  display: none; background-color: transparent; }
				nav .menu > ul > li > ul > li:hover > ul 	{	  display: block; position: absolute; left: 0;top: 0;}
				nav .menu > ul > li > ul > li > ul > li 	{	  position: relative;  border: 0; margin: 0 0 0 20px;}
				nav .menu > ul > li > ul > li > ul > li a	{	}
					
					

	/* für mobile Clients: Navi über gesamte Breite 
	-------------------------------------------------------- */
				nav .menu ul li { width: 100%; position: static; margin: 0; }
				/* oberste Navi-Box bekommt einen Schatten, damit sie sich besser vom Content abhebt. Und mehr Padding, damit es nicht mit dem Logo kollidiert */
				nav .menu > ul { box-shadow: 0px 20px 35px rgba(0, 0, 0, 0.55); }

				/*2nd level menus */
				nav .menu > ul > li > ul { position: static; width: 100%; margin: 0px; box-shadow: none;}
				nav .menu > ul > li > ul > li {	position: relative; box-sizing: border-box; width: 100%; margin: 0px; }
				
	.footercontact { box-sizing:border-box; display:block; width: 380px; border: 0px; margin: 0 auto 30px auto; padding: 10px; }
	.footer-container { padding: 30px 30px 30px 30px;}
	.footer-inner {  }
 }
 
 @media only screen and (min-width: 0px) and (max-width: 799px) {
    .leistungen a {
        max-width: 46%;
    }
	.leistungen a div {cursor:pointer;}
    .leistungen a div img.theme { opacity: 0.8; }
    
    .leistungen a p { display:block;}
        
	/* footer Texte nach links */
	.footer-container { padding: 30px 20px 30px 20px;}
	.contact { padding: 80px 20px 30px 20px; }
	.imprint { padding: 50px 20px 30px 20px; }
	.footer-inner { width: 100%;padding-left: 0px;margin-bottom: 0;  }
	.footer-inner:last-child { justify-content:flex-start; }
    
    nav .menu > ul {margin-top: 160px;}
    header[role="banner"], #deco {
        height: 160px;
     }

    #logo {
	
	}
    footer { height: 140px; margin-top: -140px; }
    .footer-container, .footer-inner { height: auto;}
    .footer-container { padding: 20px 20px 20px 20px;}
    .footer-inner {display: block; padding-bottom: 20px; }
}
 
@media only screen and (min-width: 0px) and (max-width: 599px) { 
	
    .page { padding-bottom: 0;}
    
    nav .menu > ul {margin-top: 120px;}
    header[role="banner"], #deco {
        height: 120px;
     }

    #logo {

	}
    
    .leistungen a { max-width: 100%; }
    
	.referenz-title { 
		top: auto;
		bottom: 0px;
	}
	
	/* schwarze Pfeile ausblenden */
	.referenzlabel {
		display:none;
	}
	

		
}

@media only screen and (min-width: 0px) and (max-width: 550px) { 
    .leistungen a div {
        max-width: 100%;
    }
}

/* End Mobile Styles */

	
/* ---------------------------------------------------------
   Print styles
   ---------------------------------------------------------*/
@media print {
    * {
        color:#000 !important;
        box-shadow:none !important;
        text-shadow:none !important;
	background:transparent !important;
    }
	html { background-color:#fff; }

	header[role="banner"] { background-color: #282828 !important; border: 0px;}

	/* Hide navigation */
	nav { display:none; }

	/* Show link destinations in brackets after the link text */
	a[href]:after { content: " (" attr(href) ") "; }
	a[href] {
		font-weight:bold;
		text-decoration:underline;
		color:#06c;
		border:none;
	}
	/* Don't show link destinations for JavaScript or internal links */ 
	a[href^="javascript:"]:after, a[href^="#"]:after { content:""; }
	
	/* Show abbr title value in brackets after the text */
	abbr[title]:after { content: " (" attr(title) ")"; }

	figure { 
		margin-bottom:1em; 
		overflow:hidden;
	}

	figure img { border:1px solid #000; }
}