@charset "utf-8";
/* CSS Document */

	body { color:#553317; background: #cccccc; }
	
	.hr { background:#ffffff; }
	
	/*----*****---- << Headings >> ----*****----*/
	
	h1, h2, h3, h4, h5, h6 { color:#553317; }
	
	h2 { font-weight: 900; }	
	
	/*----*****---- << Header >> ----*****----*/
	
	#header { background:#573519; border-bottom:1px solid #3b220e; }
        #main-nav {width: 100%;}
	#main-nav ul li { background-image: none; }
	#main-nav ul li span { border-bottom:0px none !important; }
	#main-nav ul > li > a { color:#cccccc; }
	#main-nav ul > li:hover > a { color:#c2805f; }
	
	#main-nav ul > span { display: none;}	
	
	#main-nav ul ul { background:#573519; }
	#main-nav ul ul li { background:url(images/sub-menu-splitter.jpg) bottom repeat-x; }
	#main-nav ul li:first-child > a:after { border-bottom:6px solid #ff9b48; }	
	#main-nav ul ul ul li:first-child a:after { border-right: 6px solid #ff9b48; }
	#main-nav ul#menu-oben > li.current_page_item {background: #ffea84; transition: all 0s} /*#e96666*/
	#main-nav ul#menu-oben > li.current_page_item > a {color: #0a0505}
	#main-nav ul li:first-child > a:after {	content:''; border: 0 none !important;}
	#logo {display: none;}
	
	/*----*****---- << Text Elements >> ----*****----*/
	.bigsizeheadline {text-align: center; font-family: Vollkorn; font-weight: bold; margin-bottom: 130px; color: #c2805f;}
        .hr { background:#252525; }
	.content.dark-bg .hr { background:#393439; }	
	.content.dark-bg .hr-border { border:4px double #393439; }
	
	.content.dark-bg pre, .content.dark-bg code{ background-color:#393439; }
	.content .pattern { background-image: none !important; }
	#main .content { background: #f0f2cb; }
	
        input[type=submit], #main .btn { background: #ffc956; border:none; color:#3d3d3d; text-transform:uppercase; font-weight:bold; margin:10px 0px 0px; font-size:14px; padding:14px 20px 15px; float:right; cursor:pointer; -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear; transition:all 300ms linear; }	
	input[type=submit]:hover { color:#262626; }
	#main .main-title {background-image:url('images/title-border.png')}
	input[type="tel"], input[type="number"], input[type=date] {background: #dedcce;border: 1px solid #b2af9c;color: #3d3d3d;padding: 15px 10px;display: block;font-size: 14px;margin: 10px 0 10px;}
	input[type="tel"]:focus, input[type="number"]:focus, input[type=date]:focus, select:focus {border-color: #4e4a30;}
	input[type="submit"], .button, .btn {margin: 0px 25px 0px 0px}
        #main .pr-tb-col.yellow .button {padding: 15px 20px; background: #ffea84;}
	input[type="submit"]:hover, .button:hover, .btn:hover {background: #c2805f !important;}
	input[type="text"], input[type="tel"], input[type="email"], textarea, select {background:#F0F2CB; color: #000000}
        #main .btn {border-radius: 0px; text-shadow: transparent 0px 0px 0px}
	
	#main article.content:nth-child(even) {background: rgb(255, 234, 132);}
	#main article.content:nth-child(odd) {background: rgba(255,255,255,0);}
	
	article#home .main-title {background-image: none;}
	article#home .main-title h2 {display: none;}
	
	#footer h1 a:hover, #footer h2 a:hover, #footer h3 a:hover, #footer h4 a:hover, #footer h5 a:hover, #footer h6 a:hover, #footer ul li a:hover, #footer .widget.widget_recent_entries .entry-metadata .tags a, #footer .categories a, a, #main .timely a:not(.btn) {color:#c2805f}
	#main .timely a:hover:not(.btn) {color: #3d3d3d;}
        td {background: #F0F2CB}
        
        .mobile-visible {display: none;}
        .mobile-invisible {display: block;}

		/*----*****---- << Portfolio >> ----*****----*/
		
		.portfolio-image .image-overlay	{ background:url(images/portfolio-four-col.png) center center no-repeat; }
		.portfolio.four-column.with-sidebar .image-overlay { background:url(images/portfolio-four-col-sidebar.png) center center no-repeat; }
		.portfolio.three-column .image-overlay { background:url(images/portfolio-three-col.png) center center no-repeat; }
		.portfolio.three-column.with-sidebar .image-overlay { background:url(images/portfolio-three-col-sidebar.png) center center no-repeat; }

	/*----*****---- << Main >> ----*****----*/
	
	.content { background:#ffffff; }
	.content.dark-bg { background:url(images/spa-pattern-dark.jpg) 50% bottom repeat fixed; }
	
	.youtube {width:940px; height:625px;}
	
	#main .rounded-image-border span { box-shadow: 1px 2px 6px -1px #000000; border-width: 0px; }
	#main .rounded-image-border span:hover { border-width: 0px; }
	a#scrollUp {background-image: url(images/pfeil.png); background-position: center 6px; background-repeat: no-repeat; height: 20px; border-radius: 20px;}
	a#scrollUp:hover {background-image: url(images/pfeil.png); background-position: center 6px; background-repeat: no-repeat;}
    .singlecolumn {float: left; position: relative; width: 100%;}
    .column.background, .singlecolumn.background {background: #ffea84; margin-bottom: 20px;}
    .column .column-spacer, .singlecolumn .column-spacer {margin: 10px;}
		
	#map-canvas{width: 940px; height:600px;}
	
                /*----*****---- << Preis >> ----*****----*/
                
                .pr-tb-col.yellow .tb-header {background: #ffea84}
                .pr-tb-col.yellow .buy-now {background: #F0F2CB}
                .pr-tb-col.yellow .tb-header h5{height: 3em}
				
		/*----*****---- << Blog >> ----*****----*/
                
        article.blog-single-entry .single-entry {display:none;}
		
                
                
		/*----*****---- << About >> ----*****----*/
		
		.testimonial-wrapper .rounded-image span { border:5px solid #523d28; }
	
		.testimonial-content-wrapper { background:url(images/testimonial-arrow.png) left 30px no-repeat; }
		.testimonial-content { background:#523d28 url(../../images/quote.png) 95% 85% no-repeat; border-bottom:2px solid #6b6252; color:#f1ead7; }
		
		.testimonial-slider-arrows a { color:#3c3942; }
		
		/*----*****---- << Shortcodes >> ----*****----*/
		
		.toggle-frame h5.toggle-accordion, .toggle-frame h5.toggle { background-color:#523d28; }
		
		/*----*****---- << Team >> ----*****----*/
		
		.team-wrapper p { color:#553317; }
		.team-wrapper .rounded-image span { border:6px solid #523d28; }
		
		.team-wrapper .social-share a { background:url(images/team-social-icons.png) no-repeat; }
		
		.team-wrapper .social-share a.facebook, .team-wrapper .social-share a.facebook:hover { background-position:-102px top; }
		.team-wrapper .social-share a.twitter, .team-wrapper .social-share a.twitter:hover { background-position:-136px top; }
		.team-wrapper .social-share a.linkedin, .team-wrapper .social-share a.linkedin:hover { background-position:-170px top; }
		.team-wrapper .social-share a.google, .team-wrapper .social-share a.google:hover { background-position:-68px top; }
		.team-wrapper .social-share a.skype, .team-wrapper .social-share a.skype:hover { background-position:left top; }
		.team-wrapper .social-share a.flickr, .team-wrapper .social-share a.flickr:hover { background-position:-34px top; }
		
		.team-wrapper:hover .social-share a.facebook { background-position:-102px -41px; }
		.team-wrapper:hover .social-share a.twitter { background-position:-136px -41px; }
		.team-wrapper:hover .social-share a.linkedin { background-position:-170px -41px; }
		.team-wrapper:hover .social-share a.google { background-position:-68px -41px; }
		.team-wrapper:hover .social-share a.skype { background-position:left -41px; }
		.team-wrapper:hover .social-share a.flickr { background-position:-34px -41px; }
		
		/*----*****---- << Blog >> ----*****----*/
		
		.blog-entry .entry-thumb-meta { background:#B8A271; }		
		.blog-entry .entry-metadata { background:#523D28; }
		
		.slider-controls a.prev-posts, .slider-controls a.next-posts { color:#513B2A; }
		
		.slider-controls #pager a { background:#513B2A; }
		
		/*----*****---- << Portfolio >> ----*****----*/
		
		.portfolio .portfolio-image { border:6px solid #523d28; }
		.portfolio .portfolio-image:hover { border:6px solid #d06262; }
		.portfolio-image .image-overlay a.zoom .icon-plus, .portfolio-image .image-overlay a.link .icon-link { color:#513b2a; }
		
		#sorting-container a:hover, #sorting-container a.active-sort { background:#513B2A; color:#F1EAD7; }
		
		/*----*****---- << Contact >> ----*****----*/
		
		.dark-box { background:#523d28; }
		.dark-box label, .dark-box h1, .dark-box h2, .dark-box h3, .dark-box h4, .dark-box h5, .dark-box  h6 { color:#f1ead7; }
		.dark-box label span { color:#e96666; }
		
		
		/*----*****---- << Themen >> ----*****----*/
		
		article#themen h5 {clear: both; height: 50px}
		
		/*----*****---- << Gästebuch >> ----*****----*/
		
		.css_guestbook_font_color .css_post_message {background: rgb(240,242,203);padding: 35px;font-size: 1.1em;margin: 0px 0px 50px 0px;}
		.css_guestbook_font_color .css_post_embedded > div > table td {background: rgb(255, 234, 132); border: 0 none; padding: 12px 35px 12px;}
		.css_guestbook_font_color .css_post_header1 {font-size: 2em; text-align: left}
		.css_guestbook_font_color .css_post_header1 > br {display: none}
		.css_guestbook_font_color .css_post_header4 {display: inline;font-size: 0.5em;margin-left: 30px;}
		.css_guestbook_font_color .css_post_separator {display: none}
		.css_guestbook_font_color > table {display: none}
                
                /*----*****---- << Kalender >> ----*****----*/
                
                #main article.ai1ec_event.type-ai1ec_event {background: #ffea84;}
                article.ai1ec_event.type-ai1ec_event .single-entry {display: none;}
                article.ai1ec_event.type-ai1ec_event .ai1ec-event-details .ai1ec-label {color: #3d3d3d; width: 130px;}
                article.ai1ec_event.type-ai1ec_event .ai1ec-event-details .ai1ec-field-value {margin-left: 140px;}
                #main .ai1ec-gmap-link {font-size: 10px; padding: 6px 11px 6px}
                article.ai1ec_event.type-ai1ec_event .comment-form input#submit {margin-right: 9px;}
                
                
                #main .ai1ec-posterboard-view .ai1ec-event-wrap {background: #ffea84}
                #main .ai1ec-agenda-widget-view a {color: #3d3d3d}
                
                
                #main .ai1ec-load-view .ai1ec-month {background: #c2805f; color: white}
                #main .ai1ec-date-block-wrap {background: #fbfbfb;}
                #main a.ai1ec-load-view {text-shadow: transparent 0px 0px 0px; color: #3d3d3d !important;}
                
                #main h2.ai1ec-calendar-title {color: #3d3d3d !important; font-weight: bold}
                
                #main .ai1ec-pagination .btn {float: left;}
                .ai1ec-calendar-toolbar {display: none;}		
		
		.ai1ec-agenda-widget-view .ai1ec-date, .ai1ec-agenda-view .ai1ec-date {background:none !important;border:0 none !important;}	
                
                /*----*****---- << Search >> ----*****----*/
                
                #main .blog-entry .entry-thumb-meta {border-radius: 0px; background: #ffea84;}
                #main .blog-entry .entry-metadata {background: #3d3d3d}
				
				/*----*****---- << Anmeldeformular >> ----*****----*/
				article#anmeldeformular label, article#anmeldeformular label span {color:#553317}
				article#anmeldeformular label:after { content:"\A"; white-space:pre; }
                
		/*----*****---- << dobsp Kalender >> ----*****----*/
		.DOPBSPCalendar-wrapper td {background: none}		
		#main .dopbsp-module .dopbsp-input-wrapper input[type=submit] {padding-left: 15px;padding-right: 15px;margin-top: 10px;}
		#main .dopselect-single.dopbsp-small {margin:auto}
		#main .DOPBSPCalendar-info-message {background: #f8f8f8; width: 100%;}
		#main .DOPBSPCalendar-info-message .dopbsp-text {margin: 46px 0 0 0}
		
		/*----*****---- << Footer >> ----*****----*/
		
		#footer { background:#252525; }
		
		#footer .widget.widget_recent_entries .entry-metadata { background:#363636; }		
		#footer .hr { background:#363636; }
		#footer .widget form {margin: -8px 0px 0px;}
		#footer .widget form input[type="submit"] {margin: 0px 8px 0px 0px}
		#footer .widget_ai1ec_agenda_widget {height: 280px; overflow-y: hidden; padding-bottom: 0px;}
		#footer .ai1ec-agenda-widget-view .ai1ec-date-title, #footer .ai1ec-agenda-view .ai1ec-date-title, #footer .ai1ec-agenda-widget-view .ai1ec-month, #footer .ai1ec-agenda-widget-view .ai1ec-event > a {border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px}
		#footer .ai1ec-agenda-widget-view .ai1ec-event > a {background: #F0F2CB; border-color: #F0F2CB; color: #000000;}
		#footer input[type=submit] {background: #ffea84}
		
		#footer form.wpcf7-form [name=your-message] {height: 20px; transition: height 0.5s; -o-transition: height 0.5s; -moz-transition: height 0.5s; -webkit-transition: height 0.5s;}
		#footer form.wpcf7-form [name=your-message]:focus {height: 264px}
                
                #footer .copyright {color: #ffea84; font-size: 2em; text-align: center; width: 100%; font-weight: bold}
		
		/*----*****---- << Menu >> ----*****----*/
		
		.menu-list { border-bottom:none; }
		.menu-list p { font-size:14px; color:#4e4635; }
		.menu-list p span { color:#997239; }
		.menu-list .menu-image span { border:5px solid #523d28; }
		.menu-list h6 { background:url(images/menu-title-border.png) left 16px repeat-x; font-size:18px; color:#322f20; margin-bottom:15px; padding-right:80px; }
		.menu-list h6 span { background:url(images/spa-pattern-dark.jpg) repeat; }
		
		.menu-list .menu-item-price { position:absolute; top:10px; right:0px; color:#ffffff; font-size:16px; line-height:18px; height:21px; background:url(images/menu-price-bg.png) repeat-x; padding:0px 10px; border-radius:5px 5px 0px 0px; }
		
		ul.tabs li a { color:#9f8570; }
		ul.tabs li a.current, ul.tabs li a:hover { color:#553317; }
		
		
		
	
/*----*****---- << Responsive >> ----*****----*/


@media only screen and (min-width:960px) and (max-width:1300px) {
	article#home hgroup.main-title {height: 0px; margin-bottom: 25px;}
}

	/*----*****---- << Tablet (Portrait) >> ----*****----*/	
	
    /* Note: Design for a width of 768px, Gutter: 30px, Unit: 32px */
	
@media only screen and (min-width:768px) and (max-width:959px) {

	.mytheme-map {height: 700px}
	article#home hgroup.main-title {height: 0px; margin: 0px;}
	.youtube {width:748px; height:497px;}
	#map-canvas{width: 748px;}
	.one-fourth {width: 46.8%; margin-bottom: 20px;}
	.one-fourth:hover {margin-bottom: 10px;}
}
    /*----*****---- << Mobile (Landscape) >> ----*****----*/	
	
    /* Note: Design for a width of 480px */

@media only screen and (min-width: 480px) and (max-width: 767px) {
        .mobile-visible {display: block !important;}
        .mobile-invisible {display: none !important;}
	.bigsizeheadline {font-size: 2em;}
	.mytheme-map {height: 500px}
	article#home hgroup.main-title {height: 0px; margin: 0px;}
	.css_guestbook_font_color  .css_post_header4 {display: block;width: 100%;margin-left: 0px;margin-top: 10px;}
	.css_post_embedded table td {display: none;}
	.css_post_embedded table td.css_post_header1 {display: table-cell;}
	.youtube {width:420px; height:279px;}
}
	
	/*----*****---- << Mobile >> ----*****----*/	

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (min-width: 320px) and (max-width: 479px) {
        .mobile-visible {display: block !important;}
        .mobile-invisible {display: none !important;}
        .bigsizeheadline {font-size: 2em;}
	.mytheme-map {height: 300px;}
	#footer .widget_ai1ec_agenda_widget {height: auto; overflow: auto;}
	.css_guestbook_font_color  .css_post_header4 {display: none !important;}
	.css_post_embedded table td {display: none;}
	.css_post_embedded table td.css_post_header1 {display: table-cell;}
	.youtube {width:300px; height:200px;}
}
	
	/*----*****---- << Mobile >> ----*****----*/	

	/* Crappy Android portrait Size (devices and browsers) */
@media only screen and (max-width:320px) {
        .mobile-visible {display: block !important;}
        .mobile-invisible {display: none !important;}
	.bigsizeheadline {font-size: 2em;}	
        .mytheme-map {height: 300px}
	#footer .widget_ai1ec_agenda_widget {height: auto; overflow: auto;}
	.css_guestbook_font_color  .css_post_header4 {display: none !important;}
	.css_post_embedded table td {display: none;}
	.css_post_embedded table td.css_post_header1 {display: table-cell;}
	.youtube {width:200px; height:133px;}
} 
