/*
#------------------------------------------------------------------------
# Creativity - May Joomla! template (for Joomla 2.5)
#
# Copyright (C) 2007-2013 Gavick.com. All Rights Reserved.
# License: Copyrighted Commercial Software
# Website: http://www.gavick.com
# Support: support@gavick.com 
*/

/* Here you can include your override CSS styles */
hr {
    background: -webkit-gradient(linear, to left, transparent, rgba(0, 0, 0, 0.3), transparent);
    background: -moz-linear-gradient(to left, transparent, rgba(0, 0, 0, 0.3), transparent);
    background: -ms-linear-gradient(to left, transparent, rgba(0, 0, 0, 0.3), transparent);
    background: -o-linear-gradient(to left, transparent, rgba(0, 0, 0, 0.3), transparent);
    background: linear-gradient(to left, transparent, rgba(0, 0, 0, 0.3), transparent);
    border: 0;
    height: 1px;
	margin: 36px 0;
}

.custom_teaser > div {
	box-sizing: border-box;
	max-width: 50%;
	position: relative;
}
.custom_teaser > div:first-of-type {
	border-right: 10px solid transparent;
	 float: left;
}
.custom_teaser > div:last-of-type {
	border-left: 10px solid transparent;
	border-right: 0 none;
	float: right;
	cursor: pointer;
}
.custom_teaser img {
	width: 100%;
	height: auto;
	display: block;
}
.custom_teaser > div .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(0,0,0,0.5);
}

.custom_teaser > div:hover .overlay {
  opacity: 1;
}

.custom_teaser > div .text,
.custom_teaser > div .text i {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
  width: 100%;
}
.custom_teaser > div .text i:before {
	font-family: FontAwesome;
	content: "\f08e";
	border: 2px solid #fff;
	border-radius: 50%;
	width: 52px;
	height: 52px;
	display: block;
	font-size: 22px;
	line-height: 50px;
	box-sizing: border-box;
	margin: 0 auto;
/*	text-indent: -7px;*/
}
@media only screen and (max-width: 580px) {
	.custom_teaser div {
		max-width: 100%;
		float: none !important;
		border-right: 0 none !important;
		border-left: 0 none !important; 
		border-bottom: 10px solid transparent;
	}
}

/*BOF SLIDER ANPASSUNGEN ***GOH*/
.gk-intro + #gkContentWrapper {
	clear: both;
}
.gk-intro .gkIsWrapperFixed {
	height: 100%;
	margin: 0;
	overflow: hidden;
	position: relative !important;
	float: left;
	box-sizing: border-box;
	width: 33.3%;
}
#gkIs-gk-is-1,
#gkIs-gk-is-2 {
	border-right: 3px solid transparent;
}
#gkIs-gk-is-3 {
	border-left: 3px solid transparent;
}
.gkIsWrapper-gk_creativity .figcaption > div {
	top: 35% !important;
    padding: 25px 0;
}
.gkIsWrapper-gk_creativity .figcaption h1 {
    font-size: 1.75em !important;
	font-weight: 500 !important;
	margin: 0 auto 0 !important;
    color: #fff !important;
	letter-spacing: 0.25em;
	line-height:1.25em !important;
}

/*.gkIsWrapper-gk_creativity .figcaption h1.loaded[data-anim~="scale"] {
    color: rgba(50, 50, 50, .9);
	text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;
}*/

.gkIsWrapper-gk_creativity .figcaption h1 {
    color: rgba(255, 255, 255, 0) !important;
    height: 69px;
}
#gkIs-gk-is-1 h1 {
    background: url("../images/logo_visioshop.png") no-repeat scroll center center rgba(0, 0, 0, 0);
}
#gkIs-gk-is-2 h1 {
    background: url("/images/logo_visioimmo.png") no-repeat scroll center center rgba(0, 0, 0, 0);
}
#gkIs-gk-is-3 h1 {
    background: url("/images/logo_immoFEEDBACK.svg") no-repeat scroll center center rgba(0, 0, 0, 0);
	background-size: contain;
}
.gkIsWrapper-gk_creativity .figcaption span {
	display: block;
	font-size: initial;
	text-transform: none;
	font-weight: normal;
	margin: 0 auto;
	padding: 1rem;
}

.gkIsWrapper-gk_creativity .figcaption h2 {
    font-family: "Open Sans",Arial,sans-serif !important;
	max-width: 480px;
}
@media (max-width: 1200px) {
/*@media (max-width: 800px) {*/
	.gk-intro .gkIsWrapperFixed {
		height: 50%;
		/* float: none; */
		width: 100%;
	}
	#gkIs-gk-is-1,
	#gkIs-gk-is-2 {
		border-right: 0 none;
		border-bottom: 3px solid transparent;
		display: block !important;
	}
	#gkIs-gk-is-3 {
		border-left: 0 none;
		border-top: 3px solid transparent;
		display: block !important;
	}
	.gk-intro .gkIsWrapper-gk_creativity .figcaption > div {
		top: 10% !important;
	}
	.gkIsWrapper-gk_creativity .gkIsPrevTextLayer,
	.gkIsWrapper-gk_creativity .gkIsNextTextLayer {
		top: 0 !important;
	}
/*	.gkIsWrapper-gk_creativity .figcaption span {
		display: none;
	}*/
}
@media (max-width: 800px) and (orientation:portrait) {
	.gk-intro .gkIsWrapper-gk_creativity .figcaption > div {
		top: 20% !important;
	}
	.gkIsWrapper-gk_creativity .figcaption span {
		display: block;
	}
}
@media (max-width: 600px) and (orientation:portrait) {
	.gkIsWrapper-gk_creativity .figcaption span {
		display: none;
	}
}
@media (max-height: 800px) and (orientation:landscape) {
/* 	.gk-intro .gkIsWrapper-gk_creativity .figcaption > div {
		top: 30% !important;
	} */
	.gkIsWrapper-gk_creativity .figcaption h2 {
		margin-top: 32px !important;
		font-size: 28px !important;
	}
}
@media (max-height: 600px) and (orientation:landscape) {
	.gk-intro .gkIsWrapper-gk_creativity .figcaption > div {
		top: 10% !important;
	}
	.gkIsWrapper-gk_creativity .figcaption span,
	.gkIsWrapper-gk_creativity .figcaption .gkLearnMore {
		display: none;
	}
	.gkIsWrapper-gk_creativity .figcaption h2 {
		margin-top: 16px;
		font-size: 18px !important;
	}
}
/*@media (max-height: 600px) {
	.gkIsWrapper-gk_creativity .figcaption > div {
		top: 15% !important;
	}
}*/
/*EOF SLIDER ANPASSUNGEN ***GOH*/

ul.sigProClassic li.sigProThumb a.sigProLink img.sigProImg, ul.sigProClassic li.sigProThumb a.sigProLink:hover img.sigProImg {
    max-height: 80px;
    max-width: 100px;
}

div.sigProGalleriaWhiteContainer {
    background: none !important;
    clear: both;
    margin: 0 !important;
    padding: 0 !important;
}

/*article.itemView .itemIntroText {
	padding: 50px 0 0;
}*/

.itemBody {
    -moz-hyphens: auto;
    word-wrap: break-word;
	text-align:justify;
}

.itemIntroText .leistungenwrap {
    clear: both;
    content: "";
    display: table;
}

.leistungen {
    float: left;
    width: 32%;
	text-align: center;
    font-size: 1.5em;
    letter-spacing: 0.075em;
    line-height: 1.8em;
}

.leistungen.mitte {
    margin: 0 2%;
}

.leistungen img {
	cursor: cell;
    filter: grayscale(1) opacity(0.5);
	-webkit-transition: all .5s linear 0s;
	-moz-transition: all .5s linear 0s;
	-ms-transition: all .5s linear 0s;
	-o-transition: all .5s linear 0s;
	transition: all .5s linear 0s;
}

.leistungen.hover img {
    filter: grayscale(0) opacity(1);
}

.leistungen h2 {
    font-size: .75em;
    font-weight: initial;
    letter-spacing: 0.15em;
    padding-top: 20px;
    text-transform: uppercase;
}

.leistungen h3 {
    font-size: .75em;
	font-weight: 300;
}

.leistungen a, .itemIntroText a {
	color: #e4013a;
	text-decoration: none !important;
}

.leistungen ul {
	max-height: 0;
/*	-webkit-transform: scaleY(0);
	-o-transform: scaleY(0);
	-ms-transform: scaleY(0);
	transform: scaleY(0);

	-webkit-transform-origin: top;
	-o-transform-origin: top;
	-ms-transform-origin: top;
	transform-origin: top;*/
	overflow: hidden;
	opacity: 0;
	-webkit-transition: opacity .5s ease-out 0s, max-height .5s ease-out 1s;
	-o-transition: opacity .5s ease-out 0s, max-height .5s ease-out 1s;
	-ms-transition: opacity .5s ease-out 0s, max-height .5s ease-out 1s;
	transition: opacity .5s ease-out 0s, max-height .5s ease-out 1s;
}

.leistungen.hover ul {
	max-height: 500px;
	opacity: 1;
	-webkit-transition: opacity .5s ease-in .25s, max-height .5s ease-in 0s;
	-o-transition: opacity .5s ease-in .25s, max-height .5s ease-in 0s;
	-ms-transition: opacity .5s ease-out .25s, max-height .5s ease-in 0s;
	transition: opacity .5s ease-in .25s, max-height .5s ease-in 0s;
/*	-webkit-transform: scaleY(1);
	-o-transform: scaleY(1);
	-ms-transform: scaleY(1);
	transform: scaleY(1);*/
}

.leistungen li::before {
	content: normal !important;
}

.leistungen li {
	padding: 0 0 0.25em !important;
}

div.sigProGalleriaWhitePlaceholderContainer, p.sigProGalleriaWhiteTargetTitle {
    background-color: transparent !important;
}

.gkContactForm {
    float: left;
    width: 60%;
}

.gkContactForm + div {
    float: right;
	padding: 60px 0 0 0;
}

.gkContactForm + div h3 {
    color: #686868;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
}
.gkContactForm + div address {
	color: #999;
	font-style: normal;
	font-weight: 300;
	line-height: 36px;
}
.gkContactForm + div address p {
	margin: 0;
}