
body {
	font-family: "HelveticaNeueLT-Thin", Helvetica, Arial, sans-serif;
	color: #000;
}

h1,h2,h3,h4,h5,h6 {
	font-family: "HelveticaNeueLT-Thin";
	color: #000;
}

#navwrapper {
	transition: margin-top 0.5s;
	-o-transision: margin-top 0.5s;
	-ms-transision: margin-top 0.5s;
	-moz-transision: margin-top 0.5s;
	-webkit-transision: margin-top 0.5s;
	margin-top: 0px;
}
@media (min-width: 768px) {
	#navwrapper {
		background-color: #f8f8f8;
		height: 70px;
	}
	#navbar {
		display: inline-block;
		max-width: 1250px;
	}
	#navwrapper.nav-hidden {
		margin-top: -70px;
	}
}

.front .page-header, .front .col-sm-12 > .tabs--primary {
	display: none;
}
.front #navbar.front .container {
	top: 30px;
}
.front #navbar.front nav a, .front #navbar.front nav a:hover {
	font-size: 36px;
	transition: color 1s;
	-o-transision: color 1s;
	-ms-transision: color 1s;
	-moz-transision: color 1s;
	-webkit-transision: color 1s;
	margin-bottom:5px;
}
.front #navbar.front nav a:hover {
	color: #333 !important;
}
.front #navbar.front.white nav a, .front #navbar.front.white nav a:hover {
	color: #FFF !important;
}
.front #navbar.front.white nav a:hover {
	color: #DDD !important;
}
#navbar nav a {
	color: #000 !important;
	text-transform: uppercase;
	padding-top: 25px;
	padding-bottom: 25px;
	padding-left: 7px;
	padding-right: 7px;
    text-decoration: none;
    font-weight: bold;
    float: right;
    position: relative;
    visibility: hidden;


}
#navbar nav a.active {
	background: transparent;
	font-family: "HelveticaNeueLT-Thin";
}

#navbar nav a::after {
    position: absolute;
    right: 0;
    visibility: visible;
    content: attr(title);
    font-family: "HelveticaNeueLT-Thin";
	font-weight:normal;
/*     color: #333; */
}

#navbar nav a.active::after {
	
	font-family: "HelveticaNeueLT-Bold";
}



.logo {
	margin-top: 12px;
}

@media (max-width: 767px) {
	.logo {
		margin-top: 0;
		margin-bottom: 0;
	}
	.navbar-header {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.navbar-header > button {
		margin-right: 25px;
	}
	.navbar-nav .leaf a {
		text-align: left !important;
	}
}

.block {
	padding-top: 75px;
}
.block-heading .block-title {
	text-transform: uppercase;
	font-size: 36px;
}

.bg-slider-controls {
/* 	display: none; */
}
.bg-slider-arrow {
	font-size: 42px;
	display:none !important;
}

.bg-slider-control {
  display: inline-block;
  width: 24px !important;
  height: 24px;
  line-height: 24px;
  margin: 0 10px 0 0;
  cursor: pointer;
  border-radius: 50%;
  border: 0;
/*   background: none !important; */
  font-size:22px;
  background: url('/sites/all/themes/addedvalue/images/cross-invert.svg') center center no-repeat transparent;
  background-size: 1em;
/*   vertical-align:bottom; */
  
}


.bg-slider-control.active {
/* 	color:#fff ; */
/* 	background-color: #000 ; */
/* 	border:1px solid #000; */
	background: url('/sites/all/themes/addedvalue/images/cross-whitebg.svg') center center no-repeat transparent;
	background-size: 1em;
}

.block-block .glyphicon.glyphicon-plus-sign {
	background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 65%, rgba(255,255,255,0) 70%, rgba(255,255,255,0) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,1)), color-stop(65%,rgba(255,255,255,1)), color-stop(70%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0)));
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 65%,rgba(255,255,255,0) 70%,rgba(255,255,255,0) 100%);
	background: -o-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 65%,rgba(255,255,255,0) 70%,rgba(255,255,255,0) 100%);
	background: -ms-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 65%,rgba(255,255,255,0) 70%,rgba(255,255,255,0) 100%);
	background: radial-gradient(ellipse at center,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 65%,rgba(255,255,255,0) 70%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
	border-radius: 50%;
	height: 25px;
	line-height: 25px;
	vertical-align: top;
	color: #000 !important;
}


.icon-logo:before,
#filters .active .icon-logo:before,
#filters a:hover .icon-logo:before
{
	background: url('/sites/all/themes/addedvalue/images/circle.svg') center center no-repeat transparent;
	background-size: 0.9em;
	position:relative;
	top:2px;
}

#filters .icon-logo:before {
	background:none;
}

#home {
	padding: 0;
	transition: color 1s;
	-o-transision: color 1s;
	-ms-transision: color 1s;
	-moz-transision: color 1s;
	-webkit-transision: color 1s;
}
#home .block-title {
	display: none;
}
#home h1 {
	position: absolute;
	top: 50%;
	margin-top: -15px;
	width: 100%;
	text-align: center;
}
#home h1 > span {
	display: none;
}
#home h1 > span:first-child {
	display: block;
}
#home #continue-arrow {
	width: 100%;
	text-align: center;
	bottom: 30px;
	display:none;
}
#home #continue-arrow a {
	color: #BBB !important;
	text-decoration: none !important;
	font-size: 42px;
}
#home #continue-arrow a:hover {
	color: #FFF !important;
}

#contact p {
	text-transform: uppercase;
	margin-top: 30px;
	font-size: 24px;
	line-height: 24px;
}
#contact p a {
	color: inherit !important;
}
#contact p a.map {
	text-decoration: none !important;
}

#map {
	width: 100%;
	height: 100%;
	min-height: 500px;
}

html.js body.not-front.not-logged-in #navwrapper {
	display: none;
}
html.js body.not-front.not-logged-in .page-header {
	text-align: center;
	margin-top: 0;
}
html.js body.not-front.not-logged-in .row {
	padding: 20px;
}
html.js body.not-front.node-type-work .breadcrumb,
html.js body.not-front.page-client-works .breadcrumb {
	display: none;
}
html.js body.not-front.node-type-work #block-system-main,
html.js body.not-front.page-client-works #block-system-main {
	height: 100vh;
	padding: 0;
}
html.js body.not-front.node-type-work #block-system-main #work-entry,
html.js body.not-front.page-client-works #block-system-main #work-entry {
	height: 100vh;
}
html.js body.not-front.node-type-work #block-system-main .slides li,
html.js body.not-front.page-client-works #block-system-main .slides li {
	height: 100vh;
}
html.js body.not-front.node-type-work #block-system-main .slides img,
html.js body.not-front.page-client-works #block-system-main .slides img {
	height: 100%;
	width: 100%;
	object-fit: contain;
}
html.js body.not-front.page-client-works .main-container > .row {
	padding: 0;
}
html.js body.not-front.page-client-works .page-header {
	display: none;
}

body.page-node-6 .main-container,
body.page-node-6 .field-name-body,
body.page-node-6 .field-items,
body.page-node-6 .field-item,
body.page-node-6 .row {
	height: 100%;
}
body.page-node-6 .col-sm-12 {
	height: 100%;
	position:relative;
}
body.page-node-6 article#node-6 {
	position: absolute;
	top: 50px; right: 0; bottom: 0; left: 0;
}
/*
body.front .fancybox-wrap {
	height: 90% !important;
	width: 90% !important;
	left: 5% !important;
	top: 5% !important;
}
*/
body.front .fancybox-outer, .fancybox-inner {
	height: 100% !important;
	width: 100% !important;
}
body.front .fancybox-skin {
	height: 100% !important;
	padding: 0 !important;
	padding-bottom: 0 !important;
	border-radius: 0;
	background: #FFFFFF;
}
html.js body.not-front.logged-in #admin-menu {
	display: none;
}

.block > .parallaxwrapper > div {
	min-height: 100vh;
}

.block .parallax {
	background-color: #fff !important;
}

#addedvalue .parallaxwrapper {
	padding-left: 5%;
	padding-right: 5%;
}

@media (min-width: 768px) {
	#addedvalue .parallaxwrapper {
		padding-left: 15%;
		padding-right: 15%;
	}
}

#work {
}

#work #filters {
	width: 100%;
	text-align: center;
	margin-bottom: 40px;
}
#work #filters > li {
	float: none;
	display: inline-block;
	width: 100px;
	
} 

#work #filters > li a span.icon-logo {
	opacity: 0.5;
}

#work #filters > li.active a span.icon-logo,
#work #filters > li:hover a span.icon-logo{
	opacity: 1;
} 

#work #filters > li.active .glyphicon:before,
#work #filters > li:hover .glyphicon:before {
	background: url('/sites/all/themes/addedvalue/images/circle.svg') center center no-repeat transparent;
}


#work #filters > li > a {
	padding: 0;
	color: #000 !important;
	background: transparent !important;
	text-transform: uppercase;
	display: block;
	text-align: center;
	font-size: 16px;
	width: 100%;
}

#work #filters > li > a .icon-logo{
	display: block;
	width: 100%;
	text-align: center;
	font-size: 5em;
	margin: 0;
	margin-bottom: 15px;
}

#work-container {
/* 	display: inline-block; */
	width: 920px !important;
/* 	height: auto !important; */
	display:block;
	margin: 0 auto;
}


#work-container:after { 
	clear:both;
}

#work-container .work {
	height: 230px;
	overflow: hidden;
	border-radius: 0;
	background: transparent;
	width: 230px;
/* 	display:inline-block; */
/* 	float:left; */
	background-color:#fff;
}
#work-container .work .work-wrapper {
	height: 230px;
	z-index: 1;
}
#work-container .work .caption,
div.caption {
	position: relative;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background-color: #F35;
/* 	padding: 0; */
	height: 230px;
	z-index: 2;
	-webkit-transform: translate3d(0px, 0px, 0px);
	   -moz-transform: translate3d(0px, 0px, 0px);
	    -ms-transform: translate3d(0px, 0px, 0px);
	     -o-transform: translate3d(0px, 0px, 0px);
	        transform: translate3d(0px, 0px, 0px);
	-webkit-transition: -webkit-transform 0.3s, transform 0.3s;
	   -moz-transition: -moz-transform 0.3s, transform 0.3s;
	    -ms-transition: -ms-transform 0.3s, transform 0.3s;
	     -o-transition: -o-transform 0.3s, transform 0.3s;
	        transition: -webkit-transform 0.3s, -moz-transform 0.3s, -ms-transform 0.3s, -o-transform 0.3s, transform 0.3s;
	text-align:center;
		width:100%;
		display: table-cell;
		vertical-align: middle;
	width: 230px;

}
#work-container .work.selection .caption {
	/* background-color: #F35 !important; */
	background-color: #000 !important;
	
}
#work-container .work.clients .caption{
	background: #7CE !important;
}
#work-container .work:hover .caption {
	height: 230px;
	z-index: 2;
	-webkit-transform: translate3d(0px, -230px, 0px);
	   -moz-transform: translate3d(0px, -230px, 0px);
	    -ms-transform: translate3d(0px, -230px, 0px);
	     -o-transform: translate3d(0px, -230px, 0px);
	        transform: translate3d(0px, -230px, 0px);
		-webkit-border-radius: 50%;
	border-radius: 50%;
	display: table-cell;
	vertical-align: middle;
	margin-top: 15px;
}


.work .img {
	width: 100%;
}

#work-container .work {
/* 	position: static !important; */
	margin: 0;
	border: 0;
	padding: 0;
}


#work-container .work a,
#work-container .work a:hover {
	text-decoration: none !important;
	display:inline-block;
}

#work-search {
	position: absolute;
	top: 150px;
	right: 50px;
}
#work-search input {
	border: 0;
	width: 200px;
	padding: 6px 20px 6px 15px;
	font-size: 16px;
	line-height: 18px;
	
}

#work-search:after {
	position: absolute;
	right: -14px;
	bottom: -14px;
	display:block;
	width:30px;
	height: 30px;
	background: url("/sites/all/themes/addedvalue/images/lupe.svg") no-repeat center center transparent;
	z-index:9999;
	content: " ";
}



.pagefilters > li > a:hover {
	background: transparent; /* weißen Hover der Nav-Pills entfernen */
}

#work-pagination li:hover > a > span {
	font-size: 19px;
}

#work-pagination li.active > a > span {
	background-color: #000;
	border-radius: 15px;
}

/*#paging-arrows  {
	height: 100px;
	width: 50px;
}*/

#work-clients {
	text-align: center;
	margin-top: 50px;
}
#work-clients .views-row, #work-clients .views-field {
	display: inline;
}
#work-clients span.field-content {
	text-transform: uppercase;
	font-size: 48px;
	line-height: 72px;
	font-weight: bold;
	color: #000 !important;
	text-decoration: none !important;
	margin-left: 10px;
}
#work-clients span.field-content a {
	color: #000 !important;
}
#work-clients span.field-content a:hover {
	color: #555 !important;
	text-decoration: none !important;
}
#work-clients .views-row:nth-child(2n) span.field-content {
	color: #428bca !important;
}
#work-clients .views-row:nth-child(2n) span.field-content a {
	color: #428bca !important;
}
#work-clients .views-row:nth-child(2n) span.field-content a:hover {
	color: #62abea !important;
}

#work .work.logos .caption {
	display: none;
}

@media (max-width: 767px) {
	#work-search {
		display: none;
	}
	#work-container {
		width: 690px !important;
	}
}

@media (max-width: 700px) {
	#work-container {
		width: 460px !important;
	}
}

@media (max-width: 470px) {
	#work-container {
		width: 230px !important;
	}
}


/* Anpassung r.dittrich 01.10.15 Anfang */

@media (max-width: 413px) {
	.block-heading h2 {
		line-height: 38px;
	}
	
	h1 {
		font-size: 33px;
	}
}

@media (max-width: 767px) {
	a.logo.navbar-btn {
		margin-left: 15px;
	}
}

#addedvalue span.block-heading {
	display: none;
}

b, strong {
    font-family: "HelveticaNeueLT-Bold";
	font-weight:normal;
}

#navbar li.first a.active {
	font-family: "HelveticaNeueLT-Thin" !important;
	font-weight:normal;
	visibility:visible;
}
#navbar li.first a.active::after {
	display:none;
}

.glyphicon {
	top:7px;
}


.flexslider {
	-webkit-border-radius: 0 0 0 0;
	border-radius: 0 0 0 0;
	-webkit-box-shadow: 0 0 0 0 #000;
	box-shadow: 0 0 0 0 #000;
	border: 0 !important;
	margin: 0 !important;
}

.page-client-works .caption-wrapper,
.node-type-work .caption-wrapper {
	width:230px;
	height: 230px;
	position:absolute;
	bottom: 50px;
	right: 50px;
}

div.caption {
	font-size:16px;
	padding: 10px;
	/* color: #000; */
	color: #fff;
	line-height: 18px;
	text-transform: none;
	display: table-cell;
	vertical-align: middle;
	background-color: black !important;
}

div.caption h4 {
	font-size: 20px;
	line-height: 24px;
	padding: 0 !important;
	margin: 0 0 10px 0 !important;
	font-size: 24px;
	text-transform: uppercase;
	color: #fff;
}

div.caption p {
	padding: 0;
	margin: 0;
	color: #000;
	font-size: 16px;
	
}


.fancybox-close {
	top: 20px;
	right: 20px;
	width: 36px;
	height: 36px;
	background: url('/sites/all/themes/addedvalue/images/cross-whitebg.svg') center center no-repeat transparent;
	background-size: 36px;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.flex-direction-nav a::before {
    font-size: 32px;
}


@media(max-width:767px){
	#work-entry .caption-wrapper {
		width: 130px;
		height: 130px;
		font-size: 5px;
		line-height: 6px;
		right:10px;
		bottom: 10px;
	}
	
	#work-entry .caption {
	    height:130px;
		width:130px;
	}
	
	#work-entry .caption h4{
		font-size: 12px;
		line-height: 14px;
	}
	#work-entry .caption p{
		font-size: 8px;
		line-height: 10px;
	}
	
	#navbar li a{
		display:block;
		float:none;
		text-align:center;
		visibility:visible;
		
	}
		#navbar li a:after{
		display:none;
/* 		float:none; */
/* 		text-align:center; */
		
	}
}

body.front .fancybox-wrap {
    	max-height: 658px;
	max-width: 1170px;
	height: 90% !important;
	width: 90% !important;
	/*left: 5% !important;*/
	/*top: 5% !important; */
}


/* 			IE ANPASSUNGEN  */

.ie #navbar nav a {
	font-family: "HelveticaNeueLT-Thin" !important;
	font-weight:normal;
	visibility: visible !important;
}

.ie #navbar nav a::after {
	display:none !important;
}

.ie #navbar.front nav a {
	float: none;
}

.ie #navbar nav li.active a {
	font-family: "HelveticaNeueLT-Bold" !important;
}

.ie #navbar.front nav li.active a {
	font-family: "HelveticaNeueLT-Thin" !important;
}

#addedvalue.block {
min-height: 0;
}

li.gen {
	display: none !important;
}

span.block-heading-addedvalue {
/*	font-family: "HelveticaNeueLT-Bold"; */
	text-transform: uppercase;
	font-size: 36px;
}

div#work-clients span.field-content {
	font-size: 32px;
	line-height: 48px;
}

#work #filters > li.immobilier > a > span.icon-logo {
    color: #ff00ff !important;
}
