/* titillium-web-regular - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/titillium-web-v10-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/titillium-web-v10-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/titillium-web-v10-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/titillium-web-v10-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/titillium-web-v10-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/titillium-web-v10-latin-regular.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}
/* titillium-web-600 - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/titillium-web-v10-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/titillium-web-v10-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/titillium-web-v10-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/titillium-web-v10-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/titillium-web-v10-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/titillium-web-v10-latin-600.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}
/* titillium-web-700 - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/titillium-web-v10-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/titillium-web-v10-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/titillium-web-v10-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/titillium-web-v10-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/titillium-web-v10-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/titillium-web-v10-latin-700.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}





/* http://meyerweb.com/eric/tools/css/reset/   v2.0 | 20110126    License: none (public domain) --------------------- */
/* HTML5 display-role reset for older browsers */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }





/* init ------------------------------------------------------------------------------------------- */
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
* { margin: 0; padding: 0; position: relative; border: none; outline: none; }
html,body { height:100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { -webkit-font-smoothing: antialiased; overflow-y: scroll; }
img { vertical-align: middle; /* FIX 3px margin bottom */ max-width: 100%; height: auto; } 
.clearboth { clear: both; }





/* Customer --------------------------------------------------------------------------------------- */
* { font-family: 'Titillium Web', sans-serif; font-weight: 400; font-size: 17px; line-height: 1.4; color: #000000; }
h1, .h1 { font-size: 33px; font-weight: 700; line-height: 1.2; color: #a89478; margin-bottom: 5px; }
h2, .h2 { font-size: 22px; font-weight: 700; color: #000000; margin-bottom: 5px; }
h3, .h3 { font-size: 22px; font-weight: 700; color: #a89478; margin-bottom: 6px; }
h4, .h4 { font-size: 20px; font-weight: 600; color: #000000; margin-bottom: 20px; }
h5, .h5 { font-size: 20px; font-weight: 700; color: #a89478; margin-bottom: 7px; }
ul, ol { margin: 0 0 0px 15px; list-style-type: disc; list-style-image: url(../design/list-item.jpg); }
ul.list-item-full, ol.list-item-full { margin: 0 0 0px 15px; list-style-type: disc; list-style-image: url(../design/list-item-full.jpg); }

li {  }
strong { font-weight: 600; color: #000000; }
.brown { color: #a89478; }

.row { width: 100%; }
.column { float: left; padding-right: 5%; }
.column-1-1 { width: 100%; padding-right: 0%; }
.column-1-2 { width: 50%; padding-right: 5%;}
.column-1-2.column-last { padding-left: 5%; padding-right: 0;}
.column-1-2 img { max-width: 100%; }
.column-1-3 { width: 33.333%; }
.column-2-3 { width: 66.666%; }
.column-1-5 { width: 20%; }
.column-2-5 { width: 40%; }
.column-3-5 { width: 60%; }
.column-4-5 { width: 80%; }
.column-2-8 { width: 25%; }
.column-3-8 { width: 37.5%; }
.column-5-8 { width: 62.5%; }
.column-6-8 { width: 75%; }

.spacerlinie { font-size: 1px; line-height: 1px; border-bottom: 1px #d9d9d9 solid; margin: 40px 0; }

.imagefader { position: relative; width: 100%; height: 400px; list-style: none; overflow: hidden; padding: 0; margin: 5px 0 0 0; }
.imagefader li { position: absolute; width: 100%; height: 400px; text-align: center; }
.imagefader li img {  }

.gallery img { width: 90px; height: auto; margin-right: 9px; margin-bottom: 9px; }

.referenzen-logos { width: 30%; height: auto; margin-right: 3%; border: 1px #DEDEDE solid; margin-bottom: 20px; }

#google-map { width: 100%; height: 480px; margin-top: 10px; border: 1px #a89478 solid; }





/* Layout ----------------------------------------------------------------------------------------- */
#headerwrapper { background-size: cover; width: 100%; height: 350px; margin: 0 auto; }
#logo_wrapper { width: 1500px; padding-left: 0px; margin: 0 auto; }
#logo { margin-left: 0px; }

#navigationwrapper { width: 100%; height: 45px; margin-top: -45px; background-color: rgba(0,0,0,0.6); }
nav { width: 1200px; padding-left: 0px; margin: 0 auto; }
nav ul { list-style: none;  margin: 0px; }
nav ul li { float: left; margin-right: 50px; }
nav ul li a { font-size: 20px; line-height: 45px; font-weight: 600; text-decoration: none; color: #FFF; }
nav ul li.active a, nav ul li:hover a { color: #a89478; }

#contentwrapper { width: 1200px; margin: 0 auto; padding: 0 0 80px 0px; }
article { float: left; width: 75%; padding-top: 80px; padding-right: 12.10%; }
article li { margin: 0 0 5px 0; }

aside { float: left; width: 25%; padding-top: 82px; }
aside a { text-decoration: none; }
aside a:hover { text-decoration: underline; color: #a89478; }

#footerwrapper { background-color: #6b5f4e; width: 100%; padding: 20px 0; }
footer { width: 1200px; margin: 0 auto; }
#footerwrapper,
#footerwrapper * { font-size: 16px; font-weight: 600; line-height: 1.8; }
#footerleft { width: 100%;  color: #FFF; padding-left: 0px; }
#footerleft strong, #footerleft a, #footerleft span { color: #FFF;  text-decoration: none; }
#footerleft a:hover { text-decoration: underline; }
#footerright { width: 100%; padding: 10px 0 0 0px; }
#footerright, #footerright * { color: #c1ab8c; text-decoration: none; }





/* Responsive Settings ---------------------------------------------------------------------------- */
@media only screen and (max-width: 1550px) { 
	#headerwrapper { height: 300px; }
	#logo_wrapper { width: 90%; }
}

@media only screen and (max-width: 1270px) { 
	nav,
	#contentwrapper,
	footer { width: 95%; }
}

@media only screen and (max-width : 1000px){
	#headerwrapper { height: 250px; }
	#navigationwrapper { width: 100%; height: auto; margin-top: 0px; background-color: rgba(0,0,0,0.8); padding: 10px 0;}
	nav ul li { width: 33%; margin: 0; }
	nav ul li a { display: block; width: 100%; }
	nav ul li a { font-size: 17px; line-height: 32px; }
	article img { max-width: 100%; height: auto; }
	#contentwrapper { padding: 0 0 70px 0px; }
	article { padding-top: 40px; padding-right: 5%; }
	aside { padding-top: 42px; }
	.addressNewline { display: block; }
	.addressDot { display: none; }
}

@media only screen and (max-width: 768px) { 
	article { width: 100%; padding-top: 25px; padding-right: 0%; }
	aside { width: 100%; }
}

.showOnMobile { display: none !important; }
.hideOnMobile { display: block !important; }
@media only screen and (max-width: 650px) {
	.showOnMobile { display: block !important; }
	.hideOnMobile { display: none !important; }
	#headerwrapper { height: 200px; }
	#logo img { width: 105px; height: auto; }
	nav ul li { width: 50%; margin: 0; padding-right: 5%; }
}

@media only screen and (max-width: 414px) {
	#headerwrapper { height: 175px; }
	#logo img { width: 90px; height: auto; }
	nav ul li { width: 50%; margin: 0; }
	nav ul li a { font-size: 14px; line-height: 1.5; padding: 3px 0; }
	.column { float: none; width: 100% !important; padding: 0 !important; margin-bottom: 50px; }
	.column-last { margin-bottom: 0px; } 
	.referenzen-logos { width: 100%; height: auto; margin-right: 0%; border: 1px #DEDEDE solid; margin-bottom: 20px; }
	#footerleft,
	#footerright { width: 100%; }
	#footerright { text-align: left; padding-top: 15px; padding-bottom: 15px; }
}

@media only screen and (max-width: 320px) {  
	
}

.showOnLandscape, .hideOnPortrait { display: block !important; }
.hideOnLandscape, .showOnPortrait { display: none !important; }
@media screen and (orientation: landscape) { 
  .showOnLandscape, .hideOnPortrait { display: block !important; }
  .hideOnLandscape, .showOnPortrait { display: none !important; } 
}

@media screen and (orientation: portrait) { 
  .showOnPortrait, .hideOnLandscape { display: block !important; }
  .hideOnPortrait, .showOnLandscape { display: none !important; } 
}