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

#menuebg {position:fixed;top:0;width:100%;height:90px;z-index:100;padding: 10px 0;}
.menue {display:none;}
.toggle {position:fixed;top:5vw;left:2vw;z-index:102;}

.kopf {width:100vw;margin-top:100px;}
#titel {position:fixed;top:20px;right:150px;height:70px;width:auto;z-index:103;}
#logo {position:fixed;top:5px;right:2vw;height:70px;width:auto;z-index:101;}
#bild {width:100vw;}

.module {width:100vw;padding: 0px 5vw}
#module {width:90vw;padding:10px 0;display:flex;flex-wrap: wrap;}
#module .mod-custom {width:100%;margin:5px 0;padding:5px;}
#module .mod-custom img {width:100%;}

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


.fuss {width:100vw;padding: 10px 5vw;}
.impressum, .kontakt {width:100%;padding:15px 0;text-align:center;}


/* BILDANZEIGE */
figure.left.item-image img, figure.right.item-image img, figure.none.item-image img, p img, div.blog-item img {width:auto;max-width:300px;display:block;margin:0 auto 25px auto;float:none;}
figure.left.item-image img {max-width:150px!important;}
figure.right.item-image img {width:auto;max-width:300px;}
#bild img {width:100%;height:auto}
#logo img {height:70px; width:auto;}
.mod-custom img.left {max-width:50%;float:left;}
.mod-custom img.right {max-width:50%;float:right;}

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

/* ABSTÄNDE */
.impressum li {margin: 0 10px;}
.breadcrumbs li {margin:0 5px;}

/* OVERRIDES */
h1 {font-size:1.4em;}
div.dj-offcanvas-wrapper {z-index:1000;}