diff --git a/content-person-landesliste.php b/content-person-landesliste.php index 93e0cf9..fdf5178 100644 --- a/content-person-landesliste.php +++ b/content-person-landesliste.php @@ -9,7 +9,9 @@ $www = get_post_meta( $post->ID, 'kr8mb_pers_contact_www', true ); $facebook = get_post_meta( $post->ID, 'kr8mb_pers_contact_facebook', true ); $twitter = get_post_meta( $post->ID, 'kr8mb_pers_contact_twitter', true ); + $instagram = get_post_meta( $post->ID, 'kr8mb_pers_contact_instagram', true ); $wahlkreis = get_post_meta( $post->ID, 'kr8mb_pers_pos_wahlkreis', true ); + $motivation = get_post_meta( $post->ID, 'kr8mb_pers_motivation', true ); $details = get_post_meta( $post->ID, 'kr8mb_pers_pos_details', true ); ?> @@ -24,10 +26,13 @@

+

+

+

diff --git a/content-single-post-chat.php b/content-single-post-chat.php new file mode 100644 index 0000000..783cefc --- /dev/null +++ b/content-single-post-chat.php @@ -0,0 +1,114 @@ + + + + ID), 'full' ); + $url = $thumb['0']; ?> +
+
+ + + + + + + + +
+ + +
role="article"> + + + + + + +
+ + ID), 'full' ); + $url = $thumb['0']; ?> + + + post_excerpt; + if ($imgexc != "") { + ?>

+ +
+ + +
+ + + + +

name. ' '; + } } + ?>

+

1

+ +
+ + + + +
+ +
+ + + +
+ + '' ) ); ?> +
+ + + + + + + + +
+ + +
+

+

+
+
+ + + +
+ +
+ + + + + + +
+ + + + + + + + + +
+ \ No newline at end of file diff --git a/content-single.php b/content-single.php index eda55fd..f4e2ea1 100644 --- a/content-single.php +++ b/content-single.php @@ -1,5 +1,5 @@ - + ID), 'full' ); @@ -11,8 +11,7 @@ - - +
@@ -20,6 +19,27 @@
role="article"> + + + +
+ + + + ID), 'full' ); + $url = $thumb['0']; ?> + + + post_excerpt; + if ($imgexc != "") { + ?>

+ +

+ + + diff --git a/functions/theme-functions.php b/functions/theme-functions.php index 3f2d6df..a9e2550 100644 --- a/functions/theme-functions.php +++ b/functions/theme-functions.php @@ -330,8 +330,8 @@ function kr8_theme_support() { add_image_size( 'medium', 400, 600,false ); add_image_size( 'large', 1200, 1800, false ); - add_image_size( 'titelbild', 930, 465, true ); - add_image_size( 'listenansicht', 350, 220, true ); + add_image_size( 'titelbild', 1200, 900, false ); + add_image_size( 'listenansicht', 350, 260, true ); @@ -354,20 +354,20 @@ function kr8_theme_support() { // adding post format support - /* + add_theme_support( 'post-formats', array( - 'aside', // title less blurb - 'gallery', // gallery of images - 'link', // quick link to other site - 'image', // an image - 'quote', // a quick quote + //'aside', // title less blurb + //'gallery', // gallery of images + //'link', // quick link to other site + //'image', // an image + //'quote', // a quick quote 'status', // a Facebook like status update - 'video', // video - 'audio', // audio + //'video', // video + //'audio', // audio 'chat' // chat transcript ) - );*/ + ); // wp menus add_theme_support( 'menus' ); @@ -800,4 +800,6 @@ function kr8_get_the_author_posts_link() { -?> + + +?> \ No newline at end of file diff --git a/functions/theme-metaboxes.php b/functions/theme-metaboxes.php index 771f68f..36fa8e4 100644 --- a/functions/theme-metaboxes.php +++ b/functions/theme-metaboxes.php @@ -22,6 +22,10 @@ function kr8mb_add() if($pageTemplate == 'page-story.php' ) { add_meta_box( 'kr8mb_page_story', 'Inhalt', 'kr8mb_page_story_cb', 'page', 'normal', '' ); } + + if($pageTemplate == 'page-home-campaign.php' ) { + add_meta_box( 'kr8mb_page_campaign', 'Inhalt', 'kr8mb_page_campaign_cb', 'page', 'normal', '' ); + } } } @@ -148,6 +152,66 @@ function kr8mb_page_story_save( $post_id ) } + +/** SEITEN: Kampagne **/ +function kr8mb_page_campaign_cb($post) +{ + // $post is already set, and contains an object: the WordPress post + global $post; + $values = get_post_custom( $post->ID ); + $cta = isset( $values['kr8mb_page_campaign_cta'] ) ? esc_attr( $values['kr8mb_page_campaign_cta'][0] ) : ''; + + + + + // We'll use this nonce field later on when saving. + wp_nonce_field( 'my_meta_box_nonce', 'meta_box_nonce' ); + ?> + + + + + + +

Menüelemente für das Inhaltsverzeichnis. Nutze: li a.
+ $default_attribs, + 'a' => array() + ); + + // now we can actually save the data + $allowed = array( + 'li' => array(), + 'a' => array( // on allow a tags + 'href' => array() // and those anchors can only have href attribute + ) + ); + + // Make sure your data is set before trying to save it + if( isset( $_POST['kr8mb_page_campaign_cta'] ) ) + update_post_meta( $post_id, 'kr8mb_page_campaign_cta', wp_kses( $_POST['kr8mb_page_campaign_cta'], $allowed ) ); + +} + + + /** PERSONEN: Kontaktdaten **/ @@ -161,6 +225,7 @@ function kr8mb_pers_contact_cb($post) $email = isset( $values['kr8mb_pers_contact_email'] ) ? esc_attr( $values['kr8mb_pers_contact_email'][0] ) : ''; $facebook = isset( $values['kr8mb_pers_contact_facebook'] ) ? esc_attr( $values['kr8mb_pers_contact_facebook'][0] ) : ''; $twitter = isset( $values['kr8mb_pers_contact_twitter'] ) ? esc_attr( $values['kr8mb_pers_contact_twitter'][0] ) : ''; + $instagram = isset( $values['kr8mb_pers_contact_instagram'] ) ? esc_attr( $values['kr8mb_pers_contact_instagram'][0] ) : ''; $anschrift = isset( $values['kr8mb_pers_contact_anschrift'] ) ? esc_html( $values['kr8mb_pers_contact_anschrift'][0] ) : ''; $telefon = isset( $values['kr8mb_pers_contact_telefon'] ) ? esc_html( $values['kr8mb_pers_contact_telefon'][0] ) : ''; $selected = isset( $values['my_meta_box_select'] ) ? esc_attr( $values['my_meta_box_select'][0] ) : ''; @@ -184,7 +249,13 @@ function kr8mb_pers_contact_cb($post)
Vollständiger Link zum Facebook-Profil, inkl. http://
Nur der Twitter-Nutzername ohne @, z.b. gruenenrw. - + + + +
Vollständiger Link zum Instagram-Profil, inkl. http:// + + +
Platz für Anschrift, Telefon, Fax, etc. @@ -227,6 +298,8 @@ function kr8mb_pers_contact_save( $post_id ) update_post_meta( $post_id, 'kr8mb_pers_contact_facebook', wp_kses( $_POST['kr8mb_pers_contact_facebook'], $allowed ) ); if( isset( $_POST['kr8mb_pers_contact_twitter'] ) ) update_post_meta( $post_id, 'kr8mb_pers_contact_twitter', wp_kses( $_POST['kr8mb_pers_contact_twitter'], $allowed ) ); + if( isset( $_POST['kr8mb_pers_contact_instagram'] ) ) + update_post_meta( $post_id, 'kr8mb_pers_contact_instagram', wp_kses( $_POST['kr8mb_pers_contact_instagram'], $allowed ) ); if( isset( $_POST['kr8mb_pers_contact_telefon'] ) ) update_post_meta( $post_id, 'kr8mb_pers_contact_telefon', wp_kses( $_POST['kr8mb_pers_contact_telefon'], $allowed ) ); if( isset( $_POST['kr8mb_pers_contact_anschrift'] ) ) @@ -246,6 +319,7 @@ function kr8mb_pers_position_cb($post) global $post; $values = get_post_custom( $post->ID ); $excerpt = isset( $values['kr8mb_pers_excerpt'] ) ? esc_html( $values['kr8mb_pers_excerpt'][0] ) : ''; + $motivation = isset( $values['kr8mb_pers_motivation'] ) ? esc_html( $values['kr8mb_pers_motivation'][0] ) : ''; $amt = isset( $values['kr8mb_pers_pos_amt'] ) ? esc_attr( $values['kr8mb_pers_pos_amt'][0] ) : ''; $listenplatz = isset( $values['kr8mb_pers_pos_listenplatz'] ) ? esc_attr( $values['kr8mb_pers_pos_listenplatz'][0] ) : ''; $sortierung = isset( $values['kr8mb_pers_pos_sortierung'] ) ? esc_attr( $values['kr8mb_pers_pos_sortierung'][0] ) : ''; @@ -262,6 +336,10 @@ function kr8mb_pers_position_cb($post)
Kurzbeschreibung, im Idealfall in 140 Zeichen. + + +
Motivation (für Kandidat*innen). + @@ -316,6 +394,9 @@ function kr8mb_pers_position_save( $post_id ) // Make sure your data is set before trying to save it if( isset( $_POST['kr8mb_pers_excerpt'] ) ) update_post_meta( $post_id, 'kr8mb_pers_excerpt', esc_html( $_POST['kr8mb_pers_excerpt'] ) ); + if( isset( $_POST['kr8mb_pers_motivation'] ) ) + update_post_meta( $post_id, 'kr8mb_pers_motivation', esc_html( $_POST['kr8mb_pers_motivation'] ) ); + if( isset( $_POST['kr8mb_pers_pos_amt'] ) ) update_post_meta( $post_id, 'kr8mb_pers_pos_amt', wp_kses( $_POST['kr8mb_pers_pos_amt'], $allowed ) ); diff --git a/functions/theme-shortcodes.php b/functions/theme-shortcodes.php index 045c8e4..1d4ab0a 100644 --- a/functions/theme-shortcodes.php +++ b/functions/theme-shortcodes.php @@ -1,20 +1,60 @@ '', + 'parent' => '', + 'ids' => '', + ), $atts)); + -//get current page ID -$the_id = get_the_ID(); + + if(!empty($parent)){ + + + $smargs = array( + 'exclude' => implode(',', get_option('sep_exclude', array())), + 'child_of' => $parent, + 'title_li' => '', + 'parent' => $parent, + 'sort_order' => 'ASC', + 'sort_column' => 'post_name' + + ); + + $smitem = get_pages( $smargs ); - $smargs = array( - 'child_of' => $the_id, - 'title_li' => '', - 'parent' => $the_id, - 'sort_order' => 'ASC', - 'sort_column' => 'menu_order' - ); + + } + else { + + //get current page ID + $the_id = get_the_ID(); + + $smargs = array( + 'exclude' => implode(',', get_option('sep_exclude', array())), + 'child_of' => $the_id, + 'title_li' => '', + 'parent' => $the_id, + 'sort_order' => 'ASC', + 'sort_column' => 'post_name' + ); + + $smitem = get_pages( $smargs ); - $smitem = get_pages( $smargs ); + } + + + + +if(!empty($ids)) { + + + $smitem = get_pages( array('include' => $ids) ); + +} @@ -29,7 +69,7 @@ foreach($smitem as $value){ } - return ''; + return ''; @@ -83,6 +123,63 @@ function the_content_filter($content) { } +//Query Posts *************** + + + +function beitraege_lists($atts, $content = null) { + extract(shortcode_atts(array( + "ids" => '', + 'aussehen' => '', + ), $atts)); + global $wp_query,$paged,$post; + $temp = $wp_query; + $wp_query= null; + $wp_query = new WP_Query(); + $ids = explode(',', $ids); + if(!empty($ids)){ + + $args = array( + 'post_type' => 'any', + //'post__in' => array( $ids ), + 'post__in' => $ids , + 'orderby' => 'post__in', + 'posts_per_page' => -1, + 'ignore_sticky_posts' => 1 + ); + } + else { + + $args = array( + 'post_type' => 'any', + 'page_id' => 20, + 'posts_per_page' => 1, + 'ignore_sticky_posts' => 1 + ); + + } + $wp_query->query($args); + ob_start(); + + ?> +
+ have_posts()) : $wp_query->the_post(); ?> + + + +
+ + + +

'; + return ''; } add_shortcode( 'icon', 'icon_shortcode' ); diff --git a/functions/theme-sidebars.php b/functions/theme-sidebars.php index 4186c26..05f4609 100644 --- a/functions/theme-sidebars.php +++ b/functions/theme-sidebars.php @@ -47,15 +47,26 @@ if (!function_exists('kr8_register_sidebars')) { register_sidebar(array( - 'name' => 'Startseite - Actionbox', - 'description' => 'Drei Widgets auf der Startseite', - 'id' => 'homeone', + 'name' => 'Kampagnenseite - Actionbox', + 'description' => 'Drei Widgets: Werde aktiv', + 'id' => 'campaignone', 'before_widget' => "\n\t\t" . '
', 'after_widget' => '
', - 'before_title' => "\n\t" . '

', - 'after_title' => '

', + 'before_title' => "\n\t" . '

', + 'after_title' => '

', )); + register_sidebar(array( + 'name' => 'Kampagnenseite - Infobox', + 'description' => 'Drei Widgets: Erfahre mehr', + 'id' => 'campaigntwo', + 'before_widget' => "\n\t\t" . '
', + 'after_widget' => '
', + 'before_title' => "\n\t" . '

', + 'after_title' => '

', + )); + + register_sidebar(array( 'name' => 'Startseite - Infoleiste', 'description' => 'Infospalte der Startseite', diff --git a/header.php b/header.php index 7bccb3f..101177c 100644 --- a/header.php +++ b/header.php @@ -21,22 +21,6 @@ - - - - - - - - ';} ?> - - - - - - - '; ?> - diff --git a/lib/css/style.css b/lib/css/style.css index a4be026..7d6191a 100644 --- a/lib/css/style.css +++ b/lib/css/style.css @@ -369,8 +369,7 @@ a img.aligncenter {display: block; margin-left: auto; margin-right: auto} /*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: 150px; - } + img.rund {border-radius: 50%;border: 5px solid #f6f6f6;width: 100%;} .page article.post img.size-titelbild {width: 100%; } @@ -474,7 +473,7 @@ a img.aligncenter {display: block; margin-left: auto; margin-right: auto} /*colorbox */ - .colorbox {background: #ffee00; margin: 2em -2em; padding: 2em;} + .colorbox {background: #ffee00; margin: 2em -2em; padding: 2em;color: #0a321e;} .colorbox img.rund {border-color: #e6007e;} @@ -491,6 +490,11 @@ a img.aligncenter {display: block; margin-left: auto; margin-right: auto} #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 @@ -503,14 +507,38 @@ a img.aligncenter {display: block; margin-left: auto; margin-right: auto} /*Kacheln */ #teaser {} - .josephbeuys article, .petrakelly article {background: #e6007e; padding: 1em; color: #fff;margin: 0;border-bottom: 3px solid #ffee00;} + .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 */ @@ -619,7 +647,8 @@ a img.aligncenter {display: block; margin-left: auto; margin-right: auto} .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.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;} @@ -822,7 +851,7 @@ a img.aligncenter {display: block; margin-left: auto; margin-right: auto} #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: 0 0 0 inset;} + #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 { @@ -867,7 +896,7 @@ a img.aligncenter {display: block; margin-left: auto; margin-right: auto} /*Social Media */ - .widget_kr8_socialmedia {padding: 0!important;background: transparent!important;box-shadow: 0 0 0 !important;} + .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;} @@ -891,7 +920,7 @@ a img.aligncenter {display: block; margin-left: auto; margin-right: auto} .widget_sp_image img {width:100%!important;height:auto!important;} /*Suche */ - .widget_search {background: transparent!important;box-shadow: 0 0 0!important;padding: 0!important;display: none;} + .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;} @@ -905,8 +934,8 @@ a img.aligncenter {display: block; margin-left: auto; margin-right: auto} .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: #ffee00;color: #46962b;} + .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;} @@ -959,7 +988,7 @@ a img.aligncenter {display: block; margin-left: auto; margin-right: auto} /*Real footer */ #footer {clear: both;background:#0a321e; padding: 0;color: #fff; } - #footer .widget {background: transparent; box-shadow: 0 0 0 0 #000;color: #8d9e96;} + #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;} @@ -1113,7 +1142,7 @@ a img.aligncenter {display: block; margin-left: auto; margin-right: auto} /*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;} + .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 */ @@ -1168,7 +1197,7 @@ a img.aligncenter {display: block; margin-left: auto; margin-right: 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: 0 0 0;} + .single .personen-list article.person {box-shadow: none;} /*Überschriften*/ h1, .single h1 {font-size:2.5em;} @@ -1183,7 +1212,23 @@ a img.aligncenter {display: block; margin-left: auto; margin-right: auto} /*Sitemap */ - ul.sitemap {margin: 0 2em;} + 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*/ @@ -1195,6 +1240,9 @@ a img.aligncenter {display: block; margin-left: auto; margin-right: auto} /*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;} @@ -1313,6 +1361,13 @@ a img.aligncenter {display: block; margin-left: auto; margin-right: auto} #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;} + + /********************* @@ -1357,7 +1412,7 @@ a img.aligncenter {display: block; margin-left: auto; margin-right: auto} #teaser .josephbeuys h1 a:hover {color: #ffee00;text-decoration: none; } .josephbeuys p {display: none;} - .josephbeuys img {box-shadow: 0 0 0;margin: 0;display: block;} + .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;} @@ -1368,10 +1423,35 @@ a img.aligncenter {display: block; margin-left: auto; margin-right: auto} #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;} @@ -1390,7 +1470,7 @@ a img.aligncenter {display: block; margin-left: auto; margin-right: auto} /*TEMPLATE: LISTVIEW*/ - .page-template-page-listview-php article.postsingle, .page-template-page-listview-php #main {background: transparent;padding: 0;margin: 0;box-shadow: 0 0 0;} + .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;} @@ -1408,7 +1488,7 @@ a img.aligncenter {display: block; margin-left: auto; margin-right: auto} /*404 */ .error404 {background-size: cover; background-attachment: fixed;} - .error404 #main {background: transparent;box-shadow: 0 0 0;color: #fff;} + .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; } @@ -1572,10 +1652,17 @@ POST TYPES .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: 0 0 0 !important; } - .widget.widget_sp_image img {display: block;box-shadow:5px 5px 10px rgba(0,0,0,0.2); - - } + .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;} + + + @@ -1590,7 +1677,7 @@ POST TYPES .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: 0 0 0;padding: 0;} + .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;} @@ -1610,7 +1697,7 @@ POST TYPES .widget_termine_liste_widget p{display: none;} /*Termine: Karte */ -.termine_widget {padding: 0;background: transparent;box-shadow: 0 0 0;} +.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); } @@ -1621,7 +1708,7 @@ POST TYPES .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: 0 0 0;} + .sidebar.threecol form input[type=submit]:hover {background: #46962b;color: #fff;box-shadow: none;} .sidebar.threecol form.cr_form{ margin: -1.5em;} @@ -1639,7 +1726,7 @@ POST TYPES /*Newsletter */ #newsletter {background: transparent;margin: 3em auto;text-align: center; padding: 0; } - #newsletter .widget {box-shadow: 0 0 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;} diff --git a/lib/css/style_uncompressed.css b/lib/css/style_uncompressed.css new file mode 100644 index 0000000..fdf34db --- /dev/null +++ b/lib/css/style_uncompressed.css @@ -0,0 +1,1974 @@ +/*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: 150px; + } + .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; } + + + +/********************* +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: 0 0 0 inset;} + #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: 0 0 0 !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: 0 0 0!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: 0 0 0 0 #000;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: 0 0 0;} + + /*Ü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 2em;} + + + /*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 */ + + /*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;} + + + + /********************* + 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: 0 0 0;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: 0 0 0;width:30%; float:left;box-sizing: border-box;} + .involvebar .widget:nth-of-type(2) {margin:0 5%;} + .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: 0 0 0;} + .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: 0 0 0;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: 0 0 0 !important; } + .widget.widget_sp_image img {display: block;box-shadow:5px 5px 10px rgba(0,0,0,0.2); + + } + + + + .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: 0 0 0;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: 0 0 0;} + .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: 0 0 0;} + .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: 0 0 0;} + #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/lib/fonts/Arvo-Gruen-Bold.woff b/lib/fonts/Arvo-Gruen-Bold.woff new file mode 100644 index 0000000..8393370 Binary files /dev/null and b/lib/fonts/Arvo-Gruen-Bold.woff differ diff --git a/lib/fonts/Arvo-Gruen-Regular.woff b/lib/fonts/Arvo-Gruen-Regular.woff new file mode 100644 index 0000000..2714e89 Binary files /dev/null and b/lib/fonts/Arvo-Gruen-Regular.woff differ diff --git a/lib/fonts/FontAwesome_LGS iMac_May-06-161736-2015_Conflict.otf b/lib/fonts/FontAwesome_LGS iMac_May-06-161736-2015_Conflict.otf new file mode 100644 index 0000000..81c9ad9 Binary files /dev/null and b/lib/fonts/FontAwesome_LGS iMac_May-06-161736-2015_Conflict.otf differ diff --git a/lib/fonts/arvo_green.woff b/lib/fonts/arvo_green.woff old mode 100755 new mode 100644 diff --git a/lib/fonts/fontawesome-webfont_LGS iMac_May-06-161736-2015_Conflict.svg b/lib/fonts/fontawesome-webfont_LGS iMac_May-06-161736-2015_Conflict.svg new file mode 100644 index 0000000..d907b25 --- /dev/null +++ b/lib/fonts/fontawesome-webfont_LGS iMac_May-06-161736-2015_Conflict.svg @@ -0,0 +1,520 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/lib/fonts/fontawesome-webfont_LGS iMac_May-06-161736-2015_Conflict.ttf b/lib/fonts/fontawesome-webfont_LGS iMac_May-06-161736-2015_Conflict.ttf new file mode 100644 index 0000000..96a3639 Binary files /dev/null and b/lib/fonts/fontawesome-webfont_LGS iMac_May-06-161736-2015_Conflict.ttf differ diff --git a/lib/fonts/fontawesome-webfont_LGS iMac_May-06-161736-2015_Conflict.woff b/lib/fonts/fontawesome-webfont_LGS iMac_May-06-161736-2015_Conflict.woff new file mode 100644 index 0000000..628b6a5 Binary files /dev/null and b/lib/fonts/fontawesome-webfont_LGS iMac_May-06-161736-2015_Conflict.woff differ diff --git a/lib/fonts/ptsans-bold.woff b/lib/fonts/ptsans-bold.woff old mode 100755 new mode 100644 diff --git a/lib/fonts/ptsans-bold_LGS iMac_May-06-161736-2015_Conflict.woff b/lib/fonts/ptsans-bold_LGS iMac_May-06-161736-2015_Conflict.woff new file mode 100644 index 0000000..700e7eb Binary files /dev/null and b/lib/fonts/ptsans-bold_LGS iMac_May-06-161736-2015_Conflict.woff differ diff --git a/lib/fonts/ptsans-regular.woff b/lib/fonts/ptsans-regular.woff old mode 100755 new mode 100644 diff --git a/lib/fonts/ptsans-regular_LGS iMac_May-06-161736-2015_Conflict.woff b/lib/fonts/ptsans-regular_LGS iMac_May-06-161736-2015_Conflict.woff new file mode 100644 index 0000000..c29e195 Binary files /dev/null and b/lib/fonts/ptsans-regular_LGS iMac_May-06-161736-2015_Conflict.woff differ diff --git a/lib/images/bg_trees.jpg b/lib/images/bg_trees.jpg new file mode 100644 index 0000000..d8f2ce5 Binary files /dev/null and b/lib/images/bg_trees.jpg differ diff --git a/lib/images/body_bg.jpg b/lib/images/body_bg.jpg index f1dc4ae..596d3f1 100644 Binary files a/lib/images/body_bg.jpg and b/lib/images/body_bg.jpg differ diff --git a/lib/images/logo_small.png b/lib/images/logo_small.png index 98e22d1..9b0841c 100644 Binary files a/lib/images/logo_small.png and b/lib/images/logo_small.png differ diff --git a/lib/images/sidebar_footer.jpg b/lib/images/sidebar_footer.jpg index cbb576b..df8bc08 100644 Binary files a/lib/images/sidebar_footer.jpg and b/lib/images/sidebar_footer.jpg differ diff --git a/lib/js/libs/parallax.js b/lib/js/libs/parallax.js old mode 100755 new mode 100644 diff --git a/lib/js/libs/waypoints.js b/lib/js/libs/waypoints.js index fb361f3..2445733 100644 --- a/lib/js/libs/waypoints.js +++ b/lib/js/libs/waypoints.js @@ -1,223 +1 @@ -/* - * jQuery One Page Nav Plugin - * http://github.com/davist11/jQuery-One-Page-Nav - * - * Copyright (c) 2010 Trevor Davis (http://trevordavis.net) - * Dual licensed under the MIT and GPL licenses. - * Uses the same license as jQuery, see: - * http://jquery.org/license - * - * @version 3.0.0 - * - * Example usage: - * $('#nav').onePageNav({ - * currentClass: 'current', - * changeHash: false, - * scrollSpeed: 750 - * }); - */ - -;(function($, window, document, undefined){ - - // our plugin constructor - var OnePageNav = function(elem, options){ - this.elem = elem; - this.$elem = jQuery(elem); - this.options = options; - this.metadata = this.$elem.data('plugin-options'); - this.$win = jQuery(window); - this.sections = {}; - this.didScroll = false; - this.$doc = jQuery(document); - this.docHeight = this.$doc.height(); - }; - - // the plugin prototype - OnePageNav.prototype = { - defaults: { - navItems: 'a', - currentClass: 'current', - changeHash: false, - easing: 'swing', - filter: '', - scrollSpeed: 750, - scrollThreshold: 0.5, - begin: false, - end: false, - scrollChange: false - }, - - init: function() { - // Introduce defaults that can be extended either - // globally or using an object literal. - this.config = $.extend({}, this.defaults, this.options, this.metadata); - - this.$nav = this.$elem.find(this.config.navItems); - - //Filter any links out of the nav - if(this.config.filter !== '') { - this.$nav = this.$nav.filter(this.config.filter); - } - - //Handle clicks on the nav - this.$nav.on('click.onePageNav', $.proxy(this.handleClick, this)); - - //Get the section positions - this.getPositions(); - - //Handle scroll changes - this.bindInterval(); - - //Update the positions on resize too - this.$win.on('resize.onePageNav', $.proxy(this.getPositions, this)); - - return this; - }, - - adjustNav: function(self, $parent) { - self.$elem.find('.' + self.config.currentClass).removeClass(self.config.currentClass); - $parent.addClass(self.config.currentClass); - }, - - bindInterval: function() { - var self = this; - var docHeight; - - self.$win.on('scroll.onePageNav', function() { - self.didScroll = true; - }); - - self.t = setInterval(function() { - docHeight = self.$doc.height(); - - //If it was scrolled - if(self.didScroll) { - self.didScroll = false; - self.scrollChange(); - } - - //If the document height changes - if(docHeight !== self.docHeight) { - self.docHeight = docHeight; - self.getPositions(); - } - }, 250); - }, - - getHash: function($link) { - return $link.attr('href').split('#')[1]; - }, - - getPositions: function() { - var self = this; - var linkHref; - var topPos; - var $target; - - self.$nav.each(function() { - linkHref = self.getHash($(this)); - $target = jQuery('#' + linkHref); - - if($target.length) { - topPos = $target.offset().top; - self.sections[linkHref] = Math.round(topPos); - } - }); - }, - - getSection: function(windowPos) { - var returnValue = null; - var windowHeight = Math.round(this.$win.height() * this.config.scrollThreshold); - - for(var section in this.sections) { - if((this.sections[section] - windowHeight) < windowPos) { - returnValue = section; - } - } - - return returnValue; - }, - - handleClick: function(e) { - var self = this; - var $link = jQuery(e.currentTarget); - var $parent = $link.parent(); - var newLoc = '#' + self.getHash($link); - - if(!$parent.hasClass(self.config.currentClass)) { - //Start callback - if(self.config.begin) { - self.config.begin(); - } - - //Change the highlighted nav item - self.adjustNav(self, $parent); - - //Removing the auto-adjust on scroll - self.unbindInterval(); - - //Scroll to the correct position - self.scrollTo(newLoc, function() { - //Do we need to change the hash? - if(self.config.changeHash) { - window.location.hash = newLoc; - } - - //Add the auto-adjust on scroll back in - self.bindInterval(); - - //End callback - if(self.config.end) { - self.config.end(); - } - }); - } - - e.preventDefault(); - }, - - scrollChange: function() { - var windowTop = this.$win.scrollTop(); - var position = this.getSection(windowTop); - var $parent; - - //If the position is set - if(position !== null) { - $parent = this.$elem.find('a[href$="#' + position + '"]').parent(); - - //If it's not already the current section - if(!$parent.hasClass(this.config.currentClass)) { - //Change the highlighted nav item - this.adjustNav(this, $parent); - - //If there is a scrollChange callback - if(this.config.scrollChange) { - this.config.scrollChange($parent); - } - } - } - }, - - scrollTo: function(target, callback) { - var offset = $(target).offset().top; - - jQuery('html, body').animate({ - scrollTop: offset - }, this.config.scrollSpeed, this.config.easing, callback); - }, - - unbindInterval: function() { - clearInterval(this.t); - this.$win.unbind('scroll.onePageNav'); - } - }; - - OnePageNav.defaults = OnePageNav.prototype.defaults; - - $.fn.onePageNav = function(options) { - return this.each(function() { - new OnePageNav(this, options).init(); - }); - }; - -})( jQuery, window , document ); \ No newline at end of file +!function(a,b,c){var e=function(a,d){this.elem=a,this.$elem=jQuery(a),this.options=d,this.metadata=this.$elem.data("plugin-options"),this.$win=jQuery(b),this.sections={},this.didScroll=!1,this.$doc=jQuery(c),this.docHeight=this.$doc.height()};e.prototype={defaults:{navItems:"a",currentClass:"current",changeHash:!1,easing:"swing",filter:"",scrollSpeed:750,scrollThreshold:.5,begin:!1,end:!1,scrollChange:!1},init:function(){return this.config=a.extend({},this.defaults,this.options,this.metadata),this.$nav=this.$elem.find(this.config.navItems),""!==this.config.filter&&(this.$nav=this.$nav.filter(this.config.filter)),this.$nav.on("click.onePageNav",a.proxy(this.handleClick,this)),this.getPositions(),this.bindInterval(),this.$win.on("resize.onePageNav",a.proxy(this.getPositions,this)),this},adjustNav:function(a,b){a.$elem.find("."+a.config.currentClass).removeClass(a.config.currentClass),b.addClass(a.config.currentClass)},bindInterval:function(){var b,a=this;a.$win.on("scroll.onePageNav",function(){a.didScroll=!0}),a.t=setInterval(function(){b=a.$doc.height(),a.didScroll&&(a.didScroll=!1,a.scrollChange()),b!==a.docHeight&&(a.docHeight=b,a.getPositions())},250)},getHash:function(a){return a.attr("href").split("#")[1]},getPositions:function(){var c,d,e,b=this;b.$nav.each(function(){c=b.getHash(a(this)),e=jQuery("#"+c),e.length&&(d=e.offset().top,b.sections[c]=Math.round(d))})},getSection:function(a){var b=null,c=Math.round(this.$win.height()*this.config.scrollThreshold);for(var d in this.sections)this.sections[d]-c 481) { - - } /* end larger than 481px */ - - /* if is above or equal to 768px */ - if (responsive_viewport >= 768) { - - /* load gravatars */ - $('.comment img[data-gravatar]').each(function(){ - $(this).attr('src',$(this).attr('data-gravatar')); - }); - - } - - - /* off the bat large screen actions */ - if (responsive_viewport > 1030) { - - } - - - // add all your scripts here - - -}); /* end of as page load scripts */ - - -/*! A fix for the iOS orientationchange zoom bug. - Script by @scottjehl, rebound by @wilto. - MIT License. -*/ -(function(w){ - // This fix addresses an iOS bug, so return early if the UA claims it's something else. - if( !( /iPhone|iPad|iPod/.test( navigator.platform ) && navigator.userAgent.indexOf( "AppleWebKit" ) > -1 ) ){ return; } - var doc = w.document; - if( !doc.querySelector ){ return; } - var meta = doc.querySelector( "meta[name=viewport]" ), - initialContent = meta && meta.getAttribute( "content" ), - disabledZoom = initialContent + ",maximum-scale=1", - enabledZoom = initialContent + ",maximum-scale=10", - enabled = true, - x, y, z, aig; - if( !meta ){ return; } - function restoreZoom(){ - meta.setAttribute( "content", enabledZoom ); - enabled = true; } - function disableZoom(){ - meta.setAttribute( "content", disabledZoom ); - enabled = false; } - function checkTilt( e ){ - aig = e.accelerationIncludingGravity; - x = Math.abs( aig.x ); - y = Math.abs( aig.y ); - z = Math.abs( aig.z ); - // If portrait orientation and in one of the danger zones - if( !w.orientation && ( x > 7 || ( ( z > 6 && y < 8 || z < 8 && y > 6 ) && x > 5 ) ) ){ - if( enabled ){ disableZoom(); } } - else if( !enabled ){ restoreZoom(); } } - w.addEventListener( "orientationchange", restoreZoom, false ); - w.addEventListener( "devicemotion", checkTilt, false ); -})( this ); - - - -/*Responsive Menu*/ - - - - -/*Fancybox*/ -jQuery(document).ready(function() { - - jQuery(".fancybox").fancybox({ - - closeBtn : true, - beforeShow: function() { - this.title = jQuery(this.element).find('img').attr('alt'); - }, - helpers: { - title : { - type : 'inside' - }, - buttons : {} - } - - - }); // fancybox - - - - jQuery('.inhaltvz').onePageNav({ - currentClass: 'current-menu-item', - changeHash: false, - scrollSpeed: 1000, - scrollThreshold: 0.5, - filter: '', - easing: 'swing', - begin: function() { - //I get fired when the animation is starting - }, - end: function() { - //I get fired when the animation is ending - }, - scrollChange: function($currentListItem) { - //I get fired when you enter a section and I pass the list item of the section - } - }); - - - //TO TOP - // hide #back-top first - jQuery("#back-top").hide(); - - // fade in #back-top - jQuery(function () { - jQuery(window).scroll(function () { - if (jQuery(this).scrollTop() > 500) { - jQuery('#back-top').fadeIn(); - } else { - jQuery('#back-top').fadeOut(); - } - }); - - }); - - - // fade in nav - jQuery(function () { - jQuery(window).scroll(function () { - if (jQuery(this).scrollTop() > 200) { - jQuery('#nav-flyin').fadeIn(); - } else { - jQuery('#nav-flyin').fadeOut(); - } - }); - - }); - - - //scroll - -jQuery('a[href^="#"]').on('click',function (e) { - e.preventDefault(); - - var target = this.hash; - var $target = jQuery(target); - - jQuery('html, body').stop().animate({ - 'scrollTop': $target.offset().top - }, 500, function () { - window.location.hash = target; - }); - }); - - -}); // ready​ - +window.getComputedStyle||(window.getComputedStyle=function(a){return this.el=a,this.getPropertyValue=function(b){var c=/(\-([a-z]){1})/g;return"float"==b&&(b="styleFloat"),c.test(b)&&(b=b.replace(c,function(){return arguments[2].toUpperCase()})),a.currentStyle[b]?a.currentStyle[b]:null},this}),jQuery(document).ready(function(a){var b=a(window).width();b>=768&&a(".comment img[data-gravatar]").each(function(){a(this).attr("src",a(this).attr("data-gravatar"))})}),function(a){function l(){c.setAttribute("content",f),g=!0}function m(){c.setAttribute("content",e),g=!1}function n(b){k=b.accelerationIncludingGravity,h=Math.abs(k.x),i=Math.abs(k.y),j=Math.abs(k.z),!a.orientation&&(h>7||(j>6&&i<8||j<8&&i>6)&&h>5)?g&&m():g||l()}if(/iPhone|iPad|iPod/.test(navigator.platform)&&navigator.userAgent.indexOf("AppleWebKit")>-1){var b=a.document;if(b.querySelector){var h,i,j,k,c=b.querySelector("meta[name=viewport]"),d=c&&c.getAttribute("content"),e=d+",maximum-scale=1",f=d+",maximum-scale=10",g=!0;c&&(a.addEventListener("orientationchange",l,!1),a.addEventListener("devicemotion",n,!1))}}}(this),jQuery(document).ready(function(){jQuery(".fancybox").fancybox({closeBtn:!0,beforeShow:function(){this.title=jQuery(this.element).find("img").attr("alt")},helpers:{title:{type:"inside"},buttons:{}}}),jQuery(".inhaltvz").onePageNav({currentClass:"current-menu-item",changeHash:!1,scrollSpeed:1e3,scrollThreshold:.5,filter:"",easing:"swing",begin:function(){},end:function(){},scrollChange:function(){}}),jQuery("#back-top").hide(),jQuery(function(){jQuery(window).scroll(function(){jQuery(this).scrollTop()>500?jQuery("#back-top").fadeIn():jQuery("#back-top").fadeOut()})}),jQuery(function(){jQuery(window).scroll(function(){jQuery(this).scrollTop()>200?jQuery("#nav-flyin").fadeIn():jQuery("#nav-flyin").fadeOut()})}),jQuery('a[href^="#"]').on("click",function(a){a.preventDefault();var b=this.hash,c=jQuery(b);jQuery("html, body").stop().animate({scrollTop:c.offset().top},500,function(){window.location.hash=b})})}); \ No newline at end of file diff --git a/lib/js/scripts_uncompressed.js b/lib/js/scripts_uncompressed.js new file mode 100644 index 0000000..ac82b8d --- /dev/null +++ b/lib/js/scripts_uncompressed.js @@ -0,0 +1,194 @@ +// IE8 ployfill for GetComputed Style (for Responsive Script below) +if (!window.getComputedStyle) { + window.getComputedStyle = function(el, pseudo) { + this.el = el; + this.getPropertyValue = function(prop) { + var re = /(\-([a-z]){1})/g; + if (prop == 'float') prop = 'styleFloat'; + if (re.test(prop)) { + prop = prop.replace(re, function () { + return arguments[2].toUpperCase(); + }); + } + return el.currentStyle[prop] ? el.currentStyle[prop] : null; + } + return this; + } +} + +// as the page loads, call these scripts +jQuery(document).ready(function($) { + + /* + Responsive jQuery is a tricky thing. + There's a bunch of different ways to handle + it, so be sure to research and find the one + that works for you best. + */ + + /* getting viewport width */ + var responsive_viewport = $(window).width(); + + /* if is below 481px */ + if (responsive_viewport < 481) { + + } /* end smallest screen */ + + /* if is larger than 481px */ + if (responsive_viewport > 481) { + + } /* end larger than 481px */ + + /* if is above or equal to 768px */ + if (responsive_viewport >= 768) { + + /* load gravatars */ + $('.comment img[data-gravatar]').each(function(){ + $(this).attr('src',$(this).attr('data-gravatar')); + }); + + } + + + /* off the bat large screen actions */ + if (responsive_viewport > 1030) { + + } + + + // add all your scripts here + + +}); /* end of as page load scripts */ + + +/*! A fix for the iOS orientationchange zoom bug. + Script by @scottjehl, rebound by @wilto. + MIT License. +*/ +(function(w){ + // This fix addresses an iOS bug, so return early if the UA claims it's something else. + if( !( /iPhone|iPad|iPod/.test( navigator.platform ) && navigator.userAgent.indexOf( "AppleWebKit" ) > -1 ) ){ return; } + var doc = w.document; + if( !doc.querySelector ){ return; } + var meta = doc.querySelector( "meta[name=viewport]" ), + initialContent = meta && meta.getAttribute( "content" ), + disabledZoom = initialContent + ",maximum-scale=1", + enabledZoom = initialContent + ",maximum-scale=10", + enabled = true, + x, y, z, aig; + if( !meta ){ return; } + function restoreZoom(){ + meta.setAttribute( "content", enabledZoom ); + enabled = true; } + function disableZoom(){ + meta.setAttribute( "content", disabledZoom ); + enabled = false; } + function checkTilt( e ){ + aig = e.accelerationIncludingGravity; + x = Math.abs( aig.x ); + y = Math.abs( aig.y ); + z = Math.abs( aig.z ); + // If portrait orientation and in one of the danger zones + if( !w.orientation && ( x > 7 || ( ( z > 6 && y < 8 || z < 8 && y > 6 ) && x > 5 ) ) ){ + if( enabled ){ disableZoom(); } } + else if( !enabled ){ restoreZoom(); } } + w.addEventListener( "orientationchange", restoreZoom, false ); + w.addEventListener( "devicemotion", checkTilt, false ); +})( this ); + + + +/*Responsive Menu*/ + + + + +/*Fancybox*/ +jQuery(document).ready(function() { + + jQuery(".fancybox").fancybox({ + + closeBtn : true, + beforeShow: function() { + this.title = jQuery(this.element).find('img').attr('alt'); + }, + helpers: { + title : { + type : 'inside' + }, + buttons : {} + } + + + }); // fancybox + + + + jQuery('.inhaltvz').onePageNav({ + currentClass: 'current-menu-item', + changeHash: false, + scrollSpeed: 1000, + scrollThreshold: 0.5, + filter: '', + easing: 'swing', + begin: function() { + //I get fired when the animation is starting + }, + end: function() { + //I get fired when the animation is ending + }, + scrollChange: function($currentListItem) { + //I get fired when you enter a section and I pass the list item of the section + } + }); + + + //TO TOP + // hide #back-top first + jQuery("#back-top").hide(); + + // fade in #back-top + jQuery(function () { + jQuery(window).scroll(function () { + if (jQuery(this).scrollTop() > 500) { + jQuery('#back-top').fadeIn(); + } else { + jQuery('#back-top').fadeOut(); + } + }); + + }); + + + // fade in nav + jQuery(function () { + jQuery(window).scroll(function () { + if (jQuery(this).scrollTop() > 200) { + jQuery('#nav-flyin').fadeIn(); + } else { + jQuery('#nav-flyin').fadeOut(); + } + }); + + }); + + + //scroll + +jQuery('a[href^="#"]').on('click',function (e) { + e.preventDefault(); + + var target = this.hash; + var $target = jQuery(target); + + jQuery('html, body').stop().animate({ + 'scrollTop': $target.offset().top + }, 500, function () { + window.location.hash = target; + }); + }); + + +}); // ready​ + diff --git a/page-home-campaign.php b/page-home-campaign.php new file mode 100644 index 0000000..4ea4fd7 --- /dev/null +++ b/page-home-campaign.php @@ -0,0 +1,163 @@ + + + + + + ID), 'full' ); + $url = $thumb['0']; ?> +
+
+ + + +
+
+

+

+ + + ID, 'kr8mb_page_campaign_cta', true ); + if (! empty ($cta )){ ?>

+ + + +
+
+ + +
+ + + + + +
+ + +
+

Spenden

+ 100 € + 50 € + 20 € +
+ + +
+

Erfahre mehr

+ + + +
+ + +
+ + + + + +
+
+
+ +
+
+
+ + +
+ + + +
+

Werde aktiv

+ + + +
+ + +
+
+ +

Aktuelles

+
+ + + + + + + 3, + 'post__in' => get_option( 'sticky_posts' ), + 'posts_per_page' => $postsperpage, + 'ignore_sticky_posts' => 1 + ); + query_posts($args); + ?> + + + + + + + +

Alle Nachrichten im Archiv »

+ + +
+

Termine

+
+ + +
+ +

Presse

+
+ + + + + + + + + + + + + +
+ + + + +
+
+ + + + + +
+ + + diff --git a/page-home-widget.php b/page-home-widget.php index c616307..ca77816 100644 --- a/page-home-widget.php +++ b/page-home-widget.php @@ -1,6 +1,6 @@ diff --git a/page-story_mitnews.php b/page-story_mitnews.php new file mode 100644 index 0000000..667a78d --- /dev/null +++ b/page-story_mitnews.php @@ -0,0 +1,115 @@ + + + + + ID), 'full' ); + $url = $thumb['0']; ?> +
+ + +
+
+

+

+
+
+ + +
+ + ID, 'kr8mb_page_story_vz', true ); + if (! empty ($vz )){ ?> + + + + + + + +
+ + + + +
+ + +
+
+
+ +

Aktuelles

+
+ + + + + + + 3, + 'post__in' => get_option( 'sticky_posts' ), + 'posts_per_page' => $postsperpage, + 'ignore_sticky_posts' => 1 + ); + query_posts($args); + ?> + + + + + + + +

Alle Nachrichten im Archiv »

+ + +
+

Termine

+
+ + +
+ +

Presse

+
+ + + + + + + + + + + + + +
+ + + + +
+
+ + + + + +
+ \ No newline at end of file diff --git a/single.php b/single.php index cf7e6ee..6d40f03 100755 --- a/single.php +++ b/single.php @@ -3,7 +3,7 @@
- + diff --git a/style.css b/style.css index 1f9ff93..ffea158 100644 --- a/style.css +++ b/style.css @@ -4,7 +4,7 @@ Theme URI: http://www.gruene-nrw.de Description: Aufwändiges Wordpress-Theme für den EInsatz von größeren Websites, z.B: bei Landesverbänden. Author: Benjamin Jopen Author URI: http://www.kre8tiv.de -Version: 2.0.4 +Version: 2.0.5 Tags: 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 v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html