/* ==============================  IMPORTS ============================== */
@font-face {
  font-family: 'BernhardMod BT';
  src: url("../fonts/tt0607m_.eot#"), url("../fonts/tt0607m_.ttf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Architects Daughter';
  src: url("../fonts/ArchitectsDaughter.eot#"), url("../fonts/ArchitectsDaughter.ttf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Junge';
  src: url("../fonts/Junge-Regular.eot#"), url("../fonts/Junge-Regular.ttf");
  font-weight: normal;
  font-style: normal;
}

/* ============================== /imports ============================== */


/* ============================== GRADIENTS ============================== */

/*Hahnekamm-Red*/
#teaser-left-cont, #teaser-wrapper {
	background: #F30033;
}
/*Light Brown Gloss*/
#navbar-line, #main-cont h1 {
	background: #f6ead6;	
    background: -moz-linear-gradient(-45deg,  #f6ead6 0%, #d1b88f 50%, #c9ab7b 51%, #efe0c7 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f6ead6), color-stop(50%,#d1b88f), color-stop(51%,#c9ab7b), color-stop(100%,#efe0c7));
	background: -webkit-linear-gradient(-45deg,  #f6ead6 0%,#d1b88f 50%,#c9ab7b 51%,#efe0c7 100%);
	background: -o-linear-gradient(-45deg,  #f6ead6 0%,#d1b88f 50%,#c9ab7b 51%,#efe0c7 100%);
	background: -ms-linear-gradient(-45deg,  #f6ead6 0%,#d1b88f 50%,#c9ab7b 51%,#efe0c7 100%);
	background: linear-gradient(135deg,  #f6ead6 0%,#d1b88f 50%,#c9ab7b 51%,#efe0c7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6ead6', endColorstr='#efe0c7',GradientType=1 );
}
.ie9 #navbar-line, .ie9 #main-cont h1 {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZjZlYWQ2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZDFiODhmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTElIiBzdG9wLWNvbG9yPSIjYzlhYjdiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VmZTBjNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
}

/*Light Brown Gloss 0.9 opacity*/
.panel-design1 > .panel-heading, .ui-datepicker .ui-datepicker-header {	
	background: -moz-linear-gradient(-45deg,  rgba(246,234,214,0.9) 0%, rgba(209,184,143,0.9) 50%, rgba(201,171,123,0.9) 51%, rgba(239,224,199,0.9) 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(246,234,214,0.9)), color-stop(50%,rgba(209,184,143,0.9)), color-stop(51%,rgba(201,171,123,0.9)), color-stop(100%,rgba(239,224,199,0.9)));
	background: -webkit-linear-gradient(-45deg,  rgba(246,234,214,0.9) 0%,rgba(209,184,143,0.9) 50%,rgba(201,171,123,0.9) 51%,rgba(239,224,199,0.9) 100%);
	background: -o-linear-gradient(-45deg,  rgba(246,234,214,0.9) 0%,rgba(209,184,143,0.9) 50%,rgba(201,171,123,0.9) 51%,rgba(239,224,199,0.9) 100%);
	background: -ms-linear-gradient(-45deg,  rgba(246,234,214,0.9) 0%,rgba(209,184,143,0.9) 50%,rgba(201,171,123,0.9) 51%,rgba(239,224,199,0.9) 100%);
	background: linear-gradient(135deg,  rgba(246,234,214,0.9) 0%,rgba(209,184,143,0.9) 50%,rgba(201,171,123,0.9) 51%,rgba(239,224,199,0.9) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6f6ead6', endColorstr='#e6efe0c7',GradientType=1 );
}
.ie9 .panel-design1 > .panel-heading {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZjZlYWQ2IiBzdG9wLW9wYWNpdHk9IjAuOSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNkMWI4OGYiIHN0b3Atb3BhY2l0eT0iMC45Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2M5YWI3YiIgc3RvcC1vcGFjaXR5PSIwLjkiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VmZTBjNyIgc3RvcC1vcGFjaXR5PSIwLjkiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
}

/*White Gloss #2 0.9 opacity*/
.kontaktbox {
    background: -moz-linear-gradient(-45deg, rgba(255,255,255,0.9) 0%, rgba(243,243,243,0.9) 50%, rgba(237,237,237,0.9) 51%, rgba(255,255,255,0.9) 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,255,255,0.9)), color-stop(50%,rgba(243,243,243,0.9)), color-stop(51%,rgba(237,237,237,0.9)), color-stop(100%,rgba(255,255,255,0.9)));
    background: -webkit-linear-gradient(-45deg, rgba(255,255,255,0.9) 0%,rgba(243,243,243,0.9) 50%,rgba(237,237,237,0.9) 51%,rgba(255,255,255,0.9) 100%);
    background: -o-linear-gradient(-45deg, rgba(255,255,255,0.9) 0%,rgba(243,243,243,0.9) 50%,rgba(237,237,237,0.9) 51%,rgba(255,255,255,0.9) 100%);
    background: -ms-linear-gradient(-45deg, rgba(255,255,255,0.9) 0%,rgba(243,243,243,0.9) 50%,rgba(237,237,237,0.9) 51%,rgba(255,255,255,0.9) 100%);
    background: linear-gradient(135deg, rgba(255,255,255,0.9) 0%,rgba(243,243,243,0.9) 50%,rgba(237,237,237,0.9) 51%,rgba(255,255,255,0.9) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6ffffff', endColorstr='#e6ffffff',GradientType=1 );
}
.ie9 #foo {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuOSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmM2YzZjMiIHN0b3Atb3BhY2l0eT0iMC45Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIwLjkiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjkiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
}

/* ============================== /gradients ============================== */


/* ==================================  EXTENSIONS ================================== */

/* Menusuffix separator fuer Trennstriche */
ul.menu.separator li {
    float: left;
    list-style: none outside none;
    margin: 0px 0px 0px 10px;
    padding: 0px 0px 0px 10px;
	border-left: 1px dotted #cccccc;
}
ul.menu.separator li:first-child{		
	border-left-width: 0px;
	margin-left: 0px;
	padding-left: 0px;
}

/* Download-Menu mit Download-Icon */
ul.menu.download > li > a:before {
	content: '\f019';
    font-family: 'FontAwesome';
    font-size: 100%;		
    margin-left: -20px;
    margin-right: 0.5em;
	vertical-align: 0px;	
}
.nav.menu.download > li > a {
	padding-top: 0px;
	padding-bottom: 0px;
}


.pull-left, .left {
	float: left;
	clear: both;
	margin: 5px 20px 10px 0px;				
}
.pull-right, .right {	
	clear: both;
    float: right;
    margin: 5px 0px 20px 30px;
}
.center {
	display: block;				
	margin: 5px auto 20px auto;
}
.first {
	margin-top: 0px;
}
.last {
	margin-bottom: 0px;
}

.table.text-center td , .table.text-center th{
   text-align: center;   
}
.table.text-left td, .table.text-left th {
   text-align: left;   
}
.table.text-right td, .table.text-right th {
   text-align: right;   
}

/*mehrspaltige Listendarstellung*/
ul.col-view li {
	float: left;	
}
ul.col-view-5col {
	width: 240px;
}
ul.col-view-4col {
	width: 300px;
}
ul.col-view-3col {
	width: 400px;
}
ul.col-view-2col li {
	width: 600px;
}
ul.col-view.icons-ul li {
	padding-right: 40px;
}

a.extern:before {
	content: '\f08e';
    font-family: 'FontAwesome';
    font-size: 85%;		
    margin-left: 0px;
    margin-right: 4px;
	vertical-align: 0px;	
	color: #E8B82C;	
}

i.spacer-right {
	margin-right: 0.7em;
}
i.spacer-left {
	margin-left: 0.7em;
}

/* -------------------- Bootstrap-Extensions -------------------- */
/*Accordion-Panel*/
.panel-accordion > .panel > .panel-heading > a {
	color: #777777;
	font-weight: normal;
	text-decoration: none;
	display: block;
	width: 100%;
}
.panel-accordion > .panel > .panel-heading > a:hover {
	font-weight: bold;
}
.panel-accordion > .panel >.panel-heading > a:before {
	content: '\f0da';
    font-family: 'FontAwesome';
    font-size: 85%;		
    margin-left: 0px;
    margin-right: 2px;
	vertical-align: 0px;
	color: #ab0000;
}
.panel-accordion .panel-body p, .panel-accordion .panel-body li {
	color: #777777;
	font-size: 0.95em;
}

/* -------------------- /bootstrap -------------------- */

/* ============================== /extensions ============================== */


/* ============================== OVERWRITES ============================== */
/* -------------------- BOOTSTRAP-OVERWRITE -------------------- */
/*ggf. fixe min-width max-width anpassen*/
.container {
	max-width: 1600px;
    width: auto;
}
.navbar-nav {
	margin: 0px;
}
.page-header {
	border: none;
	margin: 0px;
}
.icons-ul {
	padding-left: 0px;
    margin-left: 1.8em;
}
blockquote {
    clear: both;
	border: 1px solid #eeeeee;
	border-left-width: 5px;
	background: #fafafa;
}
blockquote p {
    font-size: 0.95em;
    font-weight: normal;
    line-height: 1.0em;
}
.dropdown-menu {	
	border-radius: 5px;
	padding: 10px 0px;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
	background-color: #777777;
	border-color: #777777;
}

.nav > li > a:hover, .nav > li > a:focus {  
  background-color: transparent;
}

.breadcrumb {
    background-color: transparent;
    font-family: 'BernhardMod BT', serif;
    font-size: 1.6em;
}
.breadcrumb > li + li:before {
    color:  #EDD69E;
}


/* -------------------- /bootstrap-overwrite -------------------- */

/* -------------------- JCE-EDITOR -------------------- */
body.mceContentBody {
    background: #fafafa;
}
/* -------------------- /jce-editor -------------------- */

/* -------------------- CW ARTICLE-GALLERY -------------------- */
.cwgallery {
    margin: 10px 0px;
}
.cwgallery .calbum {
    padding: 5px;
    text-align: center;
}
.cwgallery .cphotobox {
    background: #ffffff; 
    box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    display: inline-block;
    margin: 3px;
    padding: 5px;
}
.cwgallery .cphotobox .wrap {
    height: auto;
    overflow: hidden;
    visibility: visible;
}
.cwgallery .cphotobox .wrap a.cimage {
    margin: 0 !important;
}
.cwgallery .cphotobox .wrap img {
    height: auto;
    max-width: none;
}
/* -------------------- /cw article-gallery -------------------- */

/* -------------------- /JQUERY - UI -------------------- */
.ui-datepicker .ui-datepicker-title {    
    margin: 0 2.3em;
    text-align: center;
    font-size: 1.0em;
}
.ui-widget-header .ui-icon {
    background-image:  url("../images/jquery-ui/ui-icons_ffffff_256x240.png");
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: #ffffff url("../images/jquery-ui/ui-bg_glass_100_f6f6f6_1x400.png") repeat-x scroll 50% 50%;
    border: 1px solid #DDDDDD;
    color: #4c4c4c;
    font-weight: normal;
    text-align: center;
}

.ui-widget-content {
    color: #4c4c4c;
    background: #fefefe;
}

.ui-widget {
    font-family: "Junge",serif;
    font-size: 1.0em;
    z-index: 1000 !important;
}

.ui-widget-header {
    border: none;
    font-weight: bold;
}

.ui-datepicker .ui-datepicker-header {
    /*background: rgba(0, 0, 0, 0) linear-gradient(135deg, rgba(246, 234, 214, 0.9) 0%, rgba(209, 184, 143, 0.9) 50%, rgba(201, 171, 123, 0.9) 51%, rgba(239, 224, 199, 0.9) 100%) repeat scroll 0 0;*/
    padding: 0.2em 0;
    position: relative;
	color: #4c4c4c;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    background: #EEEEEE url("../images/jquery-ui/ui-bg_glass_100_fdf5ce_1x400.png") repeat-x scroll 50% 50%;
    border: 1px solid #DDDDDD;
    color: #4C4C4C;
    font-weight: bold;
}
/* -------------------- /jquery-gallery -------------------- */

/* ============================== /overwrites ============================== */


/* ============================== TYPOGRAPHY ============================== */
body, html {
	/*Sticky-Footer*/
	height: 100%;
}

body {	
	font-family: 'Junge', serif;	
	font-size: 16px;	
	color: #000000;
	background-color: #fafafa;	
}

p {
	margin: 0px 0px 20px 0px;	
	text-align: justify;	
}
p:last-child {
    
}
	
a, a:active, a:visited {	
	color: #705428;
	text-decoration: none;
}
a:hover {	
	color: #F30033;
	text-decoration: none;
    cursor: pointer;	
}

a:focus, a:active {
	color: #ab0000;
	border: none;
	outline: none;
}

/* -------------------- Hauptüberschrift aus Menu -------------------- */
h1 {							
	font-family: 'BernhardMod BT', serif;	
	line-height: 1.3em;	
	letter-spacing: 1px;	
}

/* -------------------- Beitrags-Überschrift (aus Titel) -------------------- */
h2 {			
	font-family: 'Junge', serif;
	line-height: 1.1em;		
	letter-spacing: 1px;							
}

/* -------------------- Box-Überschriften, Zwischen-Überschriften (Beitrag) -------------------- */
h3 {		
	font-family: 'BernhardMod BT', serif;
	font-weight: bold;
	color: #4C4C4C;				
	font-size: 1.2em;
	letter-spacing: 1px;
	line-height: 1.4em;
	margin-top: 50px;
	margin-bottom: 12px;
}

/* -------------------- Zwischen-Überschriften -------------------- */
h4 {	
	font-family: 'Junge', serif;	
	color: #4C4C4C;
	font-size: 1.25em;				
	letter-spacing: 0px;
	line-height: 1.3em;
	margin-top: 25px;
	margin-bottom: 10px;				
	text-align: left;	
}

/* -------------------- Beitrags-Trennerüberschrift -------------------- */
h5 {				
	font-family: 'Junge', sans-serif;	
	font-weight: bold;
	font-size: 0.9em;
	letter-spacing: 1px;
	color: inherit;
	background: #F0F0F0;
	padding: 3px 4px 3px 4px;		
	margin: 20px 0px 10px 0px;				
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #dddddd;
}

/* kleine Beitrags-Überschrift (statt <strong>) -------------------- */
h6 {	
	font-family: 'Junge', sans-serif;	
	font-weight: bold;
	font-size: 0.9em;								
	line-height: 1.2em;
	margin: 16px 0px 2px 0;
	text-align: left;								
}

li {
	margin-bottom: 10px;
}

table {
	font-size: 0.85em;
}

ul {
	margin-bottom: 20px;
}

/* ============================== /typograhy ============================== */


/* ============================== CUSTOM-ELEMENTS ============================== */

.focusbox {
	display: inline-block;
    font-family: 'Junge', serif;
    font-size: 1.3em;
    color: #705428;   
    border-bottom: 2px dashed #705428;    
    padding: 10px 20px;
    margin:  0px 0px 20px 20px;
    text-align: center;
}
.focusbox p {
	position: relative;
    margin-bottom: 8px;
    text-align: center;
}
.focusbox i {
	font-size: 250%;
	color: #E8B82C;
}

.kontaktbox {
    padding:  5px 10px;
    box-shadow:  1px 1px 2px #999999;    
}

.shadow {
	box-shadow: 1px 1px 2px #333333;	
}
.passepartout {
	background: #ffffff;
	padding: 5px;
	border: 1px solid #dddddd;
	box-shadow: 1px 1px 2px #333333;
}

ul.labor {    
    margin-bottom: 0px;
    padding: 2px 10px;   
    text-align: right;
}

.labor li {
    display: inline;
    list-style: none outside none;
    margin: 0px 0px 0px 10px;
    padding: 0px 0px 0px 10px;	
    font-size: 80%;
}
.labor li:first-child {
    border-left-width: 0px;
    margin-left: 0px;
    padding-left: 0px;
}


/* Bootstrap Panel-Design */
.panel-design1 {			
    border: none;
	border-radius: 5px;
	box-shadow: 1px 1px 2px #777777;
	background: #ffffff;
    color: #333333;
}

.panel-design1 > .panel-heading {		
	padding: 3px 15px;	
	font-size: 0.95em;	
	border-bottom: 1px solid #EDD69E;
    border-bottom-color: #EDD69E;
	color: #705428;
}
.panel-design1 > .panel-body {	
	padding: 10px;	
	font-size: 0.9em;	
	color: #555555;
}
.panel-design1 ul {
	margin-bottom: 10px;
	padding-left: 15px;
}
.panel-design1 li {
	margin-bottom: 5px;
}
/* /bootstrap-panel-design */

li.link-to-blog {
    margin-top: 20px;
    font-size: 95%;
}
li.link-to-blog i.icon-li {
    color: #F30033;
    font-style: normal;
}
li.link-to-blog a {
    font-style: italic;
}
.handwriting {
    font-family: 'Architects Daughter';
    font-size: 1.1em;
    letter-spacing: 1px;
    margin-bottom: 10px;
	color: #4C4C4C;
}

/* ============================== /custom-elements ============================== */


/* ============================== MODULETABLES ============================== */
/*Innen-Div eines moduletables*/
.moduletable .module-inner-div {	
	padding: 10px 15px;
}
.moduletable h3 {
	margin-top: 0px;
}
.moduletable.picbox p {
    margin: 0;
}

.moduletable.hide-content {
	position: absolute;
	right: 25px;
	top: 25px;
}
.moduletable.hide-content button {
	background: #F30033;
	color: #ffffff;
	text-shadow: 1px 1px 1px #333333;
	border-width: 1px;
	font-size: 20px;
}
.moduletable.hide-content button:hover {
	background: #F30033;
	color: #ffffff;
	text-shadow: none;
    border-color: #F30033;
}

.moduletable.language {
 
}
/* ============================== /moduletables ============================== */


/* ================================== SITE-LAYOUT ================================== */
#site-wrapper {
	overflow: hidden;
	/*Sticky-Footer*/
	position: relative;
	min-height: 100%;	
}

#no-footer-wrapper {}

.wrapper {
	width: 100%;	
}

/* -------------------- HEADER ROW -------------------- */
#header-wrapper {    
    margin-bottom: 20px;
}
#logo-cont {}
#logo-cont img {	
	margin: 0px auto;	
}

/* -------------------- /header row -------------------- */


/* -------------------- RESPONSIVE NAVBAR -------------------- */
#navbar-wrapper {
    margin-bottom: 20px;
}

#navbar-container {}

/*eigentliche Navbar fuer Design*/
#navbar-line {		
	filter: none;	
	box-shadow: 0px 1px 2px #333333;
	border-radius: 0px;
}

/*Hier befindet sich Position 'navbar-line' */
#navbar-line > .container {
	position: relative;
}

#navbar-brand-cont {
	font-family: 'BernhardMod BT';
	font-size: 22px;
	font-weight: bold;
	color: #705428;
	letter-spacing: 1px;
	text-shadow: 1px 1px 1px #907448;

}
#navbar-brand-cont p {
	margin: 0px;
}

/**** Hinweis zur Responsive-Navbar ***************************************
	.navbar-collapse:			Menu im Normal- und Small-Display-Modus
	.navbar-collapse.collapse:	Menu im Normalmodus
	-navbar-collapse.in:		Menu im Small-Display-Modus
***************************************************************************/

/* -------------------- Farbe des Dropdown-Caret -------------------- */
#navbar-menu-cont b.caret {		
    border-bottom-color: #F30033;
	border-top-color: #F30033;	
}

/* -------------------- komplettes Menu-Element -------------------- */
#navbar-menu-cont.navbar-collapse {
	border-top: none;
}

/* -------------------- Moduletablecontainer des Menus -------------------- */
#navbar-menu-cont.navbar-collapse.collapse > .moduletable {
	float: right;
	margin-top: 11px;	
}
#navbar-menu-cont.navbar-collapse.in > .moduletable {
	float: none;    
	margin-bottom: 10px;
	font-size: 17px;
}

/* -------------------- Menu-Listenelement (alle Ebenen) -------------------- */
#navbar-menu-cont.navbar-collapse > .moduletable li {
	margin-bottom: 0px;
}

/* -------------------- Menulinks (alle Ebenen)--- */
#navbar-menu-cont.navbar-collapse > .moduletable li > a {
	font-family: 'BernhardMod BT';	
	font-weight: bold;
	font-size: 17px;
	color: #705428;	
	font-variant: small-caps;	
}
#navbar-menu-cont.navbar-collapse.collapse > .moduletable li > a {	
	padding: 8px 10px;
}
#navbar-menu-cont.navbar-collapse.in > .moduletable li > a {	
	/*padding: 5px 10px;*/
}

/* -------------------- Untermenulinks -------------------- */
#navbar-menu-cont.navbar-collapse > .moduletable ul.nav-child  a {
	font-variant: normal;
}

/*Hover-Effekt auf Menulink*/
#navbar-menu-cont.navbar-collapse > .moduletable li > a:hover {
	filter: none;
	background: none;
}
/*aktiver Menulink*/
#navbar-menu-cont.navbar-collapse > .moduletable li.active > a {
	filter: none;
	background: none;
}
/*als Dropdown geoeffneter Menulink*/
#navbar-menu-cont.navbar-collapse > .moduletable li.open a {
	filter: none;
	background: none;
}

/* -------------------- Dropdown-Box -------------------- */
.navbar-dynamicpos .navbar-nav > li > .dropdown-menu {	
}

.navbar-collapse.collapse > .moduletable .dropdown-menu {
	filter: none;
	background: rgba(255,255,255,0.9);
	border-radius: 5px;
}
.navbar-collapse.in > .moduletable .dropdown-menu {
	margin-left: 20px;
}

/* -------------------- Dropdown-Menulink -------------------- */
#navbar-menu-cont.navbar-collapse.collapse > .moduletable .dropdown-menu li > a {
	font-family: 'Junge', serif;
	font-size: 16px;
	font-weight: normal;
}
#navbar-menu-cont.navbar-collapse.in > .moduletable .dropdown-menu li > a {
	
}
/*Hovereffekt auf Menulink*/
#navbar-menu-cont.navbar-collapse.collapse > .moduletable .dropdown-menu li > a:hover {
	filter: none;
	background: rgba(232,215,187,0.5);
}
/*aktiver Menulink im Dropdwnmenu*/
#navbar-menu-cont.navbar-collapse.collapse > .moduletable .dropdown-menu li.active a {	
}
/* -------------------- Menu-Button -------------------- */
.navbar-toggle span{
	filter: none;
	background: #705428;
}

.navbar-toggle:hover {
	background: transparent;
	border-color: transparent;	
}
.navbar-toggle:hover span {
	background: #ffffff;
}
/* -------------------- /responsive navbar -------------------- */


/* -------------------- MAIN ROW -------------------- */
#main-wrapper {	
}

/*hier ggf. den Hauptbereich designen*/
#main-row {	
}

#main-cont {	
	position: relative;
}

.page-header {		
	
}

#main-cont h1 {		
    position: relative;
    z-index: 11;    
    margin: 0px 0px 25px 0px;		
    padding: 5px 30px 5px 20px;
    max-width: 90%;
	min-width: 50%;    
	color: #705428;
    font-size: 2.8em;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);    
    border-radius: 5px 8px;	
	box-shadow: 1px 1px 2px #555555;        
    -moz-transform:rotate(-2deg);
    -webkit-transform:rotate(-2deg);
    -webkit-backface-visibility: hidden; 
    -o-transform:rotate(-2deg);
    -ms-transform:rotate(-2deg);
    transform:rotate(-2deg); 
}

#main-cont h2 {					
	font-size: 1.5em;    
	margin: 30px 0px 15px 0px;
	padding: 0px 10px 2px 0px;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);	
    border-bottom: 2px dashed #705428;
    width: 90%;
}

#main-cont h2:before {
    font-family: 'FontAwesome';        
	vertical-align: 0px;
    content: '\f0da';
    color: #F30033;
    font-size: 90%;
    margin-right: 0.5em;
}

#main-cont h3 {	
	margin: 20px 0px 10px 0px;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
	font-size: 1.25em;
}
#main-cont i {}

#main-cont small {
	text-shadow: none;
}

#sidebox-cont {
    position: relative;
    z-index: 10;
}
#sidebox-cont h3 {
	font-family: 'Architects Daughter';    
    color: #f0f0f0;
    text-decoration: underline;
}

#sidebox-cont .moduletable {					
	margin-left: 10px;
    font-family: 'Architects Daughter';
	font-size: 1.1em;
	margin-bottom: 40px;
	background: url("../images/textures/tafel.jpg");
	padding: 10px 25px 10px 25px;	
	border-radius: 9px 5px 8px 4px;
	box-shadow: 1px 1px 2px #333333;	
	min-height: 100px;	
	color: #f0f0f0;    
}
#sidebox-cont .moduletable a {
    color: #f0f0f0;
}
#sidebox-cont .moduletable a:hover {
    text-decoration: none;
}

#main-top {}
#main-bottom {}


/* Blog-Auflistung mit Trennlinie */
.blog h2 {
	margin-top: 0px;
}
.blog .items-row.cols-1 {
	clear: both;
	margin-top: 60px;
}
.blog .items-row.cols-1.row-0 {
	border-top: none;
	padding-top: 0px;
	margin-top: 0px;
}
.blog .item-image img {}

.pagination {}

/* -------------------- /main row -------------------- */


/* -------------------- TEASER -------------------- */
#teaser-bar {}

.teaser-cont {
	z-index: 100;			
}
.teaser-cont ul {
	list-style-type: none;
	margin: 0px;
	font-size: 20px;		
	text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
	padding: 0px;
}
.teaser-cont li {
	margin-bottom: 10px;
	font-size: 26px;
    text-align: center;
}
.teaser-cont a {
	color: #eeeeee;	
}
.teaser-cont a:hover {    
	text-decoration: none;
	color: #ffffff;
}

#teaser-left-cont {
	position: fixed;		
	bottom: 30%;
	left: -40px;
	width: 60px;
	padding: 10px 20px 10px 10px;	
	border-radius: 0px 10px 10px 0px;
	box-shadow: 1px 1px 2px #333333;
	transition: all 0.4s ease-in-out 1s;
	text-align: right;	
}
#teaser-left-cont:hover {
	left: 0px;
	transition: all 0.4s ease-in-out 0.1s;
}

/* --- Small Display --- */
#teaser-wrapper {
	box-shadow: 0px 1px 2px #333333;    
	/*Sticky-Footer*/
	clear: both;
	position: absolute;
	bottom: 0px;	
	left: 0px;	
}
#teaser-row-cont {
	padding: 5px 0px;
}
#teaser-row-cont ul{	
	text-align: center;
}
#teaser-row-cont li {	
	display: inline-block;
	margin-right: 20px;
	margin: 0px 20px 0px 0px;
}
#teaser-row-cont li:last-child{	
	margin-right: 0px;
}

/* -------------------- /teaser -------------------- */
/* ============================== /layout ============================== */


/* ============================== INITS ============================== */
/* jQuery Scrollup-Button */
a.scrollup {
	display: none;
}



/* ============================== /inits ============================== */


/* ================================== MEDIA QUERIES ================================== */
/* Retina */
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (max--moz-device-pixel-ratio: 2) {
}

/* desktop */
@media (min-width: 768px) {
	body {
		background: url("../images/wallpapers/garten.jpg") no-repeat center center fixed; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	body.das-hotel, body.arrangements, body.zimmerpreise {
		background: url("../images/wallpapers/hotelzimmer.jpg") no-repeat center center fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
    body.das-restaurant, body.speisekarte, body.menueempfehlung, body.feste-feiern {
		background: url("../images/wallpapers/gartentisch.jpg") no-repeat center center fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
    body.kontakt, body.impressum {
		background: url("../images/wallpapers/zaun.jpg") no-repeat center center fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
    body.termine {
		background: url("../images/wallpapers/weinwanderweg.jpg") no-repeat center center fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}

    #main-cont-inner {
	    position: relative;
	    z-index: 10;
	    padding: 20px;
	    background: #FDF5E6;
        background: rgba(255,255,255,0.7);
	    border-radius: 5px 5px 5px 5px;
	    margin: 0px 30px 0px 30px;	
	    border: 1px solid #f0f0f0;
    }
    #main-cont h1 {        
        top: -50px;
        left: -50px;
        margin-bottom: -30px;
    }

    .navbar-brand {
        padding-top: 25px;
    }
    .moduletable.language {
        float: right;
        padding: 0px 20px;
    }
}

/* Large desktop */
@media (min-width: 992px) {		
	#main-wrapper {
		margin-bottom: 120px;
	}
	
	#main-cont {
		margin-top: -110px;
	}
	
	.navbar-dynamicpos {
		position: fixed;
		left: 0px;
		right: 0px;
		bottom: 0px;
		top: auto;
        z-index: 100;
		margin-bottom: 0px;
	}	
    .navbar-dynamicpos .navbar-nav > li > .dropdown-menu {
	    top: auto;
	    bottom: 100%;
    }
	
	#navbar-menu-cont b.caret {
		border-style: solid solid dotted;
        border-width: 0px 4px 4px 4px;
	}
    #sidebox-cont .moduletable {
        -moz-transform:rotate(-2deg);
        -webkit-transform:rotate(-2deg);
        -webkit-backface-visibility: hidden; 
        -o-transform:rotate(-2deg);
        -ms-transform:rotate(-2deg);
        transform:rotate(-2deg);    
    }

    /*Zoome Flaschen in Kategorieansicht*/
    .hikashop_product_image a {
	    position: absolute;
	    top: 5px;
	    left: 0px;
	    right: 0px;	    
        margin: 0px auto;	    
    }
    .hikashop_product_image img {
        position: relative;
        height: 150px;		    
        transition: all 0.6s ease-in-out 0.1s;
        z-index: 10;
    }
    .hikashop_product_image img:hover {
        height: 300px;        
	    transition: all 0.6s ease-in-out 0.1s;	
        z-index: 20;
    }
}

/* Portrait tablet to landscape and desktop */
@media (max-width: 991px) {	
	#main-cont {
		margin-bottom: 20px;
	}
	
	#header-wrapper {	
		margin-top: 115px;
		margin-bottom: 20px;
	}
	.navbar-dynamicpos {
		position: absolute;
		z-index: 30;
		left: 0px;
		right: 0px;
		top: 0px;
		bottom: auto;
		margin-bottom: 0px;
	}
	#sidebox-cont  {		
		margin-top: 20px;        
	}
    #sidebox-cont .moduletable {
        width: 70%;
        margin-left: 30px;
    }
	.moduletable.hide-content {
		top: 70px;
	}	
	.hikashop_product, .hikashop_category {
		float: none !important;
	}
	.hikashop_product_description_main {		
		margin-top: 0px;
	}

    #teaser-left-cont {
	    left: 0px;	
    }
	
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	body {
        background: url("../images/textures/Texture0201.jpg")
    }
    #logo-wrapper {		
		width: 180px;
		margin: 0px auto;
	}
	#main-wrapper {
		/*Sticky Footer*/
		margin-bottom: 50px;		
	}	
    #main-cont h1 {
    font-size: 2.0em;
    }	
	
	/*collapse the navbar*/
	
	.hikashop_product_page { width: 100%; }
}

/* portrait phone and down */
@media (max-width: 480px) {
}

/* print styles */
@media print {
* { background: transparent !important; color: #444 !important; text-shadow: none; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a:after { content: " (" attr(href) ")"; }
  abbr:after { content: " (" attr(title) ")"; }    .ir a:after { content: ""; }  /* Don't show links for images */    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }    img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}

/* ============================== /media queries ============================== */