diff --git a/README.md b/README.md index 386e15a..6424f86 100644 --- a/README.md +++ b/README.md @@ -16,6 +16,13 @@ Instructions: ## Version Changes +### V0.2 + +_We, 23.12.2020 14:41_ + +* trying to over write style.css file location by copying the style.css into the childtheme + + ### V0.1 _Fr, 18.12.2020 08:41_ diff --git a/lib/css/style.css b/lib/css/style.css new file mode 100644 index 0000000..e65f4bb --- /dev/null +++ b/lib/css/style.css @@ -0,0 +1,2012 @@ +/*Farb-Schema + Hauptfarbe Grün: #46962b + Akzentfarbe Dunkelgrün: #0a321e + Haupt- und Akzentfarbe Gelb: #ffee00 + Akzentfarbe Magenta: #e6007e + Leichtes Grau: #f6f6f6 + 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'; + 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'; + src: local('Arvo Gruen'), local('ArvoGruen'), url('../fonts/arvo_green.woff') format('woff'); + font-weight: normal; + font-style: normal; +} + + +@font-face { + font-family: 'PT Sans'; + 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'; + 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.5;color: #333;background-size: 100% 100%;padding-top: 3em;background-color: #46962b; + } + + img {max-width:100%;height:auto;} + + blockquote {padding: 0;text-indent: 0em;color: #46962b;background: transparent;font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;font-weight: 500; margin: 2em 4em;font-style: italic; border-bottom: 3px solid #46962b; } + + table, tr, td {vertical-align: top;} + + strong, b {font-family: 'PT Sans Bold', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;font-weight: normal;} + hr {border: 0; background: #f6f6f6; height: 3px;width: 100%;margin: 2.5em auto 2em;} + +/******************** +02. WORDPRESS BODY CLASSES +********************/ + + + + + +/********************* +03. LAYOUT & PARALLAX +*********************/ + .fullpage { min-height: 100vh;} + .fullpage.parallax {background-size: cover!important;} + .parallax {z-index: 1;background: 50% 50% / cover;} + + + +/********************* +04. LINK STYLES +*********************/ + + a {color:#46962b;text-decoration: none;} + a:hover {color:#e6007e;text-decoration: underline;} + a:visited {color:#e6007e;} + + a span.button, span.button a {display: inline-block; background: #e6007e; color: #fff; padding: 0.5em;font-family: 'PT Sans Bold', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;} + + a:hover span.button, span.button a:hover {background: #46962b;text-decoration: none; + } + +/****************************************************************** +05. H1, H2, H3, H4, H5 STYLES +******************************************************************/ + + h1,h2,h3,h4,h5,h6 {font-size: 1em;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;text-align: left;word-wrap: break-word; } + h1 {margin-bottom:0em;font-size: 1.5em;font-family: 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;text-transform: uppercase;} + + article.hentry h1, article.hentry h2, article.hentry h3, article.hentry h4, article.hentry h5, article.hentry h6 {color: #0a350a;} + + h2 {} + h3 {color: #46962b;} + h4 {} + h5 {} + h6 {} + .kontrast {color:#e6007e!important;} + + +/********************* +06. HEADER SYTLES +*********************/ + + #header {margin: 0;padding: 0;position: relative;} + + + /* site title - just for seo */ + #header .sitetitle {display: none;} + + /*mobile header */ + .header-mobile {background: #0a321e; width: 100%;position: fixed;top: 0;z-index: 10;} + .header-mobile h2 {color: #fff;text-align:center; padding: 0.5em 0;margin: 0;line-height: 1em;font-size: 1.5em;font-family: 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;text-transform: uppercase; } + .header-mobile .switch-menu {position: absolute; left: 1em; top: 0.6em;color: #fff;font-size: 1.1em;} + + #wrap {margin-top: 3em;} + + + + + +/********************* +07. NAVIGATION STYLES +*********************/ + + .navigation li, nav li {list-style-type: none;} + + /*hide navs in mobile version */ + #breadcrumb, #nav-desktop, #nav-flyin {display: none;} + #nav-flyin {height: 0px; top: -500px;overflow: hidden;} + + + #nav-mobile {left: -150%; -webkit-transition: left 0.5s;-moz-transition: left 0.5s; -o-transition: left 0.5s; transition: left 0.5s;} + #nav-mobile {background: #46962b;z-index: 11;position: fixed;width: 90%;min-height: 100%;height: 100%;padding: 2em 0 2em 4em;box-sizing: border-box;top: 0; bottom: 0;overflow: scroll;border-right: 3px solid #0a321e;box-shadow: 0 0 15em #000; } + + #nav-mobile:target {left: 0;} + + /*close*/ + #nav-mobile .switch-menu {color: #fff;font-size: 0.9em;position: relative;z-index: 99!important;display: block; } + #nav-mobile .switch-menu span {margin-right: 0.5em;} + + /*logo */ + #nav-mobile .logo {border-top: 2px solid #fff;border-bottom: 2px solid #fff;margin: 2em 2em 0 0;padding: 1em 0;} + #nav-mobile .logo img {width: 20%; height: auto;float: left;} + #nav-mobile .logo h2 {font-size: 2em; margin-left: 25%;font-family: 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;text-transform: uppercase;color: #fff;} + + /*searchform*/ + #nav-mobile .suche {margin: 2em 2em 2em 0;} + #nav-mobile .suche label {display: none;} + #nav-mobile .suche input.seachphrase {border: 1px solid #333;padding: 1em;box-sizing: border-box;font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;background: #fff;color: #333;font-size: 1em;width: 100%; } + #nav-mobile .suche .button-submit {display: none;} + #nav-mobile .suche {} + + /*menu*/ + #nav-mobile nav {font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;} + #nav-mobile nav ul {margin: 0; padding: 0;} + #nav-mobile nav li {margin: 0; padding: 0;} + #nav-mobile nav a {color: #fff;background: #0a321e;display: block;margin: 0 0 1em; padding: 0.5em;} + #nav-mobile nav li li a {background: transparent;margin: 0 0 1em 2em;} + + + /*pagination */ + .page-navigation {background: transparent;padding: 1.5em 0;text-align: center;margin: 0 1em 1em;font-family: 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;} + .page-navigation li {display: inline;color: #0a321e;font-size: 1em;margin: 0 0.2em; } + .page-navigation li a {display: inline-block;background: #fff; padding: 0.5em 1em;color: #0a321e;} + .page-navigation li a:hover {color: #fff; background: #e6007e;} + .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 {display: inline-block;border-right: 0;} + .page-navigation li.kr8pn-current {display: inline-block;background: #ffee00; padding: 0.5em 1em;} + + /*Nav social networks */ + .nav-social {padding: 1em;font-size: 2em;} + .nav-social li {margin-bottom: 1em;} + .nav-social li:last-of-type {margin: 0;} + .nav-social a {font-family: 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;text-transform: uppercase;color: #46962b;} + .nav-social a:hover {text-decoration: none;color: #0a321e;} + .nav-social a:before{content: "\f0ac"; font-family: FontAwesome; margin-right: 0.3em;color: #e6007e;} + .nav-social .twitter a:before{content: "\f099";} + .nav-social .facebook a:before{content: "\f087";} + .nav-social .instagram a:before{content: "\f16d";} + .nav-social .youtube a:before{content: "\f16a";} + .nav-social .flickr a:before{content: "\f16e";} + + + /*Nav Footer */ + .nav-footer {margin-top:2em;clear: both;} + #footer .nav-footer li a{color: #fff;} + + /*Suchfeld im Header */ + .search-desktop {display: none;} + + +/********************* +08. POSTS & CONTENT STYLES +*********************/ + + /*basic content styles */ + #content {padding: 0;} + + /*posts & pages */ + article.postsingle {background: #fff;padding: 1em;margin: 1em; margin-bottom: 0; + box-shadow: 5px 5px 10px rgba(0,0,0,0.2); } + + article.post {margin-bottom: 2em;z-index: 2;position: relative;} + .hentry p {line-height: 1.5em;margin: 0 0 1.2em 0;} + p.intro {font-family: 'PT Sans Bold', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;font-size:1.1em;} + + + + + /*post header */ + + p.byline {font-size: 0.8em; color: #8c8c8c;margin: 0 0 0.5em;text-align: right; } + /*post tags*/ + p.subhead {margin: 0;font-size: 0.9em;color: #46962b;} + p.subhead a { } + .postlist p.subhead {font-size: 0.8em; } + + + + /*lists*/ + .hentry ul, .hentry ol {margin: 0 2em;} + .hentry ul li {list-style-type: none;counter-increment: list;position: relative;margin: 0 0 1em 0;} + .hentry ul li:before {content: "✲";position: absolute;left: -2.5em;width: 2em;text-align: right;color: #46962b;} + 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: #46962b;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;} + + + /*tables */ + article table {margin-bottom: 1.5em;max-width: 100%;overflow: hidden;word-wrap: break-word; } + article table caption {display: none;} + article table th {font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif; padding: 1em 1em 1em 0;color: #0a321e;background: #46962b;padding: 1em;color: #fff; } + article table td{ padding: 1em 1em 1em 0;border-bottom: 1px solid #f6f6f6; } + + /*Infobox */ + .infobox {background: #ffee00; padding: 2em;margin-bottom: 1em;margin-left: 2em;} + + + + /*image: titleimage (single) */ + .postimg {margin: -1em -1em 1em; display: block;} + .single .postimg .wp-caption-text {text-align: right;padding: 1em 1em 0 0;margin-bottom: 0;} + .single .termine .postimg .wp-caption-text {margin-bottom: -2em;} + #single-intro {height: 30%;min-height: 300px; top: 0;} + + .single a.postimg img.attachment-titelbild.wp-post-image, a.postimglist img.attachment-titelbild.wp-post-image {width: 100%;height: auto;} + + /*image: single parallax */ + .introbg {display: none;} + #single-intro {margin-top: 10em;background-size: cover;margin-top: 0;} + + /*image: home parallax */ + .home #single-intro {display: none;} + .home #single-intro {display: none;} + .home .introbg {display: none;} + + + + /*image sizes */ + img.size-large, img.size-full {width: 100%;height: auto;} + img.size-medium {width: 100%;height: auto;} + img.rund {border-radius: 50%;border: 5px solid #f6f6f6;width: 100%;} + .page article.post img.size-titelbild {width: 100%; } + + + /*image galleries*/ + .gallery {text-align: center; background: #f6f6f6;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;} + + /*image caption */ + .wp-caption-text, .gallery-caption {font-size: 0.8em;color: #555;} + div.wp-caption {max-width: 100%;} + + + /*more objects */ + article iframe {max-width:100%;} + pre {max-width: 100%;margin-bottom: 1.5em;padding: 1.5em;overflow: auto;background: #f6f6f6;font-size: 0.8em;line-height: 1.4;} + address {background: #e4f8df;padding: 1em;margin-bottom: 1.5em;} + article .searchform {background: #f6f6f6; padding: 2em; width: 100%;margin: 0 -2em -4em -2em;} + article .searchform label {margin-bottom: 1em; display: block;} + + + /*category view:post */ + + article.postlist {margin: 1em;background: #fff;padding: 1em;} + article.postlist a.postimglist {margin: -1em -1em 0;display: block; } + article.postlist a.postimglist img{width: 100%;height: auto;} + article.postlist h2 {margin-bottom: 0;} + article.postlist h2 a {color:#0a321e;} + article.postlist .article-teaser {display: none;} + article.postlist {} + + /*category view: Archiv-Titel*/ + div.archive-title {margin: 1em;color: #fff; } + div.archive-title h1 {display: inline-block;color: #fff;margin-bottom: 0.2em;} + .archive-title p {font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;} + .archive-title p a {color: #fe0;} + + + + /*category template: headerlist */ + article.postlist-small, #main article.postlist-small {padding: 1em;background: #fff; margin: 0 1em 1em;} + article.postlist-small h2 {font-size: 1em;} + article.postlist-small h2 a span {color: #ed228d;font-size: 0.7em;margin-right: 0.3em;display: block;} + article.postlist-small p {font-size: 0.7em;color: #888;margin: 0!important;text-align: right;} + article.postlist-small a {} + + + /*shortcode: sitemap */ + ul.sitemap {margin: 0; padding: 2em 2em;} + ul.sitemap li {list-style-type: none;clear: both;background: #f6f6f6; padding: 2em;} + ul.sitemap li:before{content: ""; } + ul.sitemap li img {float: left;margin: 0 0.5em 2em 0;width: 100px;border-radius: 50%; } + 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;} + + + + /*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;} + + + + /*socialshare */ + .sharewrap {margin: 2em 0 0; padding: 0; clear: both;background: #fff;} + .sharewrap a {display: inline-block; text-align: center; padding: 0; margin-bottom: 0; font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;color: #fff;font-size: 1em;} + .sharewrap a:hover {background:#e6007e !important;} + .sharewrap a span {display: none;} + .sharewrap a i {font-size: 1.2em;padding: 0.5em 1em;} + .sharewrap a.twitter {background: #59adeb;} + .sharewrap a.facebook {background: #3b5998;} + .sharewrap a.whatsapp {background: #4dc247;} + .sharewrap a.google {background: #d53f38;} + .sharewrap a.email {background: #ff9900;margin: 0;} + + + + /*colorbox */ + .colorbox {background: #ffee00; margin: 2em -2em; padding: 2em;color: #0a321e;} + .colorbox img.rund {border-color: #e6007e;} + + + /*Quiz */ + .wpss-form {} + #main .wpss form {background: #ffee00;margin-bottom: -2em;} + .wpss-form .wpss-question p {font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;} + .wpss .wpss-form fieldset {border: 0;} + .wpss .wpss-form input.wpss-radio {float: left;width: auto!important; margin: 0.25em 0.5em 0 0;} + #main .wpss .wpss-form label {font-size: 1em;color: #46962b;font-family: 'PT Sans Bold', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif; } + #main .wpss .wpss-form .wpss-question {margin-bottom: 1em;} + #main .wpss .wpss-progress-bar {margin-bottom: 1em;margin-top: 1em;} + #main .wpss .wpss-progress-bar span {background: #e6007e;} + #main div.wpss_results_score {background: #fe0; padding: 1em; text-align: center;font-size: 2em;font-family: 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;color: #46962b; } + + + /*article by shortcode */ + + .insidelist.grau {background:#eee;margin:0 -2em 1em -2em;} + + + +/********************* +09. PAGE TEMPLATES +*********************/ + + + /*TEMPLATE: Startseite */ + #teaser {margin-bottom: 0;} + #teaser.welcome {background: #f6f6f6; padding: 2em;box-sizing: border-box;margin: 1em 1em 0;} + + /*Kacheln */ + #teaser {} + .josephbeuys article, .petrakelly article {background: #e6007e; padding: 1em; color: #fff;margin: 0 ;border-bottom: 3px solid #ffee00;} + .josephbeuys a, .petrakelly a {color: #fff;} + .josephbeuys .subhead, .petrakelly .subhead {color: #ffee00;} + .josephbeuys .postimglist {margin: -1em -1em 0 -1em;display: block;} + .josephbeuys img {} + + + /*TEMPLATE: Campaign */ + + p.cta a {display: inline-block; padding:0.5em 1em; color:#46962b; background:#fe0;margin-top:1em;text-shadow: 0 0 0;font-family: 'Arvo Regular', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;text-transform: none;} + p.cta a:hover {color:#fff; background:#e6007e;} + + /*Spenden*/ + #donatenow {background:#e6007e; padding:1em;text-align: center;font-family: 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;text-transform: uppercase;margin-top:0;} + #donatenow h2 {color:#fff;font-family: 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;text-align: center;font-size: 2em;} + #donatenow a {display:inline-block; background:#fe0;padding:0.5em 1em;color:#46962b;} + #donatenow a:hover {background:#46962b;color:#fe0;} + + + /*Actionbox */ + #getinvolved {padding-top:2em;} + #getmore {padding-top:2em; } + #getinvolved h2, #getmore h2 {color:#fff;font-family: 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;text-align: center;font-size: 2em;text-transform: uppercase;} + .involvebar.sidebar {background: transparent;padding:1em;} + .involvebar .widget_text {border:4px solid #fe0;padding:2em;color:#fff;} + .involvebar .widget_sp_image {border:0; color:#fff;} + .involvebar .widget h3 {color:#fe0;font-size:1.5em;} + .sidebar.involvebar .widget_text a, .sidebar.involvebar .widget_sp_image-description a {display:inline-block; background:#fe0; color:#46962b; padding:0.5em 1em;margin-top:0.5em;font-family: 'Arvo Regular', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;} + .sidebar.involvebar .widget_text a:hover, .sidebar.involvebar .widget_sp_image-description a:hover {background:#e6007e; color:#fff;} + + + + + /*TEMPLATE: LANDING-PAGE */ + /*intro */ + h1.landing-title {margin-bottom: 1em;display: inline-block;padding-right: 40px;background: url(../images/stoerer_end.png) right center no-repeat;font-family: 'Arvo Gruen', 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;text-transform: uppercase;} + h1.landing-title span{display: inline-block;background: #e6007e url(../images/stoerer_end.png); color: #fff;padding: 0.3em 0.2em 0.3em 0.5em;text-shadow: 0 0 0; } + #landing-intro {color: #fff;font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;text-shadow: 1px 1px 5px rgba(0,0,0,0.5);padding: 2em 1em;min-height: 300px;} + + /*page content */ + .page-template-page-landingpage article.page.hentry, .page-template-page-landingpage-small article.page.hentry {background: #fff;margin: 0; padding: 2em 2em 0;background: #fff;box-shadow: 5px 5px 10px rgba(0,0,0,0.2); } + + + + /*news */ + .landingnews {margin: 0;} + h2.landingsection {background: #fff;display: inline-block;margin: 2em 0 0 0; padding: 0.5em;font-size: 1.5em;} + .landingnews article {} + + + + + + + /*TEMPLATE: ARCHIV*/ + .archiv {} + .archiv ul {margin: 0;} + .archiv li:before {content: ""!important;} + .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;} + + /*TEMPLATE: LISTVIEW*/ + .page-template-page-listview-php article.postsingle {background: transparent;padding: 0;margin: 0;} + .page-template-page-listview-php article.postsingle article {background: #fff;padding: 1em;margin: 1em;border: 0;} + .page-template-page-listview-php #main article.postsingle form {background: #fe0; padding: 1em;margin: 1em;} + .page-template-page-listview-php #main button { font-size: 1em;} + .page-template-page-listview-php #main article.postsingle form label {color: #46962b;} + + + + /*TEMPLATE: STORY */ + .story-intro {color: #fff;position: absolute;bottom: 35%;height: 15%;width: 100%;text-align: center;font-size: 1.3em;text-shadow: 2px 2px 4px rgba(0,0,0,0.5);z-index: 2;} + .story-intro h1 {color: #fff; text-align: center;} + .page-template-page-story article {padding: 2em 2em;margin: 0; color: #fff;} + .page-template-page-story article img.size-large, .page-template-page-story article img.size-full, .page-template-page-story article img.aligncenter {margin-top: 1em;margin-bottom: 1em;} + .page-template-page-story .parallax {text-shadow: 2px 2px 4px rgba(0,0,0,0.5);} + .inhaltvz {display: none;} + .abstand {height: 400px;max-height: 60vh;} + + + /*SEARCH */ + .search-results #main .suche {display: none;} + /*post types */ + .search-results #main .article-teaser {display: block!important;} + .search-results #main .article-teaser p {margin-bottom: 0;} + .search-results #main article.type-termine {padding: 1em;margin: 1em; } + .search-results #main article.type-termine h2 {margin: 0;text-align: left;} + .search-results #main article.type-termine h2:before {content: "\f073";font-family: 'FontAwesome';margin-right: 0.3em;color: #e6007e;} + .search-results #main article.type-termine .article-teaser {margin: 0;} + .search-results #main article.type-termine p {margin: 0;text-align: left;} + .search-results #main article.type-person h2:before {content: "\f21d";font-family: 'FontAwesome';margin-right: 0.3em;color: #e6007e;} + .search-results #main article.type-page h2:before {content: "\f0e8";font-family: 'FontAwesome';margin-right: 0.3em;color: #e6007e;} + .search-results #main article.type-post h2:before {content: "\f1d9";font-family: 'FontAwesome';margin-right: 0.3em;color: #e6007e;} + .search-results #main article.category-presse h2:before {content: "\f1ea";font-family: 'FontAwesome';margin-right: 0.3em;color: #e6007e;} + .search-results #main article.category-beschluesse h2:before {content: "\f02d";font-family: 'FontAwesome';margin-right: 0.3em;color: #e6007e;} + .search-results #main article.type-gliederung h2:before {content: "\f024";font-family: 'FontAwesome';margin-right: 0.3em;color: #e6007e;} + + #main .suche button {border: 0;font-size: 1em;padding: 0.5em;background: #e6007e;color: #fff;font-family: 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;text-transform: uppercase;font-weight: normal;} + #main .suche button:hover {background: #ffee00;color: #46962b;} + #main .suche label {display: none;} + #main .suche input {padding: 1em;width: 100%;box-sizing: border-box;} + + + /*404 */ + .error404 {background: url(../images/bg_kohle.jpg);} + .error404 article {margin: 1em;background: transparent;color: #fff; + } + .error404 article h1 {padding: 0.5em;} + .error404 article p {padding: 0 1em; } + .error404 article form {margin: 1em 0 0 0!important;width: 100%;box-sizing: border-box;background: transparent!important;} + + +/********************* +10. POST TYPES +*********************/ + + + /*POSTTYPE:PERSON*/ + .single article.person {position: relative;background: #fff;margin: 1em;padding: 1em;box-shadow: 5px 5px 10px rgba(0,0,0,0.2); + } + + h2.h3 {font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;font-size: 1.3em;color: #46962b;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: #46962b;} + + .anschrift {background: #e5e5e5; width: 60%;padding: 1em 1em 0.1em 1em;margin-left: 5%;} + + + /*Person: List Team */ + .personen-list {} + .personen-list article {margin: 0 0 2em;padding: 0 0 2em ;text-align: center;border-bottom: 3px solid #f6f6f6; } + .personen-list article.has-post-thumbnail {margin-top: 6.5em;} + .personen-list h3 {margin-bottom: 0;text-align: center;color: #e6007e!important; } + .personen-list p.funktion{color: #46962b;margin-bottom: 0.5em;} + .personen-list p.listenplatz{color: #46962b;margin: 0.5em 0 0;font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;f} + .personen-list p {margin-bottom: 0;} + .personen-list p.short {margin-bottom: 1em; color: #555;} + .personen-list p.motivation {margin-bottom: 1em; color: #555;font-style: italic;} + .personen-list p a {color: #333;} + .personen-list img {border-radius: 50%;border: 5px solid #f6f6f6;width: 7em;height: 7em;margin-top: -5em;text-align: center;} + .personen-list p.contact a {display: inline-block; background: #0a321e;padding: 0.2em 0.5em;border-radius: 50%; color: #fff;} + .personen-list p.contact a:hover {background: #46962b; } + .personen-list .details {margin-top: 1em; } + .personen-list .details a {display: inline-block; background: #46962b;color: #fff; padding: 0.3em 0.5em;font-family: 'PT Sans Bold', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;font-size: 0.9em;border-radius: 0.4em;} + .personen-list .details a:hover {background: #ffee00;color: #46962b;} + + + /*POSTTYPE: Termine */ + article.termine {border-bottom: 2px solid #f6f6f6;margin: 1em 0;position: relative;padding: 1em;} + article.termine:last-of-type {border-bottom: 0;} + 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.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: "FontAwesome";color: #46962b;font-size: 1.3em; } + .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;} + .single article.termine .entry-content h2 {margin-left: 0;} + + + /*POSTTYPE: GLIEDERUNGEN */ + + + /*Gliederungen: KV Liste */ + .gliederungen-list {} + .gliederungen-list article {border-bottom: 2px solid #f6f6f6;margin: 2em 0; padding: 0 0 2em;} + .gliederungen-list article p.contact{font-size: 1em;} + .gliederungen-list article p.contact a {display: inline-block; background: #0a321e;padding: 0.2em 0.5em;border-radius: 50%; color: #fff;} + .gliederungen-list article p.contact a:hover {background: #46962b;} + .gliederungen-list .article-header{display: inline-block;} + .gliederungen-list .entry-content {display: inline-block; float: right;} + .gliederungen-list .entry-content p, .gliederungen-list article h2 {margin: 0;color: #e6007e; + } + .gliederungen-list h2 {font-size: 1em;} + + + + + +/****************************************************************** +11. 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 #46962b; } + .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 #46962b;font-size: 1.2em; border-top: 0;padding: 0.3em 0.5em 0.3em 1.3em; margin: 0;color: #333;position:relative;font-family: 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;text-transform: uppercase;font-weight: normal;} + .responsive-tabs__heading--active {background: #46962b;color: #fff;} + .responsive-tabs__panel { padding: 1em;margin: 0;} + + .responsive-tabs__list {margin: 0!important;padding-left: 2em;} + .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; left: 0.5em;font-size: 0.7em; position: absolute;color: #46962b; } + .responsive-tabs__heading--active::after {content: "\f078";color: #fff; } + + .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: #f6f6f6;border: 0;color: #0a321e;} + + + .responsive-tabs__panel { border: 0;background: #fff;margin-bottom: 0;padding: 2em;border: 1px solid #46962b; border-top: 0;border-bottom: 3px solid #46962b; } + + + .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 {background: #f6f6f6;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: #46962b;} + 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(4)::before {content: "\f0e6";} + body.single .comment-tabs .responsive-tabs__list__item:nth-of-type(3)::before {content: "\f040";} + body.single .comment-tabs .responsive-tabs__list__item:nth-of-type(2)::before {content: "\f1ea";} + body.single .comment-tabs .responsive-tabs__list__item:nth-of-type(1)::before {content: "\f1d9";} + + .comment-tabs .responsive-tabs__list__item {font-size: 0px; padding: 0 10px 0 10px;margin-right: 10px!important;} + .comment-tabs .responsive-tabs__list__item::before {font-size: 25px;margin-right: 0;color: #fff;} + .comment-tabs .responsive-tabs__list__item--active::before {color: #46962b;} + + + /*tabs homepage */ + .home-tabs {margin: 1em;} + .home-tabs .responsive-tabs__panel {padding: 0!important;background: transparent;border: 0;} + .home-tabs .responsive-tabs__panel article {margin: 1em 0; background: #fff;border: 0;} + .home-tabs .responsive-tabs__panel--closed-accordion-only {display: block;}/*1. Tab mobil öffnen */ + .home-tabs .responsive-tabs__list {display: block;} /*nav mobil umstellen */ + .home-tabs .responsive-tabs__list {display: block;padding: 0;font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;} + .home-tabs .responsive-tabs__list li {background: #0a321e;} + .home-tabs .responsive-tabs__list li.responsive-tabs__list__item--active {background: #ffee00;} + .home-tabs .responsive-tabs__list {display: block;} + /*icons*/ + .home-tabs .responsive-tabs__list li:before {color: #fff; font-family: 'FontAwesome';display: block;text-align: center;} + .home-tabs .responsive-tabs__list li.responsive-tabs__list__item--active:before {color: #0a321e;} + .home-tabs .responsive-tabs__list #tablist1-tab1:before {content: "\f1d9";} + .home-tabs .responsive-tabs__list #tablist1-tab2:before {content: "\f073";} + .home-tabs .responsive-tabs__list #tablist1-tab3:before {content: "\f1ea";} + .home-tabs .responsive-tabs__list #tablist1-tab4:before {content: "\f02d";} + + .home-tabs h2.responsive-tabs__heading {display: none!important;} + + p#back-top a {display: none; } + + +/****************************************************************** +12. COMMENT STYLES +******************************************************************/ + .commentlist {background: #f6f6f6; 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.7em 0;border-radius: 50%;} + .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: #46962b;} + .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: #46962b;float: right;font-family: 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;text-transform: uppercase; } + .commentlist .comment-reply-link:hover {background: #ffee00; color: #46962b;} + .commentlist article:hover .comment-reply-link {visibility: visible;} + + + #main ol.commentlist article {} + #main ol.commentlist article.bypostauthor {background: #46962b;color: #fff;padding: 1em;} + #main ol.commentlist article.bypostauthor a {color: #0a321e;} + #main article.bypostauthor a.comment-reply-link {color: #fff!important;background: #0a321e;} + + + /*comment nav */ + #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;} + + + /*Related */ + .posttab, .posttab {padding: 1em 0 0.1em;box-shadow: 5px 5px 10px rgba(0,0,0,0.2);} + .posttab article:first-of-type {margin-top: 0;} + + /*category view:post */ + .posttab article.postlist {margin: 0 1em;background: transparent;padding: 1em 0;border-bottom: 0;} + .posttab article.postlist a.postimglist {float: left;width: 30%;margin: 0 1em 0 0; } + .posttab article.postlist .article-teaser {display: none;} + .posttab article.postlist.has-post-thumbnail h2, .posttab article.postlist.has-post-thumbnail p.subhead, + .posttab article.postlist.has-post-thumbnail .article-teaser {margin-left: 33%; } + + + +/****************************************************************** +13. COMMENT FORM STYLES +******************************************************************/ + + + #respond {background: #f6f6f6;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 {background: #f6f6f6;padding: 2em;margin: 0 -1em 1em;} + #main form p:last-of-type {margin-bottom: 0;} + #main form input, #main form textarea, #main form select {border: 1px solid #cecece;background: #fff;padding: 1em;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 #46962b;background: #fff;box-shadow: 0 0 5px #eee inset;} + #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 input[type=number], #main form select, #main form .wpcf7-radio input {width: auto;} + #main form input[type=radio] {display: inline-block;} + #main form .wpcf7-radio span.wpcf7-list-item-label {margin-right: 1em;} + #main form input.wpcf7-acceptance {width: auto; display: inline-block;margin-right: 0.5em;} + #main form .wpcf7-checkbox input {display: inline-block;width: auto;} + #main form input[type=submit], #main form .cr_ipe_item button {display: inline-block;padding: 1em; border: 0;color: #fff;font-weight: normal;font-family: 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;width: auto;text-transform: uppercase;background: #e6007e;font-size: 1.2em;} + #main form input[type=submit]:hover, #main form .cr_ipe_item button:hover {background: #fe0;border:0;color: #46962b;box-shadow: none;} + #main form h2 {margin-bottom: 1em;} + #main form.wpss-form input[type=submit]:hover {background: #46962b;border:0;color: #fff;} + #main form .radiolist .wpcf7-list-item { + display: block; margin:0.3em 0; + } + + #main form canvas {border: 1px solid #cecece;background: #fff; } + #main form .wpcf7-form-control-clear-wrap input {border: 0; padding: 0.5em 0;background: transparent;width: auto;font-size: 0.8em;} + + + + #main form .box {background: #ffee00;margin: 0 -2em 2em -2em;padding: 2em;clear:both;} + #main form hr {color: #fff;background: #fff;margin-bottom: 2em;margin-top: 0;clear:both;} + + #recaptcha_area {margin-bottom: 1em;} + #main form .req {color: #46962b;} + #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;margin-bottom: 1em;} + + + /********************* + 14. 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: #ffee00; } + .sidebar a:hover {color: #e6007e; } + .widget {margin-bottom: 2em;border-bottom: 2px solid #17452e; padding-bottom: 2em;} + .sidebar .widget:last-of-type {margin-bottom: 0;} + + /*Twitter */ + .widget.widget_twitter-tracker, .widget_twitter-profile-tracker {padding: 1em;color: #fff;font-size: 0.9em;margin: 0;border: 0; + } + .widget.widget_twitter-tracker h3, .widget_twitter-profile-tracker h3 {} + .sidebar .widget.widget_twitter-tracker a, .sidebar .widget_twitter-profile-tracker a {} + .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: #46962b;color: #fff!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;} + + .widget.widget_twitter-tracker .tweets li, .widget_twitter-profile-tracker .tweets li {margin-bottom: 1.5em;} + + + /*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-google-plus:hover {background-color: #dd4e51;} + .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;} + + + /*Bilder Widget*/ + .widget_sp_image img {width:100%!important;height:auto!important;} + + /*Suche */ + .widget_search {background: transparent!important;box-shadow: none!important;padding: 0!important;display: none;} + .widget_search label{display: none;} + .widget_search .seachphrase{padding: 1em 5%;width: 90%;border: 1px solid #0a321e;} + .widget_search .seachphrase:hover, .widget_search .seachphrase:focus {border-color: #46962b;} + .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;} + + /*contact form */ + .sidebar form {} + .sidebar form input {padding: 1em;} + .sidebar form label {display: block;color: #fff;font-size: 0.8em;color: #fff;} + .sidebar form input {padding: 1em;width: 100%;box-sizing: border-box;margin-bottom: 1em;font-size: 1em;font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;} + .sidebar form input:focus, .sidebar form input:hover {box-shadow: 0px 0 10px rgba(0,0,0,0.3);} + .sidebar form button, .sidebar form input[type=submit], .page-template-page-listview-php article button {background: #e6007e;border: 0;font-family: 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;text-transform: uppercase;color: #fff; font-weight: normal;font-size: 1.5em; padding: 1em; display: block;} + .sidebar form button:hover, .sidebar form input[type=submit]:hover, .page-template-page-listview-php article button:hover {background: #46962b;color: #fff;} + .sidebar.threecol button {font-size: 1em;margin-top: 1em;} + + .sidebar form p {margin-bottom: 1em;} + .sidebar form {} + + /*Tag Cloud */ + .widget_tag_cloud {} + .widget_tag_cloud a, #footer .widget_tag_cloud a {font-size: 0.9em!important;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;} + + /*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;} + + /*Rss*/ + .widget_rss h3 img {display: none;} + #footer .widget_rss h3 a {color: #fff;} + + + /*Petition*/ + .dk-speakup-widget-popup-wrap {background: #fff; position: fixed;z-index: 199; padding: 2em;display: none;} + #dk-speakup-widget-windowshade {position: fixed;top: 0;left: 0;z-index: 198;background: #000;} + .dk-speakup-widget-close {width: 15px; height: 15px;background: red;position: absolute;top: 0;right: 0;} + .dk-speakup-progress {background: #ddd;height: 1.5em;display: block;border: 1px solid #ccc;} + + + + + + /********************* + 15. FOOTER STYLES + *********************/ + + /*Newsletter */ + #newsletter {background: #e6007e; margin: -2em;padding: 2em;} + #newsletter .sidebar {background: transparent;} + #newsletter .widget {background: transparent!important;border: 0;} + #newsletter h2 {color: #fff;margin-bottom: 1em;border-bottom: 3px solid;display: inline-block;font-family: 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;text-transform: uppercase;font-size: 2.5em; } + + + /*Social Accounts */ + #socialaccounts {background: #fe0;margin-top: 0;} + #socialaccounts .widget {background: transparent;} + + + /*Real footer */ + #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;} + + #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: 'Arvo Regular', 'Arvo Gruen', 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;} + + } + + +/**********************************************************************/ +/* DESKTOP */ +/**********************************************************************/ + + +/*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;} + section.last, div.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;} + h1 {font-size:3em; } + + /********************* + LAYOUT & GRID STYLES + *********************/ + html {} + body {padding: 0;background: url(../images/body_bg.jpg) 50% 50% fixed #46962b;background-size: 100% 100%; + } + +.inner {max-width: 1140px; margin: 0 auto;} + + #content {padding: 0; } + #main { } + + /********************* + HEADER SYTLES + *********************/ + #header{ padding: 1.5em 0 0 0;position: relative;margin-bottom: 2em;} + + + + + /********************* + NAVIGATION STYLES + *********************/ + + /*hide mobile nav */ + .header-mobile, #nav-mobile {display: none!important;} + + /*show nav in desktop-version*/ + #nav-desktop, #nav-flyin {display: block;} + + /*Hauptnavigation fixed and scrolly */ + .nav-wrap {width: 100%;z-index: 3;position: relative;margin-bottom: 2em; } + #nav-flyin {position: fixed;z-index: 999;display: none;height: auto;overflow: visible;background: #0a321e;top: 0;font-size:1.3em;} + .logged-in.admin-bar #nav-flyin {top: 32px;} + + /*nav flyin */ + .nav-wrap .logo-desktop {display: none;position: relative; float: left;width: auto;padding: 0.5em 1em 0.5em 0;} + .nav-wrap .logo-desktop img {height: 2.5em;width: auto;float: left;} + .nav-wrap .logo-desktop h2 {color: #fff;font-size: 1em;padding: 0.6em 0 0 3em;font-family:'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;text-transform: uppercase;} + .nav-wrap .logo-desktop h2 a {color: #ffee00;} + + /*nav desktop */ + #nav-desktop {font-size:1.3em;} + + /*Hauptnavigation */ + .nav-main {display:block;width: 100%;text-align: right;background:transparent;font-family:'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;z-index: 3;position: relative;text-transform: uppercase; } + .nav-main .navigation {display:block;width:100%;} + + + .nav-main li {display: inline-block;position: relative;padding:1em;margin:0;} + .nav-main li a {padding:0;display:block;background: transparent;color:#fff;border: 0; } + .nav-main li a:hover {color: #ffe000;text-decoration: none;} + /*2te Ebene */ + .nav-main li ul {display:none;padding: 0px 0 0;font-size:0.9em;margin-top: 13px;} + .nav-main li:hover ul {display:block;} + .nav-main li ul {position:absolute;width:250px;z-index:9;background: #fff;box-shadow: 0 10px 10px rgba(0,0,0,0.2);text-align: left;border: 5px solid #ffee00;margin-left: -40px; } + .nav-main li ul:before {content: "";position: absolute;width: 30px;height: 15px;top: -15px;left: 70px; background: url(../images/nav_ul2.png) 0 -5px no-repeat transparent;} + .nav-main li ul li {display:block;float: none;font-size:0.8em;border: 0;margin: 0;padding: 0;position: relative;z-index: 9; } + .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;text-transform: none;} + .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:#46962b; background: #ffee00; } + .nav-main li.current-menu-parent li.current-menu-item a { } + .nav-main li ul li a:before {} + /*2te & 3te Ebene Mega */ + .nav-main li.mega ul {width: 600px;clear: both;display: block1;margin-left: -200px;} + .nav-main li.mega ul:before {left: 215px;} + .nav-main li.mega ul a {background: transparent;font-family: 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;text-transform: uppercase;} + .nav-main li.mega ul li {width: 200px;position: relative;display: block;float: left;font-size: 1em; } + .nav-main li.mega ul ul {position: relative;padding: 0;width: 200px;box-shadow:0 0 0;border: 0;float: none;display: block;margin: 0;} + .nav-main li.mega ul ul a {font-family: 'Arvo Regular', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;text-transform: none;} + .nav-main li.mega ul ul:before {background: transparent;} + .nav-main li.mega ul ul li {} + /*Aktives Element */ + .nav-main li.current-menu-item a, .nav-main li.current-menu-parent a, .nav-main li.current-menu-ancestor a {color: #ffe000;border-bottom: 2px solid #ffe000;border-bottom: 2px solid #ffe000;} + + .nav-main li.current-menu-item li a, .nav-main li.current-menu-parent li a {background: #fff;color:#0a321e; } + /*Home*/ + .nav-main .home {float: left;padding-left: 3.2em;background: url(../images/logo_small.png) 0 0.5em no-repeat transparent;background-size: auto 72%;} + /*CTA */ + .nav-main .cta {padding: 0.5em 0.5em;padding-right: 0;} + .nav-main .cta a, .nav-main .cta.current-menu-item a {background: #e6007e;color: #fff;padding: 0.5em;border: 0; } + .nav-main .cta a:hover {color: #46962b;background: #ffee00;text-transform: uppercase;} + /*Suche */ + .nav-main .suche {} + .nav-main .suche a:before {content: "\f002";font-family: 'FontAwesome';color: #fff;font-size: 21px;margin-top: -1px;} + .nav-main .suche:hover a:before {color: #ffee00;} + .nav-main .suche a {display: inline-block!important;text-indent: -9999999px;font-size: 0;} + .nav-main .suche a {} + + .nav-main .cta.last {padding-right:0;} + + + /*Navigation Footer */ + .nav-footer {font-size: 0.9em;margin: 2em 0 4em 0;text-align: center;} + .nav-footer li {display: inline-block;margin: 0 1em 0 0;} + + /*Back to top */ + 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;} + + /*Pagination*/ + .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; } + + /*Soziale Netzwerke */ + .nav-social {padding: 2em 0;font-size: 1.5em;text-align: center;} + .nav-social li {display: inline-block;margin: 0 2em 0 0;} + + + .search-desktop {background: #ffee00; padding: 2em 0;margin: -12.5em 0 2em 0;display: block;} + .search-desktop label {display: none;} + .search-desktop input {padding: 1em;width: 80%;font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif; } + .search-desktop button {border: 0;font-size:1.4em; background: transparent;color: #46962b;} + .search-desktop button:hover {color: #e6007e;} + .search-desktop button .text {display: none;} + .search-desktop a {font-size: 0.8em; margin-top: 0.5em;padding-left: 0.1em;display: inline-block;} + + #suche {transition: margin 0.5s;z-index: 3;position: relative;} + #suche:target {margin-top: -3.5em;} + + /********************* + POSTS & CONTENT STYLES + *********************/ + + + + article {padding: 0 0 2em;margin: 2em;} + + article img.wp-post-image, .search-results article img.wp-post-image {float: left;margin: 10px 0.7em 0 0;width: 33%;height: auto; } + + article h1 a, .search-results article h1.h2 a{color:#0a321e;} + + article.postsingle, .single article.person, .single article.termine, .single article.gliederung {background: #fff;padding: 2em;margin: 0; margin-bottom: 2em;box-shadow: 5px 5px 10px rgba(0,0,0,0.2); } + .single .personen-list article.person {box-shadow: none;} + + /*Überschriften*/ + h1, .single h1 {font-size:2.5em;} + .entry-content h1 {font-size:1.8em;} + h2 {font-size:1.6em;} + h3 {font-size:1.5em;} + h4 {font-size:1.3em;} + h5 {font-size:1.1em;} + h6 {font-size:1em;} + + .search-results article h1{font-size: 1.6em;} + + + /*Sitemap */ + ul.sitemap {margin: 0 0em; } + + /*Aussehen: Klein */ + ul.sitemap.klein {padding:2em 0; margin:2em 0; border: 0.4em solid #46962b; border-left:none; border-right: none;} + ul.sitemap.klein li {width:32%; float:left;box-sizing: border-box;background: transparent;clear:none; text-align: center;padding:1em;} + ul.sitemap.klein li img {float:none;width:200px; border: 5px solid #f6f6f6;} + ul.sitemap.klein li:nth-of-type(3n-2) {clear:left;} + ul.sitemap.klein li:nth-of-type(3n+2) {margin:0 2%;} + ul.sitemap.klein li {} + + /*Klein fullpage */ + .twelvecol ul.sitemap.klein li {width:23.5%;} + .twelvecol ul.sitemap.klein li:nth-of-type(3n-2) {clear:none;} + .twelvecol ul.sitemap.klein li:nth-of-type(3n+2) {margin:0;} + .twelvecol ul.sitemap.klein li:nth-of-type(4n-3) {clear:left;} + .twelvecol ul.sitemap.klein li:nth-of-type(4n+2) {margin:0 2%;} + .twelvecol ul.sitemap.klein li:nth-of-type(4n+4) {margin-left: 2%;} + + + /*Form*/ + #main form {margin: 0 -2em 2em;} + #main form p {width: 100%; clear: both;} + #main form p.left, #main form div.left {width: 45%;float: left;clear: left;} + #main form p.right, #main form div.right {width: 45%;float: left;margin-left: 10%;clear: right;} + + + /*Bilder */ + + + img.rund {width: 150px;} + + /*image: titleimage (single) */ + .postimg {margin: -2em -2em 1em; display: block;} + .postimg .wp-caption-text {text-align: right;padding: 2em 4em 0 0;margin: 0;} + + /*parallax*/ + .introbg {display: block; position: absolute;top: 0;left: 0;width: 100%;z-index: 0;height: 60%!important; min-height: 600px!important; background-size: cover;overflow: hidden;} + #landing-intro {background: transparent!important;} + #single-intro {background: transparent!important;height: 400px!important;margin: 0;min-height: 2em!important;} + .parallax {background-attachment: fixed;} + .parallax.bgscroll {background-attachment: scroll;} + + + /*image: home parallax */ + .home #single-intro {display: none;} + .home #single-intro {display: none;} + .home .introbg {display: block;height: 100%!important;} + + + + .single img.attachment-titelbild.wp-post-image {width: 100%;height: auto;margin-top: 0;} + .single article.person img.attachment-titelbild.wp-post-image { margin-bottom: 1em;} + img.size-medium {width: 49%;height: auto;} + .wp-caption img.size-medium {width: 100%;height: auto;} + + .gallery {text-align: center; background: #f6f6f6;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;} + + + + + + + + + /*Tabs */ + .responsive-tabs__list, .content-tabs .responsive-tabs__list { display: block;margin: 0!important;padding-left: 2em;font-family: 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;text-transform: uppercase; } + .responsive-tabs__list li {float: none;display: inline-block;margin: 0!important;font-size: 1em;color: #0a321e;} + .hentry .responsive-tabs__list li:before {content: "";} + .responsive-tabs__heading { display: none;} + + .content-tabs {border: 0;} + .content-tabs .responsive-tabs__list {padding: 0 0 0 0;border: 0; } + .content-tabs .responsive-tabs__list__item {background: #fff;color: #46962b;border: 1px solid #46962b;border-left-width: 0; } + .content-tabs .responsive-tabs__list__item:first-of-type {border-left-width: 1px;} + .content-tabs .responsive-tabs__list__item--active, + .content-tabs .responsive-tabs__list__item--active:hover { background: #46962b;color: #fff;} + .content-tabs .responsive-tabs__panel {padding: 2em 0;} + + .responsive-tabs__panel--closed-accordion-only { display: block;} + + + .responsive-tabs__panel { border: 0;margin-bottom: 2em;border-bottom: 3px solid #46962b; } + + + .comment-tabs {margin: 0;border:0; } + .comment-tabs .responsive-tabs__panel {margin-bottom: 0;padding: 0;} + .comment-tabs .responsive-tabs__list__item {font-size: 1em; padding: 0.8em 1em;margin-right: 0.5em!important;} + .comment-tabs .responsive-tabs__list__item::before {font-size: 1em;margin-right: 0.5em;color: #0a321e;} + .comment-tabs .responsive-tabs__list__item--active::before {color: #46962b;} + + + /*Tabs home */ + + .home-tabs {margin: 0em;} + .home-tabs .responsive-tabs__list {display: block;} + .home-tabs .responsive-tabs__panel {padding: 0;background: #fff;border: 0;margin: 0;} + .home-tabs .responsive-tabs__panel {padding: 1em 2em!important;background: #fff;box-shadow: 5px 5px 10px rgba(0,0,0,0.2);} + .home-tabs .responsive-tabs__panel article {border-bottom: 2px solid #f6f6f6;margin-bottom: 2em;padding-left: 0;} + .home-tabs .responsive-tabs__panel article:last-of-type {border-bottom: 0;} + .home-tabs .responsive-tabs__list li {color: #fff;font-family: 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;background: transparent;} + .home-tabs .responsive-tabs__list li.responsive-tabs__list__item--active {background: #fff;color: #0a321e;} + .home-tabs .responsive-tabs__list li:before {color: #fff; font-family: 'FontAwesome';margin-right: 0.5em;display: inline ;} + .home-tabs .responsive-tabs__list li.responsive-tabs__list__item--active:before {color: #0a321e;} + .home-tabs article.termine {margin: 2em;padding-bottom: 2em;} + .home-tabs article.termine .postimg {margin: -2em -1em 1em 0;display: none;} + .home-tabs article.termine:last-of-type {} + .home-tabs .button a {margin-bottom: 2em;margin-top: -2em;} + + + div.archive-title {margin: 0 0 3em 0;color: #fff; } + + /*category view:post */ + div.list-article {background: #fff;padding: 0.1em 0;margin: 0;box-shadow: 5px 5px 10px rgba(0,0,0,0.2); } + + article.postlist {margin: 2em;background: #fff;padding: 0 0 2em;border-bottom: 2px solid #f6f6f6;} + article.postlist a.postimglist {float: left;width: 30%;margin: -0.2em 1em 0 0; } + article.postlist .article-teaser {display: block;} + article.postlist.has-post-thumbnail h2,article.postlist.has-post-thumbnail p.subhead, + article.postlist.has-post-thumbnail .article-teaser {margin-left: 33%; } + article.postlist:last-of-type {border-bottom: 0;} + + /*category view: headerlist */ + article.postlist-small h2, article.postlist-small p {display: inline-block;} + article.postlist-small p {float: right;} + #main article.postlist-small {padding: 2em 0; margin: 0 2em;border-bottom: 3px solid #f6f6f6;} + #main article.postlist-small:last-of-type {border-bottom: 0;} + + /*article by shortcode */ + .insidelist article.postlist {margin: 2em 0;} + + .insidelist.grau {margin:0 -2em 1em -2em;} + .insidelist article.postlist {background: transparent; margin:1em 2em 0;} + + + + + /********************* + PAGE TEMPLATES + *********************/ + + + /*TEASER */ + #teaser {margin-bottom: 3em;} + #teaser.welcome {box-shadow: 5px 5px 10px rgba(0,0,0,0.2);margin: 0 0 2em;} + + /*Slider fullpage */ + .petrakelly {width: 100%;min-height: 465px;height: 100%;margin-bottom: 2em;} + .petrakelly #single-intro {margin: 0;height: 0!important;display: none;} + .petrakelly article {padding: 0;background: transparent; border: 0; } + .petrakelly article {margin: 2em auto 0;} + .petrakelly article h1 {border: 10px solid #fff;border-right: 0;border-left: 0;display: inline-block;padding: 0.2em 0;width: 50%;font-size: 4em;text-shadow: 1px 1px 5px rgba(0,0,0,0.5);margin: 0.2em 0;} + .petrakelly article h1 a:hover {color: #ffee00;text-decoration: none;} + .petrakelly article p {text-shadow: 1px 1px 5px rgba(0,0,0,0.5);font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;width: 50%; } + .petrakelly article p.subhead {color: #ffee00;} + + /*list alternative*/ + .bigkahuna {margin:0 0 2em;} + .bigkahuna article {background: transparent;margin:0 0 2em;padding: 0;border: 0;} + .bigkahuna img {box-shadow: 5px 5px 10px rgba(0,0,0,0.2);} + .bigkahuna p {color: #fff;} + .bigkahuna p.subhead{color: #ffee00;margin-top: 1em;} + .bigkahuna h2 a {} + + /*Kacheln */ + .josephbeuys {} + #teaser .josephbeuys article {padding:0;margin: 0;box-shadow: 5px 5px 10px rgba(0,0,0,0.2);position: relative;border: 0;background: transparent;} + #teaser .josephbeuys img.wp-post-image {width: 100%;height: auto;z-index: 1;position: relative;margin: 0;float: none; + } + .josephbeuys article img {transition: opacity 0.5s;} + .josephbeuys article:hover img {opacity: 0.7;} + .josephbeuys .postimglist {margin: 0;} + .josephbeuys .subhead {margin: 0 0 0 10%;z-index: 2; position: absolute;top: 35%;left: 0;display: block;font-size: 1em;font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif; } + .josephbeuys h1 {position: absolute; top: 40%;margin: 0 40% 0 10%; display: inline-block;border: 7px solid #fff;border-right: 0;border-left: 0; color: #fff;padding: 0;font-size: 3.5em;text-shadow: 1px 1px 5px rgba(0,0,0,0.3);z-index: 2;left: 0;border: 0;line-height: 1.2em; + } + #teaser .josephbeuys h1 a,#teaser .josephbeuys h1 a:hover {background: transparent;margin: 0; padding: 0;} + #teaser .josephbeuys h1 a:hover {color: #ffee00;text-decoration: none; } + .josephbeuys p {display: none;} + + .josephbeuys img {box-shadow: none;margin: 0;display: block;} + .josephbeuys .nodesc h1, .josephbeuys .nodesc p {display: none!important; } + /*Kachel-Anordnung */ + #teaser .josephbeuys article:nth-of-type(1) {margin-bottom: 2em;} + #teaser .josephbeuys article:nth-of-type(2) {width: 48.5%;float: left;} + #teaser .josephbeuys article:nth-of-type(3) {width: 48.5%; float: left;margin-left: 3%;} + + #teaser .josephbeuys article:nth-of-type(2) h1, #teaser .josephbeuys article:nth-of-type(3) h1 {font-size: 2em; margin: 0 10%; border-width: 5px;bottom: auto;top: 30%;width: auto;display: inline-block;border: 0; } + #teaser .josephbeuys article:nth-of-type(2) .subhead, #teaser .josephbeuys article:nth-of-type(3) .subhead { top: 20%; margin: 0 10%;} + + + + .homebar {margin-top: 3em!important;} + + + + /*TEMPLATE: Campaign */ + + /*Spenden*/ + #donatenow {width:70%;margin:-4em auto 4em auto;padding: 2em 2em 1.8em 2em;} + #donatenow h2 {display:inline-block;float:left;margin-bottom: 0;} + #donatenow a {float:right;margin-left:1em;font-size:1.3em;} + #donatenow a:hover {} + + + /*Actionbox */ + #getinvolved {margin-bottom: 5em;} + #getmore {padding:0; margin:3em auto 4em; } + #getinvolved h2, #getmore h2 {margin-bottom:1.5em;font-size:3em;} + #getinvolved .sidebar {} + .involvebar .widget {background: transparent;box-shadow: none!important;width:30%; float:left;box-sizing: border-box;} + .involvebar .widget:nth-of-type(2) {margin:0 5%;} + .involvebar.sidebar {padding:1em 0;} + .involvebar .widget h3 {} + .involvebar .widget a {} + .involvebar .widget a:hover {} + .involvebar .widget_sp_image-description {padding-top:0.8em;} + + .sylvia {padding:5em 0;margin-bottom:2em;} + + + /*LANDING PAGE */ + #landing-intro {padding: 0;} + .first {position: relative;} + .landing-teaser {margin-bottom: 1em;} + .landing-teaser h1 {margin-top: 6em;} + .landingnews {margin: 0;box-shadow: 5px 5px 10px rgba(0,0,0,0.2);padding: 0;background: #f6f6f6;} + + .page-template-page-landingpage #main { } + .page-template-page-landingpage #main article.page {padding-bottom: 1em;} + + /*news */ + h2.landingsection {background: #fff;display: inline-block;margin: 2em 0 0 0; padding: 0.5em;font-size: 1.5em;} + .landingnews article {background:transparent;} + + + + /*TEMPLATE: LISTVIEW*/ + .page-template-page-listview-php article.postsingle, .page-template-page-listview-php #main {background: transparent;padding: 0;margin: 0;box-shadow: none;} + .page-template-page-listview-php article.postsingle article {background: #fff;padding: 2em;margin: 0 0 2em;border: 0;box-shadow: 5px 5px 10px rgba(0,0,0,0.2);} + .page-template-page-listview-php #main article.postsingle form {margin: 0 0 2em;box-shadow: 5px 5px 10px rgba(0,0,0,0.2);padding: 2em;} + .page-template-page-listview-php #main article.postsingle form .cr_ipe_item {width: 78%; float: left;} + .page-template-page-listview-php #main article.postsingle form .cr_ipe_item input {padding: 1.3em 1em; } + .page-template-page-listview-php #main article.postsingle form .submit_container {margin-left: 2%; width: 19%;padding-top: 1.4em; } + .page-template-page-listview-php #main article.postsingle form button {width: 100%; } + .page-template-page-listview-php #main article.postsingle form button:hover {background: #46962b;color: #fff;} + + + /*SEARCH */ + .search-results {} + .search #main .suche {background: #f6f6f6;padding: 2em;margin: 0 0 0 0;display: block;box-shadow: 5px 5px 10px rgba(0,0,0,0.2);} + .search #main .suche form {margin-bottom: 0;} + .search-results #main article.type-termine {padding: 2em 0;margin: 2em; } + + /*404 */ + .error404 {background-size: cover; background-attachment: fixed;} + .error404 #main {background: transparent;box-shadow: none;color: #fff;} + .error404 article {margin: 0;background: transparent; padding: 0;} + .error404 article h1 {padding: 0;} + .error404 article p {padding: 0;margin-bottom: 1.2em; } + .error404 article form {margin: 0;box-sizing: border-box;background: transparent!important;padding: 0!important;margin-top: 4em!important;} + .error404 #footer, .error404 #newsletter, .error404 #socialaccounts {background: transparent;} + .error404 #socialaccounts a {color: #fff;} + + + /*TEMPLATE: STORY */ + .page-template-page-story-php {padding: 0.9em 0 0 0;} + .page-template-page-story #header {margin-top: -3.5em;} + .page-template-page-story-php #nav-desktop .nav-main {position: absolute; top: 5em; margin: 0 auto;} + + .page-template-page-story-php #newsletter.inner {width: 100%;margin: 0;max-width: 100%;} + .page-template-page-story-php #suche {margin-bottom: 0;} + .page-template-page-story-php #suche:target {margin-top: -0.9em;margin-bottom: -3em;} + + .page-template-page-story article {padding: 8em 2em;} + .page-template-page-story article p {margin: 0 10% 1.2em;} + .page-template-page-story article h1, .page-template-page-story article h2, .page-template-page-story article h3 {margin-left: 10%;} + .page-template-page-story article h2 { + font-family: 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;text-transform: uppercase; + } + .page-template-page-story blockquote {margin-left: 15%;margin-right: 10%;} + .page-template-page-story blockquote p {margin-left: 0; margin-right: 0;} + + + .inhaltvz {position: fixed; padding: 1em;z-index: 3;left: 0; top: 25%;text-shadow: 1px 1px 5px rgba(0,0,0,0.3);color: #fff;font-family: 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;text-transform: uppercase; display: block;} + .inhaltvz li {} + + .inhaltvz li:before {content: "\f10c ";font-family: 'FontAwesome';font-size: 0.5em;position: absolute;left: 1em;margin-top: 0.5em;color: #fff; } + .inhaltvz li a{padding-left: 0.5em;opacity: 0;} + .inhaltvz:hover a {opacity: 1;color: #fff; } + .inhaltvz li.current-menu-item a {color: #ffee00;} + .inhaltvz li.current-menu-item:before {content: "\f111 ";color: #ffee00;} + + + + .inhaltvz li {} + + +/********************* +KOMMENTARE +*********************/ + + + + /*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: #f6f6f6; 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: 1em 0;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 0 0; 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 i {padding: 0.2em;} + + + + /*Related */ + .posttab {padding: 2em 0 1.5em;box-shadow: 5px 5px 10px rgba(0,0,0,0.2);} + .posttab h2 {font-size: 1.5em;} + + .posttab article.postlist {margin: 0 1em;background: transparent;padding: 1em 1em;border-bottom: 0;} + .posttab article.postlist a.postimglist {float: left;width: 20%;margin: -0.4em 1em 0 0; } + .posttab article.postlist .article-teaser {display: block;font-size: 0.9em;} + .posttab article.postlist.has-post-thumbnail h2,.posttab article.postlist.has-post-thumbnail p.subhead, + .posttab article.postlist.has-post-thumbnail .article-teaser {margin-left: 22%; } + + + +/********************* +POST TYPES +*********************/ + + /*Person: List Team */ + .personen-list {} + #main .personen-list article {margin: 0 0 2em;background: #fff;border: 0; padding: 1em;text-align: center;float: left; width: 30%;box-sizing: border-box;} + #main .personen-list article:nth-of-type(3n-1) {margin: 0 4% 2em;clear: none;} + #main .personen-list article:nth-of-type(3n-2) {clear: left;} + .personen-list h3 {font-size: 1.4em; } + + .page-template-page-fullpage #main .personen-list article {width: 22%;} + .page-template-page-fullpage #main .personen-list article:nth-of-type(3n-1) {margin: 0 0 2em;clear: none;} + .page-template-page-fullpage #main .personen-list article:nth-of-type(3n-2) {clear: none;} + .page-template-page-fullpage #main .personen-list article:nth-of-type(4n-2) {clear: none;margin: 0 4% 2em;} + .page-template-page-fullpage #main .personen-list article:nth-of-type(4n-1) {clear: none;margin-right: 4%;} + .page-template-page-fullpage #main .personen-list article:nth-of-type(4n-3) {clear: left;} + + + #main .personen-list article.has-post-thumbnail, .page-template-page-fullpage #main .personen-list article.has-post-thumbnail {margin-top: 6.5em;} + .personen-list img.wp-post-image {float: none;width: 10em;height: 10em;border-color: #f6f6f6;margin-top: -6.5em;} + .personen-list p {margin-top: 0;} + + + /*Kontakt */ + .kontakt-list article.type-person {width: 100%!important;margin-top: 0!important;} + .kontakt-list article.type-person img {float: left;margin-top:0} + .kontakt-list article.type-person header h3 {text-align: left;margin-top: 1.3em;} + .kontakt-list article.type-person .entry-content p {text-align: left;} + + + /*POSTTYPE: Termine */ + article.termine {} + 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; } + 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 -2em -2em;} + + + + /*POSTTYPE: GLIEDERUNGEN */ + + .anschrift {background: #f6f6f6; float: right;width: 30%;padding: 1em 1em 0.1em 1em;margin-left: 1em;} + + /*Gliederungen: KV Liste */ + .gliederungen-list article {} + .gliederungen-list article p.contact a {margin-left: 0.2em;} + + + + /********************* + SIDEBARS & ASIDES + *********************/ + + #socialaccounts {margin-top: 4em;} + .page-template-page-story-php #socialaccounts {margin-top: 0em;} + + .sidebar {margin: 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: #f6f6f6;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.widget_sp_image img {display: block;box-shadow:5px 5px 10px rgba(0,0,0,0.2); } + + + .widget.widget_sp_image .widget_sp_image-description h3 {color:#fe0;font-size:1.5em;margin-top:0.5em;} + .widget.widget_sp_image .widget_sp_image-description {color:#fff;} + .widget.widget_sp_image .widget_sp_image-description a, .widget.widget_sp_image .widget_sp_image-description a {display:inline-block; background:#fe0; color:#46962b; padding:0.5em 1em;margin-top:0.5em;font-family: 'Arvo Regular', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;} + .widget.widget_sp_image .widget_sp_image-description a:hover, .widget.widget_sp_image .widget_sp_image-description a:hover {background:#e6007e; color:#fff;} + + + + + + + .widget_search .seachphrase, .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 */ + .widget.widget_twitter-tracker, .widget_twitter-profile-tracker {background: #ffee00;color: #46962b; + } + .sidebar .widget.widget_twitter-tracker a, .sidebar .widget_twitter-profile-tracker a {color: #e6007e;} + .sidebar .widget.widget_twitter-tracker a:hover, .sidebar .widget_twitter-profile-tracker a:hover {color: #0a321e;} + /* 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 */ + + /*Termine: Liste */ + .widget_termine_liste_widget {overflow: hidden; } + .widget_termine_liste_widget li li { } + .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;} + +/*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); } + + +/*Formulare */ + .sidebar.threecol form {background: #ffee00;margin: -1.5em -1.5em -2.5em;padding: 1.5em;color: #46962b;} + .sidebar.threecol form label {color: #46962b;margin: 0; } + .sidebar.threecol form p:last-of-type {margin-bottom: 0;} + .sidebar.threecol form input {margin: 0;} + .sidebar.threecol form input[type=submit] {font-size: 1em;} + .sidebar.threecol form input[type=submit]:hover {background: #46962b;color: #fff;box-shadow: none;} + .sidebar.threecol form.cr_form{ margin: -1.5em;} + + + /*Boxsection home */ + + .actionbox {position: relative;background: #000;margin-bottom: 2em;} + .actionbox .widget {width: 32%;float: left;box-sizing: border-box;margin-bottom: 0;} + .actionbox .widget:nth-of-type(2) {margin: 0 2%;} + + + + /********************* + FOOTER STYLES + *********************/ + + /*Newsletter */ + #newsletter {background: transparent;margin: 3em auto;text-align: center; padding: 0; } + #newsletter .widget {box-shadow: none;} + #newsletter h2 {color: #fff;margin-bottom: 2em;border-bottom: 3px solid;display: inline-block; } + #newsletter .sidebar {padding:4em 3em ;} + #newsletter label {text-align: left;} + #newsletter .widget {background: transparent;margin: 0;padding: 0;} + #newsletter .cr_ipe_item {width: 30%;float: left;} + #newsletter .cr_ipe_item:nth-of-type(2) {margin: 0 5%;} + #newsletter .submit_container {width: 100%; text-align: center; } + #newsletter button { + margin: 2em auto 0; + } + + + #footer {background:#0a321e url(../images/sidebar_footer.jpg) bottom right fixed;background-size: cover; + color:#fff;margin: 0;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 {} + + #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; } + + + + + 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 {} + .josephbeuys h1 {font-size: 5em;border-width: 10px;} + #teaser .moyland article:nth-of-type(1) h1, #teaser .moyland article:nth-of-type(2) h1, #teaser .josephbeuys article:nth-of-type(2) h1, #teaser .josephbeuys article:nth-of-type(3) h1 {font-size: 3em;border-width: 7px;} + + +} + + +@media only screen and (min-width: 1000px) { + + + +} + + +/* LARGE VIEWING SIZE */ +@media only screen and (min-width: 1300px) { +.inner {max-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: inline; + float: left; + } + .entry-content .alignright, + .entry-content img.alignright { + margin-left: 1.5em; + display: inline; + float: right; + } + .entry-content .aligncenter, + .entry-content img.aligncenter { + margin-right: auto; + margin-left: auto; + display: block; + clear: both; + } + /* end .entry-content */ + + + + /********************* + FOOTER STYLES + *********************/ + +} + + + + + +/*Tablets */ +@media (min-width: 500px) and (max-width: 768px) { + img.size-medium {width: 49%;height: auto;} +} + + + +/*Tablets */ +@media only screen and (min-width: 768px) { + img.size-medium {width: 49%;height: auto;} +} + + +/* Tablets Landscape */ +@media only screen + and (min-device-width: 768px) + and (max-device-width: 1280px) + and (orientation: landscape) + { + + +} + + +/*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; + font-family: 'PT Sans', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif; + } + a, + a:visited { + color: #444 !important; + text-decoration: underline; + } + + 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: 1.5cm; + } + p, + h2, + h3 { + orphans: 3; + widows: 3; + } + h2, + h3 { + page-break-after: avoid; + } + .sidebar, + .page-navigation, + .wp-prev-next, + .respond-form, + nav, #nav-mobile, #suche, .header-mobil, #header, .logo-desktop, #socialaccounts, .wp-caption-text, .sharewrap, .comment-tabs, #back-top, img.avatar, hr { + display: none!important; + } + body { + font-family: 'PT Sans', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif; + } + + hr { + border: 0;height: 0.05cm; background: #000!important;color: #000; + } + + p { + font-family: 'PT Sans', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif; + margin-bottom: 1.2em; + } + + table { + font-family: 'PT Sans', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif; + } + table td, table th {padding: 0.5cm;} + + table th { + font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif; + } + + li { + font-family: 'PT Sans', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif; + margin-bottom: 1.2em; margin-left: 1em; + } + + ul, ol { + margin-left: 1em; + } + ul li { + list-style-type: disc; + } + + ol li { + list-style-type: decimal; + } + + blockquote { + padding: 1em; font-style: italic;border: 0; + } + + .entry-content h1,h2,h3,h4,h5,h6 {font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;font-weight: normal;text-transform: none;} + h1 {font-family: 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;text-transform: uppercase;} + h1 {font-size:2em;} + h2 {font-size:1.6em;} + h3 {font-size:1.5em;} + h4 {font-size:1.3em;} + h5 {font-size:1.1em;} + h6 {font-size:1em;} +} + diff --git a/style.css b/style.css index af946ad..3d470dd 100644 --- a/style.css +++ b/style.css @@ -5,7 +5,7 @@ Description: Child Theme fuer Aufwändiges Wordpress-Theme für den EInsatz von Author: Willi Junga Author URI: https://verdigado.com Template: Joseph-knows-best-master -Version: 0.1 +Version: 0.2 Text Domain: jkb-child Tags: child, childtheme, child-theme, two-columns, green, right-sidebar, fluid-layout, custom-background, custom-header, custom-menu, custom-menu, theme-options, featured-images, storytelling License: GNU General Public License v3 or later