/*
Theme Name: Experiement Selbstversorgung responsive
Theme URI: https://nanu-magazin.org
Author: Michael Hartl
Author URI: michaelhartl.at
Description: Im Jahr 2013 war es so weit, dass wir für das Experiment Selbstversorgung ein responsive-Theme wollten. Dieses Theme ist das Ergebnis - ein Child-Theme von Attitude. Es befindet sich seitdem in ständiger Weiterentwicklung. Schwerpunkt liegt auf Optik und Anpassungsfähigkeit an diverse Ausgabegeräte
Version: 1.3.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: attitude
*/

/* =Global
----------------------------------------------- */
* {
-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
          box-sizing: border-box;
}
body, input, textarea {
	color: #333;
	font: 15px 'Raleway', 'PT Sans', sans-serif;
	line-height: 23px;
	word-wrap: break-word;
}
hr {
    border-color: #e3b0e9;
    margin: 10px 5px 20px;
    }
.clear {
    clear: both;
}
.small {
	font-size: 11px;
	line-height: 12px;
	}
.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width: 100%;
	height: auto;
}
img {
    -webkit-transition: all 1.5s ease;
     -moz-transition: all 1.5s ease;
       -o-transition: all 1.5s ease;
      -ms-transition: all 1.5s ease;
          transition: all 1.5s ease;
    overflow: hidden;
        }
a img:hover {
    opacity: 0.7;
    -webkit-transform: scale(1.02,1.02);
     -moz-transform: scale(1.02,1.02);
       -o-transform: scale(1.02,1.02);
      -ms-transform: scale(1.02,1.02);
          transform: scale(1.02,1.02);
}
/* Headings */
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    color: #555555;
    font-family: 'Raleway', 'PT Sans', sans-serif;
}
h1 {
	font-size: 30px;
	line-height: 36px;
}
h2 {
	font-size: 28px;
	line-height: 35px;
}
h3 {
    font-size: 22px;
    line-height: 28px;
}
h4 {
    font-size: 19px;
    line-height: 24px;
}
h5 {
    font-size: 16px;
    line-height: 20px;
    font-weight:bold;
}
#main select {
    font-size: 16px;
    margin-bottom: 2px;
}
::-moz-selection {color: #fff; background: #276e37; text-shadow: none;}
::selection {color: #fff; background: #276e37; text-shadow: none;}
/* Lazy Load Bilder Einblendeeffekt */
/* Image with 'data' attribute is hidden */
img[data-lazy-src] {
/* we set the opacity to 0 */
   opacity: 0;
}
/* Image without 'data' attribute is (or becomes) visible */
img.lazyloaded {
/* prepare the future animation */
   -webkit-transition: opacity .5s linear 0.2s;
       -moz-transition: opacity .5s linear 0.2s;
                 transition: opacity .5s linear 0.2s;
/* we set the opacity to 1 to do the magic */
   opacity: 1;
}

/* Gutenberg Text Colors */
.has-pink-color {
	color: #CF89B4;
}

/* Gutenberg Background Colors */
.has-pink-background-color {
	background-color: #CF89B4;
}

/* Header */
#branding {
    margin-top: 10px;
    background-color: #f8f2e9;
}
.hgroup-wrap {
    padding-bottom: 8px;
    padding-top: 0;
}
.hgroup-right {
    float: right;
    margin-top: 20px;
}
input.s {
    color: #474747;
	width: 100px;
	padding-left: 10px;
	border-color: #eaeaea;
	text-indent: 0;
}
#site-logo {
    float: left;
    margin-top: 12px;
}
#site-logo img {
    width: 90%;
}

/* Menü */
#access {
    border-bottom: 1px solid #E3B0E9;
    border-top: 1px solid #E3B0E9;
    background-color: white;
}
#access ul li ul li a, #access ul li.current-menu-item ul li a, #access ul li ul li.current-menu-item a, #access ul li.current_page_ancestor ul li a, #access ul li.current-menu-ancestor ul li a, #access ul li.current_page_item ul li a {
	text-transform: none;
	}

.single .entry-meta-bar {
    padding-bottom: 0px;
}
.metaurl {
    line-height: 18px;
    margin: 0 0 5px;
    width: 100%;
}
.entry-meta a,
.entry-meta a:hover {
    text-decoration: none;
}
.entry-meta a:hover {
	color: #276E37;
}
.tags {
    line-height: 20px;
}
.tags a {
    background-color: #347c0e;
    color: #ffffff;
    display: inline-block;
    line-height: 30px;
    margin: 0 7px 10px;
    padding: 0 20px;
    text-align: center;
    text-decoration: none;
}
.tags a:hover, .tags a:focus, .tags a:active {
    background-color:#489122;
	color: #ffffff;
    text-decoration:none;
}
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
    clear: both;
    }
#content li {
	margin-bottom: 13px;
	}
.wp-caption .wp-caption-text {
    border-bottom: 1px solid #E3B0E9;
    text-align: center;
}
.wp-block-image figcaption, .blocks-gallery-caption {
    margin-top: 0;
    margin-bottom: 4em;
    font-size: 85%;
    color: #555;
    background-color: #f8f2e9;
    padding: 0.5em 0.4em;
}
.entry-meta-bar {
    border-bottom: none;
    border-top: 1px solid #E3B0E9;
}
#content ul.default-wp-page {
    border-bottom: 1px solid #E3B0E9;
    border-top: 1px solid #E3B0E9;
    clear: both;
}
.mittelspalte {
    margin: 0 auto;
    width: 668px;
}
.metaslider .flex-viewport {
    border: 2px solid #ad3189;
    margin-bottom: 40px;
    }
.metaslider .caption-wrap {
    position: relative !important;
    }

/* Suchergebnis */
.suchergebnis {
    background: #f9f9f9;
    border: 0px solid #e3b0e9 !important;
    border-radius: 20px;
    box-shadow: 2px 3px 5px #d3d3d3;
    margin: 0 12px 40px;
    padding: 0 !important;
    }
.suchergebnis article {
    padding-bottom: 15px;
    display: inline-block;
    max-width: 474px;
    width: 100%;
    }
.suchergebnis .entry-header,
.suchergebnis .entry-content,
.suchergebnis .entry-meta-bar {
    padding: 0 16px;
    }
.suchergebnis .entry-meta-bar {
    padding: 4px 16px;
    }
.suchergebnis .entry-meta {
    width: 74%;
    }
.suchergebnis img {
    border-radius: 14px 14px 0 0;
    }
.suchbild {
    margin-bottom: 10px;
    }
/* Masonry container */
    body.search div#content {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -20px;
    }
    body.search div#content section {
        margin: 20px;
    }

    @media ( min-width: 1079px ) {
        body.search div#content section {
            flex: 0 1 calc( 50% - 40px);
            margin: 20px;
        }
    }

/* Profile */
.zentrieren {
	width: 100%;
	margin-bottom: 45px;
	}
.profil-avatar {
    background-color: #FFFFFF;
    border: 3px solid #FFFFFF;
    border-radius: 100%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
    height: 130px;
    margin: 0 auto 25px;
    overflow: hidden;
    width: 130px;
	}
.ueberuns-avatar-g, .ueberuns-avatar-k {
    background-color: #FFFFFF;
    border: 3px solid #FFFFFF;
    border-radius: 100%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
    float: left;
    overflow: hidden;
    }
.ueberuns-avatar-g {
    height: 220px;
    margin: 0 20px 15px 0;
    width: 220px;
    }
.ueberuns-avatar-k {
    height: 130px;
    margin: 0 15px 10px 0;
    width: 130px;
    }
.ueberautorin {
    border-bottom: 1px solid #e3b0e9;
    margin: 0 10px 12px;
    min-height: 160px;
    padding-bottom: 16px;
}
.meta-avatar {
    background-color: #FFFFFF;
    border: 3px solid #FFFFFF;
    border-radius: 100%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
    height: 100px;
    margin: 0 17px 3px 0;
    overflow: hidden;
    width: 100px;
    float: left;
	}
.autorinoben {
    color: #636466;
    float: right;
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 0.75rem;
    font-weight: bold;
    line-height: 1rem;
    margin: 6px 0 8px 16px;
    text-align: right;
    text-transform: uppercase;
    width: 100px;
}
.oben-avatar {
    margin-bottom: 3px;
}
.datumoben {
    color: #777777;
    font-weight: normal;
    margin-top: 10px;
    border-top: 1px solid #e3b0e9;
    padding-top: 4px;
}
.zentrieren h1, .zentrieren h2, .zentrieren p, .profillink {
	text-align: center;
	}
.zentrieren h1 {
	color: #5D0C3B;
	font-size: 40px;
    }
.zentrieren h2 {
	font-size: 16px;
	font-weight: bold;
	margin: -8px 0 10px;
	}
.zentrieren p {
	font-size: 18px;
	}
.profillink, .zinfo {
	font-size: 22px !important;
	}
.zinfo {
	color: #AD3189;
	margin-top: 36px;
	}

/* Serien */
.seriesmeta {
    background-color: #e3b0e9 !important;
    margin-bottom: 12px;
    padding: 0 5px;
    }

fieldset {
    border: 2px solid #ad3189;
    margin-bottom: 40px;
    padding: 8px;
    }

.series-nav-left, .series-nav-right, .serieslist-ul {
    margin-top: 20px !important;
    }

/* Schlagworte und Kategorien */

.page-title-wrap {
    border-top: 1px solid #c8c8c8;
    margin-top: 10px;
}

.beschreib {
    background: none repeat scroll 0 0 #cadf9f;
    border-bottom: 1px solid #709041;
    font-size: 17px;
    padding: 15px 30px;
}

/* Masonry container */
body.category div#content,
body.tag div#content {
/* -moz-column-count: 4;
-webkit-column-count: 4;
column-count: 4;
-moz-column-gap: 1.8em;
-webkit-column-gap: 1.8em;
column-gap: 1.8em; */
    display: flex;
    flex-wrap: wrap;
    margin: 20px -20px;
}

/* Masonry bricks or child elements */
body.category section,
body.tag section {
    margin: 20px;
}

@media only screen and (min-width: 768px) {
    body.category section,
    body.tag section {
        flex: 0 1 calc( 50% - 40px );
    }
}

@media only screen and (min-width: 1078px) {
    body.category section,
    body.tag section {
        flex: 0 1 calc( 33% - 40px );
    }
}

body.category article,
body.tag article {
    display: inline-block;
    margin: 0 0 5px;
}

body.category #content .post,
body.tag #content .post {
    border-top: 0 solid #e3b0e9;
    padding-bottom: 0;
    padding-top: 0;
}

body.category .entry-title,
body.tag .entry-title {
    color: #444;
    font: 22px/25px Raleway,sans-serif;
    padding: 16px 10px;
}

body.category .entry-content,
body.tag .entry-content {
    padding: 0 10px;
}

body.category .entry-meta-bar,
body.tag .entry-meta-bar {
    border-bottom: 0 solid #e3b0e9;
    border-top: 1px solid #e3b0e9;
}

body.category .entry-header a, body.tag .entry-header a, body.category .entry-content a, body.tag .entry-content a, body.category .entry-header a:hover, body.tag .entry-header a:hover, body.category .entry-content a:hover, body.tag .entry-content a:hover, body.category .entry-header a:focus, body.tag .entry-header a:focus, body.category .entry-content a:focus, body.tag .entry-content a:focus {
    color: #333;
    text-decoration:none;
    text-shadow:none;
}

body.category .meta-avatar,
body.tag .meta-avatar {
    background-color: #ffffff;
    border: 0 solid #ffffff;
    border-radius: 100%;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
    float: left;
    height: 50px;
    margin: 0 10px 3px;
    overflow: hidden;
    width: 50px;
}

body.category .entry-meta span, body.tag .entry-meta span {
    padding: 0;
}
body.category .entry-meta span.date, body.tag .entry-meta span.date {
    font-size:13px;
}

.pinstyle img {
    width:100%;
}

.pinstyleauth {
    margin-left: 72px;
    width:83%;
}

.pinstyleauth .date {
    display: block;
}


body.category .archive-header, body.category .paging-navigation, body.tag .archive-header, body.tag .paging-navigation {
background-color: #ffffff;
-webkit-column-span: all;
column-span: all;
}


/* Readmore-Button */
a.readmore, a.button {
    border: none;
	background: #996633;
    text-decoration: none;
    text-align: center;
    font-weight: 700;
    letter-spacing: 1px;
}
a.readmore:hover, a.button:hover {
	background: #C08345;
	text-decoration: none;
    text-shadow: none;
}
a.readmore:focus, a.button:focus {
	text-decoration: none;
	text-shadow: none;
}
a.button {
    float: none;
    color: white;
    padding: 10px;
    border-radius: 5px;
    	}

/* Footer */
#colophon .widget-wrap {
    background-color: #F9F9F9;
    border-top: 1px solid #E3B0E9;
}
#colophon li.cat-item {
    font-weight:bold;
}
#colophon ul.children {
    list-style: outside none disc;
    margin-left: 26px;
}
#colophon ul.children li.cat-item {
    padding-bottom: 0;
    margin-top: -2px;
    font-weight:normal;
}
#colophon .textwidget ul li {
   padding-bottom: 8px;
}
#site-generator {
    border-top: 1px solid #E3B0E9;
    color: #999999;
    padding: 20px 0;
}

/* Buttons Tagcloud */
.widget_custom-tagcloud a {
    text-decoration: none;
}
.widget_custom-tagcloud a:hover {
	border: 1px solid #7E5429;
	color: #fff;
	background: #996633;
	background: -webkit-linear-gradient(#C08345, #996633);
	background: -moz-linear-gradient(#C08345, #996633);
	background: -ms-linear-gradient(#C08345, #996633);
	background: -o-linear-gradient(#C08345, #996633);
	background: -webkit-gradient(#C08345, #996633);
	background: linear-gradient(#C08345, #996633);
	text-shadow: none;
	text-decoration: none;
}

/* Buttons Artikel-Navigation */
#content ul a:hover, #content ol a:hover {
	text-decoration: none;
	color: #996633;
}
ul.default-wp-page li a {
    background-color: #F9F9F9;
    border: 1px solid #EAEAEA;
    border-radius: 3px 3px 3px 3px;
    color: #777777;
    display: inline-block;
    padding: 1px 8px 2px;
    text-decoration: none;
    text-shadow: none;
}
ul.default-wp-page li a:hover {
   border: 1px solid #7E5429;
   color: #fff !important;
   background: #996633;
	background: -webkit-linear-gradient(#C08345, #996633);
	background: -moz-linear-gradient(#C08345, #996633);
	background: -ms-linear-gradient(#C08345, #996633);
	background: -o-linear-gradient(#C08345, #996633);
	background: -webkit-gradient(#C08345, #996633);
	background: linear-gradient(#C08345, #996633);
}

/* Links */
a {
	color: #276E37;
	text-decoration: underline;
}
a:focus, a:hover {
    text-decoration: underline;
}

#access .root {
    margin: 0 -10px;
}

#access a {
    text-decoration: none;
    padding: 5px 10px 0;
    line-height: 2.4em;
}
#access a:hover,
#access ul li.current-menu-item a,
#access ul li.current_page_ancestor a,
#access ul li.current-menu-ancestor a,
#access ul li.current_page_item a,
#access ul li:hover > a {
	color: #276E37;
	text-decoration: none;
}
.widget ul li a {
    color: #276E37;
    text-decoration: none;
}
.widget ul li a:hover {
	color: #276E37;
}
.widget_tag_cloud a:hover, .widget_tag_cloud a:focus, .widget_tag_cloud a:active {
    color: #276E37;
}
a.yarpp-thumbnail {
    text-decoration: none !important;
    color: #777 !important;
}
a:hover.yarpp-thumbnail {
    text-shadow: none !important;
    color: #276E37 !important;
}
.yarpp-thumbnails-horizontal .yarpp-thumbnail-title, .yarpp-thumbnails-horizontal .yarpp-thumbnail-date {
    text-align: center !important;
}
.yarpp-thumbnails-horizontal .yarpp-thumbnail {
    height: 276px !important;
}
.yarpp-thumbnails-horizontal .yarpp-thumbnail-title {
    font-size: 1.2em !important;
    margin: 0 2px -7px !important;
    }
.yarpp-thumbnails-horizontal .yarpp-thumbnail-date {
    display: inline-block !important;
    font-size: 0.95em !important;
    font-weight: normal !important;
    margin: 0 auto !important;
    width: 300px !important;
    }
.custom-gallery-title a {
    text-decoration: none;
}
.custom-gallery-title a:hover {
    text-shadow: none;
    color: #276E37;
}
#content ul a, #content ol a {
    color: #276E37;
}
#content ul a:hover, #content ol a:hover {
    color: #276E37;
	text-decoration: none;
}
.safe-comments-report-link a {
    text-decoration: none;
}
.safe-comments-report-link a:hover {
    text-shadow: none;
}
#site-generator .copyright a:hover {
   color: #276E37
}

/* Buttons */
input[type="reset"],
input[type="button"],
input[type="submit"] {
    background: #996633;
    font-weight: 700;
    letter-spacing: 1px;
}
input[type="reset"]:hover,
input[type="button"]:hover,
input[type="submit"]:hover {
	background: #C08345;
	text-decoration: none;
}

/* Kommentarbereich */
.comment-content {
    padding: 10px 5px;
}
#content .comments-area li {
    list-style: none;
}
#content .comments-area ul, #content .comments-area ol {
    margin: 0 0 30px 40px;
}
.comments-area article header img {
	float: left;
	padding: 0;
	line-height: 0;
}
.comments-area article header cite, .comments-area article header time {
    margin-top: 6px;
}
.comments-area article header time {
    color: #5E5E5E;
    font-size: 0.8rem;
    line-height: 1.54;
    text-decoration: none;
}
.comments-area article header {
    background: #f3f3f3;
    margin: 0 0 6px;
}
.comments-area li.bypostauthor > article header {
    background: #f8f2e9;
}
a.comment-reply-link {
	background: #347c0e;
    color: #fff !important;
	display:inline-block;
	padding: 0 15px;
    text-shadow: none;
    text-decoration: none;
}
a.comment-reply-link:hover {
	background: #489122;
	text-decoration: none !important;
}
a.comment-reply-link:active {
	-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
}
.safe-comments-report-link {
	float:right;
	}
.safe-comments-report-link a {
	background: #996633;
    color: #fff !important;
	display:inline-block;
	font-size: 13px;
    padding: 0 5px;
}
.safe-comments-report-link a:hover {
	background: #b4824f;
	text-decoration: none !important;
}
.safe-comments-report-link a:active {
	-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
}

.thread-even, .thread-odd {
    padding-bottom: 30px;
}

#respond {
    margin-top: 0;
}
#respond h3#reply-title {
    font-size: 22px;
    font-weight: normal;
    line-height: 22px;
    padding-bottom: 0;
}
#respond form p.logged-in-as {
    margin-bottom: 0;
}
#respond form input[type="text"], #respond form textarea {
    -moz-box-sizing: border-box;
    font-size: 17px;
    line-height: 1.4;
    padding: 0.714286rem;
    width: 100%;
}
#respond form p.form-allowed-tags {
    height: 0;
    visibility: hidden;
}
#commentform input[type="text"],
#commentform input[type="email"],
#commentform input[type="password"],
#commentform input[type="url"],
#commentform textarea {
	margin: 0 0 8px;
}
#comment-image-wrapper {
	margin: 2px 0 20px;
	}
#commentform .form-submit {
	margin: 10px 0 -20px;
	}

.shortcode_wysija input.wysija-input,
.html_wysija input.wysija-input{
    margin-bottom: -5px;
    width: 90%;
    }

.widget_wysija_cont .wysija-submit {
    margin-bottom: 36px;
    }

.widget_wysija .wysija-checkbox-label {
    clear: both;
    }


/* Überschriften */
.entry-title {
	color: #444;
    font: 36px/40px Raleway,sans-serif;
}
.entry-content h2 {
    color: #444;
    font: 28px/30px Raleway,sans-serif;
    padding-top: 15px;
}
/* Schriftgröße */
.entry-content {
    display: block;
    font-size: 16px;
    line-height: 24px;
    overflow: hidden;
    padding-bottom: 15px;
}
/* Bilder */
.entry-content img, .comment-content img, .widget img {
    border: 1px solid #DDDDDD;
    max-width: 100%;
    }
.noborder {
    border: 0px !important;
}

/* Menüs */
#access ul li ul {
	position: absolute;
	background-color: #fff;
	border-top: 4px solid #276E37;
	top: 2.6em;
	left: 0px;
	width: 190px;
}
#access ul li ul li a:hover, #access ul li ul li:hover > a, #access ul li.current-menu-item ul li a:hover {
	background-color: #F9F9F9;
	color: #276E37;
}

/* Blockquote */
blockquote {
    background-color: #f9f9f9;
    border-left: 8px solid #ad3189;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 29px;
    margin-bottom: 15px;
    padding: 10px 28px;
}
blockquote em, blockquote i, blockquote cite {
	font-style: italic;
    font-size: smaller;
}
blockquote p {
    margin: 10px 0px;
}

/* Lists */
#content ul
{
  list-style: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3QocFiE4jj0naAAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAkUlEQVQoz2P8////fwYSABMDiYAFmfP35x+GO8vOMNxbeY6BgYGBQSnciEElyoSBmR2hjBHmpL8//zDsDprD8O35JxQTuST5GFzXpcA1wZ10Z9kZDMUMDAwM355/Yriz7AymH2DOwAaQ5Uj2NFyDUrgRTkXIcnANKlEmDFySfBiKuST5GFSiTDBDieRgpVlMAwCGyD0H3oX5agAAAABJRU5ErkJggg==);
}

/* Slogan */
.slogan-wrap {
	background-color: #996633;
    font-family: 'Raleway', 'PT Sans', sans-serif;
    padding: 24px 0;
	margin-bottom: 4px;	
}
.slogan-wrap .slogan {
    width: 75%;
    font-size: 24px;	
	line-height: 30px;
	color: #fff;
	float: left;
}
.slogan-wrap .view-work {
	color: #494949;
    background: #b5e6ee;
	background: -webkit-linear-gradient(#E9D3BE, #CFA072);
	background: -moz-linear-gradient(#E9D3BE, #CFA072);
	background: -ms-linear-gradient(#E9D3BE, #CFA072);
	background: -o-linear-gradient(#E9D3BE, #CFA072);
	background: -webkit-gradient(#E9D3BE, #CFA072);
	background: linear-gradient(#E9D3BE, #CFA072);
    height: 42px;
    text-decoration: none;
}
.slogan-wrap .view-work:hover {
	background: -webkit-linear-gradient(#F2E7D9, #CFA072);
	background: -moz-linear-gradient(#F2E7D9, #CFA072);
	background: -ms-linear-gradient(#F2E7D9, #CFA072);
	background: -o-linear-gradient(#F2E7D9, #CFA072);
	background: -webkit-gradient(#F2E7D9, #CFA072);
	background: linear-gradient(#F2E7D9, #CFA072);
	text-decoration: none;
}

/* Featured Slider */
.featured-slider, .featured-slider .slider-cycle {
    margin-bottom: 6px;
    margin-top: 7px;
}
.featured-text .featured-title {
	font: 24px 'Raleway',sans-serif;
	line-height: 30px;
	padding: 10px 20px;
	background: #05A9C5;
	background: rgba(39, 110, 55, 0.85);
	float: right;
	max-width: 65%;
}
.featured-text .featured-title a {
    text-decoration: none;
}
.featured-text .featured-title a:hover {
    text-decoration: underline;
}

/* Galerie */
.gallery-item {
    margin: 10px 1% 0 !important;
    width: 31% !important;
}


/* Controllers */
#controllers a:hover, #controllers a.active {
	background-color: #276E37;
	color: #276E37;
}

/* Nav-Buttons bei mehreren Seiten */
.wp-pagenavi .current, .wp-pagenavi a:hover {
   border: 1px solid #7E5429;
   color: #fff;
   background: #996633;
	background: -webkit-linear-gradient(#B5783C, #996633);
	background: -moz-linear-gradient(#B5783C, #996633);
	background: -ms-linear-gradient(#B5783C, #996633);
	background: -o-linear-gradient(#B5783C, #996633);
	background: -webkit-gradient(#B5783C, #996633);
	background: linear-gradient(#B5783C, #996633);
   text-shadow: 0 0 0 transparent,0 0 10px #c08345;;
}

/* Design Single View */
.tags {
    clear: both;
    margin-bottom: 0;
	}
.laufenden {
	clear:both;
    margin-bottom: 100px;
	}

/* Formulare */
span.wpcf7-list-item {
    margin-right: 700px;
	}
.wpcf7 p {
    margin-bottom: 20px;
	}
.wpcf7 input[type="text"], input[type="email"], input[type="password"], textarea {
    margin: 0;
	}

/* Events */
aside#em_widget-2 li {
    margin-bottom: 8px;
    }


#custom_html-3 menu, #custom_html-4 menu, #custom_html-5 menu, #text-18 menu, #text-19 menu, #text-21 menu, span menu {
	font-size: 13px;
    max-width: 728px;
    margin: 0 0 -7px 2px;
	}
span menu {
    line-height: 19px;
    margin-bottom: 0;
    margin-top: 0;
    padding-top: 0;
	}
span p.small {
	margin-bottom: 7px;
	}
#custom_html-3 img, #custom_html-4 img, #custom_html-5 img  {
	border: 1px solid #BBBBBB;
	}

/* Sidebar */
#secondary {
    font-size: 90%;
    margin-top: -25px;
	}
.widget {
    margin-bottom: 20px;
}
menu {
    clear: both;
    color: #555555;
    font-family: 'Raleway',sans-serif;
    font-size: 22px;
    font-weight: normal;
    line-height: 30px;
    padding: 16px 0 0;
}
.center {
	text-align: center;
	}
div.textwidget a.readmore {
	float: left;
	}
.widget_flattrglobal {
	margin: 0 0 0 30px;
	}
.wppb-widget {
	margin: 0 0 -8px;
	}
.buttonmargin {
	margin: 0 45px 0 0;
	}
#text-13 {
	margin-bottom: 65px;
	}
#IDWidget2 {
	font-size:13.5px;
	}

/* =Responsive Structure
----------------------------------------------- */
/* All Tablet Portrait size smaller than standard 1079 (devices and browsers) */
@media only screen and (max-width: 1078px) {
    .hgroup-right {
    margin-top: 14px;
}
#site-logo {
    margin-top: 0px;
}
/* Column */
	.column {
		margin-left: -3.57%;
	}
	.one-half,
	.one-third,
	.one-fourth {
		margin: 0 0 0 3.44%;
		width: 46.56%;
	}
	.widget_service .one-half,
	.widget_service .one-third,
	.widget_service .one-fourth {
		margin: 0;
		padding-bottom: 10px;
		width: 100%;
	}
	.widget_service .column {
		margin-left: 0;
	}
/* Slogan */
	.slogan-wrap .slogan {
		width: 65%;
	}

/* Suchergebnisse */
    .suchergebnis {
        margin: 0 6px 30px;
    }
/* Pinstyle für Tags und Kategorien */
    body.category div#content, body.tag div#content {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
    }
    .pinstyleauth {
    width:85%;
    }
/* Über uns Seite */
    .ueberuns-avatar-g {
    float:none;
    margin: 0 auto 15px;
    }
}
/* All Mobile Portrait size smaller than 768 (devices and browsers) */
@media only screen and (max-width: 767px) {
    .hgroup-right {
        margin-top: 10px;
    }
/* Slogan */
	.slogan-wrap .slogan {
		width: 100%;
	}
	.bns-featured-category .post {
    width: 95%;
	}
    #wpp-2 .wpp-list li {
    width: 95%;
    }
	.one-fourth {
    margin: 0 0 0 2.5%;
    width: 95%;
	}
	.entry-meta span.comments {
    display: none;
	}
	.entry-meta span.category {
    display: none;
	}
    input.s {
        width: 235px;
	}
/* Suchergebnisse */
    .suchergebnis {
    margin: 0 0 40px;
    }
/* Über uns Seite */
    .ueberuns-avatar-g {
    height: 200px;
    width: 200px;
    }
}

/* All Mobile landscape size and All Mini Tablet Portrait size smaller than standard 768 and larger than 480 (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .mittelspalte {
    width: 420px;
    }
    .entry-content .wp-block-image figure {
        float: none;
        margin: 2em auto;
    }
/* Slogan */
	.slogan-wrap .slogan {
		width: 100%;
	}
	.bns-featured-category .post {
    width: 95%;
	}
    #wpp-2 .wpp-list li {
    width: 95%;
    }
	.one-fourth {
    margin: 0 0 0 2.5%;
    width: 95%;
	}

	.entry-meta span.by-author {
    display: inline;
	}
    input.s {
		width: 375px;
	}
/* Pinstyle für Tags und Kategorien */
    body.category div#content, body.tag div#content {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
    }
}

/* All Mobile size smaller than standard 320 (devices and browsers) */
@media only screen and (max-width: 479px) {
    #site-logo {
        margin-top:10px;
    }
    .mittelspalte {
    width: 280px;
    }
    .entry-content .wp-block-image figure {
        float: none;
        margin: 2em auto;
    }
/* Slogan */
	.slogan-wrap .slogan {
		width: 100%;
	}
	.bns-featured-category .post {
    width: 95%;
	}
    #wpp-2 .wpp-list li {
    width: 95%;
    }
	.one-fourth {
    margin: 0 0 0 2.5%;
    width: 95%;
	}
/* Pinstyle für Tags und Kategorien */
    body.category div#content, body.tag div#content {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
    }
    body.category article, body.tag article {
    margin: 0 0 5px 20px;
    }
}