/*Farb-Schema
Hauptfarbe Grün: #46962b
Akzentfarbe Dunkelgrün: #0a321e
Haupt- und Akzentfarbe Gelb: #ffee00
Akzentfarbe Magenta: #e6007e
Leichtes Grau: #e6e6e6
Blasses Grün: #e4f8df
*/
/**********************************************************************/
/* 1. CSS Reset by Eric Meyer */
/* (slightly adapted to HTML5) */
/**********************************************************************/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, address, cite, code, del, dfn, em,
img, ins, kbd, q, samp, small, strong,
sub, sup, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, footer, header, nav, time, section {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
body {-webkit-font-smoothing: antialiased;}
/* remember to define focus styles! */
:focus { outline: 0; }
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
/**********************************************************************/
/* 2. Needed for rendering HTML5 properly in current browsers */
/**********************************************************************/
article, aside, footer,header, nav, section { display: block; }
/**********************************************************************/
/* 3. Some basic helper styles */
/**********************************************************************/
.invisible, legend {position: absolute;left: -9999em;}
.clear {display: block; width: 100%; clear: both;}
.unsichtbar {position:absolute;top:-9999px;left:-9999px;height:1px;width:1px;display:block;}
/**********************************************************************/
/* 4. Basic styles against the reset */
/**********************************************************************/
code, kbd, var, tt { font-family: Consolas, "Courier New", Courier, sans-serif; }
p code, p kbd, p var, p tt { line-height: 1; }
strong, dt { font-weight: bold; }
em, cite { font-style: italic; }
abbr[title] {border-bottom: 1px dotted #888;cursor: help;}
a abbr { cursor: pointer; }
del {text-decoration: line-through;}
ins {border-bottom: 1px dashed #888;text-decoration: none;}
sub { vertical-align: text-bottom; }
sup { vertical-align: text-top; }
sub, sup { font-size: 75%;line-height: 1;}
ol { list-style-type: decimal; }
ul { list-style-type: disc; }
input, textarea, select { font-size: 1em;margin: 0;border: 0;padding: 0; }
label { font-weight: normal; }
label, button,input[type=button],input[type=submit] { cursor: pointer; }
fieldset {display: block;margin: 0;}
/* This positions an unstyled legend element */
/* correctly in IE6 + IE7 */
* html legend,
*:first-child+html legend {position: relative;left: -10px;}
/*Wordpress align*/
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.hidden {display:block;position:absolute;top:-10000px;}
.clearfix, .commentlist article {zoom: 1; }
.clearfix:before, .clearfix:after, .commentlist article:before, .commentlist article:after {content: "";display: table; }
.clearfix:after, .commentlist article:after {clear: both; }
/**********************************************************************/
/* 5. Font Faces */
/**********************************************************************/
@font-face {
font-family: 'Arvo Regular';
font-display: swap;
src: local('Arvo Regular'), local('ArvoRegular'), url('../fonts/arvo_regular.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Arvo Gruen';
font-display: swap;
src: local('Arvo Gruen'), local('ArvoGruen'), url('../fonts/arvo_gruen.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'PT Sans';
font-display: fallback;
src: local('PT Sans'), local('PTSans-Regular'), url('../fonts/ptsans-regular.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'PT Sans Bold';
font-display: fallback;
src: local('PT Sans Bold'), local('PTSans-Bold'), url('../fonts/ptsans-bold.woff') format('woff');
font-weight: bold;
font-style: normal;
}
/**********************************************************************/
/* 6. Screen styles for all (primary mobile) */
/**********************************************************************/
@media screen {
/*********************
01. GENERAL STYLES
*********************/
body {font-family: 'PT Sans', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;font-size: 100%;line-height: 1.5em;color: #333; background-size: cover !important;}
#wrap {}
.pos {}
img {max-width:100%;height:auto;}
blockquote {padding: 2em 2em 0.5em 2em;text-indent: 0em;width: auto; background: #e6e6e6;margin-left:-1em;margin-right:-1em;color: #333;margin-bottom: 1em;font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;font-weight: 500;}
table, tr, td {vertical-align: top;}
p.intro {font-family: 'PT Sans Bold', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;font-size:1.1em;}
hr {border: 0; background: #e6e6e6; height: 3px;width: 95%;margin: 2.5em auto;}
strong, b {font-family: 'PT Sans Bold', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;font-weight: normal;}
/********************
02. WORDPRESS BODY CLASSES
********************/
/*********************
03. LAYOUT & GRID STYLES
*********************/
/*********************
04. LINK STYLES
*********************/
a {color:#46962b;text-decoration: none;}
a:hover {color:#0a321e;text-decoration: underline;}
a:visited {color:#46962b;}
a span.button, span.button a {display: inline-block; background: #46962b; color: #fff; padding: 0.5em;font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;border-radius: 0.3em;}
a:hover span.button, span.button a:hover {background:#0a321e;}
/******************************************************************
05. H1, H2, H3, H4, H5 STYLES
******************************************************************/
h1,h2,h3,h4,h5,h6 {line-height: 1.4em;margin-bottom:0.3em;font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;font-weight: normal;color: #0a350a;text-align: left;}
h1 {font-size:1.8em;margin-bottom:0em;}
h1.page-title {margin-bottom: 0.7em;}
h2 {font-size:1.6em;}
h3 {font-size:1.5em;color: #5dae59;}
h4 {font-size:1.3em;}
h5 {font-size:1.1em;}
h6 {font-size:1em;}
/*********************
06. HEADER SYTLES
*********************/
#header {margin: 0;padding: 4em 2em;position: relative;}
#header.noimg {background: url(../images/header_mobile.jpg);background-size: cover;}
#header h1 {text-align: center;color: #fff;text-shadow: 2px 2px 5px rgba(0,0,0,0.4);text-transform: uppercase;font-family: 'Arvo Gruen','Arvo Regular', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;font-size: 2.5em;}
#header h1 a {color: #fff;text-decoration: none;}
#header h2 {font-size: 1em;text-shadow: 1px 1px 5px rgba(0,0,0,0.3);color: #ffe000; margin: 5px 0 0 0;text-align: center;}
#header #logo {display: none;}
#header .searchform {display: none; position: absolute; background: #000;background: rgba(0,0,0,0.7); height: 100%;width: 100%; top: 0;left: 0;}
#header .searchform label {display: none;}
#header .searchform input#search {border: 1px solid #333;padding: 1em;box-sizing: border-box;box-shadow: 0 0 10px #888 inset;font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;background: #fff;color: #333;font-size: 1em;width: 80%;margin: 0 10%;position: absolute;top:41%; }
#header .searchform .button-submit {display: none;}
#portal, #breadcrumb, #header .searchform {display: none;}
#header .hgroup {border-top: 0.2em solid #fff;border-bottom: 0.2em solid #fff;padding: 0.5em 0; }
#header .headerimg {display: none;}
/*********************
07. NAVIGATION STYLES
*********************/
.navigation li {list-style-type: none;}
#nav-main {background:#fff;text-align: left;display: none;margin:0;box-shadow: 0 0 20px rgba(0,0,0,0.2);}
#nav-main.show {display: block;}
#nav-main li {}
#nav-main a {display:block;background:#46962b; color:#fff; padding: 1em;border-bottom: 1px solid #40832f;}
#nav-main .current-menu-item a {color: #ffe000;}
#nav-main .current-menu-item li a {color: #fff;}
#nav-main li li {margin:0;}
#nav-main ul ul a {background:#46962b;color:#fff;padding-left: 3em; }
#nav-main ul ul ul a { padding-left: 4.5em;}
.mobile-switch {text-align: center;background: #0a321e;color: #fff;max-width: 100%;height: 58px;}
.mobile-switch li {list-style-type: none;display: block;padding: 0.6em 1.5em 0; font-size: 1.3em;box-sizing: border-box;}
.mobile-switch li.first {float: left;}
.mobile-switch li.last {float: right;}
.mobile-switch a {color: #fff;}
a#switch-menu {}
a#switch-search {}
nav li {list-style-type: none;}
.page-navigation {background: #e6e6e6;padding: 1.5em;text-align: center;margin: 0 1em 1em;}
.page-navigation li {display: inline;color: #0a321e;font-size: 0.8em; }
.page-navigation li a {display: inline-block;background: #fff; padding: 0.5em 1em;color: #0a321e;border-right: 2px solid #c9c9c9;}
.page-navigation li.kr8pn-next-link, .page-navigation li.kr8pn-prev-link, .page-navigation li.kr8pn-last-page-link, .page-navigation li.kr8pn-first-page-link {display: none; }
.page-navigation ol {border: 2px solid #c9c9c9;display: inline-block;border-right: 0;}
.page-navigation li.kr8pn-current {display: inline-block;background: #ffee00; padding: 0.5em 1em;border-right: 2px solid #c9c9c9;}
.nav-footer {margin-top:2em;clear: both;}
#footer .nav-footer li a{color: #fff;}
/*********************
08. POSTS & CONTENT STYLES
*********************/
/*TEASER */
#teaser {margin-bottom: 0;}
#teaser.welcome {background: #e6e6e6; padding: 2em;box-sizing: border-box;margin: 1em 1em 0;}
/*Kacheln */
#teaser.kacheln {position: relative;}
#teaser.kacheln article {margin: 1em;position: relative;overflow: hidden; }
#teaser.kacheln .first article {margin-bottom: 0;}
#teaser.kacheln .last {margin: 1em 1em 0 1em;}
#teaser.kacheln .last article {width: 49%; margin: 0 2% 0 0;float: left;box-sizing: border-box;font-size: 0.6em;}
#teaser.kacheln .last article:last-of-type {margin: 0;}
#teaser.kacheln .entry-content, #teaser.kacheln .byline {display: none;}
#teaser.kacheln img {width: 100%;height: auto;display: block;background: #000;transition: opacity 1s;}
#teaser.kacheln h1 {text-align: center;position: absolute;width: 100%;
top: 50%;-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);transform: translateY(-50%);text-shadow: 1px 1px 5px rgba(0,0,0,0.3);}
#teaser.kacheln h1 a {color: #fff;}
#teaser.kacheln article:hover img {opacity: 0.4;}
/*Kacheln neu*/
#teaser.kacheln-neu { display: flex; justify-content: space-between; flex-direction: column; }
#teaser.kacheln-neu:before { display: none !important; }
#teaser.kacheln-neu:after { display: none !important; }
#teaser.kacheln-neu .eightcol { flex-basis: 100%; float: none; }
#teaser.kacheln-neu .fourcol { flex-basis: 100%; float: none; }
#teaser.kacheln-neu .last { display: flex; flex-direction: column; }
#teaser.kacheln-neu .last article { width: 100%; float: none; margin: 0 0 1em 0; font-size: 1em; }
#teaser.kacheln-neu article { height: 0 !important; padding-bottom: 56.25%; }
#teaser.kacheln-neu a.postimglist { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; background-position: center center; background-repeat: no-repeat; }
#teaser.kacheln-neu a.postimglist img { display: none; }
div.archive-title {background: #e6e6e6;padding: 2em; margin: 1em;}
h1.archive-title {background: #e6e6e6;padding: 1em 0.7em; }
.archive-title p {margin: 0!important;}
h1.archive-title span {font-size: 0.5em;color: #46962b; }
div.wp-caption {max-width: 100%;}
.bypostauthor{}
#content {padding: 0;}
#content p {line-height: 1.5em;margin: 0 0 1.2em 0;}
.single #main article footer.article-footer p {color: #8c8c8c;}
#main article footer p, p.byline {font-size: 0.8em; color: #e6007e;margin: 0.5em 0 0em;}
.single #main article header p.byline {color: #e6007e;margin: 0;}
p.byline {display: inline-block; padding: 0.2em 0 0;}
footer .categories span, footer .tags span {font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;color: #333;}
footer .categories {margin-top: 0;}
article footer p a, p.byline a, article footer p a:visited, p.byline a:visited {color: #e6007e;}
article.post {text-align:justify;margin-bottom: 2em;}
a.readmore {background: #e6007e; padding: 0.3em 1.3em;border-radius: 0.3em;color: #fff;float: right;font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif; font-size: 0.75em;margin-top: 1em;margin-bottom: 0.5em;}
a.readmore:hover {text-decoration: none;background-color: #cb006e;}
.hentry ul, .hentry ol {margin: 0 2em;}
.wp-caption-text, .gallery-caption {font-size: 0.8em;font-family: 'PT Sans bold', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;color: #0a321e;}
.headerlist article {margin: 0;border-bottom: 1px solid #035b26;padding: 1em 0;}
.headerlist article h2, .headerlist article p {display: inline-block;}
.headerlist article h2 {font-size: 1em;}
.headerlist article h2 a span {color: #ed228d;}
.headerlist article p {font-size: 0.8em;color: #888;margin: 0!important;float: right;}
.headerlist article {}
#main article {background: #fff;padding: 1em;margin: 1em;}
article img.wp-post-image {width: 100%;height: auto;}
.article-header h1 a {color:#0a321e;}
.single a.postimg {margin: 1em 1em -1.5em;display: block;}
.single p.caption {background: #fff;margin: 1em 1em -1.5em!important;
padding: 0.5em 1em;font-size: 1em;text-align: right;color: #8c8c8c;clear: both;}
.single p.caption span {font-size:0.8em;}
body.page p.caption {background: #fff;margin: 1em 1em -1.5em!important;
padding: 0.5em 1em;font-size: 1em;text-align: right;color: #8c8c8c;clear: both;}
body.page p.caption span {font-size:0.8em;}
a.postimglist {margin: -1em -1em 0 -1em;display: block;}
.single a.postimg img.attachment-titelbild.wp-post-image, a.postimglist img.attachment-titelbild.wp-post-image {width: 100%;height: auto;}
img.size-large, img.size-full {width: 100%;height: auto;}
img.size-medium {width: 100%;height: auto;}
article ul li, .archive-title ul li {list-style-type: none;counter-increment: list;position: relative;margin: 0 0 1em 0;}
article iframe {max-width:100%;}
article ul li:before, .archive-title ul li:before {content: "✲";position: absolute;left: -2.5em;width: 2em;text-align: right;color: #5dae59;}
#comment-nav ul li:before{content: "";}
#comment-nav {padding: 0;margin: 0; background: transparent;}
#comment-nav li {width: 50%;display: inline-block;padding: 0!important;margin: 0;box-sizing: border-box;font-size: 0.9em;}
#comment-nav li.next {text-align: right;float: right;}
#comment-nav li a {color:#0a321e;font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif; }
article ol {counter-reset:li;}
article ol > li {list-style-type: none;counter-increment: list;position: relative;margin: 0 0 1em 0;}
article ol > li:before {content:counter(li)'.'; counter-increment:li; position: absolute;left: -2.5em;width: 2em;text-align: right;color: #5dae59;font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;}
article ul li li, article ol li li {margin: 1em 0 1em 0;}
ul.sitemap {margin: 0;}
ul.sitemap li {list-style-type: none;clear: both;}
ul.sitemap li:before{content: "";}
ul.sitemap li img {float: left;margin: 0 0.5em 2em 0;}
ul.sitemap li a {font-size: 1.1em;font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;font-weight: normal;}
ul.sitemap li span {display: block;font-size: 0.9em;font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;}
ul.sitemap-persons { margin: 40px 0; }
ul.sitemap-persons li { display: flex; margin-bottom: 40px; }
ul.sitemap-persons li:before { display: none; }
ul.sitemap-persons li > a { flex-grow: 0; flex-shrink: 0; margin-right: 40px; width: 120px; height: 120px; background: #f8f8f8; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; overflow: hidden; }
ul.sitemap-persons li > a img { float: none; margin:0; width: auto; }
ul.sitemap-persons li > p { }
article .searchform {background: #e6e6e6; padding: 2em; width: 100%;margin: 0 -2em -4em -2em;}
article .searchform label {margin-bottom: 1em; display: block;}
/*Share */
.sharewrap {margin: -1em 1em 1em; padding: 1em 1em 0.1em; clear: both;background: #fff;}
.sharewrap a {display: block; text-align: center; padding: 0.5em; margin-bottom: 0.5em; font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;color: #fff;font-size: 0.8em;}
.sharewrap a.twitter {background: #59adeb;}
.sharewrap a.facebook {background: #3b5998;}
.sharewrap a.telegram {background: #0088cc;}
.sharewrap a.whatsapp {background: #4dc247;}
.sharewrap a.email {background: #ff9900;margin: 0;}
.gallery {text-align: center; background: #e6e6e6;margin: 0 -1em 1em; padding: 2em;border: 0;}
.gallery dl.gallery-item {display: inline-block;margin: 0 2% 1% 0;vertical-align: top; }
.gallery dl.gallery-item:nth-of-type(2n) {margin-right: 0;}
.gallery dl.gallery-item img {width: 100%;height: auto; }
.gallery dl.gallery-item .gallery-caption {margin-bottom: 1em;display: none;}
.gallery br {display: none;}
.gallery-columns-9 dl.gallery-item {width: 48%;}
.gallery-columns-9 dl.gallery-item:nth-of-type(9n) {margin-right: 0;}
.gallery-columns-8 dl.gallery-item {width: 48%;}
.gallery-columns-8 dl.gallery-item:nth-of-type(8n) {margin-right: 0;}
.gallery-columns-7 dl.gallery-item {width: 48%;}
.gallery-columns-7 dl.gallery-item:nth-of-type(7n) {margin-right: 0;}
.gallery-columns-6 dl.gallery-item {width: 48%;}
.gallery-columns-6 dl.gallery-item:nth-of-type(6n) {margin-right: 0;}
.gallery-columns-5 dl.gallery-item {width: 48%;}
.gallery-columns-5 dl.gallery-item:nth-of-type(5n) {margin-right: 0;}
.gallery-columns-4 dl.gallery-item {width: 48%;}
.gallery-columns-4 dl.gallery-item:nth-of-type(4n) {margin-right: 0;}
.gallery-columns-3 dl.gallery-item {width: 48%;}
.gallery-columns-3 dl.gallery-item:nth-of-type(3n) {margin-right: 0;}
.gallery-columns-2 dl.gallery-item {width: 48%;}
.gallery-columns-2 dl.gallery-item:nth-of-type(2n) {margin-right: 0;}
.gallery-columns-1 dl.gallery-item {width: 100%;}
.gallery-columns-1 dl.gallery-item:nth-of-type(1n) {margin-right: 0;}
/*Tabelle */
article table {margin-bottom: 1.5em; }
article table th {font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif; padding: 1em 1em 1em 0;border-bottom: 2px solid #0a321e;color: #0a321e; }
article table td{ padding: 1em 1em 1em 0;border-bottom: 1px solid #e6e6e6; }
pre {max-width: 100%;margin-bottom: 1.5em;padding: 1.5em;overflow: auto;background: #e6e6e6;font-size: 0.8em;line-height: 1.4;}
address {background: #e4f8df;padding: 1em;margin-bottom: 1.5em;}
/*Townhall */
.thstream {margin: -2em -2em 0; background: #000;}
iframe.youtube {width: 100%!important;max-height: 476px;}
#townhall_ask {background: #e6e6e6;margin: 1em -2em 2em;max-width: 100%; padding: 0.5em 2em;}
#townhall_ask .comment_inserted {font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;font-weight: normal;}
#townhall_answers {}
.entry-content ul#townhall_answers li {background: transparent;padding: 0;margin: 0;}
.entry-content ul#townhall_answers li .comment-body {background: #e6e6e6;padding: 2em;color: #555;margin-bottom: 2em;}
.entry-content ul#townhall_answers li.new_answer .comment-body {background: #ffee00;color: #0a321e; margin-bottom: 2em;}
.entry-content ul#townhall_answers li.new_answer.parent .comment-body {margin-bottom: 0;}
.entry-content ul#townhall_answers li.parent .comment-body {background: #0a321e;color: #fff;margin: 0;}
.entry-content ul#townhall_answers li .comment-body .vcard {font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif; color: #5dae59;font-weight: normal;}
.entry-content ul#townhall_answers li .comment-body .vcard cite {font-style: normal;}
.entry-content ul#townhall_answers li ul.children {padding: 0; margin: 0 0 3em 3em;}
.entry-content ul#townhall_answers li .children .comment-body {background: transparent;border: 1px solid #0a321e;border-top: 0;color: #0a321e;}
#townhall_answers {}
#thclock {background: #e1007a; text-align: center;color: #fff;padding: 1em 0;}
#thclock .timebox {width: 21%;display: block;float: left;}
#thclock .timebox .tage {font-size: 3em;font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;line-height: 1em;}
#thclock .timebox .timeunit {clear: both;display: block;font-size: 0.7em;}
#thclock .colon {display: block;float: left; height: 100%;font-size: 2.5em;line-height: 1em;padding-left: 3px;font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;}
.tleft {display: block;width: 20%;margin: 0 auto; text-align: center;background: #e1007a;color: #fff;font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;margin-top: 1em;}
/*Author */
.author {padding: 1em 1em 0;margin-top: 1em;text-align: center;}
.author img.avatar {border-radius: 50%;}
.author .author-description {}
.author .author-description h3 {font-size: 1.2em;padding-top: 0.5em;text-align: center;}
.author .author-description h3 a {color: #0a321e;}
.author .author-description p {margin-bottom: 0.5em!important;font-size: 0.9em;}
/*Archiv*/
.archiv {}
.archiv ul {margin: 0;}
.archiv li:before {content: "";}
.archiv li {display: inline; padding: 0;}
.archiv li:after {display: inline;content: ' / ';padding: 0;}
.archiv ul li:last-of-type:after {content: '';}
.archiv h2 {font-size: 1.2em;margin-top: 2em;}
.archiv .archiv-tags a {font-size: 1em!important;}
/*Person*/
.single article.person {position: relative;}
.listenplatz {display: block;position: absolute; width: 2em;height: 2em;box-sizing: border-box;padding-top: 0.2em;
text-align: center; top: -50px; background: #5dae59; font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;border-radius: 50%;font-size: 2em; color: #fff;right: 0; }
h2.h3 {font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;font-size: 1.3em;color: #5dae59;margin-top: -0.2em;margin-bottom: 1em;}
.socialprofile {}
.socialprofile a {font-size: 1.2em;background: #0a321e;width: 2em;height: 2em; display: inline-block;box-sizing: border-box;padding-top: 0.25em;border-radius: 50%;text-align: center;margin:0 0.1em 1em; color: #fff; }
.socialprofile a:hover {background: #5dae59;}
.anschrift {background: #e5e5e5; width: 60%;padding: 1em 1em 0.1em 1em;margin-left: 5%;}
/*POSTTYPE: Termine */
article.termine {border-bottom: 2px solid #f6f6f6;margin: 1em 0;position: relative;padding: 1em;}
article.termine:last-of-type {border-bottom: 0;}
.page article.termine .termin_meta_kurz {color: #e6007e;text-align: center;font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;margin-bottom: 0.7em;}
article.termine .termin_meta_kurz span {display: block;font-size: 0.8em;}
article.termine .termin_meta_kurz .termin_datum_kurz {font-size: 2em;}
article.termine h2 {text-align: center; font-size: 1.3em;}
article.termine p {margin: 0;text-align: center; }
article.termine a.readmore {display: none;}
article.termine a.weiterlesen {background: transparent;position: absolute; top: 0;left: 0;height: 100%;width: 100%;text-indent: -9999px;}
article.termine a.weiterlesen:hover {background: rgba(0,0,0,0.03);}
.single article.termine {background: #fff; margin: 1em;padding: 1em;}
.single article.termine .termin_meta {margin: 1em 0 1em 0;color: #0a321e;font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;font-size: 0.9em; }
.single article.termine .termin_meta span {display: block;margin-bottom: 0.5em;}
.single article.termine .termin_meta span:before {padding-right: 0.5em;font-family: "Font Awesome 5 Free"; font-weight: 900; color: #46962b;font-size: 1.3em;display: inline-block;width: 1em;text-align: center;}
.single article.termine .termin_meta .termin_tag:before {content: "\f073";}
.single article.termine .termin_meta .termin_zeit:before {content: "\f017";}
.single article.termine .termin_meta .termin_ort:before {content: "\f041";}
.single article.termine .termin_meta .termin_veranstalter:before {content: "\f007";}
.single article.termine p {text-align: left;margin-bottom: 1.2em;}
.single article.termine #termin_map_wrapper {background: #f6f6f6; padding: 1em; margin: 0 -1em -1em -1em;}
.single article.termine #termin_map_wrapper a {color: #0a321e;font-size: 0.8em;}
/******************************************************************
09. PAGE NAVI STYLES
******************************************************************/
/*Tabs*/
.responsive-tabs__heading { display: none;}
.responsive-tabs__list__item { display: inline; cursor:pointer;}
.content-tabs {margin-bottom: 2em;border-top: 1px solid #aaa; }
.content-tabs .responsive-tabs__list { display: none;}
.responsive-tabs__list li:before {content: "";}
.responsive-tabs__heading { display: block; cursor: pointer; }
.responsive-tabs__panel--closed-accordion-only { display: none;}
.responsive-tabs-wrapper {clear: both;zoom: 1; }
.responsive-tabs-wrapper:before,.responsive-tabs-wrapper:after {content: "";display: table;}
.responsive-tabs-wrapper:after {clear: both;}
.responsive-tabs__heading--active:focus,
.responsive-tabs__list__item--active:focus { outline: none !important;}
.responsive-tabs__heading { background: #fff;border: 1px solid #aaa;font-size: 1.2em; border-top: 0;padding: 0.3em 0.5em; margin: 0;color: #333;position:relative;}
.responsive-tabs__panel { border: 1px solid #000;padding: 1em;margin: 0;}
.responsive-tabs__list {margin: 0!important;padding-left: 2em;font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;}
.responsive-tabs__list li {float: none;display: inline-block;margin: 0!important;font-size: 0.8em; }
.responsive-tabs__heading::after {content: "\f077"; font-family: FontAwesome; right: 0.5em;font-size: 0.7em; position: absolute;color: #5dae59; }
.responsive-tabs__heading--active::after {content: "\f078"; }
.responsive-tabs__list__item {background: transparent;padding: 0.7em 1em; color: #fff;}
.comments-tabs .responsive-tabs__list__item {color: #fff;}
.responsive-tabs__list__item:hover {background: transparent; }
.responsive-tabs__list__item--active,
.responsive-tabs__list__item--active:hover { background: #e6e6e6;border: 0;color: #0a321e;}
.responsive-tabs__panel { border: 0;background: #e6e6e6;margin-bottom: 0;padding: 2em;border: 1px solid #aaa; border-top: 0;}
.comment-tabs {margin: 1em;}
.comment-tabs .responsive-tabs__heading { display: none;}
.comment-tabs .responsive-tabs__panel--closed-accordion-only { display: block;}
.comment-tabs .responsive-tabs__panel {padding: 0em;border: 0;margin-bottom: 0;padding-bottom: 0;}
.comment-tabs .responsive-tabs__list__item {position: relative;}
.comment-tabs .responsive-tabs__list__item::before {margin-right: 0.5em;font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 1em; color: #5dae59;}
body.page .comment-tabs .responsive-tabs__list__item:nth-of-type(2)::before {content: "\f0e6";}
body.page .comment-tabs .responsive-tabs__list__item:nth-of-type(1)::before {content: "\f040";}
body.single .comment-tabs .responsive-tabs__list__item:nth-of-type(3)::before {content: "\f0e6";}
body.single .comment-tabs .responsive-tabs__list__item:nth-of-type(2)::before {content: "\f040";}
body.single .comment-tabs .responsive-tabs__list__item:nth-of-type(1)::before {content: "\f1ea";}
p#back-top a {display: none; }
/******************************************************************
10. COMMENT STYLES
******************************************************************/
.commentlist {background: #e6e6e6; padding: 1em;margin: 0 1em 1em;}
.commentlist li {list-style-type: none;}
.commentlist li:before{content: "";}
ul.children {margin-left: 1em;}
#main ol.commentlist article {background: transparent;padding: 0.5em;margin: 0 0 1em 1em;}
.commentlist article img.avatar {margin: 0 0.5em 0 0;}
.commentlist article .vcard {padding: 0 0 0 0;font-size: 0.8em;margin-bottom: 0.7em;font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;color:#0a321e;}
.commentlist article .vcard a {color: #5dae59;}
.commentlist .comment-reply-link {font-size: 0.6em;padding: 0.2em 0.8em;border-radius: 1em;display: inline-block;text-align: right;color: #fff;background: #5dae59;float: right;}
.commentlist article:hover .comment-reply-link {visibility: visible;}
.commentlist article .comment-author-pingback { padding-top: 10px; padding-left: 20px; }
#main ol.commentlist article {background: #fff;padding: 0.5em;margin: 0 0 1em 0;}
#main ol.commentlist article.bypostauthor {background: #46962b;color: #fff;}
#main ol.commentlist article.bypostauthor a {color: #0a321e;}
#main article.bypostauthor a.comment-reply-link {color: #fff!important;background: #0a321e;}
/*Related */
#related-posts {padding: 1em 0 0.1em;}
#related-posts article:first-of-type {margin-top: 0;}
/******************************************************************
11. COMMENT FORM STYLES
******************************************************************/
#respond {background: #e6e6e6;padding: 2em;margin: 0 1em 1em;}
#reply-title {color: #0a321e;}
#commentform ul {margin: 0;}
#commentform li {list-style-type: none;}
#commentform li:before{content: "";}
#main form input, #main form textarea, #main form select {
background: #f8f8f8;
border: 1px solid #cecece;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
display: block;
margin-bottom: 1em;
padding: 0.5em;
width: 100%;
}
#main form textarea {
height: 6em;
}
#main form input:hover, #main form textarea:hover {border: 1px solid #999;background: #fff;box-shadow: 0 0 5px #eee inset;}
#main form input:focus, #main form textarea:focus {border: 1px solid #5dae59;background: #fff;box-shadow: 0 0 5px #eee inset;}
#main form input[type=checkbox] {width: auto; display: inline; margin-right: 0.5em;}
#main form input[type=radio] {width: auto; display: inline; margin-right: 0.5em;}
#main form label {font-size: 0.8em;font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;color: #888;}
#main form button[type=submit], #main form input[type=submit] {display: inline-block;padding: 0.5em 1em; border: 1px solid #035b26;text-shadow:1px 1px 2px #012b12;color: #fff;box-shadow: 0 1px 0 #54b845 inset;border-radius:7px;font-weight: normal;font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;width: auto;}
#main form button[type=submit], #main form input[type=submit] {background: #63a14f;background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYzYTE0ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyYzhiNDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background: -moz-linear-gradient(top, #63a14f 0%, #2c8b42 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#63a14f), color-stop(100%,#2c8b42));background: -webkit-linear-gradient(top, #63a14f 0%,#2c8b42 100%);background: -o-linear-gradient(top, #63a14f 0%,#2c8b42 100%);background: -ms-linear-gradient(top, #63a14f 0%,#2c8b42 100%);background: linear-gradient(to bottom, #63a14f 0%,#2c8b42 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#63a14f', endColorstr='#2c8b42',GradientType=0 );}
#main form button[type=submit]:hover, #main form input[type=submit]:hover {background: #5ebd4c;border-color: #166608;box-shadow: 0 1px 0 0 #7dd66c inset;color: #0a321e;text-shadow: 1px 1px 0 #63c251; }
#main form button[type=submit]:hover, #main form input[type=submit]:hover {filter: progid: DXImageTransform.Microsoft.gradient(startColorstr = '#429f31', endColorstr = '#5ebd4c');/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*//*Element must have a height (not auto)*//*All filters must be placed together*/-ms-filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr = '#429f31', endColorstr = '#5ebd4c')";/*Element must have a height (not auto)*//*All filters must be placed together*/background-image: -moz-linear-gradient(top, #429f31, #5ebd4c);background-image: -ms-linear-gradient(top, #429f31, #5ebd4c);background-image: -o-linear-gradient(top, #429f31, #5ebd4c);background-image: -webkit-gradient(linear, center top, center bottom, from(#429f31), to(#5ebd4c));background-image: -webkit-linear-gradient(top, #429f31, #5ebd4c);background-image: linear-gradient(top, #429f31, #5ebd4c); /*--IE9 DOES NOT SUPPORT GRADIENT BACKGROUNDS--*/}
#recaptcha_area {margin-bottom: 1em;}
#main form .req {color: #5dae59;}
#main form label small {font-size: 0.8em;color: #aaa;font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;}
form .required-info {font-size: 0.8em;color: #888; }
#commentform p.comment-form-cookies-consent { display: flex; margin-top: 0.6em !important; }
#commentform p.comment-form-cookies-consent input#wp-comment-cookies-consent { width: auto !important; flex: 0 0; margin-right: 1em; }
#commentform p.comment-form-cookies-consent label { flex: 1 1;}
/*********************
12. SIDEBARS & ASIDES
*********************/
.sidebar li {list-style-type: none;}
.sidebar {background:#0a321e;padding: 2em;color: #8d9e96;}
h3.widgettitle {margin-bottom: 0.5em;color: #fff;}
.sidebar a, .sidebar a:visited {color: #afdca7; }
.sidebar a:hover {color: #ffe000; }
.widget {margin-bottom: 2em;border-bottom: 2px solid #17452e; padding-bottom: 2em;}
.sidebar .widget:last-of-type {margin-bottom: -2em;}
/*Twitter */
.widget.widget_twitter-tracker, .widget_twitter-profile-tracker {padding: 1em;border: 1px solid #0f6994;box-shadow:5px 5px 10px rgba(0,0,0,0.2),0 1px 0 #91d8f9 inset;color: #fff;font-size: 0.9em; }
.widget.widget_twitter-tracker h3, .widget_twitter-profile-tracker h3 {color: #0f6994;}
.widget.widget_twitter-tracker, .widget.widget_twitter-profile-tracker {background: #45bef7;filter: progid: DXImageTransform.Microsoft.gradient(startColorstr = '#45bef7', endColorstr = '#24a8e7'); -ms-filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr = '#45bef7', endColorstr = '#24a8e7')";background-image: -moz-linear-gradient(top, #45bef7, #24a8e7);background-image: -ms-linear-gradient(top, #45bef7, #24a8e7);background-image: -o-linear-gradient(top, #45bef7, #24a8e7);background-image: -webkit-gradient(linear, center top, center bottom, from(#45bef7), to(#24a8e7));background-image: -webkit-linear-gradient(top, #45bef7, #24a8e7);background-image: linear-gradient(top, #45bef7, #24a8e7); }
.sidebar .widget.widget_twitter-tracker a, .sidebar .widget_twitter-profile-tracker a {color: #0f6994!important;}
.sidebar .widget.widget_twitter-tracker a.tweet-link, .sidebar .widget_twitter-profile-tracker a.tweet-link {font-size: 0.6em;margin: 0 0 0 40px;background: #0f6994;color: #36b4ef!important;padding: 0.3em 0.5em;border-radius: 1em;}
.widget.widget_twitter-tracker img, .widget_twitter-profile-tracker img {float: left; margin: 5px 0 0.5em 0;width: 30px; height: auto;}
.widget.widget_twitter-tracker .msg, .widget_twitter-profile-tracker .msg {margin: 0 0 0 40px;}
/*Social Media */
.widget_kr8_socialmedia {padding: 0!important;background: transparent!important;box-shadow: none !important;}
.widget_kr8_socialmedia h3.widgettitle {}
.widget_kr8_socialmedia li {display: inline-block;margin: 0 0.5em 0.5em 0!important; padding: 0!important;}
.widget_kr8_socialmedia li span {border-radius: 50%;box-sizing: border-box;height: 40px;width: 40px;color: #fff;text-align: center;background-color: #0a321e; font-size: 1.3em;padding-top: 0.5em;}
.widget_kr8_socialmedia li span.fa-twitter:hover {background-color: #31ccf0;}
.widget_kr8_socialmedia li span.fa-facebook:hover {background-color: #3b5998;}
.widget_kr8_socialmedia li span.fa-flickr:hover {background-color: #fd3a93;}
.widget_kr8_socialmedia li span.fa-instagram:hover {background-color: #407291;}
.widget_kr8_socialmedia li span.fa-youtube:hover {background-color: #b1263a;}
.widget_kr8_socialmedia li span.fa-vimeo-square:hover {background-color: #28c5ee;}
.widget_kr8_socialmedia li span.fa-pinterest:hover {background-color: #d7373d;}
.widget_kr8_socialmedia li span.fa-soundcloud:hover {background-color: #fa3846;}
.widget_kr8_socialmedia li span.fa-foursquare:hover {background-color: #5bc0e6;}
.widget_kr8_socialmedia li span.fa-xing:hover {background-color: #074f4f;}
.widget_kr8_socialmedia li span.fa-tumblr:hover {background-color: #2a455b;}
.widget_kr8_socialmedia li span.fa-rss:hover {background-color: #fb9a61;}
.widget_kr8_socialmedia li span.fa-comments:hover {background-color: #fb6c55;}
.widget_kr8_socialmedia li span.fa-envelope:hover {background-color: #ffe000;}
.widget_kr8_socialmedia li span.fa-mastodon:hover {background-color: #3291d6;}
/*Bilder Widget*/
.widget_sp_image img {width:100%!important;height:auto!important;box-shadow:5px 5px 10px rgba(0,0,0,0.2);}
/*Suche */
.widget_search {background: transparent!important;box-shadow: none!important;padding: 0!important;display: none;}
.widget_search label{display: none;}
.widget_search #search{padding: 1em 5%;width: 90%;border: 1px solid #0a321e;}
.widget_search #search:hover, .widget_search #search:focus {border-color: #5dae59;}
.widget_search .button-submit {border:0;background: #0a321e; color: #fff;font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;padding: 0.5em 1em;margin-top: 1em;font-size: 1em;font-weight: normal;}
.widget_search .button-submit:hover {background: #ffee00;color: #0a321e;}
.sidebar .widget_search .button-submit .fa {display: none;}
/*Tag Cloud */
.widget_tag_cloud {}
.widget_tag_cloud a, #footer .widget_tag_cloud a {display: inline-block;padding: 0.5em 0.6em; margin: 0 0.2em 0.5em 0; background: #46962b; line-height: 1; color: #fff; border-radius: 0.3em;}
.widget_tag_cloud a:hover, #footer .widget_tag_cloud a:hover {background: #ffee00;color: #0a321e;text-decoration: none;}
.widget_rss h3 img {display: none;}
#footer .widget_rss h3 a {color: #fff;}
#footer .widget {margin-left: 1em;margin-right: 1em;}
#footer .widget:first-of-type {margin-left: 0em;}
#footer .widget:last-of-type {margin-right: 0em;}
/*Termine: Liste */
.widget_termine_liste_widget {}
.widget_termine_liste_widget li li {}
.widget_termine_liste_widget span{margin-right: 0.4em;font-size: 0.8em;}
.widget_termine_liste_widget span:after{content: " »";}
.widget_termine_liste_widget span:last-of-type:after{content: "";}
.widget_termine_liste_widget h4 {}
.widget_termine_liste_widget p{display: none;}
/*********************
13. FOOTER STYLES
*********************/
#footer {clear: both;background:#0a321e; padding: 0;color: #fff; }
#footer .widget {background: transparent; box-shadow: none;color: #8d9e96;}
#footer .widget:last-of-type {border-bottom: 0;}
#footer .widgettitle {color: #fff;}
p.copyright {text-align: center; font-size: 0.8em;background: #0a1a12;color: #56685f;padding: 1em;}
p.copyright a:hover{color: #ffee00;}
p.copyright .heart {color: #ff242f;}
#footer .widget_nav_menu {font-size: 1.2em;}
#footer .widget_nav_menu li {font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;margin-bottom: 2em;}
#footer .widget_nav_menu li a {color: #fff;}
#footer .widget_nav_menu li li a {color: #afdca7;}
#footer .widget_nav_menu li li {float: none;font-size: 0.8em;margin: 0;width: 100%;font-family: 'PT Sans bold', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;}
#footer .widget_nav_menu ul {margin: 0;padding: 0;}
#footer .widget_nav_menu li a:hover {color: #ffe000; }
.nav-footer {margin: 2em;}
}
/*********************
14. TERMINE STYLES
*********************/
.widget_termine_liste_widget {overflow: hidden; background: #ffee00; }
.widget_termine_liste_widget span{margin-right: 0;font-size: 0.8em;}
.widget_termine_liste_widget span:after{content: ", ";}
.widget_termine_liste_widget span:last-of-type:after{content: "";}
.widget_termine_liste_widget h4 {font-size: 1em; }
.widget_termine_liste_widget p{display: none;}
.widget_kal3000_termine_liste_widget {overflow: hidden; }
.widget_kal3000_termine_liste_widget span{margin-right: 0;font-size: 0.8em;}
.widget_kal3000_termine_liste_widget span:after{content: ", ";}
.widget_kal3000_termine_liste_widget span:last-of-type:after{content: "";}
.widget_kal3000_termine_liste_widget h4 {font-size: 1em; }
.widget_kal3000_termine_liste_widget p{display: none;}
/*Termine: Karte */
.termine_widget {padding: 0;background: transparent;box-shadow: none;}
.termine_widget h3{color: #fff;}
.termine_widget #termin_karte{box-shadow: 5px 5px 10px rgba(0,0,0,0.2); }
.kal3000_termine_widget {padding: 0;background: transparent;box-shadow: none;}
.kal3000_termine_widget h3{color: #fff;}
.kal3000_termine_widget #termin_karte{box-shadow: 5px 5px 10px rgba(0,0,0,0.2); }
/**********************************************************************/
/* 7. MOBILE STYLES */
/**********************************************************************/
/*SMALLER LAPTOPS */
@media only screen and (min-width: 770px) {
.onecol {width: 5.801104972%;}
/* 4.85%; } /* grid_1 */
.twocol {width: 14.364640883%;}
/* 13.45%; } /* grid_2 */
.threecol {width: 22.928176794%;}
/* 22.05%; } /* grid_3 */
.fourcol {width: 31.491712705%;}
/* 30.75%; } /* grid_4 */
.fivecol {width: 40.055248616%;}
/* 39.45%; } /* grid_5 */
.sixcol {width: 48.618784527%;}
/* 48%; } /* grid_6 */
.sevencol {width: 57.182320438000005%;}
/* 56.75%; } /* grid_7 */
.eightcol {width: 65.74585634900001%;}
/* 65.4%; } /* grid_8 */
.ninecol {width: 74.30939226%;}
/* 74.05%; } /* grid_9 */
.tencol {width: 82.87292817100001%;}
/* 82.7%; } /* grid_10 */
.elevencol {width: 91.436464082%;}
/* 91.35%; } /* grid_11 */
.twelvecol {width: 99.999999993%;}
/* 100%; } /* grid_12 */
.onecol,.twocol,.threecol,.fourcol,.fivecol,.sixcol,.sevencol,.eightcol,.ninecol,.tencol,.elevencol,twelvecol {
position: relative;float: left;margin-left: 2.762430939%;}
.first {margin-left: 0;}
.last {float: right;}
/******************************************************************
Stylesheet: Tablet & Small Desktop Stylesheet
Here's where you can start getting into the good stuff.
This size will work on iPads, other tablets, and desktops.
So you can start working with more styles, background images,
and other resources. You'll also notice the grid starts to
come into play. Have fun!
******************************************************************/
/*********************
GENERAL STYLES
*********************/
a {text-decoration: none;}
blockquote { margin-left: -2em; margin-right: -2em; }
/*********************
LAYOUT & GRID STYLES
*********************/
html {}
body {background: #559448; background-size: cover;}
#wrap, #portal .inner {max-width: 1140px; margin: 0 auto;}
#content {padding: 0; }
#main {background: #fff;box-shadow: 5px 5px 10px rgba(0,0,0,0.2); }
/*********************
HEADER SYTLES
*********************/
#header{ padding: 1.5em 0 0 0;position: relative;margin-bottom: 2em;}
#header.noimg {background: none; margin-bottom: 4em; }
#header .hgroup {display: inline-block;text-align: right;width: 79%;z-index: 2;position: absolute;top: 43%;right: 0; }
#header #logo {display: inline-block;width: 20%;z-index: 2;position: relative;margin-top: 0.5em; }
#header a {color: #fff;text-shadow: 1px 1px 5px rgba(0,0,0,0.3);}
#header h1, #header h2 {padding: 0 0 0 5px;margin: 0;line-height:1em;display: block;text-align: right;}
#header h2 {text-align: right;margin-top: 0.5em;font-size: 1.1em;}
#header .hgroup {display: inline-block;width: auto!important; }
/*Image */
#header.widthimg{ padding: 0;margin: 2em 0!important; height: 280px;box-shadow: 5px 5px 10px rgba(0,0,0,0.2);}
#header.widthimg .hgroup { position: absolute;top: 40%; right: 1em;}
#header.widthimg #logo{position: absolute;left: 1em;top: 30%; }
#portal .searchform {background: #fff; border: 0;padding: 0.2em;border-radius: 1em;font-size: 0.9em; }
#portal .suche {display: inline-block;}
#portal .searchform label { position: absolute;top: -9999999px; }
#portal .searchform:hover {box-shadow:0 0 6px #1e5b13,0 0 10px #aaa inset;color: #555;}
#portal .searchform input#search {border: 0;padding: 0em 0.5em 0.7em 0.5em;background: transparent; color: #777;font-size: 0.8em;width: 200px;margin: 0; }
#portal .searchform:hover input, #header .searchform input#search:focus {outline:0;color: #333; }
#portal .searchform .button-submit {border: 0;background: transparent;color: #0a321e;display:inline-block;font-size: 1.3em; }
#portal .searchform .button-submit:hover {color: #46962b;}
#portal .searchform .button-submit span.text {display: none;font-size: 0;}
#portal {display: block; background: #0a321e;text-align: right;padding: 0.5em 0;box-shadow: 5px 5px 10px rgba(0,0,0,0.2);z-index: 2;position: relative; }
/*********************
NAVIGATION STYLES
*********************/
#nav-main {display:block;width:100%;text-align: left;font-size:1.3em;background:transparent;font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;z-index: 3;position: relative; }
#nav-main .navigation {display:block;background: #0a321e;padding: 0 0.6em;}
#nav-main li {display: block;float: left;position: relative;padding:0;margin:0;}
#nav-main li a {padding:1em;display:block;background: transparent;color:#fff;border: 0; }
#nav-main li a:hover {color: #96DC3C;text-decoration: underline;}
/*2te Ebene */
#nav-main li ul {display:none;padding: 15px 0 0;font-size:0.9em;margin-top: -15px;margin-left: 20px;}
#nav-main li:hover ul {display:block;}
#nav-main li ul {position:absolute;width:250px;background: url(../images/nav_ul2.png) 15px 0 no-repeat transparent;z-index:9;box-shadow: 0 10px 10px rgba(0,0,0,0.2); }
#nav-main li ul li {display:block;float: none;font-size:0.9em;border: 0;margin: 0;padding: 0;}
#nav-main li ul li a, #nav-main li.current-menu-parent li a, #nav-main li.current-menu-item li a {background: #fff;color:#0a321e;border: 0;padding: 0.5em 1.2em;font-family: 'PT Sans bold', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif; }
#nav-main li.current-menu-parent li a:hover,#nav-main li.current-menu-item li a:hover,#nav-main li ul li a:hover,#nav-main li.current-menu-parent li.current-menu-item a {color:#fff; background: #0a321e; }
#nav-main li ul li a:before {}
/*3te Ebene */
#nav-main li ul ul {
position: relative;
margin-left: 0;
box-shadow: inset 0 0px 10px rgba(0,0,0,0.2);
margin-top: 0;
padding-top: 10px;
padding-left: 10px;
background: #ffffff;
width: 230px;
padding-bottom: 10px;
padding-right: 10px;
}
/*Aktives Element */
#nav-main > .navigation > li.current-menu-item > a, #nav-main > .navigation > li.current-menu-parent > a {color: #ffe000;font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;}
#nav-main li.current-menu-item li a, #nav-main li.current-menu-parent li a {background: #fff;color:#0a321e; }
#nav-portal {font-family:'PT Sans Bold', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif; font-size: 0.9em;display: inline-block;}
#nav-portal li {display: inline-block;margin: 0 2em 0 0;}
#nav-portal a {color: #fff; }
#nav-portal li ul {display: none;}
#nav-portal {}
.mobile-switch {display: none;}
#breadcrumb {display: block; z-index: 2;position: relative; background: #ffee00;color:#0a321e;padding: 0.3em 2.3em;font-size: 0.9em;font-family: 'PT Sans Bold', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif; }
#breadcrumb a {color:#0a321e;}
#breadcrumb .delimiter {display: inline-block; padding: 0 0.4em;}
.navwrap {margin-bottom: 2em; }
.nav-footer {font-size: 0.8em;margin: 2em 0 3em 0;}
.nav-footer li {display: inline-block;margin: 0 1em 0 0;}
p#back-top {position: fixed; display:none; bottom: 2em; right: 2em;z-index: 999;}
p#back-top a {display: inline-block; transition: opacity 1s; background: #0a321e;background: rgba(10,50,30,0.6);border-radius: 50%;width: 50px;color: #fff;text-align: center;padding: 0.6em 0 0.9em;opacity: 0.4;}
p#back-top a:hover {opacity: 1;text-decoration: none;}
.page-navigation {margin: 0;}
.page-navigation li.kr8pn-next-link, .page-navigation li.kr8pn-prev-link, .page-navigation li.kr8pn-last-page-link, .page-navigation li.kr8pn-first-page-link {display: inline; }
/*********************
POSTS & CONTENT STYLES
*********************/
/*TEASER */
#teaser {margin: 0 0 2em;}
#teaser.welcome {box-shadow: 5px 5px 10px rgba(0,0,0,0.2);margin: 0 0 2em;}
/*Kacheln */
#teaser.kacheln {position: relative;}
#teaser.kacheln article {position: relative;overflow: hidden;height: 480px;box-shadow: 5px 5px 10px rgba(0,0,0,0.2);}
#teaser.kacheln .first article {margin: 0;}
#teaser.kacheln .last {margin: 0;}
#teaser.kacheln .last article {height: 225px;margin-bottom: 30px;float: none;width: 100%;font-size: 1em;}
#teaser.kacheln .last article:last-of-type {margin: 0;}
#teaser.kacheln .entry-content, #teaser.kacheln .byline {display: none;}
#teaser.kacheln img {min-width: 100%;width: auto;height: auto;margin: 0;min-height: 100%;z-index: 1;display: block;}
#teaser.kacheln h1 {position: absolute;text-align: left;-ms-transform: translateY(0%);-webkit-transform: translateY(0%);transform: translateY(0%);z-index: 2;bottom: 0;top: auto; background: #000;background: rgba(10,50,30,0.6);width: 100%;padding: 0.5em 1em;-webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;}
#teaser.kacheln h1 a {color: #fff;}
#teaser.kacheln article:hover img {opacity: 1;}
#teaser.kacheln-neu { flex-direction: row; }
#teaser.kacheln-neu .eightcol { flex-basis: 66.745856%; float: none; }
#teaser.kacheln-neu .fourcol { flex-basis: 31.091713%; float: none; }
h1 {font-size:2.4em;}
#main article {padding: 2em;border-bottom: 2px solid #e6e6e6;}
div.archive-title {margin: 0;}
/*Sticky Posts*/
.home #main article.sticky {margin: 0;padding: 2em;background: #e4f8df;border: 0;border-bottom: 3px solid #fff;}
#main article { border-bottom: 2px solid #e6e6e6;padding: 0 0 2em;margin: 2em; }
#main article:last-of-type {border-bottom: 0;}
article img.wp-post-image, .search-results article img.wp-post-image, article .maybeImgCopyright {margin: 10px 0.7em 0 0;width: 33%; float:left; height: auto; }
article .article-header-and-footer { flex: 0 0 66%; flex: 0 0 calc(66% - 0.7em); display: flex; flex-direction: column; justify-content: flex-end; padding-bottom: 10px; }
article .maybeImgCopyright img.wp-post-image { float: none; margin: 0 0 0 0; width: 100%; }
article .maybeImgCopyright .imgCopyright { font-size: 0.6em; line-height: 125%; text-align: left; color: #8d9e96; }
article .maybeImgCopyright .imgCopyright a { color: #8d9e96; }
article .entry-content { flex: 0 0 100%; }
article h1.h2, .search-results article h1.h2{font-size: 1.6em;}
.single h1.h2 {font-size: 2.4em;}
article h1 a, .search-results article h1.h2 a{color:#0a321e;}
/*Bilder */
.wp-post-image {margin-bottom: 0;margin-top: 1em; }
.single a.postimg, a.postimglist {margin: 0;}
.single img.attachment-titelbild.wp-post-image, .page img.attachment-titelbild.wp-post-image {width: 100%;height: auto;margin-top: 0;}
img.size-medium {width: 49%;height: auto;}
.wp-caption img.size-medium {width: 100%;height: auto;}
.single p.caption {padding: 0 2em;margin-bottom: 0!important;text-align: right;color: #8c8c8c;}
body.page p.caption {padding: 0 2em;margin-bottom: 0!important;text-align: right;color: #8c8c8c;}
.gallery {text-align: center; background: #e6e6e6;margin: 0 -2em 1em; padding: 2em;border: 0;}
.gallery dl.gallery-item {display: inline-block;margin: 0 2% 1% 0;vertical-align: top; }
.gallery dl.gallery-item:nth-of-type(2n) {margin-right: 2%;}
.gallery dl.gallery-item img {width: 100%;height: auto; }
.gallery dl.gallery-item .gallery-caption {margin-bottom: 1em;display: block;}
.gallery-columns-9 dl.gallery-item {width: 9%;}
.gallery-columns-9 dl.gallery-item:nth-of-type(9n) {margin-right: 0;}
.gallery-columns-8 dl.gallery-item {width: 10%;}
.gallery-columns-8 dl.gallery-item:nth-of-type(8n) {margin-right: 0;}
.gallery-columns-7 dl.gallery-item {width: 12%;}
.gallery-columns-7 dl.gallery-item:nth-of-type(7n) {margin-right: 0;}
.gallery-columns-6 dl.gallery-item {width: 14%;}
.gallery-columns-6 dl.gallery-item:nth-of-type(6n) {margin-right: 0;}
.gallery-columns-5 dl.gallery-item {width: 18%;}
.gallery-columns-5 dl.gallery-item:nth-of-type(5n) {margin-right: 0;}
.gallery-columns-4 dl.gallery-item {width: 23%;}
.gallery-columns-4 dl.gallery-item:nth-of-type(4n) {margin-right: 0;}
.gallery-columns-3 dl.gallery-item {width: 31%;}
.gallery-columns-3 dl.gallery-item:nth-of-type(3n) {margin-right: 0;}
.gallery-columns-2 dl.gallery-item {width: 48%;}
.gallery-columns-2 dl.gallery-item:nth-of-type(2n) {margin-right: 0;}
.gallery-columns-1 dl.gallery-item {width: 100%;}
.gallery-columns-1 dl.gallery-item:nth-of-type(1n) {margin-right: 0;}
/*Townhall */
#thclock {}
#thclock .timebox {}
#thclock .timebox .tage {font-size: 5em;line-height: 1em;}
#thclock .timebox .timeunit {font-size: 0.8em;}
#thclock .colon {font-size: 5.5em;line-height: 1em;padding-left: 3px;}
.sharewrap {display: block;}
/*Tabs */
.responsive-tabs__list, .content-tabs .responsive-tabs__list { display: block;margin: 0!important;padding-left: 2em;font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;}
.responsive-tabs__list li {float: none;display: inline-block;margin: 0!important;font-size: 1em;color: #0a321e;}
.responsive-tabs__heading { display: none;}
.responsive-tabs__panel--closed-accordion-only { display: block;}
.comment-tabs {margin: 0;}
.content-tabs {border:0; }
.responsive-tabs__panel { border: 0;background: #e6e6e6;margin-bottom: 2em;padding: 2em;}
.comment-tabs .responsive-tabs__panel {margin-bottom: 0;}
/*POSTTYPE: Termine */
.page #main article.termine {padding: 2em;margin: 0 0 2em 0; }
article.termine:last-of-type {}
article.termine .termin_meta_kurz {width: 25%;float: left;text-align: center;margin: 0;}
article.termine .termin_meta_kurz span {display: block;font-size: 0.8em;}
article.termine .termin_meta_kurz .termin_datum_kurz {font-size: 2em;}
article.termine h2 {margin-left: 27%;text-align: left; }
.page #main article.termine p {margin: 0 0 0 27%;text-align: left; }
article.termine a.weiterlesen {position: absolute;top: 0;left: 0;}
article.termine a.weiterlesen:hover {}
article.termine .postimg {margin: -2.7em -2em 1em -2em; }
.single article.termine .postimg {margin-top:-2em;}
article.termine .postimg img {float: none;width: 100%;}
.single article.termine p {margin-left: 0;}
.single article.termine #termin_map_wrapper {margin: 0 -2em -4em -2em;}
/*Kommentare*/
#respond {margin: 0;}
#commentform li {width: 30%;float: left;margin: 0 5% 0 0; }
#commentform li:last-of-type {margin: 0; }
.commentlist {padding: 2em;margin: 0!important;}
ul.children {margin-left: 4em;}
#comment-nav {background: #e6e6e6; padding:0 2em 0em;margin: 0;display: block;}
#comment-nav li {font-size: 1em;display: inline-block;}
#comment-nav li a { margin-bottom: 2em;display: inline-block;}
/*Author */
.author {padding: 1em 1em 0;margin-top: 3em;text-align: left;}
.author img.avatar {float: left;border-radius: 50%;}
.author .author-description {margin-left: 100px;}
.author .author-description h3 {margin-bottom: 0;font-size: 1.2em;padding-top: 0.5em;text-align: left;}
.author .author-description h3 a {color: #0a321e;}
.author .author-description p {margin-bottom: 0.5em!important;font-size: 0.9em;}
/*Share */
.sharewrap {margin: 2em 2em 4em; padding: 0; clear: both;background: transparent;}
.sharewrap a {display: inline-block; padding: 0.5em 1em; margin-bottom: 0;}
.sharewrap a.whatsapp {display:none;}
.sharewrap a.telegram {display:none;}
/*Related */
#related-posts {padding: 2em 0 1.5em;}
#related-posts h1.h2 {font-size: 2em;}
#related-posts article{background: transparent;margin-bottom: 0;padding-bottom: 2em; border-bottom: 2px solid #ccc;}
#related-posts p { margin-bottom: 0; }
/*********************
SIDEBARS & ASIDES
*********************/
.sidebar {margin-top: 0;padding: 0; background: transparent;color: #333;}
.sidebar.threecol a:hover {color: #0a321e; }
.sidebar.threecol a {color: #46962b;}
.widget {margin: 0 0 2em 0;padding: 1.5em;border: 0;background: #e6e6e6;box-shadow: 5px 5px 10px rgba(0,0,0,0.2);}
.sidebar .widget:last-of-type {margin-bottom: 2em;}
.widget ul li {margin-bottom: 0.5em;/* deep nesting */}
.widget ul li ul {margin-top: 0.75em;padding-left: 1em;}
.widget.widget_sp_image {padding: 0;background: transparent!important;box-shadow: none !important; }
.widget_search #search, .widget_search .button-submit {box-shadow: 5px 5px 10px rgba(0,0,0,0.2);}
.widget_search {display: block;}
h3.widgettitle {color: #0a321e; }
/* recent-posts widget */
/* archives widget */
/* tag-cloud widget */
.widget_tag_cloud {background: transparent;box-shadow: none;padding: 0;}
.widget_tag_cloud h3.widgettitle {color: #fff;text-shadow: 2px 2px 7px rgba(0,0,0,0.3); }
#wrap .widget_tag_cloud a {background: #0a321e;color: #fff;}
#wrap .widget_tag_cloud a:hover{background: #ffee00;color: #0a321e;text-decoration: none;}
/* calendar widget */
/* category widget */
/* recent-comments widget */
/* search widget */
/* text widget */
.widget_kal3000_termine_liste_widget { background: #ffee00; }
/*********************
FOOTER STYLES
*********************/
#footer {background:#0a321e;color:#fff;margin: 2em 0 0.5em;box-shadow: 5px 5px 10px rgba(0,0,0,0.2);padding: 0;text-align: left;}
#footer .inner {padding:0 3em;}
#footer .inner section {}
#footer a {color: #afdca7; }
#footer a:hover {color: #ffe000; }
#footer .widget {width: 25%;float: left;margin: 3em 0;padding: 0;}
#footer .adresse {font-size: 0.8em;padding-top: 1em;}
#footer .adresse p {margin-bottom: 0.5em;}
#footer .adresse strong {font-weight: normal;color: #fee500;font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;font-size: 1.2em; }
#footer .widget_nav_menu {width: 100%;display: block;font-size: 1em;}
#footer .widget_nav_menu li {float: left;width: 20%;margin: 0;}
#footer h3.widgettitle {text-shadow: 0 0 0; }
#footer .kopfzeile-mobile { display: none; }
p.copyright {color: #fff;background: transparent;margin:0.5em 0 3em;}
p.copyright a {color:#ffe000;}
}
/* DESKTOP */
@media only screen and (min-width: 1140px) {
html {}
}
/* LARGE VIEWING SIZE */
@media only screen and (min-width: 1240px) {
}
@media only screen and (max-width: 770px) {
body {}
}
@media only screen and (max-width: 480px) {
.mobile-switch li.middle {max-width:25%;padding: 0.5em;}
}
/*LARGER MOBILE DEVICES*/
@media only screen and (min-width: 481px) {
/******************************************************************
Site Name:
Author:
Stylesheet: 481px and Up Stylesheet
This stylesheet is loaded for larger devices. It's set to
481px because at 480px it would load on a landscaped iPhone.
This isn't ideal because then you would be loading all those
extra styles on that same mobile connection.
A word of warning. This size COULD be a larger mobile device,
so you still want to keep it pretty light and simply expand
upon your base.less styles.
******************************************************************/
/*********************
NAVIGATION STYLES
*********************/
/*********************
POSTS & CONTENT STYLES
*********************/
/* entry content */
.entry-content {
/* at this larger size, we can start to align images */
}
.entry-content .alignleft,
.entry-content img.alignleft {
margin-right: 1.5em;
display: table;
float: left;
}
.entry-content .alignright,
.entry-content img.alignright {
margin-left: 1.5em;
display: table;
float: right;
}
.entry-content .aligncenter,
.entry-content img.aligncenter {
margin-right: auto;
margin-left: auto;
display: block;
clear: both;
}
/* end .entry-content */
body #main article.frontloop {
background: #f4f4f4 !important;
margin: 2em 0 0 0;
padding: 2em;
}
body #main article.frontloop.sticky {
background: #e4f8df !important;
border-bottom: 2px solid #bedab7 !important;
}
body #main article.frontloop img.wp-post-image {
margin-right: 40px;
}
body #main article.frontloop header.article-header {
margin-top: 10px;
margin-bottom: 10px;
}
body #main article.frontloop footer.article-footer {
display: block !important;
}
body #main article.frontloop footer.article-footer p,
body #main article.frontloop footer.article-footer a {
color: #333;
}
/*********************
FOOTER STYLES
*********************/
}
@media (max-width: 768px) {
}
/*Tablets */
@media (min-width: 500px) and (max-width: 768px) {
img.size-medium {width: 49%;height: auto;}
.wp-caption img.size-medium {width: 100%;height: auto;}
}
/*Tablets */
@media only screen and (min-width: 768px) {
img.size-medium {width: 49%;height: auto;}
.wp-caption img.size-medium {width: 100%;height: auto;}
}
@media (max-width: 600px) {
body .wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right {
grid-template-areas: "media-text-media" "media-text-content";
}
}
/*RETINA (2x RESOLUTION DEVICES)*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
}
/*iPHONE 5 MEDIA QUERY */
@media (device-height: 568px) and (-webkit-min-device-pixel-ratio: 2) {
}
article ul.blocks-gallery-grid { margin: 0; }
article ul.blocks-gallery-grid li:before { display: none; }
/*PRINT STYLESHEET */
@media print {
* {
background: transparent !important;
color: black !important;
text-shadow: none !important;
filter: none !important;
-ms-filter: none !important;
}
a,
a:visited {
color: #444 !important;
text-decoration: underline;
}
a:after,
a:visited:after {
content: " (" attr(href) ")";
}
a abbr[title]:after,
a:visited abbr[title]:after {
content: " (" attr(title) ")";
}
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
.sidebar,
.page-navigation,
.wp-prev-next,
.respond-form,
nav {
display: none;
}
}