/* Reset
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}

html {
	overflow:hidden;
	overflow-y:scroll;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
}
:focus {
	outline:none;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
td {
	vertical-align: top;
}
sup {
	font-size:11px;
	vertical-align:top;
	padding-left:3px;
	padding-right:3px;
}
/*padding egalisieren*/
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}



/* schriften
-------------------------------------------------------------- */
/**
 * @license
 * MyFonts Webfont Build ID 3119875, 2015-11-05T04:48:36-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: StandardCT-BoldCond by CastleType
 * URL: http://www.myfonts.com/fonts/castletype/standard/condensed-bold/
 * Copyright: Copyright (c) CastleType, 2005. All rights reserved.
 * Licensed pageviews: 10,000
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=3119875
 * 
 * © 2015 MyFonts Inc
*/


@font-face {
	font-family: 'StandardCTBoldCond';
	src: url('bb-schriften/2F9B03_0_0.eot');
	src: url('bb-schriften/2F9B03_0_0.eot?#iefix') format('embedded-opentype'),
		 url('bb-schriften/2F9B03_0_0.woff2') format('woff2'),
		 url('bb-schriften/2F9B03_0_0.woff') format('woff'),
		 url('bb-schriften/2F9B03_0_0.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


body, td {
	background:#000;
}


/*wartung*/
.wartungsbutton {
	position:fixed;
	bottom:20px;
	right:20px;
	height:20px;
	width:20px;
	cursor:pointer;
	z-index:201;
	font:14px/18px sans-serif;
	outline:1px solid #bbb;
	display:none;
}
.wartungsbutton-2 {
	position:fixed;
	bottom:20px;
	right:60px;
	height:20px;
	width:20px;
	cursor:pointer;
	z-index:201;
	font:14px/18px sans-serif;
	background:url(images/absatz-ausrichtung.png);
	background-repeat:no-repeat;
	background-position:0px 2px;
	display:none;
}
.wartungsbutton-2.aktiv {
	background-position:0px -48px;
}	
.rahmenanzeigen {
	outline:1px solid #d00;
}


/*layout*/
div.haupttitel {
	color:#fff;
	position:absolute;
	width:760px;
	display:block;
	top:calc(50vh - 200px);
	left:50%;
	margin-left:-380px;
	z-index:101;
}
h1 {
	font:240px/200px StandardCTBoldCond, helvetica, sans-serif;
	font-weight:normal;
	margin-top:0px;
	margin-bottom:0px;
}
h1 span.zeile-2 {
	padding-left:342px;
}
h2.byline {
	font:48px/48px StandardCTBoldCond, helvetica, sans-serif;
	font-weight:normal;
	margin-top:-195px;
	margin-bottom:0px;
	padding-left:105px;
	letter-spacing:0.03em;
	text-transform:none;
}
p {
	font:24px/28px StandardCTBoldCond, helvetica, sans-serif;
	letter-spacing:0.03em;
	padding:100px 0px 0px 107px;
}

/* responsive ////////////////////////////// */

.mobile-only {
	display:none;
}

@media only screen and (max-width: 820px), screen and (max-height: 500px) {

	div.haupttitel {
		width:380px;
		top:calc(50vh - 115px);
		left:50%;
		margin-left:-190px;
	}
	h1 {
		font:120px/100px StandardCTBoldCond, helvetica, sans-serif;
	}
	h1 span.zeile-2 {
		padding-left:170px;
	}
	h2.byline {
		font:24px/24px StandardCTBoldCond, helvetica, sans-serif;
		margin-top:-97px;
		padding-left:55px;
	}
	p {
		font:18px/24px StandardCTBoldCond, helvetica, sans-serif;
		padding:50px 0px 0px 55px;
		letter-spacing:0.04em;
	}

}

@media only screen and (max-width: 440px), screen and (max-height: 300px) {
	.mobile-only {
		display:block;
	}
	.desktop-only {
		display:none;
	}
	div.haupttitel {
		width:300px;
		top:calc(50vh - 115px);
		left:50%;
		margin-left:-145px;
	}
	h1 {
		font:94px/84px StandardCTBoldCond, helvetica, sans-serif;
	}
	h1 span.zeile-2 {
		padding-left:134px;
	}
	h2.byline {
		font:21px/21px StandardCTBoldCond, helvetica, sans-serif;
		margin-top:-79px;
		padding-left:24px;
	}
	p {
		font:18px/24px StandardCTBoldCond, helvetica, sans-serif;
		padding:40px 0px 0px 24px;
		letter-spacing:0.04em;
	}

}