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

#menuebg{height:55px;} /* Höhe des fixierten Balkens. Achtung: Auch .kopf anpassen. */
#logo {position:absolute;margin:10px 0 0 2vw;width:40vw;max-width:83px;} /* Position und Größe des Logos */
.menue{display:none;} /* Menü wird nicht angezeigt */
.toggle{position:fixed;top:10px;right:10px;} /* Position und Größe des mobilen Menüs */

.kopf {margin-top:55px;} /* Anpassung der Position des Kopfes, abhängig von der Höhe des Balkens */
#bild {margin:0;} /* Abstände des Bildes */
#titel {clear:left;width:85vw;margin:10px 10vw 0 5vw;} /* Titel wird innerhalb des Kopfes positioniert */


section.module {width:100vw;margin:0;} /* Breite der Modulbereiche */
/* Einstellungen für oberen Modulbereich */
#module_oben {width:100vw;padding: 10px 5vw 0 5vw} 
#module_oben .mod-custom {width:100%;}
Einstellungen für unteren Modulbereich */
#module_unten {width:100vw;padding: 10px 5vw;} /* 
#module_unten .mod-custom {width:100%;padding:2vw; margin: 10px 0;}
/* Einstellungen für beide */
.module {}
#module_oben, #module_unten {}

/* HAUPTBEREICH */
#inhalt {width:100vw;margin-top:0px;padding: 10px 5vw;}
.breadcrumbs {width:90vw;margin: 40px 0 15px 0;}
#main {width: 100%;display:flex;flex-direction: column;row-gap:30px;justify-content:space-between;}
.links {width:90vw; margin: 5px 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;}
#more {width:auto;margin: 15px 0;}

#button {display:none;}

/* BILDANZEIGE */
/* Breite und Abstände bei der jeweiligen Ausrichtung anpassen. Alle Bilder haben float: none. */
figure.right.item-image,img.pull-right, img.right {float:none;width:auto;max-width:100%;margin: 0 auto 15px auto;}
figure.left.item-image, img.pull-left {float:none;max-width:100%;margin:0 auto 15px auto;}
figure.none.item-image {float:none;max-width:100%;margin:0 auto 15px auto;}
figure.newsflash-image {width:150px;height:auto;}

/* BLOGANSICHT 1,2 und 3 spaltig */
.category-desc {margin-bottom:15px} /* Abstand unter der Kategoriebeschreibung */
div.blog-item {margin:10px 0;padding:10px 0 10px 0;} /* Abstand der einzelnen Items */
.columns-1, .columns-2, .columns-3 {width:100%;display:flex;flex-direction: column;justify-content:space-around;}

/* OVERRIDES, wenn Einstellung aus der Custom.css nicht passt */
.kontakt p {line-height:1.6em;}
nav ul.pagination li {margin: 0 8px;}
blockquote {font-size:1.3em;}