/* TABLET */

#box {width:100%}

#menuebg{position:fixed;top:0;height:80px;width:100%;padding: 0 25px;}
#logo {float:left;width:auto;max-width:110px;margin:0px 0 0 0px;}
#titel {float:right;width:auto;max-width:220px; margin:0px 0px 0 0;}
.menue{display:none;}
.toggle{width:70px;margin:15px auto 0 auto;}
.breadcrumbs {margin-top:20px;padding: 0 0 0 30px;}

.kopf {margin-top:130px;}
#bild {width:100%;margin-bottom:0px;}

section.module {width:90%;display:block; margin:0 auto;}
#module, #module_unten {width:100%; padding:5px;display:flex;flex-wrap:wrap;}
.module {width:100%; padding:0px;}
#module .mod-custom {width:100%} 
#module_unten .mod-custom {width:31.33%;margin:1%;padding:10px;}
#module .mod-custom img {width:auto; max-width:200px;display:block;margin:0 auto;}

#inhalt {margin-top:0px;padding:15px 0 25px 0;}
.text {width:100%;padding: 0 40px;}
div.blog {padding: 0;}
div.item-page {padding: 0 20px;}

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

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

/* BILDANZEIGE */
p img {width:auto;max-width:100%;}
#logo p img, #bild img {width:100%;height:auto;}
figure.right.item-image {max-width:300px;margin:0 0 20px 30px;}
figure.left.item-image {max-width:350px;margin:0 30px 20px 0;}
figure.none.item-image {max-width:200px;margin:0 auto 15px auto;}
img.pull-none,.pull-none img {max-width:300px;margin: 0 0 20px 0;}
div.columns-3 figure.left.item-image {float:none;width:100%;max-width:200px;}
div.columns-2 figure.left.item-image {float:none;width:100%;max-width:300px;}
.items-leading figure.left.item-image {float:left!important;}
img.right {float:right;margin: 0 0 20px 20px;width:350px;}

/* BLOGANSICHT 1,2 und 3 spaltig */
.category-desc {overflow:hidden;width:100%;display:block;margin:0 auto 20px auto;}
div.blog {width:100%}
div.blog-item {overflow:hidden;margin: 10px 0;padding:20px 0 30px 0;}
.columns-1, .columns-2, .columns-3 {width:100%; display: flex;flex-flow: row wrap;justify-content:center;column-gap: 20px;}
.columns-1 div.blog-item {flex-grow:1;}
.columns-2 div.blog-item {flex-grow:1;width:40%;}
.columns-3 div.blog-item {flex-grow:1;}


/* MENUE Abstände (Grundeinstellungen siehe template)*/
.menue li {padding: 0 15px;}
nav.impressum li {font-size:1.1em;}
nav.breadcrumbs li {margin:0 0 0 10px;}

.ig-thumb-text p {font-size:0.9em;margin:0;}
.logos img {width:250px;}