/* ---------------------------------------------------------------------------------------------------------------
	
		Brueckner & Brueckner Architekten
		=================================
	
	*/
	
	/* clearfix */
	.clearfix:before, .clearfix:after { content:""; display:table; }
	.clearfix:after { clear:both; }
	.clearfix { zoom:1; }	/* For IE 6/7 (trigger hasLayout) */
	
	.center { text-align: center };
	
	a img { border: none; }
	a.image { border: none; }
	img.block { display: block; }
	
	html, body {
		/* height: 100%;	/* fix for lazyload plugin and correct position calculations */
		-webkit-text-size-adjust: 100%;	/* prevent huge font on stupid iPhone */
          -ms-text-size-adjust: 100%; 
	}
	
	/* Android "page-fit" FIX */	
	.page p,
	.page h2,
	.page h3,
	.page h4 {
		background: url('');
	}
	
	.error {
		color: #ff0000;	
	}
	a {
		text-decoration: none;
		color: #000000;	
	}
	
	/* Tic2 height FIX */ 
	.tic_100prozenthoehe {
		height: auto !important;
		bottom: 0px;
	}
	#tic_overlay_filterblender {
		height: 100%;	
	}
	
	
	
	/* font-face  ----------------------------------------------------------------- */
	@font-face {
		font-family: 'FoundersGrotesk';
		src: url('../fonts/brueckner/FoundersGrotesk/FoundersGroteskWeb-Medium.eot');
		src: url('../fonts/brueckner/FoundersGrotesk/FoundersGroteskWeb-Medium.eot?#iefix') format('embedded-opentype'),
			url('../fonts/brueckner/FoundersGrotesk/FoundersGroteskWeb-Medium.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}
	
	@font-face {
		font-family: 'Lyon';
		src: url('../fonts/brueckner/Lyon/LyonText-Regular-Web.eot');
		src: url('../fonts/brueckner/Lyon/LyonText-Regular-Web.eot?#iefix') format('embedded-opentype'),
			url('../fonts/brueckner/Lyon/LyonText-Regular-Web.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}
	
	
	/* fonts ------------------------------------------------ */
	.page, .page td, .page th {
		
	}
	
	.FoundersGrotesk {
		font-family: 'FoundersGrotesk', Arial;
		color: #000000;
		word-spacing: 0em;
		letter-spacing: 0px;
		line-height: 17px;
		font-size: 16px;
	}
	.Lyon {
		font-family: 'Lyon', Times;
		color: #000000;
		word-spacing: 0em;
		letter-spacing: 0px;
		line-height: 25px;
		font-size: 20px;
	}
	
	/* margins | paddings ---------------------------------- */
	
	/* elements ---------------------------- */
		
	
	/* layout -------------------------------- */
	.page {
		min-height: 100%;
		max-width: 1400px;
		margin-left: auto;
		margin-right: auto;
		position: relative;
	}
		.page .top, .page .bottom, .page .middle {
			position: absolute;
			left: 20px;	
			right: 20px;
			background-color: #ffffff;
		}
		.page .top {
			top: 0px;
			height: 20px;	
			padding-top: 20px;
		}
		.page .middle {
			top: 50px; 
			bottom: 50px; 
		}
			.page .middle .video {
				width: 100%;
				height: 100%;
				overflow: hidden;
			}
				.page .middle .video iframe {
					position: relative;
					top: -1px;
					left: -1px;
					width: calc(100% + 2px); 
					height: calc(100% + 2px);
				}
			
		
		.page .bottom {
			bottom: 0px;
			height: 20px;	/* 20px space */
			padding-bottom: 26px;
		}
			.page .bottom .left {
				float: left;
			}	
			.page .bottom .right {
				float: right;
			}	
	
	
		/* CSS transistions for placement 
		.page .top, .page .bottom, .page .middle {
			 transition: left 0.5s ease, right 0.5s ease, top 0.5s ease, bottom 0.5s ease;
			 -ms-transition: left 0.5s ease, right 0.5s ease, top 0.5s ease, bottom 0.5s ease;
			 -moz-transition: left 0.5s ease, right 0.5s ease, top 0.5s ease, bottom 0.5s ease;
			 -o-transition: left 0.5s ease, right 0.5s ease, top 0.5s ease, bottom 0.5s ease;
			 -webkit-transition: left 0.5s ease, right 0.5s ease, top 0.5s ease, bottom 0.5s ease;
		}
		*/
		
	
	/* mobile version -------------------------------------------------------------------------------- */
	
	/* tablet */
	@media only screen and (max-width: 1024px) {
		.page {
			/* background-color: #ff0000;	/* rot */
		}
		/*
		.page .top, .page .bottom, .page .middle {
			left: 25px;	
			right: 25px;
		}
		*/
		.page .middle {
			/* bottom: 70px; */
		}
	}

	
	/* mobile quer (smaller than ipad) */
	@media only screen and (max-width: 767px) and (orientation:landscape) {
		.page {
			/* background-color: #00ff00;	/* grün */
		}
		/*
		.page .top, .page .bottom, .page .middle {
			left: 35px;	
			right: 35px;
		}
		*/
		.page .top {
			/* padding-top: 15px; */
		}
		.page .middle {
			/* top: 50px; */ 
			/* bottom: 50px; */ 
		}
		
		.page .bottom {
			height: 20px;	/* 20px space */
			padding-bottom: 16px;
		}
	}
	
	/* mobile hoch (smaller than ipad) */
	@media only screen and (max-width: 767px) and (orientation:portrait) {
		
		.page {
			/* background-color: #0000ff;	/* blau */
		}
		/*
		.page .top, .page .bottom, .page .middle {
			left: 20px;	
			right: 20px;
		}
		*/
		.page .top {
			/* padding-top: 15px; */
		}
		.page .middle {
			/* top: 90px;  
			bottom: 50px; */ 
		}
		.page .bottom {
			height: 20px;	/* 20px space */
			padding-bottom: 16px;
		}
	}
	
	/* print version */
	@media only print {
		/* not specified */	
	} 
	
	
	
	/* impressum */
	.page.imprint {
		position: static;
	}
		.page.imprint .content {
			margin-left: 20px;
			margin-right: 20px;
		}
			.page.imprint .header {
				margin-top: 20px;
				margin-bottom: 75px;
				overflow: hidden;
			}
				.page.imprint .header .titel {
					float: left;
					width: 420px;
				}
				.page.imprint .header .back {
					width: 240px;
					float: right;
				}
			
			.page.imprint .adresse {
				float: right;
				width: 240px;
				margin-bottom: 45px;
			}
			.page.imprint .lauftext {
				float: left;
				width: 420px;
				margin-bottom: 20px;
				margin-right: 20px;
				
			}
		
			.page.imprint .impressum {
				float: right;
				width: 240px;
				padding-bottom: 20px;
			}
			
			.page.imprint .impressum .back {
				display: none;
			}
		
		
		.page.imprint .adresse a,
		.page.imprint .lauftext a,
		.page.imprint .impressum a {
			display: inline-block;
			padding: 0px 0px 1px 0px;
    		border-style: none none solid none;
    		border-color: #000000;
    		border-width: 1px;
    		margin-bottom: 2px;	
		}
			
			
	/* prevent float breaks in wide screens */
	@media only screen and (min-width: 970px) { 
		.page.imprint .lauftext { margin-right: 240px; }
	}
	@media only screen and (min-width: 1180px) {
		.page.imprint .lauftext { margin-right: 400px; }
	}
	@media only screen and (min-width: 1370px) {
		.page.imprint .lauftext { margin-right: 600px; }
	}
	
	
	
	/* tablet */
	@media only screen and (max-width: 1024px) {
		.page.imprint .content {
			/*
			margin-left: 25px;
			margin-right: 25px;
			*/
		}
	}
	/* mobile quer (smaller than ipad) */
	@media only screen and (max-width: 767px) and (orientation:landscape) {
		.page.imprint .content {
			/*
			margin-left: 35px;	
			margin-right: 35px;	
			*/
		}	
	}
	/* mobile hoch (smaller than ipad) */
	@media only screen and (max-width: 767px) and (orientation:portrait) {
		.page.imprint .content {
			/*
			margin-left: 20px;	
			margin-right: 20px;	
			*/
		}		
	}
	
	
	
	/* any mobile */
	@media only screen and (max-width: 767px) {
		
		.page.imprint .header .back {
			display: none;
		}
		.page.imprint .impressum .back {
			display: block;
		}
		
		
		.page.imprint .adresse, 
		.page.imprint .lauftext,
		.page.imprint .impressum {
			float: none;
			width: auto;
			margin-bottom: 30px;
		}
		.page.imprint .header {
			/* margin-top: 15px; */
			margin-bottom: 55px;
		}
	}