/* TABLET */

#box {width:100%}

#menuebg{height:65px;} /* Höhe des fixierten Balkens. Achtung: Auch .kopf anpassen. */
#logo {position:relative;top:15px;left:25px;width:auto;max-width:83px;} /* Position und Größe des Logos */
.menue{display:none} /* Menü wird nicht angezeigt */
.toggle{position:fixed;top:15px;right:15px;} /* Position und Größe des mobilen Menüs */

.kopf {margin-top: 65px;} /* Anpassung der Position des Kopfes, abhängig von der Höhe des Balkens */
#bild {margin:0px;} /* Abstände des Bildes */
#titel {width:auto;max-width:100%;margin: 0 auto;padding: 0;text-align:center;} /* Titel wird innerhalb des Kopfes positioniert */


section.module {width:90%;display:block; margin:0 auto;} /* Breite der Modulbereiche */
Einstellungen für oberen Modulbereich */
#module_oben {margin-top:80px;}
#module_oben .mod-custom {width:100%} 
/* Einstellungen für untere Modulbereich */
#module_unten {padding:20px 0;}
#module_unten .mod-custom {}
/* Gemeinsame Einstellungen */
.module {width:100%; padding:0px;}
#module_oben, #module_unten {width:100%; display:flex;flex-wrap:wrap;justify-content:space-evenly;}
.mod-custom img {width:auto; max-width:100%;display:block;margin:0 auto;}

/* HAUPTBEREICH */
#inhalt {padding:25px 0;}
.breadcrumbs {margin-top:0px;padding: 10px 20px;}
#main {width: 100%;padding: 25px;display:flex;flex-direction: row;justify-content:flex-start;column-gap:50px;}
.links {flex: 0 0 300px;padding: 0;}
.text {flex-grow:4;padding: 0;}

.fuss {width:100%;padding: 25px;}
.kontakt {width:100%;padding: 5px 0;}
.impressum {width:100%;padding: 5px 0;}
#more {width:100%;padding: 5px 0;}

#button {position:fixed;top:120px;right:0;}

/* BILDANZEIGE */
/* Breite und Abstände bei der jeweiligen Ausrichtung anpassen */
figure.right.item-image, img.pull-right, img.right {float:right;max-width:300px;margin:0 0 15px 30px;}
figure.left.item-image, img.pull-left {float:left;max-width:300px;margin:0 30px  15px 0;}
figure.none.item-image {max-width:250px;margin: 0 0 20px 0;}
figure.newsflash-image {width:180px;height:auto;}

/* BLOGANSICHT 1,2 und 3 spaltig */
.category-desc {margin:0 auto 20px auto;} /* Abstand unter der Kategoriebeschreibung */
div.blog-item {margin: 10px 0;padding:20px 0 50px 0;} /* Abstand der einzelnen Items */
.columns-1, .columns-2, .columns-3 {width:100%;display:flex;flex-direction: row;justify-content:space-between;}
.columns-1 div.blog-item {width:100%;}
.columns-2 div.blog-item {width:48%;}
.columns-3 div.blog-item {width:30%;}

/*SONSTIGES*/
blockquote {margin:0 0 0 10px;font-size:1.5em;}

/* OVERRIDES, wenn Einstellung aus der Custom.css nicht passt */