/* typography.css */
body {
    font-size:      small;
    color:          #000;
    font-family:    Helvetica, Arial, sans-serif;
	padding: 0;
}
h1 {
    font-size: 1.4em;
    margin: 0;
}
h2 {
    font-size: 1.2em;
    margin: 0;
}
h3 {
    font-size: 1.1em;
    margin: 0;
    padding: 0;
}
h4 {
    font-size: 1.2em;
    margin: 0;
}
h5 {
    font-size: 1.0em;
    margin: 0;
}
h6 {
    font-size: 1.0em;
    margin: 0;
}

a {
    color: #013299;
}

.mob-first {margin-left:0;padding-left:0;}
.mob-last {margin-right:0;padding-right:0;}

.container {
    width: auto;
    margin:0 auto;
}

.column, .span-1, .span-2, .span-3, .span-4, .span-5, .span-6, .span-7, .span-8, .span-9, .span-10, .span-11, .span-12, .span-13, .span-14, .span-15, .span-16, .span-17, .span-18, .span-19, .span-20, .span-21, .span-22, .span-23, .span-24, .span-25 {width: auto;padding: 0;}

div.mob-span-1, div.mob-span-2, div.mob-span-3, div.mob-span-4, div.mob-span-5, div.mob-span-6, div.mob-span-7, div.mob-span-8, div.mob-span-9 {float:left;margin-right: 1%;}

div.mob-last {margin-right:0;}
.mob-span-1  { width: 10%;}
.mob-span-2  { width: 21%;}
.mob-span-3  { width: 32%;}
.mob-span-4  { width: 43%;}
.mob-span-5  { width: 54%;}
.mob-span-6  { width: 65%;}
.mob-span-7  { width: 76%;}
.mob-span-8  { width: 87%;}
.mob-span-9, div.mob-span-9 { width: 100%; margin: 0; }

.mob-append-1  { padding-right: 10%;}
.mob-append-2  { padding-right: 21%;}
.mob-append-3  { padding-right: 32%;}
.mob-append-4  { padding-right: 43%;}
.mob-append-5  { padding-right: 54%;}
.mob-append-6  { padding-right: 65%;}
.mob-append-7  { padding-right: 76%;}
.mob-append-8  { padding-right: 87%;}

.mob-prepend-1  { padding-left: 10%;}
.mob-prepend-2  { padding-left: 21%;}
.mob-prepend-3  { padding-left: 32%;}
.mob-prepend-4  { padding-left: 43%;}
.mob-prepend-5  { padding-left: 54%;}
.mob-prepend-6  { padding-left: 65%;}
.mob-prepend-7  { padding-left: 76%;}
.mob-prepend-8  { padding-left: 87%;}

hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}
.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, .container {display:inline-block;}
* html .clearfix, * html .container {height:1%;}
.clearfix, .container {display:block;}
.clear {clear:both;}
.mob-none,
.mob-hide{
    display: none;
}
.mob-view,
.mob-show{
    display: block;
}

/** MING **/
.bg-content {
	background-position: -195px 0;
}
.bg-content.mob-span-9 {
	padding-left: 5px;
    width: calc(100% - 5px);
}
#seitenbereich {
    position: inherit;
    width: auto;
	margin: 0; /*0 0 -195px;*/
}
.adresse {
	text-align: left;
	padding-top: 2em;
	font-size: 13px;
}
/** NAV **/
.mob-content {
	  /* Critical position and size styles */
  min-height: 100%;
  min-width: 100%;
  position: relative;
  top: 0;
  bottom: 100%;
  left: 0;
  z-index: 1;
  
  /* non-critical apperance styles */
    width: inherit;
    height: inherit;
}

/* Navigation Menu - Background */
.mob-navigation {
  /* critical sizing and position styles */
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
}

/* Nav Trigger */
.mob-trigger {
	height: 20px;
}
.nav-trigger {
  /* critical styles - hide the checkbox input */
  position: absolute;
  clip: rect(0, 0, 0, 0);
}

label[for="nav-trigger"] {
  /* critical positioning styles */
  position: fixed;
  left: 5px;
  top: 5px;
  z-index: 2;
  font-size: 20px;
  width: 30px;
  cursor: pointer;
}

/* Make the Magic Happen */
.nav-trigger + label, .mob-content, .bg-content {
  transition: left 0.2s;
}

.nav-trigger:checked + label {
  left: 200px;
}

.bg-content.nav-triggered  {
	background-position: 0 0;
}

.mob-content.nav-triggered {
  left: 195px;
  /*box-shadow: 0 0 5px 5px rgba(0,0,0,0.5);*/
}

body {
  /* Without this, the body has excess horizontal scroll when the menu is open */
  overflow-x: hidden;
}