/* MOBILE */
#box {width:100vw;}

#menuebg{position:fixed;top:0;left:0;height:50px;width:100%;}
#logo {float:right;width:auto;max-width:150px;margin: 0;}
#titel {clear:left;width:100vw;margin:0;text-align:center;}
.menue{display:none;}
.toggle{width:50px;display:block;margin:2px auto 0 auto;}

.kopf {margin-top:50px;width:100vw;height:120px;background-size:cover;background-position:-100px 0;}
#bild {display:none;width:100vw;margin-top:10px;padding:0;}

#module, #module_unten {width:100vw;padding: 10px 5vw;}
#module .mod-custom, #module_unten .mod-custom {width:90vw;padding: 2vw;  margin: 10px 0;}

#inhalt {width:100vw;padding: 10px 5vw;}
.breadcrumbs {display:none;width:90vw;margin: 5px 0 0 0;}
.text {width:90vw; margin: 5px 0;}

.fuss {width:100vw;padding: 10px 2vw;}
.kontakt {width:96vw;margin: 5px 0;text-align:right;}
.impressum {width:96vw;margin: 5px 0;}

#info {padding: 20px 5vw;}

/* BILDANZEIGE */
figure.left.item-image,figure.right.item-image, p img, div.blog-item img {float:none;width:90vw;max-width:400px;margin: 0 auto 20px auto;display:block;}
#bild img {width:100%;height:auto;}
#logo p img {width:100%;height:auto;margin:0;}
#info p img.pull-right {width:250px;float:none;}
.impressum img {float:left;width:auto;}

/* BLOGANSICHT 1,2 und 3 spaltig */
.category-desc {margin-bottom:15px;padding-bottom:15px;}
div.blog {width:100%}
.columns-1, .columns-2, .columns-3 {width:90vw;}
div.blog-item {margin:10px 0;padding:20px 0;width:100%;}
dd.published {font-size:1.2em;}

/* OVERRIDES */
.kontakt li {margin-left:30px;}