@charset "utf-8";

@font-face {
  font-family: "Qwigley";
  src: url("fonts/Qwigley-Regular.eot"); /* IE9 Compat Modes */
  src: url("fonts/Qwigley-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("fonts/Qwigley-Regular.svg") format("svg"), /* Legacy iOS */
    url("fonts/Qwigley-Regular.ttf") format("truetype"), /* Safari, Android, iOS */
    url("fonts/Qwigley-Regular.woff") format("woff"), /* Modern Browsers */
    url("fonts/Qwigley-Regular.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
  font-display: fallback;
}
@font-face {
  font-family: "Quicksand";
  src: url("fonts/Quicksand-Regular.eot"); /* IE9 Compat Modes */
  src: url("fonts/Quicksand-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("fonts/Quicksand-Regular.svg") format("svg"), /* Legacy iOS */
    url("fonts/Quicksand-Regular.ttf") format("truetype"), /* Safari, Android, iOS */
    url("fonts/Quicksand-Regular.woff") format("woff"), /* Modern Browsers */
    url("fonts/Quicksand-Regular.woff2") format("woff2"); /* Modern Browsers */
	font-weight: normal;
	font-style: normal;
	font-display: fallback;
}
@font-face {
  font-family: "Quicksand-Light";
  src: url("fonts/Quicksand-Light.eot"); /* IE9 Compat Modes */
  src: url("fonts/Quicksand-Light.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("fonts/Quicksand-Light.svg") format("svg"), /* Legacy iOS */
    url("fonts/Quicksand-Light.ttf") format("truetype"), /* Safari, Android, iOS */
    url("fonts/Quicksand-Light.woff") format("woff"), /* Modern Browsers */
    url("fonts/Quicksand-Light.woff2") format("woff2"); /* Modern Browsers */
	font-weight: normal;
	font-style: normal;
	font-display: fallback;
}

body,html { height:100%;margin:0;padding:0 }
body { font-family:'Quicksand',sans-serif;font-size:18px;line-height:28px }
.header { position:fixed;top:0;left:0;z-index:100;width:100%;height:47px;padding:5px 0;overflow:hidden;white-space:nowrap;font-size:30px;color:#fff;background-color:rgba(0,0,0,0.8) }
.menu-container { position:relative;width:1024px;margin:0 auto;line-height:50px;vertical-align:middle }
.menu-container img { margin-right:25px;vertical-align:top;cursor:pointer;display:none }
.blau { color:#89CFDD;vertical-align:top }
#home { vertical-align:top; }
.menu { display:inline-block;position:relative;height:auto;font-size:15px;line-height:21px;text-align:left;margin-left:20px;padding-top:3px }
.menuitem, .menuitem-nl { cursor:pointer }
.menuitem:hover, .menuitem-nl:hover { color:#89CFDD }
.instagram { position:absolute; right:0; bottom:0; width:20px; height:20px; background-image:url('images/instagram-icon.png') }
.instagram:hover { opacity:0.7 }
.start-text { position:absolute;z-index:10;left:0;top:74px;width:100%;padding:15px 0;background-color:#fff }
.start-text div { width:1024px;margin:0 auto }
#local { height:100% }
.main { height:100%;text-align:center;margin-top:24%;font-size:51px;color:#fff;padding:0 50px }
.footer { padding-top:33px;text-align:center;font-size:20px;color:#A7A8AA }
.contact-footer { width:1024px;margin:20px 0 }
.contact-footer img { margin:10px 0 }
.img-overlay { position:absolute;top:115px;width:100%;padding:20px 0 10px 0;background-color:rgba(255,255,255,0.93);font-size:24px;line-height:36px }
.mbig { font-size:18px;text-decoration:underline;cursor:pointer;color:#10A8CD }
.clopen { margin-top:20px;height:300px;display:none }
.clopen img { float:left;margin:8px 15px 0 0;color:#9C9D9F }
.clopen.logo { padding-left:250px;position:relative;height:410px }
.clopen.logo img { margin:0 }
.clopen td { vertical-align:top;padding-bottom:10px !important }

h2 { font-family:'Quicksand-Light';font-size:101px;color:#000;font-weight:300;margin:0;text-align:center;line-height:90px }
.h2deco { letter-spacing:-12.4px }
.h2foto { margin:20px 0 50px 0;letter-spacing:-7px }
h4,h5 { font-size:22px;color:#0f0011;font-weight:normal;margin:0 }
h4 { margin-bottom:16px }
p { color:#0f0011;margin:0 0 12px 0 }
p.nav-p { margin-bottom:5px }
.content-table { display:table;padding-left:182px;margin:0 auto }
.img-column { display:table-cell;width:215px;vertical-align:top;padding:21px 20px 0 12px }
.img-column img { margin-bottom:10px;border:1px solid #000 }
.text-column { display:table-cell;width:809px;vertical-align:top;padding-top:16px }
.text-column p { text-align:left;line-height:28px }
.text-column span { color:#000 }
.text-column a, .madi a, .ctext { color:#000 }
.text-column a:hover, .madi a:hover, .ctext:hover { color:#0990ab }
.more, .gototop, #close { font-size:14px;cursor:pointer; color:#10A8CD }
.more:hover, .gototop:hover, #close:hover, .mbig:hover { color:#0990ab }

.main-section { height:100%;display:block }
.csstable { display:table;width:100%;position:relative;overflow:hidden }
.section-img { background-size:cover;background-position:left bottom;background-attachment:fixed }
.section-content-container { padding:10px 0;background-color:#fff;position:relative }
.section-content { display:table-cell;width:100%;text-align:justify;vertical-align:middle }
.section-text { max-width:1024px;margin:0 auto;position:relative }
.section-text > p:first-of-type { margin-top:50px }
.image-content { display:table-cell;width:100%;text-align:center;vertical-align:bottom }
.image-headline { width:964px;margin:0 auto 15px auto;padding-left:60px;text-align:left;font-size:70px;font-weight:normal;color:#faaf00 }
.image-headline span { color:#fff }
.td-left { width:125px;font-site:22px;vertical-align:top }
.section-text td { padding-bottom:30px }
#bsst { margin:20px 0 50px 0;letter-spacing:-7px }
.bs { font-family:'Qwigley', cursive;font-size:44px;line-height:28px;text-align:center; color:#5D5D5F; margin-top:20px !important }

.contact-container { width:1024px;margin:0 auto }
.open-impr { cursor:pointer;color:#fff;width:1024px;margin:0 auto;display:block }
.open-impr a { color:#000 }
.open-impr:hover, .open-impr a:hover { color:#0990ab }
#impr-content { display:block;margin:0 auto }
ul { margin:0;padding-left:18px }

.section-img-mobil, #topimg-mobil, .contact-mobil, #ppage-bar-mobil, #impr-bar-mobil, #hide-on-desktop, .logo-thumb { display:none }
/*GALERIE*/
.gal-bg { position:fixed;top:0;left:0;z-index:1000;width:100%;height:100%;background-color:rgba(0,0,0,0.9);display:none }
.thumbgal-hl { margin-bottom:8px }
.galerie-thumb { width:113px;height:95px;display:inline-block;margin:0 15px 15px 0;cursor:pointer }
.galerie-thumb img { width:113px;height:95px }
.bigpic { position:fixed;top:50%;left:50%;margin:-363px 0 0 -490px;z-index:1001;background-color:#fff;width:980px;height:726px;display:none }
.toleft,.toright { position:absolute;width:400px;height:300px;padding:300px 0 0 10px;cursor:pointer;z-index:21 }
.toright { left:560px;text-align:right;z-index:22 }
.toleft img,.toright img { display:none }
.gal-caption { margin:10px 0;text-align:center }
.pcount { position:absolute;top:38px;right:10px;z-index:11 }
.close { position:absolute;top:10px;right:10px;width:24px;height:24px;background-image:url(images/close.png);background-position:0 0;cursor:pointer;z-index:12 }
.close:hover { background-position:0 -24px }

/*NEWSLETTER*/
.nl-headline { display:none }
#mc_embed_signup { clear:left }
#mc_embed_signup div.mce_inline_error { display:inline-block;margin-top:5px !important }
.mce-response { padding:10px 0;color:#89CFDD }
.mce-response a { color:#89CFDD }
.nl-form {
	position:fixed;
	top:62px;
	left:50%;
	width:720px;
	padding:10px 0 10px 15px;
	margin-left:-245px;
	background-color:#161A1D;
	color:#fff;
	font-size:16px;
	line-height:20px;
	z-index:10;
	display:none;
}
.mc-field-group, .clear {
	display:inline-block;
	margin-bottom:5px;
}
.clear {
	position:absolute;
	right:16px;
}
.clear input { color:#208AB3;cursor:pointer }
.mc-field-group input {
	padding-left:10px;
}
.mc-field-group.oben { width:48% }
.mc-field-group.unten { width:75% }
#mce-NAME { width:97% }
#mce-FIRMA { width:97%;margin-left:5px; }
#mce-EMAIL { width:97% }
.nl-close { position:absolute;right:15px;bottom:15px;cursor:pointer }
.nl-close:hover { opacity:0.7 }

@media only screen 
and (min-device-width : 1024px) {
	.h3 { font-size:33px;color:#000;font-weight:300;margin:0 0 50px 0;text-align:center;line-height:33px }
	.h2-leistungen { font-size:92px }
	.h2-referenzen { font-size:85px;text-align:left }
}

@media only screen
and (min-width : 320px) 
and (max-width : 1024px) {
	html, body { -moz-text-size-adjust:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100% }
	.header { height:auto;padding:0.3rem 0;font-size:1.2rem;line-height:1.2rem }
	.menu-container { width:100%;line-height:1.2rem }
	.menu-container img { width:35%;vertical-align:middle;margin-right:3%;display:block }
	.menu { display:none  }
	#bs, .blau { font-size:1.2rem;vertical-align:middle }
	#topimg-mobil, .contact-mobil, .logo-thumb, #ppage-bar-mobil { display:block }
	.start-text { position:static;width:100% }
	.start-text div { width:100% }
	
	.menu-icon { position:absolute; right:0; top:0; height:32px; width:auto !important; display:block }
	.menu { position:absolute; top:80px; left:0; line-height:3.5rem }
	.menuitem, .menuitem-nl { display: block; font-size:1.8rem }
	.instagram { position:initial; margin-top:20px; display:block !important; }
	
	.csstable.section-img, .contact-container, .logotable, .blau, .menu br { display:none }
	#bs { display:inline-block }
	.section-text p:first-of-type { margin-top:-10px }
	.section-content { padding:0 3%;text-align:left }
	.section-content h2 { margin:0 0 1em 0;text-align:center }
	.section-content p { font-size:1em;margin-bottom:0.4em }
	.section-content p.nav-p { margin-bottom:1em }
	.margin-mobile { display:block;margin-bottom:0.5em }
	.margin-mobile-kontakt { display:block;margin-top:1em }
	
	.section-img-mobil { display:block;position:relative }
	.section-img-mobil img { display:block;width:100% }
	.bottom-bar { display:block;position:relative }
	
	.contact-container, .img-column img { width:100% }
	
	.contact-mobil img { width:32%;float:left;margin-right:2% }
	.contact-mobil a { color:#000 }
	.contact-footer-mobil { color:#10A8CD;width:100%;margin:0.5rem 0 }
	.contact-footer-mobil img { width:40%;margin:0.5rem 30%;display:block }
	#impr-bar-mobil, #hide-on-desktop { display:block }
	
	#impr-hl { margin:1em 0 2em 0 }
	#impr-content { display:table-cell;margin:inherit }
	#bsst { margin:1rem 0 1.5rem 0;letter-spacing:0 }
	.more, .gototop { font-size:1rem }
	h2 { padding-top:0.2em }
	.h2-leistungen, .h2-referenzen { font-size:1.5rem !important }
	.h2deco { letter-spacing:0 }
	.h2foto { margin:20px 0;letter-spacing:0 }
	.h3 { font-size:1.2em;line-height:1.2em;text-align:center;margin-bottom:1em }
	h4,h5 { font-size:1em }
	h4 { margin-bottom:1em }
	table h4 { margin-bottom:0.5em }
	.td-left { width:90px }
	ul { margin:0;padding-left:18px }
	.logo-thumb { width:150px;height:118px;display:inline-block;border:1px solid #ccc }
	.galerie-thumb img, .logo-thumb img { width:100% }
	.bigpic { position:fixed;left:0;z-index:1001;background-color:#fff;width:94%;height:56%;margin:0 0 0 3% }
	.bigpic img { width:100% }
	.toleft,.toright { position:absolute;z-index:2000;top:24%;width:36%;height:44%;padding:32% 2% 0 2%;z-index:21 }
	.toright { left:60%;text-align:right }
	.toleft img,.toright img { width:15%;display:inline-block }
	.gal-caption { margin:10px 0 10px 10px;text-align:left;width:85% }
	.clopen { height:auto;background-color:#eee;padding-left:5px }
	.clopen.logo { padding-left:0;background-color:#fff;height:auto }
	.clopen img { float:none;margin:8px 0 20px 0 }
	.ref-hl { margin-bottom:2rem !important }
	.margtop-mobil { margin-top:2em }
	#open-impr-mobil { color:#fff }
	
	.nl-headline { display:block;font-size:16px;text-align:center;margin-bottom:8px }
	.nl-form { position:relative; width:96%; padding:10px 2%; left:0; margin-left:0; font-size:14px; line-height:18px; display:block; border-top:1px solid #89CFDD }
	.clear input { color:#000;cursor:default }
	#mce-NAME { width:95% }
	#mce-FIRMA { width:95%;margin-left:5px; }
	#mce-EMAIL { width:95% }
	.nl-close { position:absolute;right:3%;bottom:15px;cursor:default }
}
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 1024px)
and (orientation : portrait) {
	body { font-size:1em;line-height:1.2em }
	#topimg-mobil, #topimg-mobil img { width:100%;padding-top:1.05rem }
	.contact-mobil { line-height:1.35em }
	.section-content h2 { font-size:2em;line-height:0em;margin-top:0.3em }
	.section-content h3 { font-size:1.3em;line-height:0em;margin:-0.3em 0 1em 0 }
	.galerie-thumb { width:30.3%;height:9%;margin:0 3% 1% 0}
	.galerie-thumb img { height:100% }
	.bigpic { top:20% }
	.thumb-container:nth-child(3) { margin-right:0 }
	.bottom-bar { height:1.4em }
	.logo-thumb { margin:0 15px 15px 0 }
	.nl-form { top:38px }
	.menu-icon { height:24px  }
}
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 420px)
and (orientation : portrait) {
	.galerie-thumb { width:30.3%;height:95px;margin:0 3% 1% 0}
}
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 667px)
and (orientation : landscape) {
	body { font-size:1em;line-height:1.2em; }
	#topimg-mobil { height:5em }
	.gototop, .more { font-size:1em }
	.contact-mobil { line-height:1.35em }
	.section-content h2 { font-size:3.6em;line-height:0em;margin-top:0.3em }
	.section-content h3 { font-size:2.5em;line-height:0em;margin:-0.3em 0 1em 0 }
	#bands { font-size:2.4em }
	.galerie-thumb { width:19%;margin:0 1% 1% 0}
	.bigpic { top:0;height:100% }
	.gal-header { position:absolute;top:0;padding-bottom:5px;width:100%;z-index:10;background-color:rgba(255,255,255,0.6) }
	.toleft,.toright { padding-top:13% }
	.toleft img,.toright img { width:8% }
	.bpic { height:100%;top:0 }
	.thumb-container:nth-child(5) { margin-right:0 }
	.bottom-bar { height:1.7em;padding-top:0.3em }
	#open-impr-mobil { font-size:1.2em }
	.logo-thumb { margin:0 1px 15px 0 }
	.clopen.logo:nth-child(4) { margin-right:0 }
	.nl-form { top:60px }
	.menu-icon { top:5px }
}