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

#menuebg{position:fixed;height:70px;width:100vw;}
#logo {float:left;width:70vw;max-width:90px;margin: 5px 5vw 0 2vw;}
.menue{display:none;}
.toggle{position:fixed;top:10px;right:10px;}

.kopf {width:100vw;padding-top:70px;}

#titel {clear:left;width:85vw;margin:10px 10vw 0 5vw;}
#bild {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;margin-top:10px;padding: 10px 5vw;}
.breadcrumbs {width:90vw;margin: 5px 0 15px 0;}
.text {width:90vw; margin: 5px 0;}

.fuss {width:100vw;padding: 10px 2vw;}
.kontakt {width:96vw;margin: 5px 0;}
.impressum {width:auto;margin: 15px 0;float:right;}

#button {display:none;}

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

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

/* OVERRIDES */
.text h2, #text h3 {}
#titel p {font-size:2em;padding-bottom:0;}
#logo p {font-size:1.1em;text-align:left;}
.kontakt p {line-height:1.6em;}
nav.impressum li {font-size:1.1em; margin:0 10px;}
time {display:none;}
nav ul.pagination li {margin: 0 10px;}