/* TABLET */
#box {width:100%}

#menuebg {top:0;height:70px;width:100%;margin-bottom:20px;padding: 10px 0;}
.menue {display:none;}
.toggle {position:relative;width:50px;height:50px;margin:0 auto;}

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

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

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

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


/* BILDANZEIGE */
p img {max-width:300px;} /*maximale Größe für direkt im Content eingefügte Bilder*/
figure.left.item-image {float:left;max-width:200px;margin:0 30px 20px 0;}
figure.right.item-image {float:right;max-width:300px;margin:0 0 20px 30px;}
figure.none.item-image {float:none;max-width:300px;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%}
.category-desc {margin-bottom:50px;}
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:28%;margin: 0 2.6%; padding:5px;}

/* ABSTÄNDE */
.impressum li {margin: 0 10px;}
.breadcrumbs li {margin:0 5px;}
.menue li {margin:0 8px;font-size:0.8em;}

/*STARTSEITE*/
#module div.mod-custom {margin:5px 2%;padding:10px 5px;}
#titel p {font-size:1.5em;}