html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: transparent; -webkit-overflow-scrolling: touch; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
body { background: #f8f7f6; width: 100%; font-family: 'Source Sans Pro', sans-serif; color: #3c322a; font-size: 16px; font-weight: 400; line-height: 1.4; }

*, *::before, *::after { box-sizing: border-box; padding: 0; margin: 0; }
a { color: #b73232; text-decoration: none; font-weight: 600; }
a:hover { color: #f52f46; }

img, iframe { border: none; }
*:focus { outline: none; }
select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #000; }
a[href^=tel] { color:inherit; text-decoration: none; font-weight: inherit; }
input, button, select, optgroup, textarea { font-family: inherit; font-size: inherit; line-height: inherit; }

.clear { clear: both; height: 0; }
.clearfix::after, .widthFix::after { display: block; content: ""; height: 0; clear: both; visibility: hidden; }

h1, h2, h3, h4, h5, h6 { margin: 0 0 10px 0; }
p, table { margin: 0 0 15px 0; }
h1, h2 { font-size: 28px; font-weight: 400; color: #b73232; line-height: 1.25; font-family: 'Goudy Bookletter 1911', serif; margin: 0 0 15px 0; }
h2 { font-size: 24px; padding-top: 10px; margin: 0 0 5px 0; }
h1 + h2 { font-size: 22px; font-family: 'Source Sans Pro', sans-serif; color: #877a6f; padding-top: 0; margin: -13px 0 15px 0; }
h3, h4 { font-size: 18px; font-weight: 400; color: #b73232; padding-top: 10px; margin: 0 0 5px 0; }
h3 { border-bottom: 1px solid rgba(78,59,44,.15); clear: both; }
.row h2 { padding-top: 0; margin: 0 0 15px 0; }
.attention { font-size: .9em; color: #b73232; text-align: right; margin-top: -5px; }

#header, #mainNav, #emotion, #main, .row, #content, #footer { width: 100%; position: relative; overflow: hidden; z-index: 1; }
.widthFix { max-width: 1440px; position: relative; margin: 0 auto; }
#logo a, #logo img, #emotion img, .blog img, .gallery img { display: block; width: 100%; height: auto; }
ul.nav { list-style-type: none; }
ul.nav a { font-weight: 400; text-decoration: none; }
#signet, #subNav, #stickyFix, .hide { display: none !important; }

#header { background-color: #c7bfb7; background-image: url(/gfx/bg-header.jpg); background-repeat: repeat; background-position: 0 0; z-index: 100; }
#hotline { background: #564d45; width: 100%; padding: 8px 15px; text-align: right; }
	#hotline .phone { display: block; float: right; font-size: 19px; line-height: 1; color: #fff; padding-left: 20px; position: relative; }
		#hotline .phone::before { content: '\e807'; position: absolute; top: 2px; left: 0; }
#logo { width: 220px; padding: 13px 15px 10px 15px; }

#mainNav { background: #564d45; overflow: visible; }
#menu { width: 100%; position: relative; opacity: 0; max-height: 0; overflow: hidden; }
.menuActive #menu { opacity: 1; max-height: 1000px; }
	#menu ul li { position: relative; }
		#menu ul li a { width: 100%; display: block; font-size: 22px; font-weight: 400; font-family: 'Goudy Bookletter 1911', serif; line-height: 50px; padding: 0 0 0 15px; color: #fff; border-top: 1px solid rgba(255,255,255,.15); }
 			#menu ul li a:hover, #menu ul li a.current, #menu ul li a.active { background: #b73232; }
				#menu ul li span.more, #menu ul li.active.open span.more { display: block; cursor: row-resize; width: 50px; height: 50px; font-size: 32px; line-height: 50px; color: #fff; position: absolute; top: 1px; right: 0; }
					#menu ul li span.more::before, #menu ul li.active.open span.more::before { content: '\f107'; width: 100%; }
				#menu ul li.open span.more, #menu ul li.active span.more { line-height: 45px; }
					#menu ul li.open span.more::before, #menu ul li.active span.more::before { content: '\f106'; }
		/* ZWEITE MENÜEBENE */
		#menu ul ul, #menu ul li.active.open ul { max-height: 0; overflow: hidden; }
		#menu ul li.open ul, #menu ul li.active ul { max-height: 1000px; }			
			#menu ul ul li a { max-height: 44px; font-size: 18px; font-family: 'Source Sans Pro', sans-serif; line-height: 43px; padding: 0 0 0 35px; color: #fff; border-color: #564d45; }

#emotion .shanty, #emotion .imageContainer { width: 100%; background: #fff; }
	#emotion .slick-arrow { display: block; background: transparent; width: 30px; height: 100%; border: 0; color: #fff; cursor: pointer; position: absolute; top: 0; z-index: 20; opacity: .5; }
		#emotion .slick-arrow:hover { opacity: 1; }
		#emotion .slick-arrow.prev { left: 0; }
		#emotion .slick-arrow.next { right: 0; }
			#emotion .slick-arrow::before { content: '\f104'; font-size: 40px; line-height: 100%; }
			#emotion .slick-arrow.next::before { content: '\f105'; }
	#emotion ul.slick-dots { width: 100%; height: 10px; text-align: center; position: absolute; left: 0; bottom: 6px; z-index: 20; }
		#emotion li { display: inline-block; margin: 0 3px; }
			#emotion li button { display: block; background: rgba(255,255,255,.5); width: 10px; height: 10px; text-indent: -5000px; border: none; border-radius: 50%; cursor: pointer; }
				#emotion li.slick-active button { background: rgba(255,255,255,1); }
	#emotion .cta { width: 100%; background: #564d45; padding: 10px 15px; color: #fff; position: relative; }
		#emotion .cta p { margin-bottom: 10px; line-height: 1.3; }
		#emotion .cta .buttonCol { float: right; }
			#emotion .cta .btn { display: block; background: rgba(0,0,0,.3); float: left; margin: 0 0 0 10px; }
				#emotion .cta .btn:hover { background: #b73232; color: #fff; }
			#emotion .cta .btn.booking { background: #b73232; }
				#emotion .cta .btn.booking:hover { background: #f52f46; }

#main .widthFix, .row .widthFix { max-width: 960px; padding: 20px 15px; }
#main.wide .widthFix { max-width: 1440px; }
.text-center { text-align: center; }
.row:nth-child(even) { background: #fff; }

#footer { background: #564d45; color: #fff; padding: 25px 15px 20px 15px; }
	#footer a { color: #fff; font-weight: 400; }
		#footer a:hover { color: #f52f46; }
	#footerNav { width: auto; display: table; margin: 0 auto; padding-bottom: 13px; }
		#footerNav ul li a { display: block; width: 160px; background: rgba(0,0,0,.3); font-size: 20px; line-height: 40px; font-family: 'Goudy Bookletter 1911', serif; text-align: center; color: #fff; margin: 0 0 12px 0; border-radius: 4px; }
			#footerNav a:hover, #footerNav a.current { color: #fff; background: #b73232; }
	#contact { font-size: 17px; line-height: 1.4; text-align: center; padding: 15px 0; border-top: 1px solid rgba(255,255,255,.15); border-bottom: 1px solid rgba(255,255,255,.15); position: relative; }
	#footer .author { width: 100%; font-size: 14px; text-align: center; padding-top: 20px; }
		#footer .author a { color: rgba(255,255,255,.4); }
			#footer .author a:hover { color: rgba(255,255,255,1); }
	#footer .copyright { display: block; }

/* BOX + BLOG ÜBERSICHT */
#main .blog { display: block; background: #fff; width: 100%; padding: 15px; margin-top: 20px; border: 1px solid #dfd8d8; border-radius: 6px; position: relative; overflow: hidden; }
	#main .blog img { width: 30%; float: right; margin: 0 0 15px 20px; }
	#main .blog h2 { padding: 0; margin-bottom: 10px; }
	#main .blog *:last-child { margin: 0; }

/* TABELLEN + LISTEN */
table { width: 100%; padding-top: 15px; font-size: 1em; line-height: 1.3; }
	table a { font-weight: 400; }
table td, table th { background: #fff; padding: 8px 10px; text-align: left; vertical-align: top; border-radius: 4px; }
table th { font-weight: 600; background: #877a6f; color: #fff; }

table.priceTable th:nth-child(n+2), table.priceTable td:nth-child(n+2) { text-align: right; }
.row:nth-child(even) table td { background: #f5f4f3; }

#content ul, #content ol { line-height: 130%; padding-left: 30px; margin: 0 0 15px 0; }
	#content ul li { padding: 3px 0; }
.text-center ul, .text-center ol { display: table; width: auto; text-align: left; padding-left: 20px; margin: 0 auto 15px auto !important; }

/* BILDER */
.picBanner, .pic3left, .pic3right, .single3left, .single3right { display: block; width: 100%; height: auto; margin: 0 0 15px 0; }

/* EFFEKTE */
#mainNav, #menu, #menu ul, #menu a, #menu a::before, #footer a, #subNav ul li a, #subNav ul li a::after, .btn { -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; transition: all .4s ease-out; }
#header { -webkit-transition: background .4s ease-out; -moz-transition: background .4s ease-out; transition: background .4s ease-out; }
.fixed #signet { -webkit-transition: all .4s ease-out .3s; -moz-transition: all .4s ease-out .3s; transition: all .4s ease-out .3s; }

/* Responsive Menu */
#toggleNavbar { display: block; width: 55px; height: 39px; padding: 0 15px; position: absolute; top: 70px; right: 0; z-index: 100; }
#toggleNavbar .icon, #toggleNavbar .icon::before, #toggleNavbar .icon::after { background: #fff; width: 25px; height: 3px; position: absolute; box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.8); -webkit-transition: all .6s ease; -moz-transition: all .6s ease; transition: all .6s ease; transition-timing-function: cubic-bezier(.75, 0, .29, 1.01); }
#toggleNavbar .icon { top: 18px; left: 15px; }
#toggleNavbar .icon::before { content: ""; top: -7px; }
#toggleNavbar .icon::after { content: ""; top: 7px; }

/* on activation */
.menuActive #toggleNavbar .icon { background: transparent; box-shadow: none; }
.menuActive #toggleNavbar .icon::before { box-shadow: none; top: 0 !important; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.menuActive #toggleNavbar .icon::after { box-shadow: none; top: 0 !important; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); transform: rotate(-225deg); }

/* SITEMAP */
#content ul.sitemap { display: table; width: auto; margin: 0 auto; padding: 10px 0 0 0; list-style-type: none; text-align: left; }
	#content ul.sitemap li { padding: 8px 0; }
		#content ul.sitemap li a { font-size: 20px; padding-left: 15px; position: relative; display: inline-block; text-decoration: none; }
		#content ul.sitemap a::before { content: '\f105'; font-size: inherit; position: absolute; top: 0; left: 2px; }
		#content ul.sitemap li p { font-size: 15px; margin: 0; padding: 2px 0 0 16px; }
			#content ul.sitemap ul { padding: 8px 0 8px 35px; margin: 0; border: none; list-style-type: none; }
				#content ul.sitemap ul li a { font-size: 17px; }

/* GOOGLE MAPS */
.responsiveContainer { width: 100%; position: relative; padding-bottom: 56.2%; height: 0; margin: 0 0 25px 0; overflow: hidden; }
#notice { padding: 5px; white-space: nowrap; }
#notice h4 { font-size: 18px; padding: 0; margin: 0; }
#map, .video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* GALLERY */
.gallery { width: 100%; padding-top: 15px; }
	.gallery a { display: block; width: 100%; margin: 0 0 15px 0; overflow: hidden; text-decoration: none; }
	.gallery a.group { width: 31.5%; float: left; margin: 0 2.75% 2.75% 0; box-shadow: 0 0 8px 0 rgba(0,0,0,.3); border-radius: 6px; }
		.gallery a.group:nth-child(3n) { margin: 0 0 2.75% 0; }

/* NORMALIZE RADIO + CHECKBOX */
input[type='checkbox']:checked, input[type='checkbox']:not(:checked), input[type='radio']:checked, input[type='radio']:not(:checked) { background: transparent; position: absolute; visibility: hidden; }
input[type='checkbox'] + label, input[type='radio'] + label { cursor: pointer; }

/* KONTAKTFORMULAR */
.contactform > div { margin-bottom: 15px; text-align: left; }
.contactform div.devider, .contactform div.advice { clear: both; padding-top: 10px; }
	.contactform div.advice { font-size: .9em; text-align: center; }
	label, input, select { display: inline-block; font-size: 1em; font-weight: 400; border: none; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
	.contactform label, .contactform input { width: 80px; font-size: 17px; height: 36px; line-height: 36px; }
	.contactform input { width: 100%; max-width: 320px; font-size: 16px; padding-left: 10px; border: 1px solid #dfd8d8; border-radius: 4px; }

	.contactform select { width: auto; height: 35px; font-size: 15px; padding: 6px 34px 7px 10px; margin-right: 1px; border: 1px solid #dfd8d8; background-color: #fff; background-image: url(/gfx/arrow.png); background-position: right top; background-repeat: no-repeat; background-size: 33px auto; }
	.contactform select::-ms-expand { display: none; }
	.contactform .date label { display: block; }
		
	.contactform .persons label, .contactform .childs label { width: auto; margin-right: 10px; }
	.contactform .persons input, .contactform .childs input { width: 42px; text-align: center; padding: 0; margin-right: 6px; }
	.contactform .childs {  float: left; }

	.contactform .service label { width: auto; } 
	.contactform .service input { display: block; float: left; background: transparent; width: 20px; height: 20px; padding: 0; margin: 6px 6px 0 0; border: none; }
	.contactform input[type='checkbox']:checked + label::before, .contactform input[type='checkbox']:not(:checked) + label::before, .contactform input[type='radio']:checked + label::before, .contactform input[type='radio']:not(:checked) + label::before { content:''; background: #fff; display: inline-block; width: 17px; height: 17px; position: relative; top: 3px; border: 1px solid #dfd8d8; margin-right: 10px; }
	.contactform input[type='checkbox']:hover + label::before, .contactform input[type='radio']:hover + label::before { background: #afa79c; box-shadow: inset 0 0 0 3px #fff; }
	.contactform input[type='checkbox']:checked + label::before, .contactform input[type='radio']:checked + label::before { background: #801703; box-shadow: inset 0 0 0 3px #fff; }

	.contactform textarea { width: 100%; height: 150px; font-family: 'Oxygen', sans-serif; font-size: 16px; font-weight: 400; padding: 10px; border: 1px solid #dfd8d8; border-radius: 4px; }
	.contactform .submit { padding-top: 10px; margin-bottom: 40px; }
	.contactform .submit .btn { display: block; margin: 0 auto; }
	#content .error_message ul { width: 100%; background: #fff; list-style-type: none; color: #c00; padding: 10px 15px; margin: 0 auto 20px auto; border: 3px solid #bb0000; }
	.contactform .small { display: block; color: #c00; font-size: 15px; line-height: 2; }
	.contactform .fb_invalid input { border-color: #c00; }
	.contactform .privacy.fb_invalid { border-left: 3px solid #c00; padding-left: 15px; }

.contactform .privacy label { width: 95%; height: auto; line-height: 1.4; padding-left: 25px; }
.contactform .privacy label::before { margin-left: -25px; }

/* BUTTONS */
.btn { display: inline-block; background: #877a6f; font-size: 20px; font-weight: 400; line-height: 40px; text-transform: uppercase; color: #fff; border: none; border-radius: 4px; margin: 0 15px 10px 0; padding: 0 20px; text-align: center; text-decoration: none; cursor: pointer; position: relative; overflow: hidden; }
	.btn:hover { background: #b73232; color: #fff; }


/* table fix
---------------------------- */

@media screen and (max-width: 560px) {

/* Force table to not be like tables anymore */
table.priceTable, table.priceTable tbody, table.priceTable tr, table.priceTable th, table.priceTable td { display: block; }

/* Hide table headers  */
table.priceTable tr:nth-of-type(1), table.priceTable th { display: none; }
table.priceTable td { position: relative; padding-left: 40%; text-align: right; margin-bottom: 2px; }
table.priceTable td:before { content:attr(data-label); position: absolute; top: 8px; left: 10px; white-space: nowrap; text-align: left; }
table.priceTable td:nth-of-type(1) { font-weight: 600; background: #877a6f; color: #fff; }

}


/* little fixes
---------------------------- */

@media screen and (min-width: 370px) {

.pic3left, .single3left { float: left; width: 36%; margin: 0 15px 10px 0; }
.pic3right, .single3right { float: right; width: 36%; margin: 0 0 10px 15px; }

/* GALLERY */
.gallery a.folder { width: 31.5%; float: left; margin: 0 2.75% 2.75% 0; }
	.gallery a.folder:nth-child(3n) { margin: 0 0 2.75% 0; }

/* KONTAKTFORMULAR */
.contactform input { width: calc(100% - 80px); }

}

/* Landscape phone to portrait tablet 
---------------------------- */

@media screen and (min-width: 480px) {

h1 { font-size: 32px; }
h2 { font-size: 26px; }
h1 + h2 { font-size: 24px; }

#hotline { background: transparent; width: auto; padding: 0; text-align: left; position: absolute; top: 10px; right: 20px; }
	#hotline .phone { float: none; font-size: 20px; font-weight: 600; text-shadow: 1px 1px 2px rgba(0,0,0,.8); }
#logo { width: 240px; padding: 13px 20px 10px 20px; }
#toggleNavbar { top: 70px; right: 5px; }

#emotion .slick-arrow { width: 36px; }
	#emotion .slick-arrow::before { font-size: 50px; }
#emotion ul.slick-dots { height: 12px; bottom: 10px; }
	#emotion li { margin: 0 4px; }
		#emotion li button { width: 12px; height: 12px; }
#emotion .cta { padding: 0; }
	#emotion .cta p { width: calc(100% - 140px); margin: 0; padding: 0 20px; position: absolute; top: 50%; left: 0; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
		#emotion .cta .btn { width: 140px; float: none; margin: 0; border-radius: 0; }

#main .widthFix, .row .widthFix { padding: 25px 20px 35px 20px; }

#footer { padding: 30px 0 25px 0; }
	#footerNav { padding-bottom: 20px; }
		#footerNav ul { width: 340px; }
			#footerNav ul li { float: left; }
				#footerNav ul li a { margin: 0 5px 10px 5px; }
	#contact { width: auto; display: table; margin: 0 auto; text-align: left; padding: 15px 20px 15px 120px; }
		#contact::before { content: '\f0e6'; font-size: 80px; height: 80px; line-height: 80px; position: absolute; top: 50%; left: 20px; margin-top: -40px; opacity: .15; }
	#footer .author { padding-top: 25px; }

/* BOX + BLOG ÜBERSICHT */
#main .blog { margin-top: 30px; }
#main .blog img { width: 130px; margin: 0 0 15px 25px; }

}

/* logo height fix
---------------------------- */

@media screen and (min-width: 600px) {

/* BILDER */
.picBanner { margin: 0 0 20px 0; }
.pic3left, .single3left { width: 30%; margin: 0 20px 15px 0; }
.pic3right, .single3right { width: 30%; margin: 0 0 15px 20px; }

/* KONTAKTFORMULAR */
.contactform > div { margin-bottom: 25px; }
.contactform div.devider { padding-top: 0; margin-bottom: 15px; }
.contactform label { width: 100px; }
.contactform .date label { display: inline-block; }
.contactform .persons { float: left; margin-right: 40px; }
.contactform .persons label, .contactform .childs label { margin-right: 15px; }
.contactform .persons input, .contactform .childs input { margin-right: 10px; }
.contactform .service div { display: inline-block; margin-right: 40px; } 

}

/* Portrait tablet to landscape and desktop
------------------------------------- */

@media screen and (min-width: 768px) {

h1 { font-size: 36px; }
h2 { font-size: 28px; }
h1 + h2 { font-size: 26px; }

#hotline { top: 15px; right: 25px; }
	#hotline .phone { font-size: 22px; padding-left: 24px; }
#logo { width: 280px; padding: 18px 25px 15px 25px; }
#toggleNavbar { top: 85px; right: 10px; }

#emotion .cta { padding: 0; }
	#emotion .cta p { width: calc(100% - 280px); padding: 0 25px; }
		#emotion .cta .btn { width: 140px; line-height: 56px; float: left; }

#main .widthFix, .row .widthFix { padding: 30px 25px 40px 25px; }

#footer { padding: 35px 0 20px 0; }
	#footerNav { padding-bottom: 25px; }
		#footerNav ul { width: 100%; }
			#footerNav ul li a { width: auto; padding: 0 20px; }
	#contact { padding: 20px 80px 20px 220px; }
		#contact::before { font-size: 100px; height: 100px; line-height: 100px; left: 80px; margin-top: -50px; }

/* BOX + BLOG ÜBERSICHT */
#main .blog img { width: 160px; }

/* KONTAKTFORMULAR */
.contactform textarea { height: 300px; padding: 15px; }

/* TABELLEN + LISTEN */
table td, table th { padding: 9px 12px; }

}

/* desktop small
------------------------------------------- */

@media screen and (min-width: 992px) {

body { background-image: url(/gfx/bg-page-small.jpg); background-repeat: repeat-x; background-position: 0 0; }

#header { background-color: transparent; background-image: none; position: absolute; top: 0; left: 0; overflow: visible; }
#logo { width: 300px; padding: 20px 25px 0 25px; opacity: 1; }
#signet { display: block !important; background-image: url(/gfx/logo-burlefinger-signet.png); background-repeat: no-repeat; background-size: 100% 100%; width: 166px; height: 32px; position: absolute; bottom: 5px; left: -200px; opacity: 0; z-index: 10; -webkit-transition: none; -moz-transition: none; transition: none; }
#signet a { display: block; width: 100%; height: 100%; }
#toggleNavbar { display: none; }
#stickyFix { display: block !important; width: 1px; height: 1px; position: absolute; top: 85px; left: 0; }

.fixed #header { background: #564d45; position: fixed; top: -85px; box-shadow: 0 0 4px 1px rgba(0,0,0,.3); }	
	.fixed #logo { opacity: 0; pointer-events: none; }
	.fixed #signet { opacity: 1; left: 25px; }

#mainNav { background: transparent; position: absolute; bottom: 0; left: 0; overflow: visible; } 
#menu { background: #564d45; width: auto; float: right; opacity: 1; max-height: 1000px; overflow: visible; padding: 0 10px; }
	#menu::before { content: ""; position: absolute; top: 0; left: -18px; width: 0; height: 0; border-right: 18px solid #564d45; border-bottom: 46px solid transparent; }
	#menu ul li { float: left; margin-left: 1px; }
		#menu ul li a { font-size: 21px; line-height: 46px; padding: 0 15px; border: none; }
			#menu ul li a:hover, #menu ul li a.current, #menu ul li a.active { background: #b73232; }
			#menu ul li:hover > a { background: #b73232; color: #fff; }
			#menu ul li span.more { display: none; }
	/* ZWEITE MENÜEBENE */
	#menu ul ul { max-height: none; padding: 0; position: absolute; top: 46px; left: 0; overflow: hidden; }
		#menu ul ul li { margin: 1px 0 0 0; float: none; }
			#menu ul ul li a, .fixed #menu ul ul li a { max-height: 0; background: rgba(255,255,255,.9); width: 100%; font-size: 18px; line-height: 40px; color: #3c322a; padding: 0 15px; white-space: nowrap; }	
				#menu ul li:hover ul li a { max-height: 40px; }
				#menu ul ul li a:hover, #menu ul ul li a.current, #menu ul ul li a.active { background: #b73232; color: #fff; }

#emotion .widthFix { padding: 156px 25px 25px 25px; }
	#emotion .shanty { position: relative; box-shadow: 0 2px 10px 0 rgba(0,0,0,.4); border-radius: 6px; overflow: hidden; }
		#emotion .slick-arrow { width: 45px; height: 100%; top: 0; }
			#emotion .slick-arrow::before { font-size: 60px; }
		#emotion ul.slick-dots { bottom: 15px; }
	#emotion .cta p { width: calc(100% - 300px); }
		#emotion .cta .btn { width: 150px; line-height: 46px; }

#main .widthFix { padding: 15px 25px 35px 25px; }
.row .widthFix { padding: 35px 25px; }

/* BOX + BLOG ÜBERSICHT */
#main .blog { margin-top: 35px; }

}
	
/* desktop 
------------------------------------------- */

@media screen and (min-width: 1200px) {

body { background-image: url(/gfx/bg-page-big.jpg); font-size: 18px; }
h1 { font-size: 44px; }
h2 { font-size: 30px; }
h1 + h2 { font-size: 30px; margin-bottom: 20px; }
h2, h3, h4 { padding-top: 15px; }
h3, h4 { font-size: 20px; }
.row h2 { font-size: 36px; }

#header::before { content: ""; background: #564d45; position: absolute; bottom: 0; right: 0; width: calc(50% - 720px); height: 50px; }
#hotline { top: 20px; right: 40px; }
	#hotline .phone { font-size: 24px; padding-left: 26px; }
#logo { width: 350px; padding: 25px 40px 0 40px; }
#signet { bottom: 7px; }
#stickyFix { top: 96px; }

.fixed #header { top: -96px; }	
	.fixed #signet { left: 40px; }

#menu { padding-right: 20px; }
#menu::before { left: -22px; border-right-width: 22px; border-bottom-width: 50px; }	
#menu ul li a { font-size: 25px; line-height: 50px; padding: 0 20px; }
/* ZWEITE MENÜEBENE */
#menu ul ul { top: 50px; }
	#menu ul ul li a, .fixed #menu ul ul li a { font-size: 19px; line-height: 44px; padding: 0 20px; }	
		#menu ul li:hover ul li a { max-height: 44px; }

#emotion .widthFix { padding: 185px 40px 40px 40px; }
	#emotion .cta p { width: calc(100% - 320px); }
		#emotion .cta .btn { width: 160px; font-size: 22px; line-height: 50px; }

#main .widthFix { padding: 10px 40px 60px 40px; }
.row .widthFix { padding: 60px 40px; }


#footer { padding: 40px 0 20px 0; }
	#footerNav { padding-bottom: 30px; }
			#footerNav ul li a { font-size: 22px; line-height: 44px; padding: 0 25px; }
	#contact { font-size: 19px; padding: 25px 150px 25px 310px; }
		#contact::before { font-size: 120px; height: 120px; line-height: 120px; left: 150px; margin-top: -60px; }
	#footer .author { font-size: 16px; }

/* BOX + BLOG ÜBERSICHT */
#main .blog { padding: 20px; margin-top: 40px; }
#main .blog img { width: 180px; }

/* TABELLEN + LISTEN */
table td, table th { padding: 10px 15px; }
table.priceTable, .gallery { padding-top: 30px; }

}

/* desktop big
------------------------------------------- */

@media screen and (min-width: 1440px) {

#logo { width: 394px; }
#stickyFix { top: 115px; }

.fixed #header { top: -115px; }	
#emotion .widthFix { padding: 205px 40px 40px 40px; }

}

/* goudy-bookletter-1911-regular - latin */
@font-face {
  font-family: 'Goudy Bookletter 1911';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../font/goudy-bookletter-1911-v15-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../font/goudy-bookletter-1911-v15-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* source-sans-pro-regular - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../font/source-sans-pro-v21-latin-regular.woff2') format('woff2'), 
       url('../font/source-sans-pro-v21-latin-regular.woff') format('woff'); 
}

/* source-sans-pro-600 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: local(''),
       url('../font/source-sans-pro-v21-latin-600.woff2') format('woff2'), 
       url('../font/source-sans-pro-v21-latin-600.woff') format('woff');
}

@font-face {
  font-family: 'fontello';
  src: url('../font/fontello.eot?21465584');
  src: url('../font/fontello.eot?21465584#iefix') format('embedded-opentype'),
       url('../font/fontello.woff2?21465584') format('woff2'),
       url('../font/fontello.woff?21465584') format('woff'),
       url('../font/fontello.ttf?21465584') format('truetype'),
       url('../font/fontello.svg?21465584#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
 
[class^="icon-"]::before, [class*="icon"]::before, #hotline .phone::before, #menu span.more::before, #contact::before, .sitemap a::before { font-family: "fontello"; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; speak: none; display: inline-block; text-decoration: inherit; text-align: center; }
 
.icon-location:before { content: '\e800'; } /* '' */
.icon-attention:before { content: '\e802'; } /* '' */
.icon-calendar:before { content: '\e803'; } /* '' */
.icon-phone-1:before { content: '\e807'; } /* '' */
.icon-phone:before { content: '\f098'; } /* '' */
.icon-chat:before { content: '\f0e6'; } /* '' */
.icon-angle-left:before { content: '\f104'; } /* '' */
.icon-angle-right:before { content: '\f105'; } /* '' */
.icon-angle-up:before { content: '\f106'; } /* '' */
.icon-angle-down:before { content: '\f107'; } /* '' */

/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: block; }
.slick-track:before, .slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }

/*! fancyBox v3 */
body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;backface-visibility:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;height:100%;left:0;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-webkit-transform:translateZ(0);transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s,visibility 0s linear .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s,visibility 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;text-align:center;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;-webkit-transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;height:100%;margin-right:-.25em;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--next{z-index:99995}.fancybox-slide--image{overflow:visible;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px 6px 0}.fancybox-slide--iframe{padding:44px 44px 0}.fancybox-content{background:#fff;display:inline-block;margin:0 0 6px;max-width:100%;overflow:auto;padding:0;padding:24px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{-webkit-animation-timing-function:cubic-bezier(.5,0,.14,1);animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;margin:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;-webkit-transform-origin:top left;transform-origin:top left;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-drag .fancybox-content{cursor:-webkit-grab;cursor:grab}.fancybox-is-dragging .fancybox-content{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--html .fancybox-content{margin-bottom:6px}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;margin:0;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff;height:calc(100% - 44px);margin-bottom:44px}.fancybox-iframe,.fancybox-video{background:transparent;border:0;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{vertical-align:top}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;cursor:pointer;display:inline-block;height:44px;margin:0;outline:none;padding:10px;transition:color .2s;vertical-align:top;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:focus,.fancybox-button:hover{color:#fff}.fancybox-button.disabled,.fancybox-button.disabled:hover,.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default}.fancybox-button svg{display:block;overflow:visible;position:relative;shape-rendering:geometricPrecision}.fancybox-button svg path{fill:transparent;stroke:currentColor;stroke-linejoin:round;stroke-width:3}.fancybox-button--pause svg path:nth-child(1),.fancybox-button--play svg path:nth-child(2){display:none}.fancybox-button--play svg path,.fancybox-button--share svg path,.fancybox-button--thumbs svg path{fill:currentColor}.fancybox-button--share svg path{stroke-width:1}.fancybox-navigation .fancybox-button{height:38px;opacity:0;padding:6px;position:absolute;top:50%;width:38px}.fancybox-show-nav .fancybox-navigation .fancybox-button{transition:opacity .25s,visibility 0s,color .25s}.fancybox-navigation .fancybox-button:after{content:"";left:-25px;padding:50px;position:absolute;top:-25px}.fancybox-navigation .fancybox-button--arrow_left{left:6px}.fancybox-navigation .fancybox-button--arrow_right{right:6px}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#555;cursor:pointer;height:44px;margin:0;padding:6px;position:absolute;right:0;top:0;width:44px;z-index:10}.fancybox-close-small svg{fill:transparent;opacity:.8;stroke:currentColor;stroke-width:1.5;transition:stroke .1s}.fancybox-close-small:focus{outline:none}.fancybox-close-small:hover svg{opacity:1}.fancybox-slide--iframe .fancybox-close-small,.fancybox-slide--image .fancybox-close-small,.fancybox-slide--video .fancybox-close-small{color:#ccc;padding:5px;right:-12px;top:-44px}.fancybox-slide--iframe .fancybox-close-small:hover svg,.fancybox-slide--image .fancybox-close-small:hover svg,.fancybox-slide--video .fancybox-close-small:hover svg{background:transparent;color:#fff}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small{display:none}.fancybox-caption{bottom:0;color:#fff;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:25px 44px;right:0}.fancybox-caption:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEtCAQAAABjBcL7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM+Vk8EOgDAIQ0vj/3+xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5+oZj3JUzWB+cOz4G48Bg+tsJ/tqu4dLC/4Xb+0GcF5BwBC0AA53qAAAAAElFTkSuQmCC);background-repeat:repeat-x;background-size:contain;bottom:0;content:"";display:block;left:0;pointer-events:none;position:absolute;right:0;top:-25px;z-index:-1}.fancybox-caption:after{border-bottom:1px solid hsla(0,0%,100%,.3);content:"";display:block;left:44px;position:absolute;right:44px;top:0}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;border:6px solid hsla(0,0%,39%,.5);border-radius:100%;border-top-color:#fff;height:60px;left:50%;margin:-30px 0 0 -30px;opacity:.6;padding:0;position:absolute;top:50%;width:60px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;-webkit-transform:rotate(1turn);transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:600;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:600;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#fff;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:transparent;top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs>ul{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x>ul{overflow:hidden}.fancybox-thumbs-y>ul::-webkit-scrollbar{width:7px}.fancybox-thumbs-y>ul::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y>ul::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs>ul>li{-webkit-backface-visibility:hidden;backface-visibility:hidden;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li{background-position:50%;background-repeat:no-repeat;background-size:cover}.fancybox-thumbs>ul>li:before{border:4px solid #4ea7f9;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs .fancybox-thumbs-active:before{opacity:1}@media (max-width:800px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs>ul>li{max-width:calc(100% - 10px)}}