/* TABLET */

#box {width:100%}

#menuebg{height:90px;} /* Höhe des fixierten Balkens. Achtung: Auch .kopf anpassen. */
#logo {position:relative;top:3px;left:25px;width:auto;max-width:120px;} /* 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: 90px;} /* Anpassung der Position des Kopfes, abhängig von der Höhe des Balkens */
#bild {margin:0px;} /* Abstände des Bildes */
#titel {font-size:26px;top:16px;left:160px;width:auto;max-width:70%;margin: 0;padding: 0;} /* 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;flex-wrap:nowrap;column-gap:20px;justify-content:evenly;}
#module_unten .moduletable {flex-basis:50%;border:1px solid #000;padding:30px;}
/* Gemeinsame Einstellungen */
.module {width:100%; padding:0px;}
#module_oben, #module_unten {width:100%; display:flex;justify-content:space-evenly;}
.mod-custom img {width:auto; max-width:300px;display:block;margin:0 auto;}

/* HAUPTBEREICH */
#inhalt {padding:20px 0 25px 0;}
.breadcrumbs {padding: 20px;}
#main {width: 100%;padding:0 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:400px;margin:0 0 15px 30px;}
figure.left.item-image, img.pull-left {float:left;max-width:250px;margin:0 30px  15px 0;}
figure.none.item-image {max-width:250px;margin: 0 0 20px 0;}
figure.newsflash-image {width:180px;height:auto;}
figure.mod-articles-image.item-image {max-width:300px;margin: 0 0 15px 0;}

/* 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;column-gap:30px;flex-wrap:wrap;}
.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 */