@charset "utf-8";
/*only IE 10, 11 ***unfortunately prevents $(window).scroll from firing*** */

/* muli-300 - latin */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/muli-v11-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Muli Light'), local('Muli-Light'),
       url('fonts/muli-v11-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/muli-v11-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/muli-v11-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/muli-v11-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/muli-v11-latin-300.svg#Muli') format('svg'); /* Legacy iOS */
}

/* muli-regular - latin */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/muli-v11-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Muli Regular'), local('Muli-Regular'),
       url('fonts/muli-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/muli-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/muli-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/muli-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/muli-v11-latin-regular.svg#Muli') format('svg'); /* Legacy iOS */
}


body,html { height:100%;margin:0;padding:0 }
body { font-family:'Muli',sans-serif;font-size:14px;line-height:24px;-moz-hyphens:auto;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word }
.header { position:fixed;top:0;left:0;z-index:100;width:100%;padding:7px 0;overflow:hidden;white-space:nowrap;font-family:Arial,sans-serif;font-size:14px;line-height:1;text-align:center;color:#fff;background-color:#333234 }
.menu-container { position:relative;width:1024px;margin:0 auto;vertical-align:middle }
.blau { color:#89CFDD;vertical-align:top }
#home { vertical-align:top; }
.menu { display:inline-block;height:auto;font-size:14px;text-align:left;margin-left:20px }
.menuitem { cursor:pointer;margin:0 15px }
.menuitem.inline { margin:0;text-decoration:underline;color:#4D7CBA }
.menuitem.inline:hover { color:#666 }
.menuitem:hover { color:#4D7CBA }
.menu span:first-of-type { color:#4D7CBA }
.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 }
.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 { color:#10A8CD;text-align:center;width:1024px;margin-top:20px }
.contact-footer img { margin:10px 0 }

h2 { position:absolute;left:50%;margin-left:-488px;width:964px;bottom:-33px;padding-left:140px;text-align:left;color:#fff;font-size:46px;font-weight:normal }
h2.text { position:static;margin:0 0 15px;width:auto;padding:0;color:#000; }
.rund-thumb { position:absolute;left:50%;margin-left:-500px;width:123px;bottom:-105px }
h3 { font-size:72px;color:#000;font-weight:300;margin:0 0 50px 0;text-align:center;line-height:70px }
h3.text { font-size:24px;margin:20px 0 5px;text-align:left;line-height:1 }
h4 { font-size:46px;color:#4D7CBA;font-weight:normal;margin:0 0 16px 0 }
h5 { font-weight:normal;margin:0;text-transform:uppercase;font-size:13px }
p { color:#3E3E40;margin:0 }
.content-table { display:table;padding-left:182px;margin:0 auto }
.more, .gototop, #close { font-size:14px;cursor:pointer; color:#4D7CBA }
.more:hover, .gototop:hover, #close:hover, .section-text a:hover { color:#666 }

.main-section { height:100%;display:block }
.csstable { display:table;width:100%;position:relative }
.section-img { background-size:cover;background-position:center center;background-attachment:fixed;z-index:11 }
.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-content p.nav-p { margin:18px 0 }
.section-text { max-width:824px;padding-left:140px;margin:0 auto;position:relative }
.section-text.st-first { width:480px;font-size:18px;padding:0 }
.section-text p:first-of-type { margin-top:18px }
.section-text p span, .contact-container p span { color:#19407C }
.contact-container p { text-align:left }
.section-text p .zitat { color:#4D7CBA }
.section-text a { color:#4D7CBA }
.p-open, .p-close { color:#4D7CBA !important;text-decoration:underline;cursor:pointer }
.p-open:hover, .p-close:hover { color:#19407C !important }
.more-content, #impr-cont, #priv-cont { display:none; position:relative }
.img-studio { position:absolute; top:0; right:0; width:400px }

.contact-container { position:absolute;top:-630px;width:575px;left:50%;margin-left:-165px;line-height:1.2;z-index:10 }
.contact-inner { background-color:rgba(255,255,255,0.7);padding:10px;margin-left:-10px }
.contact-container p { color:#fff;font-size:16px }
.contact-container a { color:#19407C;text-decoration:none }
.gototop-contact, #close-priv { font-size:14px;cursor:pointer;color:#19407C;text-decoration:none }
.contact-container a:hover, .gototop-contact:hover, #close-priv:hover { color:#4D7CBA }
.cranio-logo { position:absolute;top:-685px;left:50%;margin-left:-340px }
#impr { position:fixed;bottom:0;width:100%;padding-top:0 }
#impr h4 { padding-top:20px }
#open-impr, #open-priv { cursor:pointer;padding-right:30px }
#open-impr:hover, #open-priv:hover { color:#fff }
#impr-content { display:block;margin:0 auto }
.impr-background { position:absolute;top:-500px;width:100%;height:300px;background-color:rgba(255,255,255,0.7);z-index:8 }
audio { width:200px;margin-right:20px }
.rmw-caps { color:#3E3E40 !important;text-transform:uppercase }
.only-desktop.prv { font-size:42px }

.section-img-mobil, #topimg-mobil, .contact-mobil, #impr-bar-mobil, .menu-mobil, .only-mobile, .portrait-rmw-mobil { display:none }

@media only screen
and (min-device-width : 320px) 
and (max-device-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:1rem;line-height:1.2rem }
	.menu-container { width:100%;line-height:1.2rem }
	.menu, .rund-thumb, .cranio-logo { display:none !important }
	.menu-mobil, #topimg-mobil, .contact-mobil { display:block }
	.rmw { color:#4D7CBA;margin-right:10px }
	#bs, .blau { font-size:1.2rem;vertical-align:middle }
	.start-text { position:static;width:100% }
	.start-text div { width:100% }
	
	.csstable.section-img, .contact-container, .only-desktop { display:none }
	.section-text.st-first { width:100%;font-size:0.9em }
	.section-text p:first-of-type { margin-top:1em }
	.section-text { width:100%;padding-left:0;text-align:justify;font-size:0.9em }
	.section-content { padding:0 3%;text-align:left }
	.section-content p { font-size:1em;margin-bottom:0.4em }
	.section-content p.nav-p { margin-bottom:1em;text-align:center }
	.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;background-color:#1C1C1D;color:#4D7CBA;padding:0.3rem 0 0.3rem 2%;font-size:1rem;font-family:Arial, Helvetica, sans-serif }
	
	.contact-container, .img-column img { width:100% }
	.contact-container p { color:#000;font-size:0.9em }
	.contact-container { display:block;position:static;margin-left:0 }
	#impr-bar-mobil { display:block }
	
	#impr-hl { margin-top:0.4em }
	#impr-content { display:table-cell;margin:inherit }
	#bsst { margin:1rem 0 1.5rem 0;letter-spacing:0 }
	.more, .gototop { font-size:1rem }
	h4,h5 { font-size:1em }
	h4 { margin-bottom:1em }
	audio { width:300px;margin-bottom:0.5em }
	.only-mobile { display:block }
	.portrait-rmw-mobil { display:block;width:40%;margin:10px auto -10px }
}
@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 { height:60px }
	.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 }
	.bottom-bar { height:1.4em }
}
@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 }
	.bottom-bar { height:1.7em;padding-top:0.3em }
	#open-impr-mobil { font-size:1.2em }
}