html {
    box-sizing: border-box;
}
*,
*:before,
*:after {
    box-sizing: inherit;
}
body {
    background-color:#F5F5F5;
    font:16px/1.231em 'Mulish','Muli',arial,helvetica,'Nimbus Sans L','Bitstream Vera Sans',sans-serif;
    color:#030;
    font-style: normal;
    font-weight: 400;
}
@font-face {
    /* muli-regular - latin-ext_latin */
      font-family: 'Muli';
      font-style: normal;
      font-weight: 400;
      src: url('../../files/bueroseite/fonts/muli/muli-v11-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
      src: local('Muli Regular'), local('Muli-Regular'),
           url('../../files/bueroseite/fonts/muli/muli-v11-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('../../files/bueroseite/fonts/muli/muli-v11-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
           url('../../files/bueroseite/fonts/muli/muli-v11-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
           url('../../files/bueroseite/fonts/muli/muli-v11-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
           url('../../files/bueroseite/fonts/muli/muli-v11-latin-ext_latin-regular.svg#Muli') format('svg'); /* Legacy iOS */
}
@font-face {
    /* mulish-regular - latin-ext_latin */
    @font-face {
      font-family: 'Mulish';
      font-style: normal;
      font-weight: 400;
      src: url('../../files/bueroseite/fonts/mulish-v10-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
      src: local(''),
           url('../../files/bueroseite/fonts/mulish-v10-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('../../files/bueroseite/fonts/mulish-v10-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
           url('../../files/bueroseite/fonts/mulish-v10-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
           url('../../files/bueroseite/fonts/mulish-v10-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
           url('../../files/bueroseite/fonts/mulish-v10-latin-ext_latin-regular.svg#Mulish') format('svg'); /* Legacy iOS */
    }
}
#container {
    position:relative;
}
img,
embed,
object,
video {
    max-width:745px;
}
#mbMedia img {
    max-width:98%;
    background-color:#f5f5f5;
}
#mbBottom {
    max-width:100%;
    top:-10px;
    position:relative;
}
#qrcode img {
    margin:15px;
    background-color:#f5f5f5;
    -webkit-box-shadow:0 0 0 0;
    box-shadow:0 0 0 0;
    border-radius:0;
}

/* Keine Unterstreichung auf Kontaktseite */
#konta td a {
    text-decoration:none;
}
.refe_t .ce_text {
    border-bottom:1px dotted #888;
}
#TitelA {
    left:0;
    top:8px;
    position:absolute;
    margin:0 0 0 5px;
    white-space:nowrap;
    font-size:30px;
    line-height:30px;
    text-transform:uppercase;
    letter-spacing:0px;
    word-spacing:0px;
    cursor:default;
}
#TitelB {
    left:0;
    top:40px;
    position:absolute;
    margin-left:5px;
    padding-top:2px;
    text-align:left;
    border-top:2px solid #EE0;
    border-right:0px solid #EE0;
    border-bottom:0px solid #EE0;
    border-left:0px solid #EE0;
    font-size:20px;
    line-height:20px;
    text-transform:uppercase;
    letter-spacing:.35px;
    word-spacing:0;
    cursor: default;
}
#TitelNav li a:link {
    text-decoration:none;
}
#TitelNav li a:visited {
    text-decoration:none;
}
#TitelNav li a:hover {
    text-decoration:overline;
}

/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:active {
    outline: none;
}
a:focus {
    outline: thin dotted;
}
a,
a:active,
a:visited {
    color:#161;
}
a:hover {
    color:#D93612;
}
h1 {
    margin-top:.5em;
    margin-bottom:.5em;
    font-size:21px;
    line-height:25px;
    text-transform:uppercase;
}
h2 {
    margin-top:12px;
    margin-bottom:10px;
    font-size:20px;
    line-height:20px;
    text-transform:uppercase;
}
h3 {
    margin-top:1em;
    font-size:1em;
    line-height:1.25em;
    text-decoration:underline;
}
h4 {
    margin:10px 0 5px;
    text-align:right;
    font-size:23px;
    line-height:23px;
    text-transform:uppercase;
    text-shadow: 1px 1px 2px #AAAA99;
}
h5 {
    margin:5px 0;
    text-align:right;
    font-size:16px;
    line-height:16px;
    font-weight:normal;
}
h6 {
    margin-top:10px;
    margin-bottom:15px;
    font-size:18px;
    line-height:18px;
    font-weight:normal;
    text-transform:uppercase;
}
ul {
    margin-bottom:0;
    padding-left:20px;
    list-style-type:circle;
    list-style-position:outside;
}
.active {
    /* text-shadow: 0 0 1px #FFFF55; */
    text-decoration: overline !important;
}
.back {
    clear:both;
    margin-top:15px;
    margin-right:auto;
    margin-left:auto;
    text-align:center;
}
.w220 {
    width:220px;
}
.w350 {
    width:350px;
}

/* Setzt die Blattgröße um Center zu erlauben. */
.blatt {
    width:750px;
    margin-right:auto;
    margin-left:auto;
}
.blatt table {
    width:100%;
}
.ce_gallery {
    text-align:center;
}

/* Bildunterschriften */
.ce_gallery .caption {
    display:none;
    margin:5px 0 0 15px;
    text-align:left;
}
.ce_gallery ul {
    overflow:hidden;
    padding:0;
    list-style-type:none;
}
.ce_gallery li {
    float:left;
}
.ce_gallery li.col_first,
.ce_gallery li.col_0 {
    clear:both;
}
.ce_gallery li.col_last img {
    float:left;
}
.ce_gallery ul.cols_2 li.col_last,
.ce_gallery ul.cols_3 li.col_last,
.ce_gallery ul.cols_4 li.col_last {
    float:right;
    padding-right:0;
}
.ce_gallery ul.cols_2 li {
    overflow:hidden;
    max-width: calc(50% - 3px)
}
.bildunterschrift {
    top:-15px;
    position:relative;
}
.float_left {
    float:left;
}
.float_right {
    float:right;
}
.caption {
    top:-15px;
    position:relative;
    text-align:center;
    font-size:90%;
}
.center,
.center .image_container img {
    margin-right:auto;
    margin-left:auto;
    text-align:center;
}
.ce_text p {
    margin-bottom:0;
    padding-bottom:5px;
}
div.bottom {
    bottom:0;
    position:relative;
    display:table-row-group;
}
div.bottom p {
    bottom:0;
    position:relative;
    display:table-cell;
    padding:0 0 15px 15px;
    vertical-align:bottom;
}
.image_container img {
    margin:0 5px 15px 0;
    -webkit-box-shadow:3px 3px 2px 0 #AA9;
    box-shadow:3px 3px 2px 0 #AA9;
    border-radius:2px;
}
.img_border img {
    border:1px solid #7D7B6A;
}
.invisible {
    display:none;
}
.mod_article {
    margin-bottom:5px;
}
.more {
    font-weight:bold;
}

/* Schriftart etc */
.presse {
    text-align:justify;
    font-family:"Times New Roman",serif;
}
.presse h1 {
    margin:0;
    text-align:center;
    font-size:200%;
    text-decoration:none;
}
.presse h2 {
    margin:0;
    text-align:center;
    font-size:130%;
    font-weight:normal;
    text-transform:none;
}
.presse table {
    margin-right:auto;
    margin-left:auto;
}
.presse td {
    padding:5px;
}

/* Teaserdarstellung auf Referenzenseite */
.refe_t {
    display:table-row;
}
.refe_t h2,
h2.refe_t {
    width:215px;
    display:table-cell;
    vertical-align:middle;
    font-size:15px;
}
.table-column {
    height:100%;
    display:table-column;
}
.table-row {
    display:table-row;
}
.teaser {
    width:305px;
    display:table-cell;
    padding-top:5px;
    padding-left:5px;
    vertical-align:bottom;
}
.transp {
    background-color: rgba(99,0,0,0.5);
}
.txt_shadow {
    text-shadow: 1px 1px 2px #AAAA99;
}

/* Blockgröße für 450er Bilder */
.w469 {
    width:469px;
    max-width:98vw;
}
.w750 {
    width:750px;
}