/*Farb-Schema Hauptfarbe Grün: #339966 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; } /**********************************************************************/ /* 6. Screen styles for all (primary mobile) */ /**********************************************************************/ @media screen { /********************* 01. GENERAL STYLES *********************/ body {font-family: 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: Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;font-weight: 500;} table, tr, td {vertical-align: top;} p.intro {font-family: 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 0;} strong, b {font-family: Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;font-weight: normal;} /******************** 02. WORDPRESS BODY CLASSES ********************/ /********************* 03. LAYOUT & GRID STYLES *********************/ /********************* 04. LINK STYLES *********************/ a {color:#339966;text-decoration: none;} a:hover {color:#0a321e;text-decoration: underline;} a:visited {color:#339966;} a span.button, span.button a {display: inline-block; background: #339966; color: #fff; padding: 0.5em;font-family: 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: 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: #339966;} 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: 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: #cc0033; 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: 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:#339966; color:#fff; padding: 1em;border-bottom: 1px solid #40832f;} #nav-main .current-menu-item a {color: #cc0033;} #nav-main .current-menu-item li a {color: #fff;} #nav-main li li {margin:0;} #nav-main ul ul a {background:#339966;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: #339966; } 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: 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: 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: 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;} 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: #339966;} #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: 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: #339966;font-family: 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: Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;font-weight: normal;} ul.sitemap li span {display: block;font-size: 0.9em;font-family: 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: 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.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: 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: 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: Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif; color: #339966;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: 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: 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: 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: #339966; font-family: Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;border-radius: 50%;font-size: 2em; color: #fff;right: 0; } h2.h3 {font-family: Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;font-size: 1.3em;color: #339966;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: #339966;} .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: 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: 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: "FontAwesome";color: #339966;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: 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: #339966; } .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: FontAwesome;font-size: 1em; color: #339966;} 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: Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;color:#0a321e;} .commentlist article .vcard a {color: #339966;} .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: #339966;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: #339966;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 {border: 1px solid #cecece;background: #f8f8f8;padding: 0.5em;display: block;margin-bottom: 1em;width: 92%;} #main form textarea { width: 97.3%;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 #339966;background: #fff;box-shadow: 0 0 5px #eee inset;} #main form label {font-size: 0.8em;font-family: Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;color: #888;} #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: Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;width: auto;} #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 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 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: #339966;} #main form label small {font-size: 0.8em;color: #aaa;font-family: 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: 1em;color: #8d9e96;} h3.widgettitle {margin-bottom: 0.5em;color: #fff;} .sidebar a, .sidebar a:visited {color: #339966; } .sidebar a:hover {color: #cc0033; } .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-o:hover {background-color: #fb6c55;} .widget_kr8_socialmedia li span.fa-envelope:hover {background-color: #cc0033;} /*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: #339966;} .widget_search .button-submit {border:0;background: #0a321e; color: #fff;font-family: 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: #339966; 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: 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: #339966;} #footer .widget_nav_menu li li {float: none;font-size: 0.8em;margin: 0;width: 100%;font-family: 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: #cc0033; } .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;} li.widget_kal3000_termine_liste_widget { padding: 0.5em; } /*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: #339966;} #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: 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: 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: #cc0033;font-family: 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: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: 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;} #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 {float: left;margin: 10px 0.7em 0 0;width: 33%;height: auto; } 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 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;} .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: 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;} /*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: #339966;} .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: #339966; } #footer a:hover {color: #cc0033; } #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: 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; } p.copyright {color: #fff;background: transparent;margin:0.5em 0 3em;} p.copyright a {color:#cc0033;} } /* 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) { } /*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; } } /* changes */ body { background: #99cccc; } #header.widthimg #logo { position: absolute; top: -30px; left: -10px; } #header h1 a { color:black; } #header h2 { color:black; } p.copyright a { color: black; } #nav-portal { display:none; } #nav-main a { background: #99cccc; color: black; } #breadcrumb { background: white; } #header h1, #header h2 { display:none; } #header .hgroup { border-top: 0px; border-bottom: 0px; } .widget_kal3000_termine_liste_widget { background: white; }