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

#menuebg {top:0;width:100%;height:60px;}
.toggle {width:50px;float:right;margin:10px 2vw 0 0;}
.menue {display:none;}
#logo {width:200px;height:auto;margin:5px 0 0 2vw;float:left;}
#titel {clear:left;float:left;margin: 6px 0 0 3vw;}
#titel .mod-custom {}
.kopf {width:100vw;margin-top:0px;min-height:70px;background-size: cover;padding-top:60px;}
#bild {width:100vw;padding:5vw 5vw 0 5vw;}

section.module {width:90%;display:block; margin:0 auto;}
#module, #module_unten {width:100%; padding:5px;display:flex;flex-wrap:wrap;justify-content:center;}
.module {width:100%; padding:0px;}
#module .mod-custom, #module_unten .mod-custom {padding:10px;}
#module .mod-custom img {width:auto; max-width:200px;display:block;margin:0 auto;}

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

.fuss {width:100vw;padding: 5vw;}
.impressum, .kontakt {width:100%;text-align:center;} 
#more {width:100vw;}
#button {bottom:10px;right:0;}


/* BILDANZEIGE */
figure.left.item-image, img.left, figure.right.item-image, div.blog-item img {width:100%;max-width:300px;margin: 0 auto 25px auto; float:none; display:block;}
p img, #bild img, #titel img {width:100%;height:auto}
#module .mod-custom img {width:100%;}
#bild img {max-width:90vw;height:auto;}

/* BLOGANSICHT 1,2 und 3 spaltig */
div.blog {width:100%}
.category-desc {margin-bottom:30px;}
.category-desc img {max-width:200px;}
.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-right:10px;}

/* OVERRIDES */
h1 {font-size:1.4em;}
#titel p {font-size:1.5em;}

/* TABELLEN FÜR SERIENÜBERSICHT */
table {text-align:center;}
table img {width:200px;}