/* DESKTOP */

#box {max-width:1600px;margin:0 auto;padding: 0;}

#menuebg{height:80px;} /* Höhe des fixierten Balkens. Achtung: Auch .kopf anpassen. */
#menuefix {max-width:1600px;margin:0 auto;padding: 0 20px;} /* Korrektur, damit das Menü nur so breit wie der eigentliche Inhalt ist */
#logo {position:relative;top:25px;left:50px;width:auto;max-width:83px;} /* Position und Größe des Logos */
.menue{position:absolute;top:38px;right:50px;} /* Position und Größe des Menüs */
.toggle{display:none;} /* Mobiles Menü wird nicht angezeigt */

.kopf {margin-top:80px;} /* Anpassung der Position des Kopfes, abhängig von der Höhe des Balkens und ob man zum Balken einen Abstand will */
#bild {margin:0;} /* Abstände des Bildes */
#titel {top:100px;left:50px;width:auto;max-width:100%;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:70px;}
#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: 20px 10% 25px 10%;}
nav.breadcrumbs {padding: 0 0 20px 0;}
#main {width: 100%;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: 10px 50px;}
.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:350px;margin:0 0 15px 30px;}
figure.left.item-image, img.pull-left {float:left;max-width:350px;margin:0 30px 15px 0;}
figure.none.item-image {max-width:300px;margin: 0 0 20px 0;}
figure.newsflash-image {width:200px;height:auto;}

/* BLOGANSICHT 1,2 und 3 spaltig */
.category-desc {margin: 0 0 30px 0;} /* Abstand unter der Kategoriebeschreibung */
div.blog {padding: 0 50px;} /* Abstand des gesamten Blog */
div.blog-item {margin: 20px 0;padding: 10px 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 30px;}

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