/* FONTS */

@font-face {
    font-family: 'brandon';
    src: url('/fonts/brandon/brandon.eot');
    src: local('˜º'),
     url('/fonts/brandon/brandon.eot') format('embedded-opentype'),
         url('/fonts/brandon/brandon.woff') format('woff'),
         url('/fonts/brandon/brandon.ttf') format('truetype'),
         url('/fonts/brandon/brandon.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}


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


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


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


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


/* BASICS */

html {
	padding: 0;
	margin: 0;
	height: 100% !important;
	height: 100%;
	width: 100%;
	min-width: 100%;
	min-height: 100%;
	opacity: 0;
}


body {

	padding: 0;
	margin: 0;
	height: 100% !important;
	height: 100%;
	width: 100%;
	min-width: 100%;
	min-height: 100%;
	
}


/* TYPOGRAPHY */

h1 {
	
	font-family: 'brandon_reg';
	margin-top: 2em;
	margin-bottom: 2em;
	text-align: center;
	letter-spacing: 0.1em;
	line-height: 1.5em;

	
}

@media (max-width: 767px) {
  
	h1 {
		
		font-size: 1.5em;
		
	}
  }

h2 {
	
	font-family: 'brandon_bold';
	
}

h3 {
	
	font-family: 'brandon_bold';
	
}

h4 {

	font-family: 'brandon_reg';	
	/*font-style: italic;*/
	color: #333;	
}


p {
	
	font-family: 'brandon_light';
	-webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
	color: #444;	

}

strong {
	
	/*text-transform: uppercase;*/
	font-family: 'brandon_blk';
	
}

#footer p, #footer h2, #footer h3, #footer h4, #footer a { 
	
	color: white;
	-webkit-hyphens: none;
    -moz-hyphens: none;
    hyphens: none;
    text-align: center;
	
	}
	
#footer h2, #footer h3, #footer h4 {
	
	text-align: center;
	font-style: italic;
	
}

#footer a {
	
	font-family: 'brandon_reg';
	
}

/* ADDRESSE / IMPRESSUM */

.panel-title h4, .panel-title a {
	
	font-size: smaller;
	font-family: 'brandon_light';
	
} 

#address {
	
	font-size: 0.7em;
	font-family: 'brandon_light';
	background: black;
	text-align: center;
		
}

.panel-body p, .panel-body h4, .panel-body h5 {
	
	color: #aaa;
	
	
}

.impressum {
	
	text-align: justify;
	font-family: 'brandon_reg';
	
	
}

.impressum strong {
	
		font-family: 'brandon_reg';
}

/* TRENNER */

.shadow {
	position: relative;
	width:100%;
	left:0;
	height: 2em;
	/*background-color: white;*/
	background: url(img/shadow.jpg) repeat-x;
	z-index: 0;
	margin-top: 1em;
	margin-bottom: 2em;

}

/* KUNDENLOGOS */

.kundenlogo {
	
	margin: 0 auto;
	
}

.happycustomers {
	
	color: #666;
	font-size: smaller;
	font-style: italic;
	text-align: center;
	
}


/* POPOVERS */

.popover-title {
    
    font-size: smaller;
	font-family: 'brandon_reg';	
}
.popover-content {
   
    font-size: small;
}

a:focus {

	outline: 0;
	text-decoration: none;

}


/* LOGO SECTION STYLES */

#logosection {
	
	height: 100%;
	min-height: 100%;
	width: 100%;
	min-width: 100%;
	position: relative;
	z-index: 0;
	padding: 0;
	margin: 0;


	
}

.fixedlogo {

	position: fixed;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
    z-index: 0;
	padding: 0;
	margin: 0;
}



.logo {
	margin: 0 auto;
	z-index: 0;
	position: relative;
	
}



@media (max-height: 600px) {

	.logo {
		width: 15em;
	
	}

}

@media (max-height: 320px) {

	.logo {
		width: 9em;
	
	}

}


/* FIXES für Z-index bug mit position:fixed auf mobile safari. */

/* iPad */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  { 
	
	#logosection {
		
		z-index: -1;
		
	}
	
}

/* fix iPhone 2-4 */

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) { 
	
	#logosection {
		
		z-index: -1;
		
	}	
	
}

/* fix iPhone 5 */

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) { 
	
	#logosection {
		
		z-index: -1;
		
	}		
	
}

/* fix iPhone 6 und 6+ */

@media only screen 
and (max-device-width: 640px) 
and (max-device-width: 667px) 
and (max-width: 480px){ 

	#logosection {
		
		z-index: -1;
		
	}

}



/* SECTIONS */

section {
	
	padding-top: 2em;
	padding-bottom: 2em;
	
}

.section-white {
	
	background: white;

}

.section-black {
	
	background: black;

}

.section-footer {
	
	background: #ffc94d;
	
}

.tofront {
	
	z-index: 10;
      -webkit-transform:translateZ(10px);
      -moz-transform:translateZ(10px);
      -o-transform:translateZ(10px);
      transform:translateZ(10px);
	position: relative;
}





/* DIAMANTEN STYLES */



/* DIAMONDS LEFT */

.diamond1_left, .diamond2_left, .diamond3_left, .diamond4_left, .diamond5_left {

	background-repeat: no-repeat;
	width: 100%;
	height: 35px;
	background-position: right top;
	margin-top: 1.7em;
	/* margin-top: 36px; */

}

.diamond1_left {
	
	background-image: url('img/diamond_1.gif');	
}

.diamond2_left {
	
	background-image: url('img/diamond_2.gif');	
}
.diamond3_left {
	
	background-image: url('img/diamond_3.gif');	
}
.diamond4_left {

	background-image: url('img/diamond_4.gif');	
}
.diamond5_left {

	background-image: url('img/diamond_5.gif');	
	
}


@media (max-width: 767px) {
  
  	.diamond1_left, .diamond2_left, .diamond3_left, .diamond4_left, .diamond5_left {
   	 	display: none;
   	 }
  }