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

#menuebg{display:none;}
#logo {width:auto;max-width:300px;margin: 0 auto;}
#titel {clear:left;width:100vw;margin:0;text-align:center;}
.menue{display:none;}
.toggle{position:fixed;top:10px;right:10px;}

.kopf {width:100vw;padding:10px 0 20px 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;}
.impressum {width:96vw;margin: 5px 0;}

#button {display:none;}

/* 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;}

/* 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 */
#titel p {font-size:1.5em;padding-bottom:0;}
#logo p {font-size:1.1em;}
#impressum p {font-size:0.9pm;}