@charset "utf-8";

/* HTML5 display definitions */

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; height: 0; }
[hidden] { display: none; }

/* Base */

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea {
	font-family: 'Open Sans'; font-style: normal; font-weight: 300;
	color: #333;
}
body {
	background: #f5f1e8;
	font-size: 16px; line-height: 1.231;
    margin: 0;
}

::selection {
	background: #8c796a; background: rgba(140,121,106, 0.65);
	color: white; text-shadow: none;
}

/* Links */

a { color: #630; }
a:hover { color: #990000; }
a:focus { outline: thin dotted; }
a:active, a:hover { outline: 0; }

h2 a, h3 a { color: #663300; text-decoration: none; }

/* Typography */

h1, h2, h3 { font-weight: normal; line-height: 110%; text-align: left; }
h1 { font-size: 2em; margin: 0.67em 0; }
h2 { font-size: 1.5em; margin: 0.83em 0; }
h3 { font-size: 1.17em; margin: 1em 0; }
h4 { font-size: 1em; margin: 1.33em 0; }
h5 { font-size: 0.83em; margin: 1.67em 0; }
h6 { font-size: 0.67em; margin: 2.33em 0; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr {
	border: none;
	-moz-box-sizing: content-box; box-sizing: content-box; display: block;
	height: 1px;
	margin: 1em 0; padding: 0;
}
mark { background: #ff0; color: #000; }
p, pre { margin: 1em 0; }
code, kbd, pre, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ''; content: none; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

/* Lists */

dl, menu, ol, ul { margin: 1em 0; }
dd { margin: 0 0 0 40px; }
menu, ol, ul { padding: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

/* Embedded content */

img { border: 0; -ms-interpolation-mode: bicubic; }
svg:not(:root) { overflow: hidden; }

/* Figures */

figure { margin: 0; }

/* Forms */

form { margin: 0; }
fieldset { border: 0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; padding: 0; white-space: normal; *margin-left: -7px; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; *overflow: visible; }
button[disabled], html input[disabled] { cursor: default; background: #838383; color: #FFF; }
button[disabled]:hover, html input[disabled]:hover { background: #838383;}
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *height: 13px; *width: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; }

/* Tables */

table { border-collapse: collapse; border-spacing: 0; }

/* CUSTOM CLASSES */

/* clearfix */
.cf:before, .cf:after {
	content: "";
	display: table;
}
.cf:after { clear: both; }
/* For IE 6/7 (triggers hasLayout) */
.cf { *zoom: 1; }

.s { font-size: 0.786em; }
.xs { font-size: 0.714em; }
.alignright { text-align: right; }
.alignleft { text-align: left; }
.aligncenter { text-align: center; }
.alignjustify { text-align: justify; }
.margintop { margin-top: 1em; }
.marginright { margin-right: 1em; }
.marginbottom { margin-bottom: 1em; }
.marginleft { margin-left: 1em; }
.right { float: right; }
.left { float: left; }
.hideme { display: none!important; }

/* msg */
.msg, .msgerror { margin-bottom: 15px; padding: 4px; }
.msg h2, .msgerror h2 { margin: 0 0 10px 0; }
.msg ul, .msgerror ul { margin-top: 0; }
.msg { background-color: white; border: 1px solid #ddd; }
.msg h2 { color: #444; }
.msgerror { background-color: white; border: 1px solid #c00; }
.msgerror, .msgerror h2 { color: #c00; }

/* pagenav */
.pagenav { text-align: center; }
.pagenav span a {
	font-size: 1.214em; vertical-align: bottom;
	padding: 0 2px;
}
.pagenav a, .pagenav strong { margin: 2px; padding: 2px; }
.pagenav a:hover, .pagenav strong {
	border: 1px solid;
	margin: 1px;
}
.pagenav a, .pagenav a:hover { text-decoration: none; }
.pagenav a:hover { border-style: dotted; }

/* button */
a.button, button, input[type="submit"], input[type="button"] {
	background: #f5f1e8; border-radius: 1px;
	border: 0;
	color: white; line-height: 25px; text-decoration: none; text-transform: uppercase;
	display: inline-block;
	padding: 0 10px;
	color:#663300;
}
a.button:hover, button:hover, input[type="submit"]:hover, input[type="button"]:hover {
	background: #8c796a;
	color: #fff;
}
a.button.next:after, button.next:after { content: ' ›'; }
a.button.prev:before, button.prev:before { content: '‹ '; }

/* PRIMARY STYLES [layout] */

.wrapper {
	margin: 0 auto;
	width: 980px;
}

#header {
	background: transparent url(/grafik/template/header_bg.png) repeat-x center top;
}
#head {
	height: 100px;
	position: relative;
}
#calltoaction_menu {
	font-size: 1.125em; font-weight: 500;
	position: absolute; top: 30px; right: 20px;
}
#calltoaction_menu > a { line-height: 40px; padding-left: 0;}
#calltoaction_menu > a:first-child {padding-left: 4px;}
#head .phone, #head .request {
	display: inline-block;
	text-indent: 30px;
	transition: background 300ms, color 300ms;
}
#head .phone { background-image: url(/grafik/template/icon_phone.png); background-position: left center; background-repeat: no-repeat; }
#head .request { 
	background-image: url(/grafik/template/icon_request.png); background-position: left center; background-repeat: no-repeat; 
	text-indent: 37px;
}
#head .phone:hover { background-image: url(/grafik/template/icon_phone_hover.png); }
#head .request:hover { background-image: url(/grafik/template/icon_request_hover.png); }

#nav_main {
	display: table;
	line-height: 62px;
	padding: 0;
	box-sizing: border-box;
	text-align: center;
}
#nav_main .dropdown { display: none;}
#nav_main li {
	border-left: 1px solid #9d8e82;
	display: inline-block;
	text-align: center;
	padding: 0 1.25em;
	position: relative;
}
#nav_main li:first-child { border-left: none; }
#nav_main a {
	border-bottom: 2px solid #8d7a6c;
	color: white;
	display: inline-block;
	font-size: 1.05em; line-height: 30px; text-decoration: none; text-transform: uppercase;
	padding-bottom: 4px;
	height: 24px;
	transition: border-bottom-color 700ms ease-out, color 300ms linear;
}
#nav_main a:hover { border-bottom-color: #fff; color: #c5bcb4; }
#nav_main li.active > a, #nav_main li.active a:hover { color: #FFF; border-bottom-color: #FFF; }
#nav_main li.active a:hover { border-bottom-color: #c5bcb4; transition: border-bottom-color 700ms ease-in; }

#nav_main li:hover ul { display: block; }

#nav_main li ul { 
	background-color: #f5f1e8;
	display: none; 
	line-height: 1.231;
	opacity: 0.9;
	position: absolute; left: 0;
	z-index: 1000;
}

#nav_main li ul li {
	border-left: none;
	padding: 0.3em;
}

#nav_main li ul a{
	color: #663300;
	border-bottom-color: transparent;
}

#nav_main li ul li.active a, #nav_main li ul a:hover, #nav_main li.active ul li a:hover {
	color: #663300;
	border-bottom-color: #663300;
}



#panorama {
	overflow: hidden;
	width: 980px; height: 340px;
}

#main {
	margin-top: 10px; padding-bottom: 60px;
	overflow: auto;
}
#article {
	background: white;
	float: left;
	margin-right: 10px; padding: 35px 45px;
	width: 560px;
}
#nav_sub {
	background: white;
	margin-bottom: 10px;
}
#nav_sub h2 {
	background: #8c796a;
	color: white; font-size: 1.125em; text-transform: uppercase;
	margin: 0; padding: 22px 20px;
}
#nav_sub ul {
	font-size: 1.125em; font-weight: 500;
	padding: 20px;
}
#nav_sub li { padding: 7px 0; }
#nav_sub li.active a { text-decoration: underline; }
#aside {
	color: #8c796a;
	float: right;
	width: 320px;
}
#aside .showcase {
	background: white;
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
	margin-bottom: 10px; padding: 15px 20px;
}
#aside .showcase h2 {
	font-size: 1em; font-weight: 600; text-transform: uppercase;
	margin-top: 0;
}
#aside .map {
	margin-bottom: -4px;
	position: relative;
}
#aside .map img { width: 320px; height: 170px; }
#aside .map a {
	background: white;
	display: inline-block;
	padding: 10px;
	position: absolute; right: 0; bottom: 25px;
	text-decoration: none; text-transform: uppercase;
	transition: background 300ms, color 300ms;
}
#aside .map a:hover { background-color: #8c796a; color: #FFF; }
#aside .map a:active { background-color: #8c796a; color: #FFF; }
#aside a { text-decoration: none; }
#aside table { width: 100%; }
#aside table th { font-weight: 300; text-align: left; }
#aside .socials {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin-top: 1.25em;
}
#newsfeed {
	border-top: 10px solid #f0f2f5;
	padding: 20px 8% 0;
	margin: 0 -8%;
	clear: left;
	background-color: #FFF;
	clear:left;
}
#newsfeed p{margin-bottom:0}
#newsfeed h2{margin-top:0}

#footer {
	background: #8c796a;
	color: white; font-family: Arial, sans-serif; font-size: 0.688em;
	min-height: 11px;
	padding: 20px 0;
}
#footer a { color: white; text-decoration: none;}
#footer a.active { color: #9c8c80; }
#footer span { margin: 0 3px; color: #9c8c80; }
#languageselect a.active, #footer a:hover { color: #c5bcb4; }
#languageselect a.active { text-transform: lowercase; }

#copyright a:first-child:hover { color: white; }

/* CONTENT */

#article { line-height: 160%; text-align: justify; }
#article h1, #article h2 { text-align: left; }
#article h1 {
	color: #663300; font-size: 1.875em; font-weight: 300;
	margin-top: 0;
}
#article h2, #newsfeed h2 {color: #663300; font-size: 1.5em; font-weight: 300;}
#article ul { list-style-type:square;}

/* Kategorien */
.cat {
	line-height: 100%!important;
	margin-right: 1%; margin-top: 0; margin-bottom: 15px;
	text-align: center;
}
.cat:nth-child(5n) { margin-right: 0; }
.cat:hover {cursor: pointer;}

/* Liste mit Bildern */

.musterliste { line-height: 0; }
*+html .musterliste a {display: inline;}
figure.musterliste, div.musterliste a {
	display: inline-block;
	float: left;
	margin-right: 1%; margin-top: 1%;
	width: 19.2%; max-width: 120px; 
}
.musterliste img{ height: auto; width: 100%; }

a.muster:nth-child(5n) { margin-right: 0; }

/* Tabelle */
.simple td, .simple th { padding: 5px; }
.simple tr:first-child th {
		
/*	background-color: #14245a;
background-color: #EEE;
	color: white;*/
border-bottom: 1px solid #CCC;
 font-weight: normal; text-transform: uppercase;
}
.simple td:first-child{ vertical-align: top; }

.pdf { background-image: url(/grafik/icon_pdf.gif); }
.doc { background-image: url(/grafik/icon_doc.gif); }
.xls { background-image: url(/grafik/icon_xls.gif); }
a.pdf, a.doc, a.xls {
	background-position: left center; background-repeat: no-repeat;
	padding: 4px 0;
}
td.pdf, td.doc, td.xls {
	background-position: 2px 8px; background-repeat: no-repeat;
	padding-left: 22px;
	vertical-align: top;
}

/* MEDIAQUERIES */

@media screen and (max-width: 1060px) {
	#logo { margin-left: 3.5%; }
}

/* kleiner als 980 */
@media screen and (max-width: 980px) {
	
	img { width: 100%; height: auto; }
	
	.wrapper {
		margin: 0;
		width: 100%;
	}
	#header {
		background: white;
		height: auto;
	}
	#logo {
		display: block;
		width: 35.5%; height: 100px;
	}
	#logo img {
		height: 100%;
		width: auto;
	}
	#nav_main { background: #8c796a; }
	
	#panorama { width: 100%; height: auto; }
	
	#article {
		margin-right: 1.02%; padding: 35px 4.592%;
		width: 57.143%;
	}
	#aside { width: 32.652%; }
	#aside .showcase { padding: 15px 6.25%; }
	#aside .map img { width: 100%; height: auto; }
	
	#footer .wrapper {
		padding: 0 2%;
		width: 96%;
	}
}

/* kleiner als 755 */
@media screen and (max-width: 750px) {
	
	#nav_main {
		display: block;
		line-height: 1.231;
		margin: 0; padding: 15px 0;
		width: 100%; height: auto;
	}
	
	#nav_main .dropdown {
		display: block;
		background: #8c796a url('/grafik/nav_dropdown.png') no-repeat right;
		margin: 0 4.592%;
		text-align: left;
	}
	#nav_main .dropdown:hover { background-image: url('/grafik/nav_dropdown_over.png'); }
	#nav_main .dropdown a { width: 100%; }
	#nav_main .dropdown:hover, #nav_main .dropdown a {color: white; border-bottom: none!important; text-decoration: none;}
	
	#nav_main ul {
		display: none;
		list-style: none;
		margin-top: 20px;
	}
	#nav_main li {
		border: none;
		display: list-item;
		padding: 0.3em 0;
		text-align: left;
	}
	
	#nav_main li a { margin-left: 4.592%;}
	#nav_main li ul {
		display: block; 
		margin: 0;
		opacity: 1;
		position: static;
	}
	#nav_main li ul li { padding-left: 8px; padding-right: 0;}
	
	#nav_sub {display: none;}
}

/* kleiner als 820 */
@media screen and (max-width: 820px) {
	#logo { width: 47%; }
}

/* kleiner als 660 */
@media screen and (max-width: 660px) {
	
	#logo { width: 59%; }
	
	#main { margin-top: 0; padding-bottom: 0;}
	#article {
		box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
		margin-right: 0; padding: 35px 4.592%;
		width: 100%;
	}
	#article #newsfeed {
		margin-right: -4.9%;
	}
	#aside {
		margin-top: 0;
		width: 100%;
	}
	#aside .showcase:last-child {margin-bottom: 0;}	
}

@media screen and (max-width: 580px) {
	#calltoaction_menu { 
		top: 8px;
		
	}
	#calltoaction_menu > a { display: block; }
	#calltoaction_menu > a:first-child { margin-bottom: 5px;}
}

/* kleiner als 560 */
@media screen and (max-width: 560px) {

	/* disable webkit text size adjust (for iPhone) */
	html { -webkit-text-size-adjust: none; }
	
	#head { height: auto; }
	#footer .right {
		float: none;
		margin: 0 0 1em 0;
	}
	
	figure.musterliste, div.musterliste a {
		width: 32.6%; max-width: 240px!important;
	}
	
	a.muster:nth-child(5n) { margin-right: 1%; }
	a.muster:nth-child(3n) { margin-right: 0; }
	
	.cat { max-width: 240px!important; }
	.cat:nth-child(5n) { margin-right: 1%; }
	.cat:nth-child(3n) { margin-right: 0; }
}

@media screen and (max-width: 470px) {
	#logo {
		display: block;
		margin: 0;
		text-align: center;
		width: 100%;
	}
	#calltoaction_menu { position: static; top: auto; right: auto; }
	#calltoaction_menu > a { text-align: center; margin-bottom: 5px;}
}

/* PRINT STYLES */

@media print {
	* { background: transparent!important; color: black!important; text-shadow: none!important; filter:none!important; -ms-filter: none!important; }
	a, a:visited { text-decoration: underline; }
	a[href]:after { content: " [" attr(href) "]"; }
	abbr[title]:after { content: " [" attr(title) "]"; }
	.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
	pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
	thead { display: table-header-group; }
	tr, img { page-break-inside: avoid; }
	img { max-width: 100%!important; }
	@page { margin: 1.5cm; }
	p, h2, h3 { orphans: 3; widows: 3; }
	h2, h3 { page-break-after: avoid; }
	/* custom print styles */
	#header, #aside, #footer, #copyright { display: none; }
	main { background: none; box-shadow: none; margin: 0; }
	main article  { float: none; font-size: 16pt; padding: 0; width: 100%; }
	.slidebox dd { display: block!important; }
}