/* DESKTOP */
#box {max-width:1600px;margin:0 auto;padding: 0;position:relative;}

#menuebg {top:0;height:70px;width:100%;margin-bottom:20px;padding: 20px 0;}
.menue {width:100%;text-align:center;}
.toggle {display:none;}

.kopf {width:100%;}
#titel {display:block;margin:0 auto;width:400px;}
#logo {display:block;margin:0 auto;width:400px;}
#bild {width:100%;}

.module {width:100%; padding:0px;margin-bottom:0px;}
#module {width:100%;padding:10px 20px;display:flex;flex-wrap:wrap;}
#module .mod-custom {width:auto;}
#module .mod-custom img {width:100%;}

#inhalt {width:100%;margin: 25px 0 0 0;}
.breadcrumbs {padding: 25px 0 0 0;margin-left:100px;}
.text {width:100%;padding: 25px 100px;}


.fuss {width:100%;padding:25px 50px;}
.impressum, .kontakt {text-align:center;margin: 5px 0;}

/* BILDANZEIGE */
p img {max-width:400px;} /*maximale Größe für direkt im Content eingefügte Bilder*/
figure.left.item-image img {float:left; width:200px;max-width:100%;height:auto;margin:0 30px 20px 0;}
figure.right.item-image img {float:right; width:400px;max-width:100%;height:auto;margin:0 0 20px 30px;}
figure.none.item-image img {float:none;width:300px;max-width:100%; height:auto;}
#logo img, #bild img {width:100%; height:auto;}
.mod-custom img.left {max-width:50%;float:left;}
.mod-custom img.right {max-width:50%;float:right;}

/* BLOGANSICHT 1,2 und 3 spaltig */
div.blog {width:100%;padding: 0 50px;}
.category-desc {margin-bottom:50px;padding: 0;}
div.item-content {padding:0 0 5px 0;margin: 20px 0;}
.columns-1, .columns-2, .columns-3 {width:100%;display:flex;flex-wrap:wrap;}
.columns-1 div.blog-item {width:100%;}
.columns-2 div.blog-item {width:45%;margin: 0 2.5%; padding:5px;}
.columns-3 div.blog-item {width:30%;margin: 0 1.6%; padding:5px;}

/* ABSTÄNDE */
.impressum li {margin: 0 10px;}
.breadcrumbs li {margin-right:10px;}

/*STARTSEITE*/
#module div.mod-custom {width:30%;margin:0 1.6% 10px 1.6%;padding:20px;}
#titel p {font-size:2em;}