/* @group fullsize bg-image */

/* fullsize background image START*/
body {
  /* Location of the image */
  background-image: url(../img/zab-bg-desktop.jpg);
  /* Image is centered vertically and horizontally at all times */
  background-position: center center;
  /* Image doesn't repeat */
  background-repeat: no-repeat;
  /* Makes the image fixed in the viewport so that it doesn't move when 
     the content height is greater than the image height */
  background-attachment: fixed;
  /* This is what makes the background image rescale based on its container's size */
  background-size: cover;
  /* Pick a solid background color that will be displayed while the background image is loading */
  background-color:#ffffff;
  /* SHORTHAND CSS NOTATION
   * background: url(background-photo.jpg) center center cover no-repeat fixed;
   */
}
/* For mobile devices */
@media only screen and (max-width : 510px ){
  body {
    /* The file size of this background image is 93% smaller
     * to improve page load speed on mobile internet connections */
    background-image: url(../img/zab-bg-desktop-s.jpg);
  }
}
/* fullsize background image END*/

/* @end */



/* @group general */

html {
	height: 100%;
}
body {
	font-family: 'Rubik', sans-serif;
	font-weight: 300;
	-moz-osx-font-smoothing: grayscale;
	color: #000;
	font-size: 17px;
	line-height: 24px;
}

p { 
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 
}


/*
h1, h2 {
	font-family: 'Rubik', sans-serif;
	font-weight: normal;
	font-size: 20px;
	line-height: 20px;
	font-weight: 500;
	text-transform: uppercase;
}
h1 {
	margin: 0;
	padding: 0px;
	color: #49a4dc;
}
h2 {
	margin: 0;
	padding-top:6px;
	padding-bottom: 20px;
	color: #8d712b;
}*/

#zab-gradient {
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: -1;
	bottom: 0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,0070ad+100&0+0,0.5+36,0.8+70 */
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(163,204,225,0.5) 36%, rgba(76,155,197,0.8) 70%, rgba(0,112,173,0.8) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(163,204,225,0.5) 36%,rgba(76,155,197,0.8) 70%,rgba(0,112,173,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(163,204,225,0.5) 36%,rgba(76,155,197,0.8) 70%,rgba(0,112,173,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#cc0070ad',GradientType=0 ); /* IE6-9 */
}

p.zab-head-blue, p.zab-head-brown {
	font-family: 'Rubik', sans-serif;
	font-weight: normal;
	font-size: 20px;
	line-height: 20px;
	font-weight: 500;
	text-transform: uppercase;
}

p.zab-head-blue {
	color: #49a4dc;
	padding-bottom:5px
}
p.zab-head-brown {
	color: #8d712b;
	padding-bottom:20px
}


.zab-intro {
	color: #278ece;
	font-weight: 400;
}
a.zab-mehr {
	text-decoration: none;
	color: #8d712b;
	border-bottom: 1px dotted #8d712b;
	line-height: 40px;
}
a.zab-mehr:hover {
	color: #278ece;
	border-bottom: 1px solid #278ece;
}

a.zab-link {
	text-decoration: none;
	color: #49a4dc;
}
a.zab-link:hover {
	color: #278ece;
	border-bottom: 1px dotted #278ece;
}

a.zab-footer {
	text-decoration: none;
	font-size: 10px;
	color: #fff;
	margin-left: 20px;
	font-weight: 400;
	text-transform: uppercase;
}
a.zab-footer:hover {
	color: #fff;
	border-bottom: 1px dotted #fff;
}
p.zab-caption {
	font-size: 12px;
	line-height:18px;
}

span.zab-caption-nr {
	font-size: 11px;
	padding-left:0px;
	padding-right: 6px;
}
span.zab-caption-nr-padd {
	font-size: 11px;
	padding-left:13px;
	padding-right: 6px;
}

/* @end */

/* @group content */

#zab-logo-start {
	width: 62.9%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}
#zab-logo-start img, #zab-logo-b, .zab-start-prev-pic img, .zab-content-txt-grid-left img, .zab-content-img img, .zab-content-txt-grid-3right img, .zab-content-txt-grid-3middle img, .zab-content-txt-grid-3left img, .zab-content-txt-grid-left-var img, .zab-content-txt-grid img {
	width: 100%;
	height: auto;
	float: left;
}
#zab-logo-b {
	width:76px;
	height:auto;
	position:fixed;
	top:20px;
	left: calc(50% + 425px);
	z-index:10;
}
#zab-header {
	background: rgba(255, 255, 255, 0.97);
	width: 100%;
	height: 50px;
	top: 0;
	left: 0;
	position: fixed;
	z-index: 5;
}
#zab-container-start {
	width: 100%;
	max-width: 984px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 65px;
}
#zab-container {
	width: 100%;
	max-width: 984px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
}



#zab-content {
	width: 100%;
	height: auto;
	float: left;
	padding-bottom: 10px;
	background: rgba(255, 255, 255, .90);
}
.zab-content-img {
	width: 100%;
	height: auto;
	float: left;
	padding-bottom: 10px;
}
#zab-content-txt {
	width: 100%;
	max-width:650px;
	margin-left: auto;
	margin-right: auto;
}
.zab-content-txt-padd {
	width: 100%;
	height: auto;
	float: left;
	padding-top: 40px;
	padding-bottom: 20px;
}
.zab-content-txt-grid {
	width: 100%;
	height: auto;
	float: left;
	padding-bottom:20px;
}
.zab-intro {
	width: 100%;
	height: auto;
	float: left;
}
.zab-content-txt-grid-left {
	width: calc(50% - 10px);
	height: auto;
	float: left;
	padding-right: 10px;
}
.zab-content-txt-grid-right {
	width: calc(50% - 10px);
	height: auto;
	float: left;
	padding-left: 10px;
}


.zab-content-txt-grid-left-var {
	width: calc(50% - 10px);
	height: auto;
	float: left;
	padding-left: 10px;
}
.zab-content-txt-grid-right-var {
	width: calc(50% - 10px);
	height: auto;
	float: left;
	padding-right: 10px;
}



.zab-content-txt-grid-3left {
	width: calc(32.5% - 0px);
	height: auto;
	float: left;
	padding-right:1.25%;
}
.zab-content-txt-grid-3middle {
	width: calc(32.5% - 0px);
	height: auto;
	float: left;
	padding-right:1.25%;
}
.zab-content-txt-grid-3right {
	width: calc(32.5% - 0px);
	height: auto;
	float: left;
}


.zab-start-prev {
	width: calc(100% - 20px);
	height: auto;
	float: left;
	padding: 20px 10px;
	background: rgba(255, 255, 255, .85);
	margin-top: 40px;
	color: #278ece;
}
.zab-start-prev-txt, .zab-start-prev-pic {
	width: calc(50% - 20px);
	height: auto;
	float: left;
	padding-right: 10px;
	padding-left: 10px;
}
#zab-footer {
	width: 100%;
	float: left;
	text-align: right;
	padding-bottom: 10px;
}



.responsiveGoogleMaps {
  position: relative;
  padding-bottom: 56%;
  height: 0;
  overflow: hidden;
}

.responsiveGoogleMaps iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


/* @group Slideshow */
#zab-slider {
	width: 100%;
	float: left;
	height: auto;
}
.rslides {
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;
}
.rslides li {
	-webkit-backface-visibility: hidden;
	position: absolute;
	display: none;
	width: 100%;
	left: 0;
	top: 0;
}
.rslides li:first-child {
	position: relative;
	display: block;
	float: left;
}
.rslides img {
	display: block;
	height: auto;
	float: left;
	width: 100%;
	border: 0;
}
/* @end */


/* @group mobileNAV */

.mobilenav {
	top: 62px;
	left: 0px;
	z-index: 6;
	display: none;
	position: fixed;
	width: calc(100% - 0px);
	height: calc(100% - 63px);
	background: rgba(255, 255, 255, 1);
	opacity: 1.0;
	font-family: "Rubik" sans-serif;
	font-weight: 300;
	border-top: 1px solid #49a4dc;
}
.mobilenav ul.level1 {
	width: 100%;
	height: auto;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}




.mobilenav ul.level1 li {
	list-style-type: none;
	text-align: center;
	padding-top: 50px;
}
.mobilenav ul.level1 li:first-child {
	padding-top: 20px;
}
.mobilenav ul.level1 li a {
	color: #49a4dc;
	font-size: 30px;
	text-transform: uppercase;
	font-weight: 400;
}
.mobilenav ul.level1 li a:hover {
	color: #8d712b;
}
.mobilenav ul.level1 li.AKTIV a {
	color: #8d712b;
}





.mobilenav ul.level2 li {
	list-style-type: none;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 0px;
}
.mobilenav ul.level2 li a {
	color: #49a4dc;
	font-size: 20px;
	text-transform: capitalize;
	font-weight: 300;
}
.mobilenav ul.level1 li.AKTIV ul.level2 li.AKTIV a {
	color: #8d712b;
	border-bottom: 1px dotted #8d712b;
}
.mobilenav ul.level1 li.AKTIV ul.level2 li a {
	color: #49a4dc;
}
.mobilenav ul.level1 li.AKTIV ul.level2 li a:hover {
	color: #8d712b;
}



.mobilenav ul.level1 li ul li {
	list-style-type: none;
	text-align: center;
	padding-top: 20px;
}
.mobilenav ul.level1 li ul li a {
	color: #49a4dc;
	font-size: 20px;
	text-transform: capitalize;
	font-weight: 300;
}
.mobilenav ul.level1 li ul li a:hover {
	color: #8d712b;
}


/* @end */


/* @group mainNAV */

#zab-mainNAV {
	width: 100%;
	height: auto;
	float: left;
	text-align: center;
}
#zab-mainNAV ul{
	list-style-type:none;
	display: inline-block;
}
#zab-mainNAV li {
	float: left;
}
#zab-mainNAV li li {
	float:none;
}


#zab-mainNAV li li a {
	font: 17px "Rubik";
	font-weight: 300;
	height:auto;
	width:auto;
	min-width:100px;
	color: #fff;
	padding: 0 13px 8px;
	margin: 0;
}
#zab-mainNAV li a {
	text-decoration:none;
	display: block;
	color: #49a4dc;
	font: 20px "Rubik";
	font-weight: 400;
	text-transform: uppercase;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 13px;
	padding-bottom: 13px;
}
#zab-mainNAV li a:hover {
	color: #8d712b;
}
#zab-mainNAV ul li.AKTIV a {
	color: #8d712b;
	font-weight: 500;
}
#zab-mainNAV ul li.AKTIV li a {
	color: #fff;
	font-weight: 300;
}
#zab-mainNAV ul ul {
	display:none;
	position:absolute;
	z-index:999;
	background: -moz-linear-gradient(top, rgba(141,113,43,0.92) 0%, rgba(39,174,247,0.92) 100%);
	background: -webkit-linear-gradient(top, rgba(141,113,43,0.92) 0%,rgba(39,174,247,0.92) 100%);
	background: linear-gradient(to bottom, rgba(141,113,43,0.92) 0%,rgba(39,174,247,0.92) 100%);
}
#zab-mainNAV ul li ul li a {
	padding-top: 8px;
	text-transform: capitalize;
}
#zab-mainNAV ul ul li a:hover {
	color: white;
	background: rgba(0, 0, 0, .1);
}
#zab-mainNAV ul li.AKTIV li.AKTIV a {
	color: #fff;
	font-weight: 400;
	background: rgba(0, 0, 0, .1);
}
* html li li {
	display:inline;
} /* IE6 Bugfix... */

/* @end */

ul.zab-list {
	width: 100%;
	float: left;
	margin-left: 20px;
	padding-bottom: 20px;
	list-style-type: lower-latin;
}
ul.zab-list li {
	width: 100%;
	float: left;
}


/* @end */



@media only screen and (max-width: 800px) {
#zab-header {
	height: 62px;
	background: rgba(255, 255, 255, 1);
}
.zab-mobileICON {
	display:block;
}
#zab-mainNAV {
	display: none;
}
#zab-logo-b {
	width:85px;
	top:20px;
	right: 20px;
	left: auto;
}

#zab-container-start {
	width: calc(100% - 40px);
	padding-left: 20px;
	padding-right: 20px;
	margin-top: 82px;
}
#zab-container {
	width: calc(100% - 40px);
	padding-left: 20px;
	padding-right: 20px;
	margin-top: 62px;
}
#zab-content {
	width: calc(100% - 40px);
	padding-left: 20px;
	padding-right: 20px;
}
#zab-logo-start {
	width: 95%;
}
#zab-logo-start img {
	padding-top: 70px;
	padding-bottom: 100px;
}
.zab-start-prev {
	margin-top: 20px;
}

}

@media only screen and (max-width: 667px) {
#zab-logo-b {
	width:55px;
	top:20px;
	right: 20px;
	left: auto;
}
.mobilenav ul.level1 li {
	padding-top: 23px;
}
.mobilenav ul.level1 li a {
	font-size: 24px;
}
.mobilenav ul.level1 li:first-child {
	padding-top: 10px;
}
.mobilenav ul.level2 li a {
	font-size: 15px;
}
.mobilenav ul.level1 li ul li {
	padding-top: 10px;
}
.mobilenav ul.level1 li ul li a {
	font-size: 18px;
}
#zab-logo-start {
	width: 100%;
}
#zab-logo-start img {
	padding-top: 0px;
	padding-bottom: 0px;
}
.zab-start-prev-txt, .zab-start-prev-pic {
	width: calc(100% - 20px);
}
.zab-start-prev-pic img {
	padding-bottom: 10px;
	padding-top: 10px;
}
.zab-start-prev {
	padding-top: 10px;
	padding-bottom: 10px;
}
.zab-start-prev-txt {
	padding-top: 10px;
}
.zab-content-txt-grid-left {
	width: calc(100% - 0px);
	padding-right: 0px;
	padding-bottom: 20px;
}
.zab-content-txt-grid-right {
	width: calc(100% - 0px);
	padding-left: 0px;
}




.zab-content-txt-grid-3left {
	width: calc(100% - 0px);
	padding-right:0%;
	padding-bottom: 10px;
}
.zab-content-txt-grid-3middle {
	width: calc(100% - 0px);
	padding-right:0%;
	padding-bottom: 10px;
}
.zab-content-txt-grid-3right {
	width: calc(100% - 0px);
	padding-right:0%;
}



.zab-content-txt-grid-right-var {
	width: calc(100% - 0px);
	padding-right: 0px;
}
.zab-content-txt-grid-left-var {
	width: calc(100% - 0px);
	padding-left: 0px;
	padding-top: 20px;
}


}




@media only screen and (max-width: 568px) {
#zab-logo-b {
	width:53px;
	top:20px;
	right: 20px;
	left: auto;
}
.mobilenav ul.level1 li {
	padding-top: 15px;
}
.mobilenav ul.level1 li a {
	font-size: 20px;
}
.mobilenav ul.level1 li:first-child {
	padding-top: 5px;
}
.mobilenav ul.level2 li a {
	font-size: 15px;
}
.mobilenav ul.level1 li ul li {
	padding-top: 5px;
}
.mobilenav ul.level1 li ul li a {
	font-size: 15px;
}
#zab-logo-start {
	width: 100%;
}
#zab-logo-start img {
	padding-top: 0px;
	padding-bottom: 0px;
}
}