/* basics //////////////////////////////////// */

/* browser egalisieren */
html, body, body div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, 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;
}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
	margin:0px;
	padding:0px;
	text-align:center;
	background:#fff;
}



/*schriften*/
@font-face {
    font-family: 'ibm_plex_sansbold';
    src: url('bb-schriften/ibmplexsans-bold-webfont.eot');
    src: url('bb-schriften/ibmplexsans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('bb-schriften/ibmplexsans-bold-webfont.woff2') format('woff2'),
         url('bb-schriften/ibmplexsans-bold-webfont.woff') format('woff'),
         url('bb-schriften/ibmplexsans-bold-webfont.ttf') format('truetype'),
         url('bb-schriften/ibmplexsans-bold-webfont.svg#ibm_plex_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

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

}
body, td {
	font:14px/18px ibm_plex_sansregular,helvetica,sans-serif;
}

/*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;
}
.rahmenanzeigen {
	outline:1px solid #d00;
}

/* layout */



/*zentrierter container*/
.konsole {
	position:relative;
	width:541px;
	margin-top:130px;
	margin-right:auto;
	margin-left:auto;
	display:block;
	text-align:left;
	z-index:2;
	padding-bottom:40px;
}


/*kopf*/
.kopf {
}
.logo {
	width:101px;
	height:101px;
	background:url(bb-imgs/logo-4sag.png);
	background:url(bb-imgs/logo-4sag.svg), linear-gradient(transparent, transparent);
	background-repeat:no-repeat;
	background-size:100% 100%;
	display:block;
	float:left;
	margin-right:20px;
	margin-bottom:32px;
}
.adresse {
	width:200px;
	height:100px;
	display:block;
	float:left;
	margin-right:20px;
	border-top:1px solid #000;
}
.adresse-2 {
	margin-right:0px;
}
.adresse p {
	font:18px/21px ibm_plex_sansregular,helvetica,sans-serif;
	border-bottom:1px solid #000;
	padding:3px 0px 8px 0px;
}

/*textformate */
.fuss p {
	clear:left;
	width:420px;
	margin-left:120px;
}
.inhalt {
	clear:left;
	width:420px;
	margin-left:120px;
	border-bottom:1px solid #000;
}
.kopf a, .inhalt a {
	color:#000;
	text-decoration:none;
}
.kopf a:hover, .kopf a:active, .kopf a:focus,
.inhalt a:hover, .inhalt a:active, .inhalt a:focus {
	color:#294c98;
}
.inhalt h2 a:hover, .inhalt h2 a:active, .inhalt h2 a:focus {
	color:#000;
}
h1 {
	font-family: arial, helvetica, verdana,sans-serif;
	font-size:28px;
	line-height:32px;
	text-transform:uppercase;
	margin-bottom:24px;
	color:#000;
}
h2 {
	font:18px/21px ibm_plex_sansregular,helvetica,sans-serif;
	border-top:1px solid #000;
	padding:3px 0px 8px 0px;
	font-weight:normal;
	cursor:pointer;
}
b, strong {
	font-family: ibm_plex_sansbold,helvetica,sans-serif;
	font-weight:normal;
}
td.links {
	width:76px;
}
p.kurz {
	font-size:0px;
	line-height:0px;
}
	

/* mehr-texte
-------------------------------------------------------------- */
h2.pdf-link {
	background:url(bb-imgs/button-pdf.png);
	background:url(bb-imgs/button-pdf.svg), linear-gradient(transparent, transparent);
	background-repeat:no-repeat;
	background-size:auto 21px;
	background-position:right 5px;
}

p.pdf-link {
	width: auto;
	background:url(bb-imgs/button-pdf.png);
	background:url(bb-imgs/button-pdf.svg), linear-gradient(transparent, transparent);
	background-repeat:no-repeat;
	background-size:auto 21px;
	background-position:right 5px;
}

h2.mehr {
	background:url(bb-imgs/button-pfeil-1.png);
	background:url(bb-imgs/button-pfeil-1.svg), linear-gradient(transparent, transparent);
	background-repeat:no-repeat;
	background-size:auto 21px;
	background-position:right 5px;
}
h2.mehr-offen {
	background:url(bb-imgs/button-pfeil-2.png);
	background:url(bb-imgs/button-pfeil-2.svg), linear-gradient(transparent, transparent);
	background-repeat:no-repeat;
	background-size:auto 21px;
	background-position:right 5px;
}



.inhalt .mehrtxt {
 	display:none;
}
.inhalt .mehrtxt h3 {
	font:14px/18px ibm_plex_sansbold,helvetica,sans-serif;
	font-weight:normal;
  	padding-top: 18px;
}
.inhalt .mehrtxt h3:first-of-type {
  	padding-top: 12px;
}
.inhalt .mehrtxt p:last-of-type {
	padding-bottom:48px;
}



/* responsive ///////////////////// */
@media only screen and (max-width: 600px) {
	.konsole .fuss {
		position:relative;
		width:300px;
		margin-left:0px;
		margin-top:12px;
	}

	.logo {
		width:80px;
		height:80px;
	}
	.adresse {
		height:80px;
		margin-right:0px;
	}
	.adresse-2 {
		margin-bottom:23px;
		border-top:0px;
	}
	.adresse p {
		font:16px/19px ibm_plex_sansregular,helvetica,sans-serif;
		padding:2px 0px 4px 0px;
	}
	.inhalt {
		width:100%;
		margin-left:0px;
	}
	h2 {
		font:16px/19px ibm_plex_sansregular,helvetica,sans-serif;
		padding:2px 0px 4px 0px;
	}
	h2.pdf-link, h2.mehr, h2.mehr-offen, p.pdf-link {
		background-position:right 2px;
	}

}