@font-face {
	font-family: 'FuturaStd-Light';
	src: url('../fonts/FuturaStd-Light.eot?#iefix') format('embedded-opentype'),  url('../fonts/FuturaStd-Light.otf')  format('opentype'), url('../fonts/FuturaStd-Light.woff') format('woff'), url('../fonts/FuturaStd-Light.ttf')  format('truetype'), url('../fonts/FuturaStd-Light.svg#FuturaStd-Light') format('svg');
	font-weight: normal;
	font-style: normal;
}




body, div, span, a, p, ul, li, h1, h2, h3, h4, h5 { font-family: 'FuturaStd-Light', Arial, sans-serif; position:relative; }
.inner { width:1200px; margin:0 auto; }

.circle { width:200px; height:200px; border-radius:100px; -moz-border-radius:100px; -webkit-border-radius:100px; border:1px solid #97bf0d; }
.centered { margin:0 auto; display:block; }

h1 { line-height:40px; position:relative; display:block; font-size:35px; text-transform:uppercase; text-align:center; margin-bottom:20px; font-weight:300; letter-spacing:0.1em; }
h2 { line-height:40px; position:relative; display:block; font-size:35px; text-transform:uppercase; text-align:center; margin-bottom:20px; font-weight:300; letter-spacing:0.1em; }
p { text-align:center; font-size:16px; color:#404040; line-height:1.5em; width:50%; margin:0 auto; letter-spacing:0.05em; }
li { text-align:left; font-size:16px; color:#404040; line-height:1.5em; letter-spacing:0.05em; }


header { position:fixed; background:#fff; width:100%; padding:15px 0px; top:0; left:0; z-index:9; box-shadow:0px 5px 11px 0px rgba(50,50,50,0.08); -moz-box-shadow:0px 5px 11px 0px rgba(50,50,50,0.08); -webkit-box-shadow:0px 5px 11px 0px rgba(50,50,50,0.08); transition:all .3s ease; }
	header .brand { width:300px; float:left; transition:all .3s ease; }
	header .brand svg { display:block; width:100%; height:auto; }
	header .brand svg #texte_only { opacity:0; transition:all .3s ease; }
	header .main-nav { margin-left:300px; position:absolute; bottom:30px; right:0; transition:all .3s ease; }
	header .main-nav ul { float:right; display:block; }
		header .main-nav ul li { display:inline-block; margin-left:45px; }
		header .main-nav ul li:first-child { margin-left:0px; }
			header .main-nav ul li a { text-transform:uppercase; text-decoration:none; font-size:14px; color:#919191; letter-spacing:0.15em; transition:all .3s ease; }
			header .main-nav ul li a:hover { color:#444; transition:all .3s ease; }
			header .main-nav ul li a.active { color:#97bf0d; }


header.scrolled { transition:all .3s ease; }
	header.scrolled .main-nav { margin-left:160px; bottom:25px; transition:all .3s ease; }
	header.scrolled .brand { width:160px; transition:all .3s ease; }
		header.scrolled .brand svg { margin-top:-7px; transition:all .3s ease; }
			header.scrolled .brand svg #figur, header.scrolled .brand svg #texte { opacity:0; transition:all .3s ease; }
			header.scrolled .brand svg #texte_only { opacity:1; transition:all .3s ease; }


section { padding:70px 0; background:#fff; position:relative; z-index:5; }
section:after { content:''; width:50px; height:33px; background:url(../images/pfeilchen.png) no-repeat center center; margin:0 auto; display:block; margin:70px auto 0 auto; }
.karte:after { content:''; width:50px; height:33px; background:url(../images/pfeilchen.png) no-repeat center center; margin:0 auto; display:block; margin:70px auto 0 auto; }
section.green { background:#e9f0d1; }


section.welcome { padding:0; }
section.welcome:after, section.kontakt:after { display:none; }


#gmap { height:450px; }

.cols { width:100%; margin:0 auto; }
.cols .col.alpha { padding-right:50px; box-sizing:border-box; }
.cols .col.omega { padding-left:50px; box-sizing:border-box; }
.col p { text-align:left; width:100%; }
.col ul { text-align:left; width:100%; margin:0 auto; }
.col ul li { margin-left:20px; position:relative; }
.col ul li:before { width:8px; height:8px; background:#fff; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; border:1px solid #97bf0d; content:""; left:-20px; top:6px; display:block; position:absolute; }

a.link-green { text-decoration:none; color:#97bf0d; }

.new-block { display:flex; flex-direction:row; flex-wrap: wrap; }
.new-block::after { content:""; display:table; clear:both; }
.new-block > div { float:none !important; margin-bottom:100px ;}


#team .cols { width:80%; margin:0 auto; }
#team img { width:200px; height:200px; }
#team .cols p { width:90%; margin:0 auto; }
#team .col-md-4 { text-align:center; }
#team .cols > .c { height:60px; }
h4 { font-size:18px; font-weight:600; color:#404040; margin:20px 0 10px 0; letter-spacing:0.1em; }
h5 { font-size:18px; font-weight:600; color:#404040; margin:20px 0 10px 0; letter-spacing:0.1em; text-align:center; }
h3 { font-size:20px; font-weight:600; color:#404040; margin:20px 0 10px 0; letter-spacing:0.1em; text-align:center; }
p strong { font-family: 'FuturaStd-Light', Arial, sans-serif; font-size:18px; font-weight:600; color:#404040; margin:20px 0 10px 0; letter-spacing:0.1em; text-align:center; }

#datenschutz h1 { line-height:40px; position:relative; display:block; font-size:35px; text-transform:uppercase; text-align:center; margin-bottom:0px; font-weight:300; letter-spacing:0.1em; }
#datenschutz h2 { line-height:30px; position:relative; display:block; font-size:22px; text-transform:uppercase; text-align:center; margin-bottom:20px; margin-top:30px; font-weight:300; letter-spacing:0.1em; }
#datenschutz h3 { line-height:30px; position:relative; display:block; font-size:20px; text-transform:none; text-align:center; margin-bottom:0px; font-weight:400; letter-spacing:0.1em; color:#000; }
#datenschutz p strong { line-height:30px; position:relative; display:block; font-size:18px; text-transform:none; text-align:center; margin-bottom:0px; font-weight:400; letter-spacing:0.1em; color:#000; }
#datenschutz p a { color:inherit; font:inherit; }
#datenschutz ul { text-align:center; margin:30px 0; }
#datenschutz ul li { text-align:center; }

footer { position:fixed; bottom:0; background:#fff; width:100%; z-index:6; padding:5px 0; box-shadow:0px -2px 2px 0px rgba(0,0,0,.1); }
footer ul { display:table; margin:0 auto; }
footer ul li { display:inline; position:relative; }
footer ul li:after { content:"|"; display:block; color:#919191; font-size:11px; font-weight:300; line-height:1px; position:absolute; top:10px; right:0px }
footer ul li:last-child:after { display:none; }
footer ul li a { text-decoration:none; color:#919191; text-transform:uppercase; font-size:12px; letter-spacing:0.1em; display:inline-block; padding:0px 20px; position:relative; }
footer ul li a:hover { color:#97bf0d; }

.menu-xs { display:none; }

.overlay-content { position:fixed; top:0; left:0; right:0; bottom:0; display:none; z-index:10; }
.overlay-content .overlay { position:absolute; top:0; left:0; bottom:0; right:0; background:#000; opacity:0.6; -moz-opacity:.6; -webkit-opacity:0.6; z-index:10; }
.overlay-content .o-content { position:absolute; background:#fff; height:600px; top:0; left:0; right:0;overflow:hidden; z-index:11; }

.offset-2 { margin-left:16.6666%; }


.moving-pop { position:absolute; z-index:8; top:0; left:0; bottom:0; right:0; width:100%; height:100%; }
.moving-pop .moving-pop-shadow { position:absolute; top:0; left:0; bottom:0; right:0; width:100%; height:100%; background:rgba(0,0,0,.05); }
.moving-pop .moving-pop-outer { position:absolute; display:table; width:100%; height:100%; vertical-align:middle; text-align:center; }
.moving-pop .moving-pop-outer .moving-pop-inner { display:table-cell; width:100%; height:100%; vertical-align:bottom; text-align:center; box-sizing:border-box; padding-bottom:60px; }
.moving-pop .moving-pop-outer .moving-pop-inner .moving-pop-content { display:inline-block; padding:40px 100px; background:#fff; }
.moving-pop h1 { }
.moving-pop h2 { font-size:24px; }
.moving-pop p { width:100%; }
.moving-pop a.moving-pop-close { position:absolute; top:-20px; right:0px; font-family: 'FuturaStd-Light', Arial, sans-serif; color:#fff; font-size:30px; display:none; }


@media screen and (max-width:1280px){
	.inner { width:100%; padding:0 20px; box-sizing:border-box; }
	header .main-nav { margin-left:200px; right:30px; }
	.cols { width:90%; }
}


@media screen and (max-width:1180px){
	header .brand { width:250px; }
	header .main-nav { bottom:26px; }
	header .main-nav ul li { margin-left:25px; }
	#team .cols { width:95%; margin:0 auto; }
	.moving-pop .moving-pop-outer .moving-pop-inner { padding-bottom:50px; }
}

@media screen and (max-width:1111px){
	.moving-pop .moving-pop-outer .moving-pop-inner { padding-bottom:0px; transform:scale(0.8); }
}


@media screen and (max-width:1023px){
	.moving-pop .moving-pop-outer .moving-pop-inner { padding-bottom:10px; transform:scale(0.8); transform-origin:bottom; }
	.moving-pop h1 { font-size:28px; }
	.moving-pop h2 { font-size:20px; }
	.moving-pop h3 { font-size:16px; }

	#team .cols { width:90%; margin:0 auto; }
	#team .c { display:none; }
	#team .c2 { display:block; clear:both; height:60px; }
	#team .col-md-4 { width:50%; }
	#team .col-md-2 { display:none; }
	.offset-2 { margin-left:0%; }
	#leistungsspektrum .cols .col { padding:0px !important; box-sizing:border-box; width:100%; float:none; }
	#leistungsspektrum .cols .col.alpha { margin-bottom:30px; }

	.col p { text-align:center; width:100%; }
	.col ul { text-align:center; width:100%; margin:0 auto; display:block; }
	.col ul li { margin-left:20px; position:relative; display:inline; text-align:center; width:auto; margin:0 auto; }
	.col ul li:after { content:""; display:block; height:10px;}
	.col ul li:before { width:8px; height:8px; background:#fff; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; border:1px solid #97bf0d; content:""; left:-20px; top:6px; display:block; position:absolute; }


	.menu-xs { display:block; position:absolute; right:20px; bottom:18px; z-index:2; }
	header .main-nav, header.scrolled .main-nav { display:none; position:static; clear:both; margin:0; margin-top:0px; }
	header .main-nav ul { display:block; position:relative; clear:both; float:none; padding-top:20px; }
	header .main-nav ul li { display:block; position:relative; clear:both; float:none; margin:0 !important; }


	.navbar-toggle { border-radius:3px; width:42px; background:#e9f0d1; padding:5px; border:0; cursor:pointer; }
	.navbar-toggle .icon-bar { height:2px; background:#97bf0d; display:block; width:100%; margin-bottom:5px; }
	#philosophie p, #kontakt p { width:80% }
}



@media screen and (max-width:767px){
	h2 { line-height:40px; position:relative; display:block; font-size:28px; text-transform:uppercase; text-align:center; margin-bottom:20px; font-weight:300; letter-spacing:0.0em; }
	#team .cols { width:80%; margin:0 auto; }
	#team .cols > .c { display:block; height:1px; }
	#team .c2 { display:none; }
	#team .col-md-4 { width:100%; margin-bottom:60px; }
	#philosophie p, #kontakt p { width:90% }
	#datenschutz p { width:90%; }
	.moving-pop { position:static; z-index:8; top:auto; left:auto; bottom:auto; right:auto; width:100%; height:auto; }
	.moving-pop .moving-pop-shadow { display:none; }
	.moving-pop .moving-pop-outer { position:static; display:block; width:100%; height:auto; vertical-align:middle; text-align:center; }
	.moving-pop .moving-pop-outer .moving-pop-inner { display:block; height:auto; vertical-align:top; }
	.moving-pop .moving-pop-outer .moving-pop-inner { transform:scale(1); }
	.moving-pop .moving-pop-outer .moving-pop-inner .moving-pop-content { padding:20px 0px; }
	.moving-pop .moving-pop-outer .moving-pop-inner .moving-pop-content { display:block; text-align:center; }
}


@media screen and (max-width:640px){
	header { }
	header .brand { width:auto; height:60px;}
	footer ul li a { text-decoration:none; color:#919191; text-transform:uppercase; font-size:12px; letter-spacing:0em; display:inline-block; padding:0px 20px; position:relative; }
	header .brand { width:140px; }
	.onlinetermine img { width:200px !important; margin-top:20px; }
}