/* 

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

*/

	
	@import url(css/normalize.css);	
	@import url(css/glyphicons.css);
	@import url(css/glyphicons-halflings.css);
	@import url(css/grid.css);
	
	
	
	/* mobile stylesheet at the end */
	
            /* source-sans-pro-300 - latin */
            @font-face {
              font-family: 'Source Sans Pro';
              font-style: normal;
              font-weight: 300;
              src: url('fonts/source-sans-pro-v21-latin-300.eot'); /* IE9 Compat Modes */
              src: local(''),
                   url('fonts/source-sans-pro-v21-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
                   url('fonts/source-sans-pro-v21-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
                   url('fonts/source-sans-pro-v21-latin-300.woff') format('woff'), /* Modern Browsers */
                   url('fonts/source-sans-pro-v21-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
                   url('fonts/source-sans-pro-v21-latin-300.svg#SourceSansPro') format('svg'); /* Legacy iOS */
            }
            /* source-sans-pro-300italic - latin */
            @font-face {
              font-family: 'Source Sans Pro';
              font-style: italic;
              font-weight: 300;
              src: url('fonts/source-sans-pro-v21-latin-300italic.eot'); /* IE9 Compat Modes */
              src: local(''),
                   url('fonts/source-sans-pro-v21-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
                   url('fonts/source-sans-pro-v21-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
                   url('fonts/source-sans-pro-v21-latin-300italic.woff') format('woff'), /* Modern Browsers */
                   url('fonts/source-sans-pro-v21-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
                   url('fonts/source-sans-pro-v21-latin-300italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
            }
            /* source-sans-pro-regular - latin */
            @font-face {
              font-family: 'Source Sans Pro';
              font-style: normal;
              font-weight: 400;
              src: url('fonts/source-sans-pro-v21-latin-regular.eot'); /* IE9 Compat Modes */
              src: local(''),
                   url('fonts/source-sans-pro-v21-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
                   url('fonts/source-sans-pro-v21-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
                   url('fonts/source-sans-pro-v21-latin-regular.woff') format('woff'), /* Modern Browsers */
                   url('fonts/source-sans-pro-v21-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
                   url('fonts/source-sans-pro-v21-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
            }
            /* source-sans-pro-600 - latin */
            @font-face {
              font-family: 'Source Sans Pro';
              font-style: normal;
              font-weight: 600;
              src: url('fonts/source-sans-pro-v21-latin-600.eot'); /* IE9 Compat Modes */
              src: local(''),
                   url('fonts/source-sans-pro-v21-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
                   url('fonts/source-sans-pro-v21-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
                   url('fonts/source-sans-pro-v21-latin-600.woff') format('woff'), /* Modern Browsers */
                   url('fonts/source-sans-pro-v21-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
                   url('fonts/source-sans-pro-v21-latin-600.svg#SourceSansPro') format('svg'); /* Legacy iOS */
            }
            /* source-sans-pro-600italic - latin */
            @font-face {
              font-family: 'Source Sans Pro';
              font-style: italic;
              font-weight: 600;
              src: url('fonts/source-sans-pro-v21-latin-600italic.eot'); /* IE9 Compat Modes */
              src: local(''),
                   url('fonts/source-sans-pro-v21-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
                   url('fonts/source-sans-pro-v21-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
                   url('fonts/source-sans-pro-v21-latin-600italic.woff') format('woff'), /* Modern Browsers */
                   url('fonts/source-sans-pro-v21-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
                   url('fonts/source-sans-pro-v21-latin-600italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
            }
            /* source-sans-pro-700 - latin */
            @font-face {
              font-family: 'Source Sans Pro';
              font-style: normal;
              font-weight: 700;
              src: url('fonts/source-sans-pro-v21-latin-700.eot'); /* IE9 Compat Modes */
              src: local(''),
                   url('fonts/source-sans-pro-v21-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
                   url('fonts/source-sans-pro-v21-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
                   url('fonts/source-sans-pro-v21-latin-700.woff') format('woff'), /* Modern Browsers */
                   url('fonts/source-sans-pro-v21-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
                   url('fonts/source-sans-pro-v21-latin-700.svg#SourceSansPro') format('svg'); /* Legacy iOS */
            }
            /* source-sans-pro-700italic - latin */
            @font-face {
              font-family: 'Source Sans Pro';
              font-style: italic;
              font-weight: 700;
              src: url('fonts/source-sans-pro-v21-latin-700italic.eot'); /* IE9 Compat Modes */
              src: local(''),
                   url('fonts/source-sans-pro-v21-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
                   url('fonts/source-sans-pro-v21-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
                   url('fonts/source-sans-pro-v21-latin-700italic.woff') format('woff'), /* Modern Browsers */
                   url('fonts/source-sans-pro-v21-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
                   url('fonts/source-sans-pro-v21-latin-700italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
            }
            /* source-sans-pro-900 - latin */
            @font-face {
              font-family: 'Source Sans Pro';
              font-style: normal;
              font-weight: 900;
              src: url('fonts/source-sans-pro-v21-latin-900.eot'); /* IE9 Compat Modes */
              src: local(''),
                   url('fonts/source-sans-pro-v21-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
                   url('fonts/source-sans-pro-v21-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
                   url('fonts/source-sans-pro-v21-latin-900.woff') format('woff'), /* Modern Browsers */
                   url('fonts/source-sans-pro-v21-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
                   url('fonts/source-sans-pro-v21-latin-900.svg#SourceSansPro') format('svg'); /* Legacy iOS */
            }
            /* source-sans-pro-900italic - latin */
            @font-face {
              font-family: 'Source Sans Pro';
              font-style: italic;
              font-weight: 900;
              src: url('fonts/source-sans-pro-v21-latin-900italic.eot'); /* IE9 Compat Modes */
              src: local(''),
                   url('fonts/source-sans-pro-v21-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
                   url('fonts/source-sans-pro-v21-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
                   url('fonts/source-sans-pro-v21-latin-900italic.woff') format('woff'), /* Modern Browsers */
                   url('fonts/source-sans-pro-v21-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
                   url('fonts/source-sans-pro-v21-latin-900italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
            }

            /* open-sans-300 - latin-ext_latin */
              @font-face {
                font-family: 'Open Sans';
                font-style: normal;
                font-weight: 300;
                src: url('fonts/open-sans-v34-latin-ext_latin-300.eot'); /* IE9 Compat Modes */
                src: local(''),
                     url('fonts/open-sans-v34-latin-ext_latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
                     url('fonts/open-sans-v34-latin-ext_latin-300.woff2') format('woff2'), /* Super Modern Browsers */
                     url('fonts/open-sans-v34-latin-ext_latin-300.woff') format('woff'), /* Modern Browsers */
                     url('fonts/open-sans-v34-latin-ext_latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
                     url('fonts/open-sans-v34-latin-ext_latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
              }
              /* open-sans-regular - latin-ext_latin */
              @font-face {
                font-family: 'Open Sans';
                font-style: normal;
                font-weight: 400;
                src: url('fonts/open-sans-v34-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
                src: local(''),
                     url('fonts/open-sans-v34-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
                     url('fonts/open-sans-v34-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
                     url('fonts/open-sans-v34-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
                     url('fonts/open-sans-v34-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
                     url('fonts/open-sans-v34-latin-ext_latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
              }
              /* open-sans-600 - latin-ext_latin */
              @font-face {
                font-family: 'Open Sans';
                font-style: normal;
                font-weight: 600;
                src: url('fonts/open-sans-v34-latin-ext_latin-600.eot'); /* IE9 Compat Modes */
                src: local(''),
                     url('fonts/open-sans-v34-latin-ext_latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
                     url('fonts/open-sans-v34-latin-ext_latin-600.woff2') format('woff2'), /* Super Modern Browsers */
                     url('fonts/open-sans-v34-latin-ext_latin-600.woff') format('woff'), /* Modern Browsers */
                     url('fonts/open-sans-v34-latin-ext_latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
                     url('fonts/open-sans-v34-latin-ext_latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
              }
              /* open-sans-700 - latin-ext_latin */
              @font-face {
                font-family: 'Open Sans';
                font-style: normal;
                font-weight: 700;
                src: url('fonts/open-sans-v34-latin-ext_latin-700.eot'); /* IE9 Compat Modes */
                src: local(''),
                     url('fonts/open-sans-v34-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
                     url('fonts/open-sans-v34-latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
                     url('fonts/open-sans-v34-latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */
                     url('fonts/open-sans-v34-latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
                     url('fonts/open-sans-v34-latin-ext_latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
              }
              /* open-sans-800 - latin-ext_latin */
              @font-face {
                font-family: 'Open Sans';
                font-style: normal;
                font-weight: 800;
                src: url('fonts/open-sans-v34-latin-ext_latin-800.eot'); /* IE9 Compat Modes */
                src: local(''),
                     url('fonts/open-sans-v34-latin-ext_latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
                     url('fonts/open-sans-v34-latin-ext_latin-800.woff2') format('woff2'), /* Super Modern Browsers */
                     url('fonts/open-sans-v34-latin-ext_latin-800.woff') format('woff'), /* Modern Browsers */
                     url('fonts/open-sans-v34-latin-ext_latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
                     url('fonts/open-sans-v34-latin-ext_latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */
              }

	
	.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: 'Source Sans Pro', sans-serif;
			font-size: 0.95rem;
			line-height: 21px;line-height: 1.313rem;
			font-weight: 400;
			color:#6b6b6b;
			overflow-y: scroll;
			background-color: #ffffff;
			text-align:left;
	}


	/* Default link styling */

	a { outline: 0;text-decoration:none;font-weight:600;box-sizing:border-box; }
	a:link { color: #6b6b6b;text-decoration:none; }
	a:visited { color: #000; }
	a:hover, a:focus { color:#0; cursor:pointer;}
	a:active { color: #6b6b6b; }


    h1	{line-height: 30px; line-height: calc(17px + (19 - 17) * (100vw - 400px) / (800 - 400)); font-size: calc(14px + (19 - 17) * (100vw - 400px) / (800 - 400)); font-weight:normal; padding:0; margin: 0px 30px 20px auto; text-transform:uppercase;color: #7e7e7e;}	
    h2	{font-size: 17px; font-size: 1.05rem;font-weight:700;padding:0;margin: 5px auto 0 auto;	text-transform:uppercase;}
	h3	{font-size: 16px; font-size: 1rem;font-weight:600;padding:0;margin: 15px auto 2px auto; }
	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: 0px; margin: 0 0 0px 0; list-style-type:none;}
	ul li {
		padding: 0px 0 0 20px; 
		margin: 0px;
		background: url("images/bullet.jpg") 0px 4px no-repeat;
		text-align:left;
	}

	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 40px 140px 40px;	
	  	max-width: 980px; 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;
		max-width: 900px;
		height: 150px;
		margin: 0 auto 0px auto;
		padding: 0 0 10px 0;
		background-color: #fff;
		clear:both;
		
	}

	#headercontent {
		position:relative;
		left:0;
		z-index:3;
		display:block;
		margin:0;
		width:192px;
		height: 170px;
		max-width:900px;
		
	}
	#logo {
		position: absolute;
		top: 21px;
		left: 55px;
		z-index: 99;
		border: 0px;
		width: 192px;
		height: auto;
		
	}

	.page { 
		box-sizing: border-box;
		position:relative;
		margin: auto;
		width:100%;
		height: auto !important;
		
	 	padding: 20px 0px 0px 0px; /*space for the footer */
	 	
	 }
	 
	main {
		box-sizing: border-box;
		clear:both;
		padding: 0px 0 0px 0;
		margin: 0px auto 0 auto;
		min-height: 300px;
		max-width: 980px;
		text-align:center;
		}


	footer {
		position: relative !important;
		box-sizing: border-box;
		clear:both;
		padding: 0px 0px 80px 0px;
		margin: -140px auto 0px auto;
		background-color: #dedede;
		width: 100%;
		height: auto;
		text-align:center;
		vertical-align:top;
	}
	
	footer a {font-weight: 400;}
	footer a:link	{text-decoration: none; color: #919191;}
	footer a:visited{text-decoration: none; color: #919191;}
	footer a:hover, footer a:focus	{text-decoration: none; color: #797979;}
	footer a:active	{text-decoration: none; color: #919191;}
	
	.footer-container {
		max-width:900px;
		padding: 30px 0 30px 0;
		margin:auto;
	}
	.footer-inner {
		text-transform:uppercase;
		font-weight:normal;font-size: 80%;	
		color: #919191;
		display:flex;align-items:center;height:29px;
	}
	.footer-inner:first-child { justify-content:flex-start; }
	.footer-inner:last-child { justify-content:flex-end; }
	
	.fbook { 
		background: url("images/facebook.png") 0 0  no-repeat;
		display:inline-block;
		width: 29px;
		height: 29px;
	}
	.fbook:hover { background-image: url("images/facebook_over.png");}
	
	.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;
	}
		
	.content, .contact, .imprint, .about { text-align:left; }
	.imprint { box-sizing: border-box; padding: 50px 30px 30px 30px;}
	.clients { box-sizing: border-box; padding: 70px 30px 80px 30px;color: #fff; }
	.about { box-sizing: border-box; padding: 70px 480px 80px 30px;color: #fff; }
	.contact { box-sizing: border-box; background-color: #f1f1f1; padding: 80px 30px 30px 30px;}
	
	.clientlogos {
		display:flex;
		flex-direction: row;
		flex-wrap: wrap;
	}
	.clientlogos div {
		width: 16.666666666%;
		min-width: 130px;
		height: 90px;
		padding: 8px 0px 8px 0px;
	}
	.clientlogos div img { display:block; height: 100%; width: auto; margin: auto;}
	
	
	
	.glyphicons:before {color:#fff;font-size: 23px;padding:0;line-height:25px;margin:0 8px 0 13px}

	.iframe-container {
  overflow: hidden;
  padding-top: 56.25%;
  position: relative;
  margin-bottom: 50px;
}
 
.iframe-container iframe {
   border: 0;
   height: 105%;
   left: 0;
   position: absolute;
   top: 0;
   width: 130%;
}
	
	.iframe-container h3, .iframe-container p { margin-left: 20px; margin-right: 20px; }
	.iframe-container h3 { margin-top: 2px; }
	.iframe-container img { display:block; position: relative; z-index:0; width: 100%; height: auto; margin-bottom: 16px;}
	
	.iframe-container-title { 
		position: absolute;
		top: 80px;
		left: 0px;
		z-index: 1;
		display: block; 
		height: 46px; 
		width: auto; 
				
		}
	.iframe-container-title::after {
		position:absolute;
		right:-19px;
		top:0;
		opacity: 0.65; 
		width:19px;
		height:46px;
		content: url("images/pfeil.png");
	}
	
	.iframe-container-title h2 {
		display:block;
		height: 34px;
		width: auto;
		background-color: rgba(0,0,0,0.65);
		color: #fff;
		text-transform:uppercase;
		margin: 0;
		padding: 12px 30px 0px 30px;
	}
	.iframe-container:hover .iframe-container-title h2 { 	background-color: rgba(238,127,1,0.65); }
	.iframe-container:hover .iframe-container::after {opacity: 0.65;content: url("images/pfeil_over.png");	}
	
	.iframe-containerlabel {
		position: absolute;
		top: 260px;
		left: 13px;
		z-index: 3;
		display:flex;
		justify-content:center;
		align-items:center;
		box-sizing:border-box;
		height: 46px;
		padding: 0px 21px 0 21px;
		background-color: rgba(0,0,0,0.65);
   		color: #fff;
   		text-transform:uppercase;
   		line-height: 16px;
   		font-weight: 600;
	}
	.iframe-containerlabel::before {
			position:absolute;
			left:0px;
			top:-20px;
			width:27px;
			height:20px;
			content: url("images/ecke_links.png");
	}
	.iframe-containerlabel::after {
			position:absolute;
			right:-19px;
			top:0;
			opacity: 0.65; 
			width:19px;
			height:46px;
			content: url("images/pfeil.png");
	}
		
	.referenz {
		display: block;
		position:relative;
		clear: both;
		width: 100%;
		height: auto;
		margin-bottom: 50px;
	}
	
	.referenz h3, .referenz p { margin-left: 20px; margin-right: 20px; }
	.referenz h3 { margin-top: 2px; }
	.referenz img { display:block; position: relative; z-index:0; width: 100%; height: auto; margin-bottom: 16px;}
	
	.referenz-title { 
		position: absolute;
		top: 80px;
		left: 0px;
		z-index: 1;
		display: block; 
		height: 46px; 
		width: auto; 
				
		}
	.referenz-title::after {
		position:absolute;
		right:-19px;
		top:0;
		opacity: 0.65; 
		width:19px;
		height:46px;
		content: url("images/pfeil.png");
	}
	
	.referenz-title h2 {
		display:block;
		height: 34px;
		width: auto;
		background-color: rgba(0,0,0,0.65);
		color: #fff;
		text-transform:uppercase;
		margin: 0;
		padding: 12px 30px 0px 30px;
	}
	.referenz:hover .referenz-title h2 { 	background-color: rgba(238,127,1,0.65); }
	.referenz:hover .referenz-title::after {opacity: 0.65;content: url("images/pfeil_over.png");	}
	
	.referenzlabel {
		position: absolute;
		top: 260px;
		left: 13px;
		z-index: 3;
		display:flex;
		justify-content:center;
		align-items:center;
		box-sizing:border-box;
		height: 46px;
		padding: 0px 21px 0 21px;
		background-color: rgba(0,0,0,0.65);
   		color: #fff;
   		text-transform:uppercase;
   		line-height: 16px;
   		font-weight: 600;
	}
	.referenzlabel::before {
			position:absolute;
			left:0px;
			top:-20px;
			width:27px;
			height:20px;
			content: url("images/ecke_links.png");
	}
	.referenzlabel::after {
			position:absolute;
			right:-19px;
			top:0;
			opacity: 0.65; 
			width:19px;
			height:46px;
			content: url("images/pfeil.png");
	}


	
   	.backbutton {
   		position: absolute;
   		top: 220px;
   		right: 18px;
   		z-index: 3;
   		display:block;
   		height: 26px;
   		padding: 4px 20px 0 20px;
   		background-color: #ee7f01;
   		color:#fff;
   		overflow: visible;
   		text-transform:uppercase;
   	}
   	.backbutton:hover { color: #000; }
   	.backbutton::before {
		 content: ''; 
		    position: absolute; 
		    top: 4px;
		    left: -11px; 
		    width: 22px; 
		    height: 22px; 
		    background: #ee7f01; 
		    -webkit-transform: rotate(45deg);
		    -moz-transform: rotate(45deg);
		    -ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
    			
	}
	.backbutton::after {
		position:absolute;
		right:0px;
		top:-17px;
		width:23px;
		height:17px;
		content: url("images/ecke_rechts.png");
	}
	
	
	.contact .grid6 { min-height: 280px; }
	.contact { font-size: 1rem; }
	
	.company { color: #000; font-weight: 900; text-transform:uppercase; font-size: 1.2rem; line-height: 1.4rem; }
	.address { text-transform:uppercase; }
	.labeltel, .tel {
		text-transform: uppercase;
		font-weight: 900;
		font-size: 1.1rem;
		color: #bbb;
		
	}
	.labeltel { display: inline-block; height: auto; width: 60px; }
	
	.anfahrt {
		clear: both;
		margin-top: 30px;
		width: 220px;
		height: auto;
		padding: 10px 20px 10px 20px;
		background-color: #ee7f01;
	}
	.anfahrt span { color: #fff; text-transform:uppercase; }
	
	
	.map {
		display:block; 
		width: 100%; 
		min-height: 100%; 
		
		height: 280px; 
		
		background-color: #e6e6e6; 
	}
	
	.headerimage { display: none; }
	.headerimage img {  width:100%; }
	
/* ---------------------------------------------------------
   --- Formulare ---
   ---------------------------------------------------------*/
   
   		label {
   			box-sizing: border-box;
   			width: 100%; height: 34px; 
   			margin-top:30px;
   			color:#fff;
   			padding: 6px 10px 6px 10px;
   			display:block;
   			background-color: #558ec1;
   			border: 1px solid #558ec1;
   			font-weight: 700;
   			clear:left;
   		}
   	
   	
   	
   		input::-webkit-input-placeholder { color: #ccc !important;font-weight:900;}
   		input:-moz-placeholder { color: #ccc !important;font-weight:900; } /* Firefox 18 */
   		input::-moz-placeholder {  color: #ccc !important;font-weight:900; } /* Firefox 19+ */
   		input:-ms-input-placeholder {  color: #ccc !important;font-weight:900;  }
   
   		textarea::-webkit-input-placeholder { color: #ccc !important;font-weight:900;}
   		textarea:-moz-placeholder {	color: #ccc !important;font-weight:900; } /* Firefox 18- */
   		textarea::-moz-placeholder { color: #ccc !important;font-weight:900; } /* Firefox 19+ */ 
		textarea:-ms-input-placeholder {  color: #ccc !important;font-weight:900;  }
		
		
		.contactform input, .contactform textarea {
			box-sizing:border-box;
			border: #ccc 1px solid;
			width: 100%;
			margin: 0px 0 10px 0;
			padding: 6px;
		}

		
		.contactform input, .contactform textarea {
		  border-left: 3px solid;
		  border-radius: 5px;
		  transition: border-color .5s ease-out;
		}
		.contactform input:optional, .contactform textarea:optional {
		  border-left-color: #999;
		}
		.contactform input:required:valid, .contactform textarea:required:valid {
		  border-left-color: palegreen;
		}
		.contactform input:invalid, .contactform textarea:invalid {
		  border-left-color: #ee7f01;
		}
		.contactform input:required:focus:valid, .contactform textarea:required:focus:valid {
		  background: url("images/formcheckok.svg") no-repeat 95% 50%;
		  background-size: 25px;
		}
		.contactform input:focus:invalid, .contactform textarea:focus:invalid {
			border-left-color: #ff0000;
		  background: url("images/formchecktnt.svg") no-repeat 95% 50%;
		  background-size: 45px;
		}

		.contactform input[type="submit"] { 
			clear: both;
			display:flex;justify-content:center;align-items:center;width:250px;height:80px;
			width: 220px;
			height: auto;
			padding: 10px 20px 10px 20px;
			border-radius: 0px;
			background-color: #ee7f01;
			color: #fff;
			border: 0;
			text-transform:uppercase;
			font-weight: 600;
		}
		p.error { color: red; }
	
	
/* ---------------------------------------------------------
   --- 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: 90px;
		left: 0px;
		margin: auto;
		z-index: 2; 
		display:block;
		width: 100%;
		max-width: 900px;
		height: auto;
		padding: 0;
		text-align:center;
		vertical-align:middle;
		background-color: #ee7f01;
	}
	nav .menu { max-width: 900px; 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: 5%;
		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: 19px 0px 20px 0px;  text-decoration: none; color: #000; white-space: nowrap; text-transform:uppercase;font-weight: 700;font-size: 1.2rem; text-align:center;}
	nav .menu ul li a:link  {text-decoration: none; color: #000;}
	nav .menu ul li a:visited{text-decoration: none; color: #000;}
	nav .menu ul li a:hover, a:focus  {text-decoration: none; color: #834600;}
	nav .menu ul li a:active  {text-decoration: none; color: #000;}
	nav .menu ul li.current_page_item > a { color: #fff; }
	
	/*1nd level menus */
	nav .menu > ul > li > a { width: 110px; }
	
	/*sub level menus dropdown global formatings */
	nav .menu ul li ul li { background-image: none; padding: 0px;}
	nav .menu ul li ul li a {padding: 8px 12px 8px 12px; font-size: 1.0rem;}
	nav .menu ul li ul li a:link  {color: #8b8d8e;}
	nav .menu ul li ul li a:visited{color: #8b8d8e;}
	nav .menu ul li ul li a:hover, nav .menu ul li ul li a:focus  {color: #fff;}
	nav .menu ul li ul li a:active  {color: #8b8d8e;}
	
	/*2nd level menus */
	nav .menu > ul > li > ul {  display: none; position: absolute; top:60px; margin-left:-70px; width: auto; box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.25);  }
	/* nav .menu > ul > li:hover > ul {	  display: block;clear:both;	  } */
	nav .menu > ul > li > ul > li {	  position: relative; text-align:center; border-top: 1px solid #ddd;background-color: #fff; opacity: 0.85; }
	nav .menu > ul > li > ul > li:first-child {border-top: 0px; }
	nav .menu > ul > li > ul > li:hover { background-color: #8b8d8e; opacity: 1; }
	
	/*3rd level menus !!!not used!!! */
	nav .menu > ul > li > ul > li > ul {  display: none;box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.25); background-color: #253f59;	}
	nav .menu > ul > li > ul > li:hover > ul 	{	  display: block; position: absolute; left: 100%;top: 0;}
	nav .menu > ul > li > ul > li > ul > li 	{	  position: relative; text-align:left;border-bottom: 0px solid #3E3E3E; border-top: 1px solid #456687; }
	nav .menu > ul > li > ul > li > ul > li:hover {background-color: #324e6b; }
	
	
	
	
/* ---------------------------------------------------------
   mobile styles
   ---------------------------------------------------------*/

	


@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;
	}
	.referenzlabel { left: 0;}
	.referenzlabel::before { display: none; }
	.backbutton::after { display: none; }
	.backbutton { right: 0; }
	
	.about { box-sizing: border-box; padding: 20px 20px 30px 20px;color: #6b6b6b; }
	.contact { padding: 80px 30px 30px 30px; }
	.imprint { padding: 50px 30px 30px 30px; }
	
	.headerimage { display: block; }
	
	body { background-color: #fff !important; }
	
	
	
	nav  { top: 0px; }
	header[role="banner"] { height: 78px; }
	.page { padding-top: 20px; }
	#logo {
		position: absolute;
		top: -36px;
		left: 20px;
		z-index: 99;
		
		width: 150px;
		height: auto;	
	}	
	
	.backbutton { top: 120px; }
	.referenzlabel { top: 120px; }
	
	
	/* 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-largex.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-largex.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: #ee7f01;opacity: 1;margin-top: 69px;}
				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) { 
	.referenz-title { 
		top: 60px;
		height: 46px; 				
		}
	.referenz-title::after {
		position:absolute;
		right:-19px;
		top:0;
		
		width:19px;
		height:46px;
		content: url("images/pfeil.png");
	}
	
	.referenz-title h1 {
		font-size: 0.9rem;
		height: 34px;
		width: auto;
		margin: 0;
		padding: 12px 15px 0px 15px;
	}
	
	/* 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; }
}
 
@media only screen and (min-width: 0px) and (max-width: 599px) { 
	
	.referenz-title { 
		top: auto;
		bottom: 0px;
	}
	
	/* schwarze Pfeile ausblenden */
	.referenzlabel {
		display:none;
	}
	
	.footer-container { padding: 30px 20px 30px 20px;}
		
}

@media only screen and (min-width: 0px) and (max-width: 450px) { 

}

/* 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; }
}