/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../../webfonts/open-sans/open-sans-v15-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light'), local('OpenSans-Light'),
       url('../../webfonts/open-sans/open-sans-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../webfonts/open-sans/open-sans-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../webfonts/open-sans/open-sans-v15-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../../webfonts/open-sans/open-sans-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../webfonts/open-sans/open-sans-v15-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-300italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: url('../../webfonts/open-sans/open-sans-v15-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'),
       url('../../webfonts/open-sans/open-sans-v15-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../webfonts/open-sans/open-sans-v15-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../webfonts/open-sans/open-sans-v15-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../../webfonts/open-sans/open-sans-v15-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../webfonts/open-sans/open-sans-v15-latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../../webfonts/open-sans/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../../webfonts/open-sans/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../webfonts/open-sans/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../webfonts/open-sans/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../webfonts/open-sans/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../webfonts/open-sans/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../../webfonts/open-sans/open-sans-v15-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Italic'), local('OpenSans-Italic'),
       url('../../webfonts/open-sans/open-sans-v15-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../webfonts/open-sans/open-sans-v15-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../webfonts/open-sans/open-sans-v15-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../../webfonts/open-sans/open-sans-v15-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../webfonts/open-sans/open-sans-v15-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}







body{
	/*background-image: url(../images/bg/DSC_1338_1900.jpg);
	background-attachment: fixed;
	-webkit-background-size: 1900px 1262px;*/
	background-color: #fff;
	color: #000;
	
	font-size: 15px;
	line-height: 1.4em;
	font-weight: 300;
	font-family: 'Open Sans', sans-serif;
	
}


h1{
	font-size: 24px !important;
	line-height: 1.2em !important;
	font-weight: 300 !important;
	font-family: 'Open Sans', sans-serif;
	margin-bottom: 16px;
	/*margin-top: 25px;*/
}

h2{
	font-size: 24px !important;
	line-height: 1.2em !important;
	font-weight: 300 !important;
	font-family: 'Open Sans', sans-serif;
}

h3{
	font-size: 20px !important;
	line-height: 1.2em !important;
	/*font-weight: 300 !important*/;
	font-family: 'Open Sans', sans-serif;
}

p,li{
	font-size: 15px;
	line-height: 1.6em !important;
	font-weight: 300 !important;
	font-family: 'Open Sans', sans-serif;
}
p,ul{
	margin-bottom: 12px;
}
b,strong{
	font-weight: 400 !important;	
}
a{
	color: black;
}
a:hover{
	color: #de8620;
}



.button
{
	background-color:#a9a096 !important;
    color:white !important;
	font-size:14px !important;
}
.button:hover
{
	background-color:#b9b0a6 !important; 
    color:white !important;
}
.row
{
	max-width: 1100px;
	/*min-width: 1100px;*/
	padding-left: 0px !important;
}

header{
	

	background-color: #fff;
	position: relative !important;
	text-align: center;
}
/* medium displays */
@media only screen and (min-width: 40.063em) {	
	header{
		height: 157px !important;
		background-color: #fff;
		position: relative !important;
		text-align: center;
	}
}

.logo
{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 70px;
	padding-right: 20px;
}


/* medium displays */
@media only screen and (min-width: 40.063em) {	
	.logo
	{
		position: absolute;
		top: 75px;
		right: 30px;	
		height: 48px;
		width: 273px;
		
		padding-left: 0px;
		padding-right: 0px;
		
	}

}

.container
{
	position:relative;
}

.emptystandard
{
	height: 150px;
}

.orange{
	background-color: #f78329;/*#e58225;*//*#ed7505;*//*#de8620;*/
}

.grau{
	background-color: #cbc4bb;
}
.silber{
	background-color: #eeebe7;
}
.navigrau{
	background-color: #e0dcd6;
}
.subitemgrau{
	background-color: #e0dcd6;
}


nav li a{
	color: #f8c89b;
	
	
	font-size: 15px;
	font-weight: 400;
}

nav{
	padding-bottom: 0px;
	border: 0px solid black;
}

/* large displays */
@media only screen and (min-width: 64.063em) {
	nav{
		margin-left: 55px;
	}
	
	nav li a{
		color: #f8c89b;
		display: inline-block;
		padding-top: 3px;
		padding-bottom: 5px;
		font-size: 15px;
		padding-right: 30px;
		font-weight: 400;
	}
	nav li a:hover, nav li a.active{
		font-weight: 400;
		color: white;
	}
	
	
}

.navsprache {
	text-align: right;
}

.navsprache	 li a, .navimpressum li a{
	color: #8f6310;
	display: inline-block;
	padding-top: 4px;
	padding-bottom: 4px;
	font-size: 12px;
	padding-left: 10px;
	font-weight: 400;
}
.navsprache li a:hover, .navsprache li a.active{
	font-weight: 400;
	color: #6f4310;
}

.slidercontainerinner, .impressumcontainer { position:relative;}

.navimpressum{ position:absolute;top:0px;right:15px;width:auto;height:30px;text-align:right;border:0px solid black;}
.navimpressum.startseite { position:absolute;top:auto;bottom:110px;right:15px;width:auto;height:30px;text-align:right;border:0px solid black;}



.subnav{
	margin-left: 122px !important;
}


.subnav{
	padding-bottom: 0px;
	border: 0px solid black;
}

/* large displays */
@media only screen and (min-width: 64.063em) {
	.subnav{
		margin-left: 55px;
	}
	
	.subnav li a{
		color: #8e867d;
		display: inline-block;
		padding-top: 3px;
		padding-bottom: 5px;
		font-size: 15px;
		padding-right: 35px;
		font-weight: 400;
	}
	.subnav li a:hover, .subnav li a.active{
		font-weight: 400;
		color: white;
	}
	
	
}


.slidersubtitle{
	position: absolute;
	z-index: 2;
	border: 0px solid #333;
	width: 100%;
	top: 4px;
	pointer-events: none;
}

.slidersubtitle img{
	/*display: inline-block;*/
	/*margin-top: -27px;*/
	/*margin-bottom: 2%;*/
}

.slidercontainer{
	
}

/* medium displays */
@media only screen and (min-width: 40.063em) {	
	.advanced-slider{
		margin-bottom: 13%;
	}
}





.teasercontainer
{
	
	/*background-color: white;*/
	padding-top: 0px;
	
}
.teasercontainer img
{
	/*padding-right: 6px;*/
}
.teasercontainerlower
{
	
	/*background-color: white;*/
	/*padding-top: 11px;*/
	
}

.intermedium
{
	height: 11px;
}

.contentcontainer{
	margin-top: 20px;
	margin-bottom: 20px;	
}

.contentcontainerinhaltsseite{
	margin-top: 20px;
	margin-bottom: 30px;	
}
.containerleistungen
{
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 10px;
	padding-bottom: 5px;
}

.contentrow{
	/*padding-left: 50px !important;
	padding-right: 50px !important;*/
}

.contentleft{
	padding-left: 0px;
}
.contentmiddle{
	padding-left: 0px;
}
.contentright{
	padding-right: 0px;
}

/* medium displays */
@media only screen and (min-width: 40.063em) {	

	.contentcontainer{
		margin-top: 45px;
		margin-bottom: 100px;	
	}
	.contentcontainerinhaltsseite{
		margin-top: 45px;
		margin-bottom: 60px;	
		padding-left: 50px;
		padding-right: 50px;
	}
	.containerleistungen
	{
		padding-left: 50px;
		padding-right: 50px;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	
	.contentleft{
		padding-left: 30px;
	}
	.contentmiddle{
		padding-left: 25px;
		padding-right: 10px !important;
	}
	.contentright{
		padding-right: 30px;
	}


}
/* large displays */
@media only screen and (min-width: 64.063em) {

	.contentcontainer{
		margin-top: 85px;
		margin-bottom: 170px;	
	}
	.contentcontainerinhaltsseite{
		margin-top: 55px;
		margin-bottom: 160px;	
		padding-left: 100px;
		padding-right: 170px;
	}
	.containerleistungen
	{
		padding-left: 100px;
		padding-right: 170px;
		padding-top: 35px;
		padding-bottom: 35px;
	}
	
	.inhaltleistungen
	{
		margin-bottom: 75px;
		margin-top: 75px;
	}
	
	.contentleft{
		padding-left: 80px;
	}
	.contentmiddle{
		padding-left: 65px;
		padding-right: 30px !important;
	}
	.contentright{
		padding-right: 60px;
	}
	
	
}


.contentcontainerinhaltsseite h2
{
	font-size: 30px !important;
	margin-bottom: 27px;
}
.contentcontainerinhaltsseite p
{
		margin-bottom: 18px;
}



.bannerrow{
	border-top: 3px solid white;
	position: relative;
}

.bannerrowleistungen{
	position: relative;
	z-index: -1000;
}
/* large displays */
@media only screen and (min-width: 64.063em) {

	.bannerrowleistungen{
		top: -20px;
		
	}

}

.bannerarrow{
	position: absolute;
	width: 21px;
	height: 11px;
	background-image: url(../images/design/arrow-down-white-small.png);
	background-repeat: no-repeat;
	background-position: center top;
	
	top: 0px;
	
}

.bannerarrow1{
	left: 105px;
}
.bannerarrow2{
	left: 230px;
}
.bannerarrow3{
	left: 335px;
}
.bannerarrow4{
	left: 435px;
}
.bannerarrow5{
	left: 558px;
}
.bannerarrow6{
	left: 672px;
}

.bannerarrow1.la-en{
	left: 105px;
}
.bannerarrow2.la-en{
	left: 230px;
}
.bannerarrow3.la-en{
	left: 328px;
}
.bannerarrow4.la-en{
	left: 435px;
}
.bannerarrow5.la-en{
	left: 535px;
}
.bannerarrow6.la-en{
	left: 645px;
}
.containersubnavi{
	border-bottom: 3px solid #a49e97;
}

.bannerrowsubnavi{
	
	position: relative;
	
	height: 30px;
	overflow: visible;
	z-index: 1000;
}

.bannerarrowsubnavi{
	position: absolute;
	width: 21px;
	height: 11px;
	background-image: url(../images/design/arrow-down-gray-small-2.png);
	background-repeat: no-repeat;
	background-position: center top;
	
	top: 33px;
	z-index: 10;
}

.bannerarrowsubnavi1{
	left: 160px;
}
.bannerarrowsubnavi2{
	left: 267px;
}
.bannerarrowsubnavi3{
	left: 365px;
}
.bannerarrowsubnavi4{
	left: 452px;
}
.bannerarrowsubnavi5{
	left: 555px;
}

.leistungenleft{
	
}
.leistungenleft h3{
	color:#786a5c;
	font-weight: 300;
	/*text-align: right;*/
}
.leistungenright h4{
	font-size: 20px;
	font-weight: 300;
}


.backtotop
{
	position: absolute;
	right: -30px;
	bottom: 10px;
	font-size: 30px;
		
}
.backtotop a{
	color:#786a5c;
	
}





.grau.arrow, .arrowwhite{
	
	background-image: url(../images/design/arrow-down-white.png);
	background-repeat: no-repeat;
	background-position: center top;
}
.orange.arrow, .silber.arrow{
	
	background-image: url(../images/design/arrow-down-gray.png);
	background-repeat: no-repeat;
	background-position: center top;
}

.containerreferenzen,.containerkontaktoben
{
	padding-top: 35px;
}
.containerreferenzen
{
	padding-bottom: 35px;
}


.containerreferenzen p, .containerreferenzen h2,
.containerkontaktoben p, .containerkontaktoben h2{
	color: white;
	line-height: 1.7em !important;
}
.containerreferenzen h2, .containerkontaktoben h2
{
	font-size: 26px !important;
	font-weight: 300 !important;
	letter-spacing: 0.2em;
	margin-top: 11px;
	padding-left: 0px;
	text-transform: uppercase;
}
/* medium displays */
@media only screen and (min-width: 40.063em) {	
	.containerreferenzen,.containerkontaktoben
	{
		padding-top: 55px;	}
	.containerreferenzen
	{
		padding-bottom: 35px;
	}
	
	.containerreferenzen h2, .containerkontaktoben h2
	{
		font-size: 26px !important;
		margin-top: 11px;
		padding-left: 45px;
		
	}
}
/* large displays */
@media only screen and (min-width: 64.063em) {

	.containerreferenzen,.containerkontaktoben
	{
		padding-top: 75px;
	}
	.containerreferenzen
	{
		padding-bottom: 35px;
	}
	
	.containerreferenzen h2, .containerkontaktoben h2
	{
		font-size: 26px !important;
		margin-top: 11px;
		padding-left: 45px;
	}
	
}




.texthighlightbold{
	letter-spacing: 0.2em;
	font-weight: 600;
}
.texthighlight{
	letter-spacing: 0.2em;}


/*.referenzenleft{
	padding-left: 85px;
}
.referenzenmiddle{
	
}
.referenzenright{
	padding-right: 35px;
}*/





.referenzenrow{
	margin-top: 40px;
	margin-left: 15px;
	margin-right: 15px;
}
/* medium displays */
@media only screen and (min-width: 40.063em) {	
	.referenzenrow{
		margin-top: 20px;
		margin-left: 15px;
		margin-right: 15px;
	}
}
/* large displays */
@media only screen and (min-width: 64.063em) {
	.referenzenrow{
		margin-top: 40px;
		margin-left: 85px;
		margin-right: 75px;
	}

}
.referenzblock
{
	border: 0px solid #333;
	background-color: rgba(255,255,255,0.5);
	margin-bottom: 30px;
    position:relative;
}


.adamaward { 
    width:106px;
    height:84px;
   background-image: url(../images/design/adam-award.png);
   position:absolute;
   right:5px;
   top:5px;
}
/* large displays */
@media only screen and (min-width: 64.063em) {
	.adamaward { 
       right:inherit;
       top:inherit;
       left:-75px;
       bottom:75px;
    }
}

.adamaward a { 
    display:block;
    width:106px;
    height:84px;}




.referenzblocktext{
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 4px;
	
}

.referenzblocktext h3{
	font-size: 17px !important;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	margin-bottom: 0px;
}
.referenzblocktext .referenzblocksubline{
	font-size: 15px !important;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	
}
.referenzenrow a:hover{
	color: black !important;
}



.containerkontaktoben
{
	padding-bottom: 30px;
}

.containerkontaktunten
{
	padding-top: 75px;
	padding-bottom: 55px;
}

.containerkontaktunten textarea{
	height: 90px !important;
}
.containerkontaktunten textarea, .containerkontaktunten input{
	background-color: #e0dad3;
	color: #999086;
}
.containerkontaktunten textarea:focus, .containerkontaktunten input:focus{
	background-color: #e0dad3;
	color: #999086;
}
.containerkontaktunten button{
	font-size: 15px;
	background-color: #a9a096;
}
.containerkontaktunten button:hover{
	font-size: 15px;
	background-color: #e0dad3;
}

.containerkunden
{
	padding-top: 60px;
	padding-bottom: 90px;
}

.containerkunden h2
{
	text-transform: uppercase;
	font-size: 16px !important;
	font-weight: 600 !important;
	text-transform: normal;
	letter-spacing: 0.15em !important;
	margin-bottom: 5px;
}

.containerkunden img { cursor:pointer;}















.rounded{
	-webkit-border-radius: 10px; 
		-moz-border-radius: 10px; 
		-ms-border-radius: 10px; 
		-o-border-radius: 10px; 
		border-radius: 10px; 
}


.shadowed{
	-moz-box-shadow: 0 0 20px -2px  #444;
	-webkit-box-shadow: 0 0 20px -2px  #444;
	box-shadow: 0 0 20px -2px  #444;
}

.shadowed-white{
	-moz-box-shadow: 0 0 20px -2px  #fff;
	-webkit-box-shadow: 0 0 20px -2px  #fff;
	box-shadow: 0 0 20px -2px  #fff;
}



/* small displays */
@media only screen {
 
 	
}
  
/* medium displays */
@media only screen and (min-width: 40.063em) {
	
	
	}

/* large displays */
@media only screen and (min-width: 64.063em) {

	
	
}



/* xlarge displays */
@media only screen and (min-width: 90.063em) {

}

/* xxlarge displays */
@media only screen and (min-width: 120.063em) {

}


@media only screen and (orientation: landscape) {

 }

@media only screen and (orientation: portrait) {

 }

/* Print visibility */
@media print {
    .slidercontainer, .navcontainer, .teasercontainer1, .teasercontainer2, .menu-button, .containerreferenzen, .containerkontaktoben, .containerkontaktunten, .containerkunden, .containersubnavi { display:none !important;}
}

