diff --git a/README b/README index 0ca9369..40881ed 100644 --- a/README +++ b/README @@ -1,11 +1,10 @@ ======================================= Joseph knows best ======================================= -Komplexes Wordpress-Theme für GRÜNE Landesverbände -http://gruene-nrw.de +Komplexes Wordpress-Theme insbesondere für GRÜNE Landesverbände -Komplexes Wordpress-Theme, das auf gruene-nrw.de zum Einsatz kommt. Auch hervorragend für andere Landesverbände nutzbar, bietet viele Funktionen. +Komplexes Wordpress-Theme, das für gruene-nrw.de entwickelt wurde. Auch hervorragend für andere Landesverbände nutzbar, bietet viele Funktionen. -Das Theme stellen wir frei zur Verfügung und aktualisieren es regelmäßig gemäß unserer eigenen Bedürfnisse. Support-Anfragen und Features können idR nicht übernommen werden! +Das Theme stellen wir frei zur Verfügung. Eine Aktualisierung ist nicht mehr vorgesehen. Support-Anfragen und Features können idR nicht übernommen werden! Für Nachfragen bitte https://chatbegruenung.de/channel/wordpress nutzen. Einige Features: Story-Telling/Scrolly-Telling, eigene Post-Types für Köpfe & Gliederungen, mobile First, etc. \ No newline at end of file diff --git a/content-gliederung-kve.php b/content-gliederung-kve.php index 1ecb1d3..d2700bb 100644 --- a/content-gliederung-kve.php +++ b/content-gliederung-kve.php @@ -5,9 +5,11 @@ ID, 'kr8mb_gli_contact_email', true ); + $email = antispambot($email); $www = get_post_meta( $post->ID, 'kr8mb_gli_contact_www', true ); $facebook = get_post_meta( $post->ID, 'kr8mb_gli_contact_facebook', true ); $twitter = get_post_meta( $post->ID, 'kr8mb_gli_contact_twitter', true ); + $instagram = get_post_meta( $post->ID, 'kr8mb_gli_contact_instagram', true ); ?> @@ -23,6 +25,7 @@ +

diff --git a/content-gliederung-lagen.php b/content-gliederung-lagen.php index 7975171..e0f3f35 100644 --- a/content-gliederung-lagen.php +++ b/content-gliederung-lagen.php @@ -5,9 +5,11 @@ ID, 'kr8mb_gli_contact_email', true ); + $email = antispambot($email); $www = get_post_meta( $post->ID, 'kr8mb_gli_contact_www', true ); $facebook = get_post_meta( $post->ID, 'kr8mb_gli_contact_facebook', true ); $twitter = get_post_meta( $post->ID, 'kr8mb_gli_contact_twitter', true ); + $instagram = get_post_meta( $post->ID, 'kr8mb_gli_contact_instagram', true ); ?> @@ -21,8 +23,9 @@

- - + + +

diff --git a/content-person-glv.php b/content-person-glv.php index a49f682..58310c8 100644 --- a/content-person-glv.php +++ b/content-person-glv.php @@ -6,9 +6,11 @@ ID, 'kr8mb_pers_pos_amt', true ); $email = get_post_meta( $post->ID, 'kr8mb_pers_contact_email', true ); + $email = antispambot($email); $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 ); $shortbio = get_post_meta( $post->ID, 'kr8mb_pers_excerpt', true ); $details = get_post_meta( $post->ID, 'kr8mb_pers_pos_details', true ); ?> @@ -26,6 +28,7 @@ +

diff --git a/content-person-kontakt.php b/content-person-kontakt.php index 13bd638..1aaa2fa 100644 --- a/content-person-kontakt.php +++ b/content-person-kontakt.php @@ -6,6 +6,7 @@ ID, 'kr8mb_pers_pos_amt', true ); $email = get_post_meta( $post->ID, 'kr8mb_pers_contact_email', true ); + $email = antispambot($email); $telefon = get_post_meta( $post->ID, 'kr8mb_pers_contact_telefon', true ); ?> diff --git a/content-person-landesliste.php b/content-person-landesliste.php index fdf5178..db461cc 100644 --- a/content-person-landesliste.php +++ b/content-person-landesliste.php @@ -6,6 +6,7 @@ ID, 'kr8mb_pers_pos_listenplatz', true ); $email = get_post_meta( $post->ID, 'kr8mb_pers_contact_email', true ); + $email = antispambot($email); $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 ); diff --git a/content-person-mandat.php b/content-person-mandat.php index 5d3a28a..20f4424 100644 --- a/content-person-mandat.php +++ b/content-person-mandat.php @@ -6,9 +6,11 @@ ID, 'kr8mb_pers_pos_amt', true ); $email = get_post_meta( $post->ID, 'kr8mb_pers_contact_email', true ); + $email = antispambot($email); $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 ); $details = get_post_meta( $post->ID, 'kr8mb_pers_pos_details', true ); ?> @@ -27,6 +29,7 @@ +

diff --git a/content-person-team.php b/content-person-team.php index 13bd638..1aaa2fa 100644 --- a/content-person-team.php +++ b/content-person-team.php @@ -6,6 +6,7 @@ ID, 'kr8mb_pers_pos_amt', true ); $email = get_post_meta( $post->ID, 'kr8mb_pers_contact_email', true ); + $email = antispambot($email); $telefon = get_post_meta( $post->ID, 'kr8mb_pers_contact_telefon', true ); ?> diff --git a/content-person-vorstand.php b/content-person-vorstand.php index 878899b..f5a3487 100644 --- a/content-person-vorstand.php +++ b/content-person-vorstand.php @@ -6,9 +6,11 @@ ID, 'kr8mb_pers_pos_amt', true ); $email = get_post_meta( $post->ID, 'kr8mb_pers_contact_email', true ); + $email = antispambot($email); $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 ); $shortbio = get_post_meta( $post->ID, 'kr8mb_pers_excerpt', true ); $details = get_post_meta( $post->ID, 'kr8mb_pers_pos_details', true ); ?> @@ -26,6 +28,7 @@ +

diff --git a/content-single-gliederung.php b/content-single-gliederung.php index b4075b6..2e80311 100644 --- a/content-single-gliederung.php +++ b/content-single-gliederung.php @@ -47,6 +47,7 @@ if (! empty ($www )){ ?> ID, 'kr8mb_gli_contact_email', true ); + $email = antispambot($email); if (! empty ($email )){ ?> @@ -56,6 +57,9 @@ ID, 'kr8mb_gli_contact_twitter', true ); if (! empty ($twitter )){ ?> + ID, 'kr8mb_gli_contact_instagram', true ); + if (! empty ($instagram )){ ?> + diff --git a/content-single-person.php b/content-single-person.php index a7d472f..0b7cecf 100644 --- a/content-single-person.php +++ b/content-single-person.php @@ -50,6 +50,9 @@ ID, 'kr8mb_pers_contact_twitter', true ); if (! empty ($twitter )){ ?> + ID, 'kr8mb_pers_contact_instagram', true ); + if (! empty ($instagram )){ ?> + diff --git a/favicon.ico b/favicon.ico index d4c2608..6a30c81 100644 Binary files a/favicon.ico and b/favicon.ico differ diff --git a/favicon.png b/favicon.png index a5a72bc..631ef70 100755 Binary files a/favicon.png and b/favicon.png differ diff --git a/functions/theme-functions.php b/functions/theme-functions.php index b1ee6e9..5cefa91 100644 --- a/functions/theme-functions.php +++ b/functions/theme-functions.php @@ -746,7 +746,6 @@ function kr8_socialshare() { ?> Twitter WhatsApp Facebook - Google+ E-Mail

diff --git a/functions/theme-metaboxes.php b/functions/theme-metaboxes.php index 36fa8e4..3e12d30 100644 --- a/functions/theme-metaboxes.php +++ b/functions/theme-metaboxes.php @@ -431,6 +431,7 @@ function kr8mb_gli_contact_cb($post) $email = isset( $values['kr8mb_gli_contact_email'] ) ? esc_attr( $values['kr8mb_gli_contact_email'][0] ) : ''; $facebook = isset( $values['kr8mb_gli_contact_facebook'] ) ? esc_attr( $values['kr8mb_gli_contact_facebook'][0] ) : ''; $twitter = isset( $values['kr8mb_gli_contact_twitter'] ) ? esc_attr( $values['kr8mb_gli_contact_twitter'][0] ) : ''; + $instagram = isset( $values['kr8mb_gli_contact_instagram'] ) ? esc_attr( $values['kr8mb_gli_contact_instagram'][0] ) : ''; $anschrift = isset( $values['kr8mb_gli_contact_anschrift'] ) ? esc_html( $values['kr8mb_gli_contact_anschrift'][0] ) : ''; $telefon = isset( $values['kr8mb_gli_contact_telefon'] ) ? esc_html( $values['kr8mb_gli_contact_telefon'][0] ) : ''; $selected = isset( $values['my_meta_box_select'] ) ? esc_attr( $values['my_meta_box_select'][0] ) : ''; @@ -455,6 +456,12 @@ function kr8mb_gli_contact_cb($post)
Nur der Twitter-Nutzername ohne @, z.b. gruenenrw. + + +
Vollständiger Link zum Instagram-Profil, inkl. http:// + + +
Platz für Anschrift, Telefon, Fax, etc. @@ -497,6 +504,8 @@ function kr8mb_gli_contact_save( $post_id ) update_post_meta( $post_id, 'kr8mb_gli_contact_facebook', wp_kses( $_POST['kr8mb_gli_contact_facebook'], $allowed ) ); if( isset( $_POST['kr8mb_gli_contact_twitter'] ) ) update_post_meta( $post_id, 'kr8mb_gli_contact_twitter', wp_kses( $_POST['kr8mb_gli_contact_twitter'], $allowed ) ); + if( isset( $_POST['kr8mb_gli_contact_instagram'] ) ) + update_post_meta( $post_id, 'kr8mb_gli_contact_instagram', wp_kses( $_POST['kr8mb_gli_contact_instagram'], $allowed ) ); if( isset( $_POST['kr8mb_gli_contact_telefon'] ) ) update_post_meta( $post_id, 'kr8mb_gli_contact_telefon', wp_kses( $_POST['kr8mb_gli_contact_telefon'], $allowed ) ); if( isset( $_POST['kr8mb_gli_contact_anschrift'] ) ) diff --git a/functions/theme-shortcodes.php b/functions/theme-shortcodes.php index 1d4ab0a..d4f6aea 100644 --- a/functions/theme-shortcodes.php +++ b/functions/theme-shortcodes.php @@ -1,740 +1,773 @@ - '', - 'parent' => '', - 'ids' => '', - ), $atts)); - - - - 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 ); - - - } - 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 ); - - } - - - - -if(!empty($ids)) { - - - $smitem = get_pages( array('include' => $ids) ); - -} - - - -foreach($smitem as $value){ - - $thumb = get_the_post_thumbnail( $value->ID, 'thumbnail', $attr = '' ); - $children .= "
  • "; - $children .= "" . $thumb . ""; - $children .= "

    " . $value->post_title . ""; - $children .= "" . $value->post_excerpt . "

    "; - $children .= "
  • "; -} - - - return ''; - - - -} -add_shortcode('unterseiten', 'kr8_sitemap'); - - -//Excerpt for Pages -add_post_type_support( 'page', 'excerpt' ); - - -//Tabs for Editor *************** -function tabs_shortcode( $atts, $content = null ) { - - if ( comments_open() || have_comments() ) { - return '
    ' . do_shortcode($content) . '
    '; - } - else { - - return '
    ' . do_shortcode($content) . '
    '; - - } -} -add_shortcode( 'tabs', 'tabs_shortcode' ); - -function tab_shortcode( $atts, $content = null ) { - extract(shortcode_atts(array( - 'title' => 'Titel anpassen', - ), $atts)); - return '

    ' .$title .'

    ' . do_shortcode($content) . '
    '; -} -add_shortcode( 'tab', 'tab_shortcode' ); - - - -add_filter("the_content", "the_content_filter"); - -function the_content_filter($content) { - - // array of custom shortcodes requiring the fix - $block = join("|",array("col","tabs","tab")); - - // opening tag - $rep = preg_replace("/(

    )?\[($block)(\s[^\]]+)?\](<\/p>|
    )?/","[$2$3]",$content); - - // closing tag - $rep = preg_replace("/(

    )?\[\/($block)](<\/p>|
    )?/","[/$2]",$rep); - - return $rep; - -} - - -//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(); ?> - - - -
    - - - - 'true', - "person" => '', - "abteilung" => '', - ), $atts)); - global $wp_query,$paged,$post; - $temp = $wp_query; - $wp_query= null; - $wp_query = new WP_Query(); - - if(!empty($person)){ - $person = explode(',', $person); - $args = array( - 'post_type' => 'person', - 'post__in' => $person, - 'order' => 'ASC', - 'orderby' => 'meta_value', - 'meta_key' => 'kr8mb_pers_pos_listenplatz', - 'abteilung' => $abteilung, - ); - } - else { - - $args = array( - 'post_type' => 'person', - 'order' => 'ASC', - 'orderby' => 'meta_value', - 'meta_key' => 'kr8mb_pers_pos_listenplatz', - 'abteilung' => $abteilung, - 'posts_per_page' => -1, - ); - - } - $wp_query->query($args); - ob_start(); - - ?> - -
    - have_posts()) : $wp_query->the_post(); ?> - - -
    - - - - 'true', - "person" => '', - "abteilung" => '', - ), $atts)); - global $wp_query,$paged,$post; - $temp = $wp_query; - $wp_query= null; - $wp_query = new WP_Query(); - - if(!empty($person)){ - $person = explode(',', $person); - $args = array( - 'post_type' => 'person', - 'post__in' => $person, - 'order' => 'ASC', - 'orderby' => 'meta_value', - 'meta_key' => 'kr8mb_pers_pos_listenplatz', - 'abteilung' => $abteilung, - ); - } - else { - - $args = array( - 'post_type' => 'person', - 'order' => 'ASC', - 'orderby' => 'meta_value', - 'meta_key' => 'kr8mb_pers_pos_listenplatz', - 'abteilung' => $abteilung, - 'posts_per_page' => -1, - ); - - } - $wp_query->query($args); - ob_start(); - - ?> - -
    - have_posts()) : $wp_query->the_post(); ?> - - -
    - - - - 'true', - "person" => '', - "abteilung" => '', - ), $atts)); - global $wp_query,$paged,$post; - $temp = $wp_query; - $wp_query= null; - $wp_query = new WP_Query(); - - if(!empty($person)){ - $person = explode(',', $person); - $args = array( - 'post_type' => 'person', - 'post__in' => $person, - 'order' => 'ASC', - 'orderby' => 'meta_value', - 'meta_key' => 'kr8mb_pers_pos_sortierung', - 'abteilung' => $abteilung, - ); - } - else { - - $args = array( - 'post_type' => 'person', - 'order' => 'ASC', - 'orderby' => 'meta_value', - 'meta_key' => 'kr8mb_pers_pos_sortierung', - 'abteilung' => $abteilung, - 'posts_per_page' => -1, - ); - - } - $wp_query->query($args); - ob_start(); - - ?> - -
    - have_posts()) : $wp_query->the_post(); ?> - - -
    - - - - 'true', - "person" => '', - "abteilung" => '', - ), $atts)); - global $wp_query,$paged,$post; - $temp = $wp_query; - $wp_query= null; - $wp_query = new WP_Query(); - - if(!empty($person)){ - $person = explode(',', $person); - $args = array( - 'post_type' => 'person', - 'post__in' => $person, - 'order' => 'ASC', - 'orderby' => 'meta_value', - 'meta_key' => 'kr8mb_pers_pos_sortierung', - 'abteilung' => $abteilung, - ); - } - else { - - $args = array( - 'post_type' => 'person', - 'order' => 'ASC', - 'orderby' => 'meta_value', - 'meta_key' => 'kr8mb_pers_pos_sortierung', - 'abteilung' => $abteilung, - 'posts_per_page' => -1, - ); - - } - $wp_query->query($args); - ob_start(); - - ?> - -
    - have_posts()) : $wp_query->the_post(); ?> - - -
    - - - - 'true', - "person" => '', - "abteilung" => '', - ), $atts)); - global $wp_query,$paged,$post; - $temp = $wp_query; - $wp_query= null; - $wp_query = new WP_Query(); - - if(!empty($person)){ - $person = explode(',', $person); - $args = array( - 'post_type' => 'person', - 'post__in' => $person, - 'order' => 'ASC', - 'orderby' => 'meta_value', - 'meta_key' => 'kr8mb_pers_pos_sortierung', - 'abteilung' => $abteilung, - - ); - } - else { - - $args = array( - 'post_type' => 'person', - 'order' => 'ASC', - 'orderby' => 'meta_value', - 'meta_key' => 'kr8mb_pers_pos_sortierung', - 'abteilung' => $abteilung, - 'posts_per_page' => -1, - ); - - } - - $wp_query->query($args); - ob_start(); - ?> - -
    - - have_posts()) : $wp_query->the_post(); ?> - - - - - -
    - - - 'true', - "person" => '', - "abteilung" => '', - ), $atts)); - global $wp_query,$paged,$post; - $temp = $wp_query; - $wp_query= null; - $wp_query = new WP_Query(); - - if(!empty($person)){ - $person = explode(',', $person); - $args = array( - 'post_type' => 'person', - 'post__in' => $person, - 'order' => 'ASC', - 'orderby' => 'meta_value', - 'meta_key' => 'kr8mb_pers_pos_listenplatz', - 'abteilung' => $abteilung, - - ); - } - else { - - $args = array( - 'post_type' => 'person', - 'order' => 'ASC', - 'orderby' => 'meta_value', - 'meta_key' => 'kr8mb_pers_pos_listenplatz', - 'abteilung' => $abteilung, - 'posts_per_page' => -1, - ); - - } - - $wp_query->query($args); - ob_start(); - ?> - -
    - - have_posts()) : $wp_query->the_post(); ?> - - - - - -
    - - - 'true', - "gliederung" => '', - "struktur" => '', - ), $atts)); - global $wp_query,$paged,$post; - $temp = $wp_query; - $wp_query= null; - $wp_query = new WP_Query(); - - if(!empty($gliederung)){ - $gliederung = explode(',', $gliederung); - $args = array( - 'post_type' => 'gliederung', - 'post__in' => $gliederung, - 'order' => 'ASC', - 'orderby' => 'title', - 'struktur' => $struktur, - 'posts_per_page' => -1, - ); - } - else { - - $args = array( - 'post_type' => 'gliederung', - 'order' => 'ASC', - 'orderby' => 'title', - 'struktur' => $struktur, - 'posts_per_page' => -1, - ); - - } - $wp_query->query($args); - ob_start(); - - ?> - -
    - have_posts()) : $wp_query->the_post(); ?> - - -
    - - - - 'true', - "gliederung" => '', - "struktur" => '', - ), $atts)); - global $wp_query,$paged,$post; - $temp = $wp_query; - $wp_query= null; - $wp_query = new WP_Query(); - - if(!empty($gliederung)){ - $gliederung = explode(',', $gliederung); - $args = array( - 'post_type' => 'gliederung', - 'post__in' => $gliederung, - 'order' => 'ASC', - 'orderby' => 'title', - 'struktur' => $struktur, - 'posts_per_page' => -1, - ); - } - else { - - $args = array( - 'post_type' => 'gliederung', - 'order' => 'ASC', - 'orderby' => 'title', - 'struktur' => $struktur, - 'posts_per_page' => -1, - ); - - } - $wp_query->query($args); - ob_start(); - - ?> - -
    - have_posts()) : $wp_query->the_post(); ?> - - -
    - - - - '', - "hintergrundfarbe" => '', - "schriftfarbe" => '', - "id" => '', - "bgscroll" => '', - "hintergrundbild" => '' - ), $atts)); - - - if ($vollbild !== '') { - $class1 .= 'fullpage'; - } else { - $class1 .= 'textblock '; - } - - if ($bgscroll !== '') { - $class3 .= 'bgscroll'; - } - - if ($hintergrundbild !== '') { - $class2 .= 'parallax'; - - } - - return '
    '; - -} -add_shortcode( 'parallax', 'section_shortcode' ); - - -//ICON *************** -function icon_shortcode( $atts ) { - - - extract(shortcode_atts(array( - "symbol" => 'fa-rocket', - "groesse" => 'fa-4x', - ), $atts)); - - - return ''; - -} -add_shortcode( 'icon', 'icon_shortcode' ); - - -function section_abstand( $atts ) { - - - - - return '
    '; - -} -add_shortcode( 'abstand', 'section_abstand' ); - - -//INFOBOX *************** -function infobox_shortcode( $atts, $content = null ) { - - - extract(shortcode_atts(array( - "title" => 'Infobox', - ), $atts)); - - - return '

    '.$title.'

    '.$content.'
    '; - -} -add_shortcode( 'infobox', 'infobox_shortcode' ); - -//BOXEN *************** -function colorbox_shortcode( $atts, $content = null ) { - - - - - return '
    '.$content.'
    '; - -} -add_shortcode( 'box', 'colorbox_shortcode' ); - - - - -?> + 'post_name', + 'aussehen' => '', + 'parent' => '', + 'ids' => '', + ), $atts)); + + + + if(!empty($parent)){ + + + $smargs = array( + 'exclude' => implode(',', get_option('sep_exclude', array())), + 'child_of' => $parent, + 'title_li' => '', + 'parent' => $parent, + 'sort_order' => 'ASC', + 'sort_column' => $sort + + ); + + $smitem = get_pages( $smargs ); + + + } + 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' => $sort + ); + + $smitem = get_pages( $smargs ); + + } + + + + +if(!empty($ids)) { + + + $smitem = get_pages( array('include' => $ids) ); + +} + + + +foreach($smitem as $value){ + + $thumb = get_the_post_thumbnail( $value->ID, 'thumbnail', $attr = '' ); + $children .= "
  • "; + $children .= "" . $thumb . ""; + $children .= "

    " . $value->post_title . ""; + $children .= "" . $value->post_excerpt . "

    "; + $children .= "
  • "; +} + + + return ''; + + + +} +add_shortcode('unterseiten', 'kr8_sitemap'); + + +//Excerpt for Pages +add_post_type_support( 'page', 'excerpt' ); + + +//Tabs for Editor *************** +function tabs_shortcode( $atts, $content = null ) { + + if ( comments_open() || have_comments() ) { + return '
    ' . do_shortcode($content) . '
    '; + } + else { + + return '
    ' . do_shortcode($content) . '
    '; + + } +} +add_shortcode( 'tabs', 'tabs_shortcode' ); + +function tab_shortcode( $atts, $content = null ) { + extract(shortcode_atts(array( + 'title' => 'Titel anpassen', + ), $atts)); + return '

    ' .$title .'

    ' . do_shortcode($content) . '
    '; +} +add_shortcode( 'tab', 'tab_shortcode' ); + + + +add_filter("the_content", "the_content_filter"); + +function the_content_filter($content) { + + // array of custom shortcodes requiring the fix + $block = join("|",array("col","tabs","tab")); + + // opening tag + $rep = preg_replace("/(

    )?\[($block)(\s[^\]]+)?\](<\/p>|
    )?/","[$2$3]",$content); + + // closing tag + $rep = preg_replace("/(

    )?\[\/($block)](<\/p>|
    )?/","[/$2]",$rep); + + return $rep; + +} + + +//Query Posts *************** + + + +function beitraege_lists($atts, $content = null) { + extract(shortcode_atts(array( + "ids" => '', + 'aussehen' => '', + 'kategorien' => '', + 'anzahl' => '-1', + 'suchfeld' => 'term_id', + ), $atts)); + global $wp_query,$paged,$post; + $temp = $wp_query; + $wp_query= null; + $wp_query = new WP_Query(); + if(!empty($ids)){ // Einzelne Beiträge + $ids = explode(',', $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 { + if(!empty($kategorien)){ // Beiträge einer Kategorie +// $kategorien = explode(',', $kategorien); + + $args = array( + 'post_type' => 'any', + 'tax_query' => array( + array( + 'taxonomy' => 'category', + 'field' => $suchfeld, + 'terms' => $kategorien, + ) + ), + 'posts_per_page' => $anzahl, + 'ignore_sticky_posts' => 1 + ); + } + else { // Fallback + $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(); ?> + + + +
    + + + + 'true', + "person" => '', + "abteilung" => '', + ), $atts)); + global $wp_query,$paged,$post; + $temp = $wp_query; + $wp_query= null; + $wp_query = new WP_Query(); + + if(!empty($person)){ + $person = explode(',', $person); + $args = array( + 'post_type' => 'person', + 'post__in' => $person, + 'order' => 'ASC', + 'orderby' => 'meta_value', + 'meta_key' => 'kr8mb_pers_pos_listenplatz', + 'abteilung' => $abteilung, + ); + } + else { + + $args = array( + 'post_type' => 'person', + 'order' => 'ASC', + 'orderby' => 'meta_value', + 'meta_key' => 'kr8mb_pers_pos_listenplatz', + 'abteilung' => $abteilung, + 'posts_per_page' => -1, + ); + + } + $wp_query->query($args); + ob_start(); + + ?> + +
    + have_posts()) : $wp_query->the_post(); ?> + + +
    + + + + 'true', + "person" => '', + "abteilung" => '', + ), $atts)); + global $wp_query,$paged,$post; + $temp = $wp_query; + $wp_query= null; + $wp_query = new WP_Query(); + + if(!empty($person)){ + $person = explode(',', $person); + $args = array( + 'post_type' => 'person', + 'post__in' => $person, + 'order' => 'ASC', + 'orderby' => 'meta_value', + 'meta_key' => 'kr8mb_pers_pos_listenplatz', + 'abteilung' => $abteilung, + ); + } + else { + + $args = array( + 'post_type' => 'person', + 'order' => 'ASC', + 'orderby' => 'meta_value', + 'meta_key' => 'kr8mb_pers_pos_listenplatz', + 'abteilung' => $abteilung, + 'posts_per_page' => -1, + ); + + } + $wp_query->query($args); + ob_start(); + + ?> + +
    + have_posts()) : $wp_query->the_post(); ?> + + +
    + + + + 'true', + "person" => '', + "abteilung" => '', + ), $atts)); + global $wp_query,$paged,$post; + $temp = $wp_query; + $wp_query= null; + $wp_query = new WP_Query(); + + if(!empty($person)){ + $person = explode(',', $person); + $args = array( + 'post_type' => 'person', + 'post__in' => $person, + 'order' => 'ASC', + 'orderby' => 'meta_value', + 'meta_key' => 'kr8mb_pers_pos_sortierung', + 'abteilung' => $abteilung, + ); + } + else { + + $args = array( + 'post_type' => 'person', + 'order' => 'ASC', + 'orderby' => 'meta_value', + 'meta_key' => 'kr8mb_pers_pos_sortierung', + 'abteilung' => $abteilung, + 'posts_per_page' => -1, + ); + + } + $wp_query->query($args); + ob_start(); + + ?> + +
    + have_posts()) : $wp_query->the_post(); ?> + + +
    + + + + 'true', + "person" => '', + "abteilung" => '', + ), $atts)); + global $wp_query,$paged,$post; + $temp = $wp_query; + $wp_query= null; + $wp_query = new WP_Query(); + + if(!empty($person)){ + $person = explode(',', $person); + $args = array( + 'post_type' => 'person', + 'post__in' => $person, + 'order' => 'ASC', + 'orderby' => 'meta_value', + 'meta_key' => 'kr8mb_pers_pos_sortierung', + 'abteilung' => $abteilung, + ); + } + else { + + $args = array( + 'post_type' => 'person', + 'order' => 'ASC', + 'orderby' => 'meta_value', + 'meta_key' => 'kr8mb_pers_pos_sortierung', + 'abteilung' => $abteilung, + 'posts_per_page' => -1, + ); + + } + $wp_query->query($args); + ob_start(); + + ?> + +
    + have_posts()) : $wp_query->the_post(); ?> + + +
    + + + + 'true', + "person" => '', + "abteilung" => '', + ), $atts)); + global $wp_query,$paged,$post; + $temp = $wp_query; + $wp_query= null; + $wp_query = new WP_Query(); + + if(!empty($person)){ + $person = explode(',', $person); + $args = array( + 'post_type' => 'person', + 'post__in' => $person, + 'order' => 'ASC', + 'orderby' => 'meta_value', + 'meta_key' => 'kr8mb_pers_pos_sortierung', + 'abteilung' => $abteilung, + + ); + } + else { + + $args = array( + 'post_type' => 'person', + 'order' => 'ASC', + 'orderby' => 'meta_value', + 'meta_key' => 'kr8mb_pers_pos_sortierung', + 'abteilung' => $abteilung, + 'posts_per_page' => -1, + ); + + } + + $wp_query->query($args); + ob_start(); + ?> + +
    + + have_posts()) : $wp_query->the_post(); ?> + + + + + +
    + + + 'true', + "person" => '', + "abteilung" => '', + ), $atts)); + global $wp_query,$paged,$post; + $temp = $wp_query; + $wp_query= null; + $wp_query = new WP_Query(); + + if(!empty($person)){ + $person = explode(',', $person); + $args = array( + 'post_type' => 'person', + 'post__in' => $person, + 'order' => 'ASC', + 'orderby' => 'meta_value', + 'meta_key' => 'kr8mb_pers_pos_listenplatz', + 'abteilung' => $abteilung, + + ); + } + else { + + $args = array( + 'post_type' => 'person', + 'order' => 'ASC', + 'orderby' => 'meta_value', + 'meta_key' => 'kr8mb_pers_pos_listenplatz', + 'abteilung' => $abteilung, + 'posts_per_page' => -1, + ); + + } + + $wp_query->query($args); + ob_start(); + ?> + +
    + + have_posts()) : $wp_query->the_post(); ?> + + + + + +
    + + + 'true', + "gliederung" => '', + "struktur" => '', + ), $atts)); + global $wp_query,$paged,$post; + $temp = $wp_query; + $wp_query= null; + $wp_query = new WP_Query(); + + if(!empty($gliederung)){ + $gliederung = explode(',', $gliederung); + $args = array( + 'post_type' => 'gliederung', + 'post__in' => $gliederung, + 'order' => 'ASC', + 'orderby' => 'title', + 'struktur' => $struktur, + 'posts_per_page' => -1, + ); + } + else { + + $args = array( + 'post_type' => 'gliederung', + 'order' => 'ASC', + 'orderby' => 'title', + 'struktur' => $struktur, + 'posts_per_page' => -1, + ); + + } + $wp_query->query($args); + ob_start(); + + ?> + +
    + have_posts()) : $wp_query->the_post(); ?> + + +
    + + + + 'true', + "gliederung" => '', + "struktur" => '', + ), $atts)); + global $wp_query,$paged,$post; + $temp = $wp_query; + $wp_query= null; + $wp_query = new WP_Query(); + + if(!empty($gliederung)){ + $gliederung = explode(',', $gliederung); + $args = array( + 'post_type' => 'gliederung', + 'post__in' => $gliederung, + 'order' => 'ASC', + 'orderby' => 'title', + 'struktur' => $struktur, + 'posts_per_page' => -1, + ); + } + else { + + $args = array( + 'post_type' => 'gliederung', + 'order' => 'ASC', + 'orderby' => 'title', + 'struktur' => $struktur, + 'posts_per_page' => -1, + ); + + } + $wp_query->query($args); + ob_start(); + + ?> + +
    + have_posts()) : $wp_query->the_post(); ?> + + +
    + + + + '', + "hintergrundfarbe" => '', + "schriftfarbe" => '', + "id" => '', + "bgscroll" => '', + "hintergrundbild" => '' + ), $atts)); + + + if ($vollbild !== '') { + $class1 .= 'fullpage'; + } else { + $class1 .= 'textblock '; + } + + if ($bgscroll !== '') { + $class3 .= 'bgscroll'; + } + + if ($hintergrundbild !== '') { + $class2 .= 'parallax'; + + } + + return '
    '; + +} +add_shortcode( 'parallax', 'section_shortcode' ); + + +//ICON *************** +function icon_shortcode( $atts ) { + + + extract(shortcode_atts(array( + "symbol" => 'fa-rocket', + "groesse" => 'fa-4x', + ), $atts)); + + + return ''; + +} +add_shortcode( 'icon', 'icon_shortcode' ); + + +function section_abstand( $atts ) { + + + + + return '
    '; + +} +add_shortcode( 'abstand', 'section_abstand' ); + + +//INFOBOX *************** +function infobox_shortcode( $atts, $content = null ) { + + + extract(shortcode_atts(array( + "title" => 'Infobox', + ), $atts)); + + + return '

    '.$title.'

    '.$content.'
    '; + +} +add_shortcode( 'infobox', 'infobox_shortcode' ); + +//BOXEN *************** +function colorbox_shortcode( $atts, $content = null ) { + + + + + return '
    '.$content.'
    '; + +} +add_shortcode( 'box', 'colorbox_shortcode' ); + + + +//E-MAIL-ADRESSEN *************** +function hide_email_shortcode( $atts , $content = null ) { + if ( ! is_email( $content ) ) { + return; + } + + $content = antispambot( $content ); + + $email_link = sprintf( 'mailto:%s', $content ); + + return sprintf( '%s', esc_url( $email_link, array( 'mailto' ) ), esc_html( $content ) ); +} +add_shortcode( 'email', 'hide_email_shortcode' ); + +?> diff --git a/functions/theme-sidebars.php b/functions/theme-sidebars.php index 05f4609..19bf320 100644 --- a/functions/theme-sidebars.php +++ b/functions/theme-sidebars.php @@ -135,7 +135,6 @@ function kr8_wpsearch($form) { $title = $instance['title']; $twitter = $instance['twitter']; $facebook = $instance['facebook']; - $googleplus = $instance['googleplus']; $flickr = $instance['flickr']; $instagram = $instance['instagram']; $youtube = $instance['youtube']; @@ -166,12 +165,6 @@ function kr8_wpsearch($form) { } ?> - '; - } - ?> - '; } @@ -241,7 +234,6 @@ function kr8_wpsearch($form) { $title = esc_attr($instance['title']); $twitter = esc_attr($instance['twitter']); $facebook = esc_attr($instance['facebook']); - $googleplus = esc_attr($instance['googleplus']); $flickr = esc_attr($instance['flickr']); $instagram = esc_attr($instance['instagram']); $youtube = esc_attr($instance['youtube']); @@ -272,11 +264,6 @@ function kr8_wpsearch($form) {

    -

    - - -

    -

    @@ -597,7 +584,4 @@ add_action( 'widgets_init', function(){ - - - ?> \ No newline at end of file diff --git a/lib/css/editor.css b/lib/css/editor.css index c5d737e..9211b20 100644 --- a/lib/css/editor.css +++ b/lib/css/editor.css @@ -1,73 +1,75 @@ -@import "font-awesome.min.css"; - - -@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; -} - - - - - -body {font-family: 'PT Sans', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;font-size: 100%;line-height: 1.5;color: #333;} - -blockquote {padding: 0;text-indent: 0em;color: #46962b;background: ;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;} - -strong, b {font-family: 'PT Sans Bold', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;font-weight: normal;} - -h1,h2,h3,h4,h5,h6 {line-height: 1.4em;margin:0 0 0.3em 0;font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;font-weight: normal;color: #0a350a;text-align: left;} -h1 {font-size:1.8em;margin-bottom:0em;text-transform: uppercase; font-family: 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;color:red;} -h2 {font-size:1.6em;} -h3 {font-size:1.5em;color: #5dae59;} -h4 {font-size:1.3em;} -h5 {font-size:1.1em;} -h6 {font-size:1em;} - -.kontrast {color:#e6007e!important;} - -a {color:#61ae4d;text-decoration: none;} -a:hover {color:#61ae4d;text-decoration: underline;} -a:visited {color:#61ae4d;} - - -p.intro {font-family: 'PT Sans Bold', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;font-weight: normal;font-size:1.1em;} -hr {border: 0; background: #e6e6e6; height: 3px;width: 100%;margin: 2.5em 0;} - - -table {margin-bottom: 1.5em; } -table th {font-family: 'PT Sans Bold', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;font-weight: normal; padding: 1em 1em 1em 0;border-bottom: 2px solid #0a321e;color: #0a321e; } -table td{ padding: 1em 1em 1em 0;border-bottom: 1px solid #e6e6e6; } - -pre {max-width: 100%;margin-bottom: 1.5em;padding: 1.5em;overflow: auto;background: #e6e6e6;font-size: 0.8em;line-height: 1.4;} -address {background: #e4f8df;padding: 1em;margin-bottom: 1.5em;font-style:normal;} - -a span.button, span.button a {display: inline-block; background: #61ae4d; color: #fff; padding: 0.5em;font-family: 'PT Sans Bold', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;font-weight: normal;border-radius: 0.3em;} - +@import "font-awesome.min.css"; + + +@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; +} + + + + + +body {font-family: 'PT Sans', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;font-size: 100%;line-height: 1.5;color: #333;} + +blockquote {padding: 0;text-indent: 0em;color: #46962b;background: ;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;} + +strong, b {font-family: 'PT Sans Bold', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;font-weight: normal;} + +h1,h2,h3,h4,h5,h6 {line-height: 1.4em;margin:0 0 0.3em 0;font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;font-weight: normal;color: #0a350a;text-align: left;} +h1 {font-size:1.8em;margin-bottom:0em;text-transform: uppercase; font-family: 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;color:red;} +h2 {font-size:1.6em;} +h3 {font-size:1.5em;color: #5dae59;} +h4 {font-size:1.3em;} +h5 {font-size:1.1em;} +h6 {font-size:1em;} + +.kontrast {color:#e6007e!important;} + +a {color:#61ae4d;text-decoration: none;} +a:hover {color:#61ae4d;text-decoration: underline;} +a:visited {color:#61ae4d;} + + +p.intro {font-family: 'PT Sans Bold', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;font-weight: normal;font-size:1.1em;} +hr {border: 0; background: #e6e6e6; height: 3px;width: 100%;margin: 2.5em 0;} + + +table {margin-bottom: 1.5em; } +table th {font-family: 'PT Sans Bold', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;font-weight: normal; padding: 1em 1em 1em 0;border-bottom: 2px solid #0a321e;color: #0a321e; } +table td{ padding: 1em 1em 1em 0;border-bottom: 1px solid #e6e6e6; } + +pre {max-width: 100%;margin-bottom: 1.5em;padding: 1.5em;overflow: auto;background: #e6e6e6;font-size: 0.8em;line-height: 1.4;} +address {background: #e4f8df;padding: 1em;margin-bottom: 1.5em;font-style:normal;} + + +.wp-block-button__link { display: inline-block; border-radius: 0px; background: #e6007e; color: #fff; padding: 0.5em; font-size:100%; font-family: 'PT Sans Bold', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;} +a span.button, span.button a {display: inline-block; background: #61ae4d; color: #fff; padding: 0.5em;font-family: 'PT Sans Bold', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;font-weight: normal;border-radius: 0.3em;} + img.rund {border-radius: 50%;border: 5px solid #f6f6f6;width: 150px;height:auto;} \ No newline at end of file diff --git a/lib/css/style.css b/lib/css/style.css index 7d6191a..a966dd7 100644 --- a/lib/css/style.css +++ b/lib/css/style.css @@ -1,2012 +1,2013 @@ -/*Farb-Schema - Hauptfarbe Grün: #46962b - Akzentfarbe Dunkelgrün: #0a321e - Haupt- und Akzentfarbe Gelb: #ffee00 - Akzentfarbe Magenta: #e6007e - Leichtes Grau: #f6f6f6 - Blasses Grün: #e4f8df -*/ - - -/**********************************************************************/ -/* 1. CSS Reset by Eric Meyer */ -/* (slightly adapted to HTML5) */ -/**********************************************************************/ - -html, body, div, span, object, iframe, -h1, h2, h3, h4, h5, h6, p, blockquote, pre, -a, abbr, address, cite, code, del, dfn, em, -img, ins, kbd, q, samp, small, strong, -sub, sup, var, dl, dt, dd, ol, ul, li, -fieldset, form, label, legend, -table, caption, tbody, tfoot, thead, tr, th, td, -article, aside, footer, header, nav, time, section { - margin: 0; - padding: 0; - border: 0; - outline: 0; - font-weight: inherit; - font-style: inherit; - font-size: 100%; - font-family: inherit; - vertical-align: baseline; -} - -body {-webkit-font-smoothing: antialiased;} - -/* remember to define focus styles! */ -:focus { outline: 0; } - -/* tables still need 'cellspacing="0"' in the markup */ -table {border-collapse: separate;border-spacing: 0;} - -caption, th, td {text-align: left;font-weight: normal;} - - -/**********************************************************************/ -/* 2. Needed for rendering HTML5 properly in current browsers */ -/**********************************************************************/ - -article, aside, footer,header, nav, section { display: block; } - - -/**********************************************************************/ -/* 3. Some basic helper styles */ -/**********************************************************************/ - -.invisible, legend {position: absolute;left: -9999em;} -.clear {display: block; width: 100%; clear: both;} - -.unsichtbar {position:absolute;top:-9999px;left:-9999px;height:1px;width:1px;display:block;} - - -/**********************************************************************/ -/* 4. Basic styles against the reset */ -/**********************************************************************/ - -code, kbd, var, tt { font-family: Consolas, "Courier New", Courier, sans-serif; } -p code, p kbd, p var, p tt { line-height: 1; } -strong, dt { font-weight: bold; } -em, cite { font-style: italic; } -abbr[title] {border-bottom: 1px dotted #888;cursor: help;} -a abbr { cursor: pointer; } -del {text-decoration: line-through;} -ins {border-bottom: 1px dashed #888;text-decoration: none;} -sub { vertical-align: text-bottom; } -sup { vertical-align: text-top; } -sub, sup { font-size: 75%;line-height: 1;} -ol { list-style-type: decimal; } -ul { list-style-type: disc; } - -input, textarea, select { font-size: 1em;margin: 0;border: 0;padding: 0; } -label { font-weight: normal; } -label, button,input[type=button],input[type=submit] { cursor: pointer; } -fieldset {display: block;margin: 0;} - -/* This positions an unstyled legend element */ -/* correctly in IE6 + IE7 */ -* html legend, -*:first-child+html legend {position: relative;left: -10px;} - -/*Wordpress align*/ -img.alignright {float:right; margin:0 0 1em 1em} -img.alignleft {float:left; margin:0 1em 1em 0} -.aligncenter {display: block; margin-left: auto; margin-right: auto} -a img.alignright {float:right; margin:0 0 1em 1em} -a img.alignleft {float:left; margin:0 1em 1em 0} -a img.aligncenter {display: block; margin-left: auto; margin-right: auto} -.hidden {display:block;position:absolute;top:-10000px;} - -.clearfix, .commentlist article {zoom: 1; } - .clearfix:before, .clearfix:after, .commentlist article:before, .commentlist article:after {content: "";display: table; } - .clearfix:after, .commentlist article:after {clear: both; } - - -/**********************************************************************/ -/* 5. Font Faces */ -/**********************************************************************/ -@font-face { - font-family: 'Arvo Regular'; - src: local('Arvo Regular'), local('ArvoRegular'), url('../fonts/arvo_regular.woff') format('woff'); - font-weight: normal; - font-style: normal; -} - -@font-face { - font-family: 'Arvo Gruen'; - src: local('Arvo Gruen'), local('ArvoGruen'), url('../fonts/arvo_green.woff') format('woff'); - font-weight: normal; - font-style: normal; -} - - -@font-face { - font-family: 'PT Sans'; - src: local('PT Sans'), local('PTSans-Regular'), url('../fonts/ptsans-regular.woff') format('woff'); - font-weight: normal; - font-style: normal; -} - - - -@font-face { - font-family: 'PT Sans Bold'; - src: local('PT Sans Bold'), local('PTSans-Bold'), url('../fonts/ptsans-bold.woff') format('woff'); - font-weight: bold; - font-style: normal; -} - - -/**********************************************************************/ -/* 6. Screen styles for all (primary mobile) */ -/**********************************************************************/ - -@media screen { - - -/********************* -01. GENERAL STYLES -*********************/ - body {font-family: 'PT Sans', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;font-size: 100%;line-height: 1.5;color: #333;background-size: 100% 100%;padding-top: 3em;background-color: #46962b; - } - - img {max-width:100%;height:auto;} - - blockquote {padding: 0;text-indent: 0em;color: #46962b;background: transparent;font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;font-weight: 500; margin: 2em 4em;font-style: italic; border-bottom: 3px solid #46962b; } - - table, tr, td {vertical-align: top;} - - strong, b {font-family: 'PT Sans Bold', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;font-weight: normal;} - hr {border: 0; background: #f6f6f6; height: 3px;width: 100%;margin: 2.5em auto 2em;} - -/******************** -02. WORDPRESS BODY CLASSES -********************/ - - - - - -/********************* -03. LAYOUT & PARALLAX -*********************/ - .fullpage { min-height: 100vh;} - .fullpage.parallax {background-size: cover!important;} - .parallax {z-index: 1;background: 50% 50% / cover;} - - - -/********************* -04. LINK STYLES -*********************/ - - a {color:#46962b;text-decoration: none;} - a:hover {color:#e6007e;text-decoration: underline;} - a:visited {color:#e6007e;} - - a span.button, span.button a {display: inline-block; background: #e6007e; color: #fff; padding: 0.5em;font-family: 'PT Sans Bold', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;} - - a:hover span.button, span.button a:hover {background: #46962b;text-decoration: none; - } - -/****************************************************************** -05. H1, H2, H3, H4, H5 STYLES -******************************************************************/ - - h1,h2,h3,h4,h5,h6 {font-size: 1em;line-height: 1.4em;margin-bottom:0.3em;font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;font-weight: normal;text-align: left;word-wrap: break-word; } - h1 {margin-bottom:0em;font-size: 1.5em;font-family: 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;text-transform: uppercase;} - - article.hentry h1, article.hentry h2, article.hentry h3, article.hentry h4, article.hentry h5, article.hentry h6 {color: #0a350a;} - - h2 {} - h3 {color: #46962b;} - h4 {} - h5 {} - h6 {} - .kontrast {color:#e6007e!important;} - - -/********************* -06. HEADER SYTLES -*********************/ - - #header {margin: 0;padding: 0;position: relative;} - - - /* site title - just for seo */ - #header .sitetitle {display: none;} - - /*mobile header */ - .header-mobile {background: #0a321e; width: 100%;position: fixed;top: 0;z-index: 10;} - .header-mobile h2 {color: #fff;text-align:center; padding: 0.5em 0;margin: 0;line-height: 1em;font-size: 1.5em;font-family: 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;text-transform: uppercase; } - .header-mobile .switch-menu {position: absolute; left: 1em; top: 0.6em;color: #fff;font-size: 1.1em;} - - #wrap {margin-top: 3em;} - - - - - -/********************* -07. NAVIGATION STYLES -*********************/ - - .navigation li, nav li {list-style-type: none;} - - /*hide navs in mobile version */ - #breadcrumb, #nav-desktop, #nav-flyin {display: none;} - #nav-flyin {height: 0px; top: -500px;overflow: hidden;} - - - #nav-mobile {left: -150%; -webkit-transition: left 0.5s;-moz-transition: left 0.5s; -o-transition: left 0.5s; transition: left 0.5s;} - #nav-mobile {background: #46962b;z-index: 11;position: fixed;width: 90%;min-height: 100%;height: 100%;padding: 2em 0 2em 4em;box-sizing: border-box;top: 0; bottom: 0;overflow: scroll;border-right: 3px solid #0a321e;box-shadow: 0 0 15em #000; } - - #nav-mobile:target {left: 0;} - - /*close*/ - #nav-mobile .switch-menu {color: #fff;font-size: 0.9em;position: relative;z-index: 99!important;display: block; } - #nav-mobile .switch-menu span {margin-right: 0.5em;} - - /*logo */ - #nav-mobile .logo {border-top: 2px solid #fff;border-bottom: 2px solid #fff;margin: 2em 2em 0 0;padding: 1em 0;} - #nav-mobile .logo img {width: 20%; height: auto;float: left;} - #nav-mobile .logo h2 {font-size: 2em; margin-left: 25%;font-family: 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;text-transform: uppercase;color: #fff;} - - /*searchform*/ - #nav-mobile .suche {margin: 2em 2em 2em 0;} - #nav-mobile .suche label {display: none;} - #nav-mobile .suche input.seachphrase {border: 1px solid #333;padding: 1em;box-sizing: border-box;font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;background: #fff;color: #333;font-size: 1em;width: 100%; } - #nav-mobile .suche .button-submit {display: none;} - #nav-mobile .suche {} - - /*menu*/ - #nav-mobile nav {font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;} - #nav-mobile nav ul {margin: 0; padding: 0;} - #nav-mobile nav li {margin: 0; padding: 0;} - #nav-mobile nav a {color: #fff;background: #0a321e;display: block;margin: 0 0 1em; padding: 0.5em;} - #nav-mobile nav li li a {background: transparent;margin: 0 0 1em 2em;} - - - /*pagination */ - .page-navigation {background: transparent;padding: 1.5em 0;text-align: center;margin: 0 1em 1em;font-family: 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;} - .page-navigation li {display: inline;color: #0a321e;font-size: 1em;margin: 0 0.2em; } - .page-navigation li a {display: inline-block;background: #fff; padding: 0.5em 1em;color: #0a321e;} - .page-navigation li a:hover {color: #fff; background: #e6007e;} - .page-navigation li.kr8pn-next-link, .page-navigation li.kr8pn-prev-link, .page-navigation li.kr8pn-last-page-link, .page-navigation li.kr8pn-first-page-link {display: none; } - .page-navigation ol {display: inline-block;border-right: 0;} - .page-navigation li.kr8pn-current {display: inline-block;background: #ffee00; padding: 0.5em 1em;} - - /*Nav social networks */ - .nav-social {padding: 1em;font-size: 2em;} - .nav-social li {margin-bottom: 1em;} - .nav-social li:last-of-type {margin: 0;} - .nav-social a {font-family: 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;text-transform: uppercase;color: #46962b;} - .nav-social a:hover {text-decoration: none;color: #0a321e;} - .nav-social a:before{content: "\f0ac"; font-family: FontAwesome; margin-right: 0.3em;color: #e6007e;} - .nav-social .twitter a:before{content: "\f099";} - .nav-social .facebook a:before{content: "\f087";} - .nav-social .instagram a:before{content: "\f16d";} - .nav-social .youtube a:before{content: "\f16a";} - .nav-social .flickr a:before{content: "\f16e";} - - - /*Nav Footer */ - .nav-footer {margin-top:2em;clear: both;} - #footer .nav-footer li a{color: #fff;} - - /*Suchfeld im Header */ - .search-desktop {display: none;} - - -/********************* -08. POSTS & CONTENT STYLES -*********************/ - - /*basic content styles */ - #content {padding: 0;} - - /*posts & pages */ - article.postsingle {background: #fff;padding: 1em;margin: 1em; margin-bottom: 0; - box-shadow: 5px 5px 10px rgba(0,0,0,0.2); } - - article.post {margin-bottom: 2em;z-index: 2;position: relative;} - .hentry p {line-height: 1.5em;margin: 0 0 1.2em 0;} - p.intro {font-family: 'PT Sans Bold', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;font-size:1.1em;} - - - - - /*post header */ - - p.byline {font-size: 0.8em; color: #8c8c8c;margin: 0 0 0.5em;text-align: right; } - /*post tags*/ - p.subhead {margin: 0;font-size: 0.9em;color: #46962b;} - p.subhead a { } - .postlist p.subhead {font-size: 0.8em; } - - - - /*lists*/ - .hentry ul, .hentry ol {margin: 0 2em;} - .hentry ul li {list-style-type: none;counter-increment: list;position: relative;margin: 0 0 1em 0;} - .hentry ul li:before {content: "✲";position: absolute;left: -2.5em;width: 2em;text-align: right;color: #46962b;} - article ol {counter-reset:li;} - article ol > li {list-style-type: none;counter-increment: list;position: relative;margin: 0 0 1em 0;} - article ol > li:before {content:counter(li)'.'; counter-increment:li; position: absolute;left: -2.5em;width: 2em;text-align: right;color: #46962b;font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;} - article ul li li, article ol li li {margin: 1em 0 1em 0;} - - - /*tables */ - article table {margin-bottom: 1.5em;max-width: 100%;overflow: hidden;word-wrap: break-word; } - article table caption {display: none;} - article table th {font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif; padding: 1em 1em 1em 0;color: #0a321e;background: #46962b;padding: 1em;color: #fff; } - article table td{ padding: 1em 1em 1em 0;border-bottom: 1px solid #f6f6f6; } - - /*Infobox */ - .infobox {background: #ffee00; padding: 2em;margin-bottom: 1em;margin-left: 2em;} - - - - /*image: titleimage (single) */ - .postimg {margin: -1em -1em 1em; display: block;} - .single .postimg .wp-caption-text {text-align: right;padding: 1em 1em 0 0;margin-bottom: 0;} - .single .termine .postimg .wp-caption-text {margin-bottom: -2em;} - #single-intro {height: 30%;min-height: 300px; top: 0;} - - .single a.postimg img.attachment-titelbild.wp-post-image, a.postimglist img.attachment-titelbild.wp-post-image {width: 100%;height: auto;} - - /*image: single parallax */ - .introbg {display: none;} - #single-intro {margin-top: 10em;background-size: cover;margin-top: 0;} - - /*image: home parallax */ - .home #single-intro {display: none;} - .home #single-intro {display: none;} - .home .introbg {display: none;} - - - - /*image sizes */ - img.size-large, img.size-full {width: 100%;height: auto;} - img.size-medium {width: 100%;height: auto;} - img.rund {border-radius: 50%;border: 5px solid #f6f6f6;width: 100%;} - .page article.post img.size-titelbild {width: 100%; } - - - /*image galleries*/ - .gallery {text-align: center; background: #f6f6f6;margin: 0 -1em 1em; padding: 2em;border: 0;} - .gallery dl.gallery-item {display: inline-block;margin: 0 2% 1% 0;vertical-align: top; } - .gallery dl.gallery-item:nth-of-type(2n) {margin-right: 0;} - .gallery dl.gallery-item img {width: 100%;height: auto; } - .gallery dl.gallery-item .gallery-caption {margin-bottom: 1em;display: none;} - .gallery br {display: none;} - .gallery-columns-9 dl.gallery-item {width: 48%;} - .gallery-columns-9 dl.gallery-item:nth-of-type(9n) {margin-right: 0;} - .gallery-columns-8 dl.gallery-item {width: 48%;} - .gallery-columns-8 dl.gallery-item:nth-of-type(8n) {margin-right: 0;} - .gallery-columns-7 dl.gallery-item {width: 48%;} - .gallery-columns-7 dl.gallery-item:nth-of-type(7n) {margin-right: 0;} - .gallery-columns-6 dl.gallery-item {width: 48%;} - .gallery-columns-6 dl.gallery-item:nth-of-type(6n) {margin-right: 0;} - .gallery-columns-5 dl.gallery-item {width: 48%;} - .gallery-columns-5 dl.gallery-item:nth-of-type(5n) {margin-right: 0;} - .gallery-columns-4 dl.gallery-item {width: 48%;} - .gallery-columns-4 dl.gallery-item:nth-of-type(4n) {margin-right: 0;} - .gallery-columns-3 dl.gallery-item {width: 48%;} - .gallery-columns-3 dl.gallery-item:nth-of-type(3n) {margin-right: 0;} - .gallery-columns-2 dl.gallery-item {width: 48%;} - .gallery-columns-2 dl.gallery-item:nth-of-type(2n) {margin-right: 0;} - .gallery-columns-1 dl.gallery-item {width: 100%;} - .gallery-columns-1 dl.gallery-item:nth-of-type(1n) {margin-right: 0;} - - /*image caption */ - .wp-caption-text, .gallery-caption {font-size: 0.8em;color: #555;} - div.wp-caption {max-width: 100%;} - - - /*more objects */ - article iframe {max-width:100%;} - pre {max-width: 100%;margin-bottom: 1.5em;padding: 1.5em;overflow: auto;background: #f6f6f6;font-size: 0.8em;line-height: 1.4;} - address {background: #e4f8df;padding: 1em;margin-bottom: 1.5em;} - article .searchform {background: #f6f6f6; padding: 2em; width: 100%;margin: 0 -2em -4em -2em;} - article .searchform label {margin-bottom: 1em; display: block;} - - - /*category view:post */ - - article.postlist {margin: 1em;background: #fff;padding: 1em;} - article.postlist a.postimglist {margin: -1em -1em 0;display: block; } - article.postlist a.postimglist img{width: 100%;height: auto;} - article.postlist h2 {margin-bottom: 0;} - article.postlist h2 a {color:#0a321e;} - article.postlist .article-teaser {display: none;} - article.postlist {} - - /*category view: Archiv-Titel*/ - div.archive-title {margin: 1em;color: #fff; } - div.archive-title h1 {display: inline-block;color: #fff;margin-bottom: 0.2em;} - .archive-title p {font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;} - .archive-title p a {color: #fe0;} - - - - /*category template: headerlist */ - article.postlist-small, #main article.postlist-small {padding: 1em;background: #fff; margin: 0 1em 1em;} - article.postlist-small h2 {font-size: 1em;} - article.postlist-small h2 a span {color: #ed228d;font-size: 0.7em;margin-right: 0.3em;display: block;} - article.postlist-small p {font-size: 0.7em;color: #888;margin: 0!important;text-align: right;} - article.postlist-small a {} - - - /*shortcode: sitemap */ - ul.sitemap {margin: 0; padding: 2em 2em;} - ul.sitemap li {list-style-type: none;clear: both;background: #f6f6f6; padding: 2em;} - ul.sitemap li:before{content: ""; } - ul.sitemap li img {float: left;margin: 0 0.5em 2em 0;width: 100px;border-radius: 50%; } - ul.sitemap li a {font-size: 1.1em;font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;font-weight: normal;} - ul.sitemap li span {display: block;font-size: 0.9em;font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;} - - - - /*Author */ - .author {padding: 1em 1em 0;margin-top: 1em;text-align: center;} - .author img.avatar {border-radius: 50%;} - .author .author-description {} - .author .author-description h3 {font-size: 1.2em;padding-top: 0.5em;text-align: center;} - .author .author-description h3 a {color: #0a321e;} - .author .author-description p {margin-bottom: 0.5em!important;font-size: 0.9em;} - - - - /*socialshare */ - .sharewrap {margin: 2em 0 0; padding: 0; clear: both;background: #fff;} - .sharewrap a {display: inline-block; text-align: center; padding: 0; margin-bottom: 0; font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;color: #fff;font-size: 1em;} - .sharewrap a:hover {background:#e6007e !important;} - .sharewrap a span {display: none;} - .sharewrap a i {font-size: 1.2em;padding: 0.5em 1em;} - .sharewrap a.twitter {background: #59adeb;} - .sharewrap a.facebook {background: #3b5998;} - .sharewrap a.whatsapp {background: #4dc247;} - .sharewrap a.google {background: #d53f38;} - .sharewrap a.email {background: #ff9900;margin: 0;} - - - - /*colorbox */ - .colorbox {background: #ffee00; margin: 2em -2em; padding: 2em;color: #0a321e;} - .colorbox img.rund {border-color: #e6007e;} - - - /*Quiz */ - .wpss-form {} - #main .wpss form {background: #ffee00;margin-bottom: -2em;} - .wpss-form .wpss-question p {font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;} - .wpss .wpss-form fieldset {border: 0;} - .wpss .wpss-form input.wpss-radio {float: left;width: auto!important; margin: 0.25em 0.5em 0 0;} - #main .wpss .wpss-form label {font-size: 1em;color: #46962b;font-family: 'PT Sans Bold', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif; } - #main .wpss .wpss-form .wpss-question {margin-bottom: 1em;} - #main .wpss .wpss-progress-bar {margin-bottom: 1em;margin-top: 1em;} - #main .wpss .wpss-progress-bar span {background: #e6007e;} - #main div.wpss_results_score {background: #fe0; padding: 1em; text-align: center;font-size: 2em;font-family: 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;color: #46962b; } - - - /*article by shortcode */ - - .insidelist.grau {background:#eee;margin:0 -2em 1em -2em;} - - - -/********************* -09. PAGE TEMPLATES -*********************/ - - - /*TEMPLATE: Startseite */ - #teaser {margin-bottom: 0;} - #teaser.welcome {background: #f6f6f6; padding: 2em;box-sizing: border-box;margin: 1em 1em 0;} - - /*Kacheln */ - #teaser {} - .josephbeuys article, .petrakelly article {background: #e6007e; padding: 1em; color: #fff;margin: 0 ;border-bottom: 3px solid #ffee00;} - .josephbeuys a, .petrakelly a {color: #fff;} - .josephbeuys .subhead, .petrakelly .subhead {color: #ffee00;} - .josephbeuys .postimglist {margin: -1em -1em 0 -1em;display: block;} - .josephbeuys img {} - - - /*TEMPLATE: Campaign */ - - p.cta a {display: inline-block; padding:0.5em 1em; color:#46962b; background:#fe0;margin-top:1em;text-shadow: 0 0 0;font-family: 'Arvo Regular', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;text-transform: none;} - p.cta a:hover {color:#fff; background:#e6007e;} - - /*Spenden*/ - #donatenow {background:#e6007e; padding:1em;text-align: center;font-family: 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;text-transform: uppercase;margin-top:0;} - #donatenow h2 {color:#fff;font-family: 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;text-align: center;font-size: 2em;} - #donatenow a {display:inline-block; background:#fe0;padding:0.5em 1em;color:#46962b;} - #donatenow a:hover {background:#46962b;color:#fe0;} - - - /*Actionbox */ - #getinvolved {padding-top:2em;} - #getmore {padding-top:2em; } - #getinvolved h2, #getmore h2 {color:#fff;font-family: 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;text-align: center;font-size: 2em;text-transform: uppercase;} - .involvebar.sidebar {background: transparent;padding:1em;} - .involvebar .widget_text {border:4px solid #fe0;padding:2em;color:#fff;} - .involvebar .widget_sp_image {border:0; color:#fff;} - .involvebar .widget h3 {color:#fe0;font-size:1.5em;} - .sidebar.involvebar .widget_text a, .sidebar.involvebar .widget_sp_image-description a {display:inline-block; background:#fe0; color:#46962b; padding:0.5em 1em;margin-top:0.5em;font-family: 'Arvo Regular', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;} - .sidebar.involvebar .widget_text a:hover, .sidebar.involvebar .widget_sp_image-description a:hover {background:#e6007e; color:#fff;} - - - - - /*TEMPLATE: LANDING-PAGE */ - /*intro */ - h1.landing-title {margin-bottom: 1em;display: inline-block;padding-right: 40px;background: url(../images/stoerer_end.png) right center no-repeat;font-family: 'Arvo Gruen', 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;text-transform: uppercase;} - h1.landing-title span{display: inline-block;background: #e6007e url(../images/stoerer_end.png); color: #fff;padding: 0.3em 0.2em 0.3em 0.5em;text-shadow: 0 0 0; } - #landing-intro {color: #fff;font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;text-shadow: 1px 1px 5px rgba(0,0,0,0.5);padding: 2em 1em;min-height: 300px;} - - /*page content */ - .page-template-page-landingpage article.page.hentry, .page-template-page-landingpage-small article.page.hentry {background: #fff;margin: 0; padding: 2em 2em 0;background: #fff;box-shadow: 5px 5px 10px rgba(0,0,0,0.2); } - - - - /*news */ - .landingnews {margin: 0;} - h2.landingsection {background: #fff;display: inline-block;margin: 2em 0 0 0; padding: 0.5em;font-size: 1.5em;} - .landingnews article {} - - - - - - - /*TEMPLATE: ARCHIV*/ - .archiv {} - .archiv ul {margin: 0;} - .archiv li:before {content: ""!important;} - .archiv li {display: inline; padding: 0;} - .archiv li:after {display: inline;content: ' / ';padding: 0;} - .archiv ul li:last-of-type:after {content: '';} - .archiv h2 {font-size: 1.2em;margin-top: 2em;} - .archiv .archiv-tags a {font-size: 1em!important;} - - /*TEMPLATE: LISTVIEW*/ - .page-template-page-listview-php article.postsingle {background: transparent;padding: 0;margin: 0;} - .page-template-page-listview-php article.postsingle article {background: #fff;padding: 1em;margin: 1em;border: 0;} - .page-template-page-listview-php #main article.postsingle form {background: #fe0; padding: 1em;margin: 1em;} - .page-template-page-listview-php #main button { font-size: 1em;} - .page-template-page-listview-php #main article.postsingle form label {color: #46962b;} - - - - /*TEMPLATE: STORY */ - .story-intro {color: #fff;position: absolute;bottom: 35%;height: 15%;width: 100%;text-align: center;font-size: 1.3em;text-shadow: 2px 2px 4px rgba(0,0,0,0.5);z-index: 2;} - .story-intro h1 {color: #fff; text-align: center;} - .page-template-page-story article {padding: 2em 2em;margin: 0; color: #fff;} - .page-template-page-story article img.size-large, .page-template-page-story article img.size-full, .page-template-page-story article img.aligncenter {margin-top: 1em;margin-bottom: 1em;} - .page-template-page-story .parallax {text-shadow: 2px 2px 4px rgba(0,0,0,0.5);} - .inhaltvz {display: none;} - .abstand {height: 400px;max-height: 60vh;} - - - /*SEARCH */ - .search-results #main .suche {display: none;} - /*post types */ - .search-results #main .article-teaser {display: block!important;} - .search-results #main .article-teaser p {margin-bottom: 0;} - .search-results #main article.type-termine {padding: 1em;margin: 1em; } - .search-results #main article.type-termine h2 {margin: 0;text-align: left;} - .search-results #main article.type-termine h2:before {content: "\f073";font-family: 'FontAwesome';margin-right: 0.3em;color: #e6007e;} - .search-results #main article.type-termine .article-teaser {margin: 0;} - .search-results #main article.type-termine p {margin: 0;text-align: left;} - .search-results #main article.type-person h2:before {content: "\f21d";font-family: 'FontAwesome';margin-right: 0.3em;color: #e6007e;} - .search-results #main article.type-page h2:before {content: "\f0e8";font-family: 'FontAwesome';margin-right: 0.3em;color: #e6007e;} - .search-results #main article.type-post h2:before {content: "\f1d9";font-family: 'FontAwesome';margin-right: 0.3em;color: #e6007e;} - .search-results #main article.category-presse h2:before {content: "\f1ea";font-family: 'FontAwesome';margin-right: 0.3em;color: #e6007e;} - .search-results #main article.category-beschluesse h2:before {content: "\f02d";font-family: 'FontAwesome';margin-right: 0.3em;color: #e6007e;} - .search-results #main article.type-gliederung h2:before {content: "\f024";font-family: 'FontAwesome';margin-right: 0.3em;color: #e6007e;} - - #main .suche button {border: 0;font-size: 1em;padding: 0.5em;background: #e6007e;color: #fff;font-family: 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;text-transform: uppercase;font-weight: normal;} - #main .suche button:hover {background: #ffee00;color: #46962b;} - #main .suche label {display: none;} - #main .suche input {padding: 1em;width: 100%;box-sizing: border-box;} - - - /*404 */ - .error404 {background: url(../images/bg_kohle.jpg);} - .error404 article {margin: 1em;background: transparent;color: #fff; - } - .error404 article h1 {padding: 0.5em;} - .error404 article p {padding: 0 1em; } - .error404 article form {margin: 1em 0 0 0!important;width: 100%;box-sizing: border-box;background: transparent!important;} - - -/********************* -10. POST TYPES -*********************/ - - - /*POSTTYPE:PERSON*/ - .single article.person {position: relative;background: #fff;margin: 1em;padding: 1em;box-shadow: 5px 5px 10px rgba(0,0,0,0.2); - } - - h2.h3 {font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;font-size: 1.3em;color: #46962b;margin-top: -0.2em;margin-bottom: 1em;} - .socialprofile {} - .socialprofile a {font-size: 1.2em;background: #0a321e;width: 2em;height: 2em; display: inline-block;box-sizing: border-box;padding-top: 0.25em;border-radius: 50%;text-align: center;margin:0 0.1em 1em; color: #fff; } - .socialprofile a:hover {background: #46962b;} - - .anschrift {background: #e5e5e5; width: 60%;padding: 1em 1em 0.1em 1em;margin-left: 5%;} - - - /*Person: List Team */ - .personen-list {} - .personen-list article {margin: 0 0 2em;padding: 0 0 2em ;text-align: center;border-bottom: 3px solid #f6f6f6; } - .personen-list article.has-post-thumbnail {margin-top: 6.5em;} - .personen-list h3 {margin-bottom: 0;text-align: center;color: #e6007e!important; } - .personen-list p.funktion{color: #46962b;margin-bottom: 0.5em;} - .personen-list p.listenplatz{color: #46962b;margin: 0.5em 0 0;font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;f} - .personen-list p {margin-bottom: 0;} - .personen-list p.short {margin-bottom: 1em; color: #555;} - .personen-list p.motivation {margin-bottom: 1em; color: #555;font-style: italic;} - .personen-list p a {color: #333;} - .personen-list img {border-radius: 50%;border: 5px solid #f6f6f6;width: 7em;height: 7em;margin-top: -5em;text-align: center;} - .personen-list p.contact a {display: inline-block; background: #0a321e;padding: 0.2em 0.5em;border-radius: 50%; color: #fff;} - .personen-list p.contact a:hover {background: #46962b; } - .personen-list .details {margin-top: 1em; } - .personen-list .details a {display: inline-block; background: #46962b;color: #fff; padding: 0.3em 0.5em;font-family: 'PT Sans Bold', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;font-size: 0.9em;border-radius: 0.4em;} - .personen-list .details a:hover {background: #ffee00;color: #46962b;} - - - /*POSTTYPE: Termine */ - article.termine {border-bottom: 2px solid #f6f6f6;margin: 1em 0;position: relative;padding: 1em;} - article.termine:last-of-type {border-bottom: 0;} - article.termine .termin_meta_kurz {color: #e6007e;text-align: center;font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;margin-bottom: 0.7em;} - article.termine .termin_meta_kurz span {display: block;font-size: 0.8em;} - article.termine .termin_meta_kurz .termin_datum_kurz {font-size: 2em;} - article.termine h2 {text-align: center; font-size: 1.3em;} - article.termine p {margin: 0;text-align: center; } - article.termine a.weiterlesen {background: transparent;position: absolute; top: 0;left: 0;height: 100%;width: 100%;text-indent: -9999px;} - article.termine a.weiterlesen:hover {background: rgba(0,0,0,0.03);} - - .single article.termine {background: #fff; margin: 1em;padding: 1em;} - .single article.termine .termin_meta {margin: 1em 0 1em 0;color: #0a321e;font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;font-size: 0.9em; } - .single article.termine .termin_meta span {display: block;margin-bottom: 0.5em;} - .single article.termine .termin_meta span:before {padding-right: 0.5em;font-family: "FontAwesome";color: #46962b;font-size: 1.3em; } - .single article.termine .termin_meta .termin_tag:before {content: "\f073";} - .single article.termine .termin_meta .termin_zeit:before {content: "\f017";} - .single article.termine .termin_meta .termin_ort:before {content: "\f041";} - .single article.termine .termin_meta .termin_veranstalter:before {content: "\f007";} - .single article.termine p {text-align: left;margin-bottom: 1.2em;} - .single article.termine #termin_map_wrapper {background: #f6f6f6; padding: 1em; margin: 0 -1em -1em -1em;} - .single article.termine #termin_map_wrapper a {color: #0a321e;font-size: 0.8em;} - .single article.termine .entry-content h2 {margin-left: 0;} - - - /*POSTTYPE: GLIEDERUNGEN */ - - - /*Gliederungen: KV Liste */ - .gliederungen-list {} - .gliederungen-list article {border-bottom: 2px solid #f6f6f6;margin: 2em 0; padding: 0 0 2em;} - .gliederungen-list article p.contact{font-size: 1em;} - .gliederungen-list article p.contact a {display: inline-block; background: #0a321e;padding: 0.2em 0.5em;border-radius: 50%; color: #fff;} - .gliederungen-list article p.contact a:hover {background: #46962b;} - .gliederungen-list .article-header{display: inline-block;} - .gliederungen-list .entry-content {display: inline-block; float: right;} - .gliederungen-list .entry-content p, .gliederungen-list article h2 {margin: 0;color: #e6007e; - } - .gliederungen-list h2 {font-size: 1em;} - - - - - -/****************************************************************** -11. PAGE NAVI STYLES -******************************************************************/ - - /*Tabs*/ - .responsive-tabs__heading { display: none;} - .responsive-tabs__list__item { display: inline; cursor:pointer;} - .content-tabs {margin-bottom: 2em;border-top: 1px solid #46962b; } - .content-tabs .responsive-tabs__list { display: none;} - .responsive-tabs__list li:before {content: "";} - .responsive-tabs__heading { display: block; cursor: pointer; } - .responsive-tabs__panel--closed-accordion-only { display: none;} - .responsive-tabs-wrapper {clear: both;zoom: 1; } - .responsive-tabs-wrapper:before,.responsive-tabs-wrapper:after {content: "";display: table;} - .responsive-tabs-wrapper:after {clear: both;} - .responsive-tabs__heading--active:focus, - .responsive-tabs__list__item--active:focus { outline: none !important;} - - .responsive-tabs__heading { background: #fff;border: 1px solid #46962b;font-size: 1.2em; border-top: 0;padding: 0.3em 0.5em 0.3em 1.3em; margin: 0;color: #333;position:relative;font-family: 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;text-transform: uppercase;font-weight: normal;} - .responsive-tabs__heading--active {background: #46962b;color: #fff;} - .responsive-tabs__panel { padding: 1em;margin: 0;} - - .responsive-tabs__list {margin: 0!important;padding-left: 2em;} - .responsive-tabs__list li {float: none;display: inline-block;margin: 0!important;font-size: 0.8em; } - - .responsive-tabs__heading::after {content: "\f077"; font-family: FontAwesome; left: 0.5em;font-size: 0.7em; position: absolute;color: #46962b; } - .responsive-tabs__heading--active::after {content: "\f078";color: #fff; } - - .responsive-tabs__list__item {background: transparent;padding: 0.7em 1em; color: #fff;} - .comments-tabs .responsive-tabs__list__item {color: #fff;} - .responsive-tabs__list__item:hover {background: transparent; } - .responsive-tabs__list__item--active, - .responsive-tabs__list__item--active:hover { background: #f6f6f6;border: 0;color: #0a321e;} - - - .responsive-tabs__panel { border: 0;background: #fff;margin-bottom: 0;padding: 2em;border: 1px solid #46962b; border-top: 0;border-bottom: 3px solid #46962b; } - - - .comment-tabs {margin: 1em;} - .comment-tabs .responsive-tabs__heading { display: none;} - .comment-tabs .responsive-tabs__panel--closed-accordion-only { display: block;} - .comment-tabs .responsive-tabs__panel {background: #f6f6f6;padding: 0em;border: 0;margin-bottom: 0;padding-bottom: 0;} - .comment-tabs .responsive-tabs__list__item {position: relative;} - .comment-tabs .responsive-tabs__list__item::before {margin-right: 0.5em;font-family: FontAwesome;font-size: 1em; color: #46962b;} - body.page .comment-tabs .responsive-tabs__list__item:nth-of-type(2)::before {content: "\f0e6";} - body.page .comment-tabs .responsive-tabs__list__item:nth-of-type(1)::before {content: "\f040";} - - body.single .comment-tabs .responsive-tabs__list__item:nth-of-type(4)::before {content: "\f0e6";} - body.single .comment-tabs .responsive-tabs__list__item:nth-of-type(3)::before {content: "\f040";} - body.single .comment-tabs .responsive-tabs__list__item:nth-of-type(2)::before {content: "\f1ea";} - body.single .comment-tabs .responsive-tabs__list__item:nth-of-type(1)::before {content: "\f1d9";} - - .comment-tabs .responsive-tabs__list__item {font-size: 0px; padding: 0 10px 0 10px;margin-right: 10px!important;} - .comment-tabs .responsive-tabs__list__item::before {font-size: 25px;margin-right: 0;color: #fff;} - .comment-tabs .responsive-tabs__list__item--active::before {color: #46962b;} - - - /*tabs homepage */ - .home-tabs {margin: 1em;} - .home-tabs .responsive-tabs__panel {padding: 0!important;background: transparent;border: 0;} - .home-tabs .responsive-tabs__panel article {margin: 1em 0; background: #fff;border: 0;} - .home-tabs .responsive-tabs__panel--closed-accordion-only {display: block;}/*1. Tab mobil öffnen */ - .home-tabs .responsive-tabs__list {display: block;} /*nav mobil umstellen */ - .home-tabs .responsive-tabs__list {display: block;padding: 0;font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;} - .home-tabs .responsive-tabs__list li {background: #0a321e;} - .home-tabs .responsive-tabs__list li.responsive-tabs__list__item--active {background: #ffee00;} - .home-tabs .responsive-tabs__list {display: block;} - /*icons*/ - .home-tabs .responsive-tabs__list li:before {color: #fff; font-family: 'FontAwesome';display: block;text-align: center;} - .home-tabs .responsive-tabs__list li.responsive-tabs__list__item--active:before {color: #0a321e;} - .home-tabs .responsive-tabs__list #tablist1-tab1:before {content: "\f1d9";} - .home-tabs .responsive-tabs__list #tablist1-tab2:before {content: "\f073";} - .home-tabs .responsive-tabs__list #tablist1-tab3:before {content: "\f1ea";} - .home-tabs .responsive-tabs__list #tablist1-tab4:before {content: "\f02d";} - - .home-tabs h2.responsive-tabs__heading {display: none!important;} - - p#back-top a {display: none; } - - -/****************************************************************** -12. COMMENT STYLES -******************************************************************/ - .commentlist {background: #f6f6f6; padding: 1em;margin: 0 1em 1em;} - .commentlist li {list-style-type: none;} - - .commentlist li:before{content: "";} - ul.children {margin-left: 1em;} - #main ol.commentlist article {background: transparent;padding: 0.5em;margin: 0 0 1em 1em;} - .commentlist article img.avatar {margin: 0 0.5em -0.7em 0;border-radius: 50%;} - .commentlist article .vcard {padding: 0 0 0 0;font-size: 0.8em;margin-bottom: 0.7em;font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;color:#0a321e;} - .commentlist article .vcard a {color: #46962b;} - .commentlist .comment-reply-link {font-size: 0.6em;padding: 0.2em 0.8em;border-radius: 1em;display: inline-block;text-align: right;color: #fff;background: #46962b;float: right;font-family: 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;text-transform: uppercase; } - .commentlist .comment-reply-link:hover {background: #ffee00; color: #46962b;} - .commentlist article:hover .comment-reply-link {visibility: visible;} - - - #main ol.commentlist article {} - #main ol.commentlist article.bypostauthor {background: #46962b;color: #fff;padding: 1em;} - #main ol.commentlist article.bypostauthor a {color: #0a321e;} - #main article.bypostauthor a.comment-reply-link {color: #fff!important;background: #0a321e;} - - - /*comment nav */ - #comment-nav ul li:before{content: "";} - #comment-nav {padding: 0;margin: 0; background: transparent;} - - #comment-nav li {width: 50%;display: inline-block;padding: 0!important;margin: 0;box-sizing: border-box;font-size: 0.9em;} - #comment-nav li.next {text-align: right;float: right;} - #comment-nav li a {color:#0a321e;font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;} - - - /*Related */ - .posttab, .posttab {padding: 1em 0 0.1em;box-shadow: 5px 5px 10px rgba(0,0,0,0.2);} - .posttab article:first-of-type {margin-top: 0;} - - /*category view:post */ - .posttab article.postlist {margin: 0 1em;background: transparent;padding: 1em 0;border-bottom: 0;} - .posttab article.postlist a.postimglist {float: left;width: 30%;margin: 0 1em 0 0; } - .posttab article.postlist .article-teaser {display: none;} - .posttab article.postlist.has-post-thumbnail h2, .posttab article.postlist.has-post-thumbnail p.subhead, - .posttab article.postlist.has-post-thumbnail .article-teaser {margin-left: 33%; } - - - -/****************************************************************** -13. COMMENT FORM STYLES -******************************************************************/ - - - #respond {background: #f6f6f6;padding: 2em;margin: 0 1em 1em;} - - #reply-title {color: #0a321e;} - #commentform ul {margin: 0;} - #commentform li {list-style-type: none;} - #commentform li:before{content: "";} - #main form {background: #f6f6f6;padding: 2em;margin: 0 -1em 1em;} - #main form p:last-of-type {margin-bottom: 0;} - #main form input, #main form textarea, #main form select {border: 1px solid #cecece;background: #fff;padding: 1em;display: block;margin-bottom: 1em;width: 92%;} - #main form textarea {width: 97.3%;height: 6em;} - #main form input:hover, #main form textarea:hover {border: 1px solid #999;background: #fff;box-shadow: 0 0 5px #eee inset;} - #main form input:focus, #main form textarea:focus {border: 1px solid #46962b;background: #fff;box-shadow: 0 0 5px #eee inset;} - #main form label {font-size: 0.8em;font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;color: #888;} - #main form input[type=number], #main form select, #main form .wpcf7-radio input {width: auto;} - #main form input[type=radio] {display: inline-block;} - #main form .wpcf7-radio span.wpcf7-list-item-label {margin-right: 1em;} - #main form input.wpcf7-acceptance {width: auto; display: inline-block;margin-right: 0.5em;} - #main form .wpcf7-checkbox input {display: inline-block;width: auto;} - #main form input[type=submit], #main form .cr_ipe_item button {display: inline-block;padding: 1em; border: 0;color: #fff;font-weight: normal;font-family: 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;width: auto;text-transform: uppercase;background: #e6007e;font-size: 1.2em;} - #main form input[type=submit]:hover, #main form .cr_ipe_item button:hover {background: #fe0;border:0;color: #46962b;box-shadow: none;} - #main form h2 {margin-bottom: 1em;} - #main form.wpss-form input[type=submit]:hover {background: #46962b;border:0;color: #fff;} - #main form .radiolist .wpcf7-list-item { - display: block; margin:0.3em 0; - } - - #main form canvas {border: 1px solid #cecece;background: #fff; } - #main form .wpcf7-form-control-clear-wrap input {border: 0; padding: 0.5em 0;background: transparent;width: auto;font-size: 0.8em;} - - - - #main form .box {background: #ffee00;margin: 0 -2em 2em -2em;padding: 2em;clear:both;} - #main form hr {color: #fff;background: #fff;margin-bottom: 2em;margin-top: 0;clear:both;} - - #recaptcha_area {margin-bottom: 1em;} - #main form .req {color: #46962b;} - #main form label small {font-size: 0.8em;color: #aaa;font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;} - form .required-info {font-size: 0.8em;color: #888;margin-bottom: 1em;} - - - /********************* - 14. SIDEBARS & ASIDES - *********************/ - .sidebar li {list-style-type: none;} - .sidebar {background:#0a321e;padding: 2em;color: #8d9e96;} - h3.widgettitle {margin-bottom: 0.5em;color: #fff;} - .sidebar a, .sidebar a:visited {color: #ffee00; } - .sidebar a:hover {color: #e6007e; } - .widget {margin-bottom: 2em;border-bottom: 2px solid #17452e; padding-bottom: 2em;} - .sidebar .widget:last-of-type {margin-bottom: 0;} - - /*Twitter */ - .widget.widget_twitter-tracker, .widget_twitter-profile-tracker {padding: 1em;color: #fff;font-size: 0.9em;margin: 0;border: 0; - } - .widget.widget_twitter-tracker h3, .widget_twitter-profile-tracker h3 {} - .sidebar .widget.widget_twitter-tracker a, .sidebar .widget_twitter-profile-tracker a {} - .sidebar .widget.widget_twitter-tracker a.tweet-link, .sidebar .widget_twitter-profile-tracker a.tweet-link {font-size: 0.6em;margin: 0 0 0 40px;background: #46962b;color: #fff!important;padding: 0.3em 0.5em;border-radius: 1em;} - .widget.widget_twitter-tracker img, .widget_twitter-profile-tracker img {float: left; margin: 5px 0 0.5em 0;width: 30px; height: auto;} - .widget.widget_twitter-tracker .msg, .widget_twitter-profile-tracker .msg {margin: 0 0 0 40px;} - - .widget.widget_twitter-tracker .tweets li, .widget_twitter-profile-tracker .tweets li {margin-bottom: 1.5em;} - - - /*Social Media */ - .widget_kr8_socialmedia {padding: 0!important;background: transparent!important;box-shadow: none !important;} - .widget_kr8_socialmedia h3.widgettitle {} - .widget_kr8_socialmedia li {display: inline-block;margin: 0 0.5em 0.5em 0!important; padding: 0!important;} - .widget_kr8_socialmedia li span {border-radius: 50%;box-sizing: border-box;height: 40px;width: 40px;color: #fff;text-align: center;background-color: #0a321e; font-size: 1.3em;padding-top: 0.5em;} - .widget_kr8_socialmedia li span.fa-twitter:hover {background-color: #31ccf0;} - .widget_kr8_socialmedia li span.fa-facebook:hover {background-color: #3b5998;} - .widget_kr8_socialmedia li span.fa-google-plus:hover {background-color: #dd4e51;} - .widget_kr8_socialmedia li span.fa-flickr:hover {background-color: #fd3a93;} - .widget_kr8_socialmedia li span.fa-instagram:hover {background-color: #407291;} - .widget_kr8_socialmedia li span.fa-youtube:hover {background-color: #b1263a;} - .widget_kr8_socialmedia li span.fa-vimeo-square:hover {background-color: #28c5ee;} - .widget_kr8_socialmedia li span.fa-pinterest:hover {background-color: #d7373d;} - .widget_kr8_socialmedia li span.fa-soundcloud:hover {background-color: #fa3846;} - .widget_kr8_socialmedia li span.fa-foursquare:hover {background-color: #5bc0e6;} - .widget_kr8_socialmedia li span.fa-xing:hover {background-color: #074f4f;} - .widget_kr8_socialmedia li span.fa-tumblr:hover {background-color: #2a455b;} - .widget_kr8_socialmedia li span.fa-rss:hover {background-color: #fb9a61;} - .widget_kr8_socialmedia li span.fa-comments-o:hover {background-color: #fb6c55;} - - - /*Bilder Widget*/ - .widget_sp_image img {width:100%!important;height:auto!important;} - - /*Suche */ - .widget_search {background: transparent!important;box-shadow: none!important;padding: 0!important;display: none;} - .widget_search label{display: none;} - .widget_search .seachphrase{padding: 1em 5%;width: 90%;border: 1px solid #0a321e;} - .widget_search .seachphrase:hover, .widget_search .seachphrase:focus {border-color: #46962b;} - .widget_search .button-submit {border:0;background: #0a321e; color: #fff;font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;padding: 0.5em 1em;margin-top: 1em;font-size: 1em;font-weight: normal;} - .widget_search .button-submit:hover {background: #ffee00;color: #0a321e;} - .sidebar .widget_search .button-submit .fa {display: none;} - - /*contact form */ - .sidebar form {} - .sidebar form input {padding: 1em;} - .sidebar form label {display: block;color: #fff;font-size: 0.8em;color: #fff;} - .sidebar form input {padding: 1em;width: 100%;box-sizing: border-box;margin-bottom: 1em;font-size: 1em;font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;} - .sidebar form input:focus, .sidebar form input:hover {box-shadow: 0px 0 10px rgba(0,0,0,0.3);} - .sidebar form button, .sidebar form input[type=submit], .page-template-page-listview-php article button {background: #e6007e;border: 0;font-family: 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;text-transform: uppercase;color: #fff; font-weight: normal;font-size: 1.5em; padding: 1em; display: block;} - .sidebar form button:hover, .sidebar form input[type=submit]:hover, .page-template-page-listview-php article button:hover {background: #46962b;color: #fff;} - .sidebar.threecol button {font-size: 1em;margin-top: 1em;} - - .sidebar form p {margin-bottom: 1em;} - .sidebar form {} - - /*Tag Cloud */ - .widget_tag_cloud {} - .widget_tag_cloud a, #footer .widget_tag_cloud a {font-size: 0.9em!important;display: inline-block;padding: 0.5em 0.6em; margin: 0 0.2em 0.5em 0; background: #46962b; line-height: 1; color: #fff; border-radius: 0.3em;} - .widget_tag_cloud a:hover, #footer .widget_tag_cloud a:hover {background: #ffee00;color: #0a321e;text-decoration: none;} - - /*Termine: Liste */ - .widget_termine_liste_widget {} - .widget_termine_liste_widget li li {} - .widget_termine_liste_widget span{margin-right: 0.4em;font-size: 0.8em;} - .widget_termine_liste_widget span:after{content: " »";} - .widget_termine_liste_widget span:last-of-type:after{content: "";} - .widget_termine_liste_widget h4 {} - .widget_termine_liste_widget p{display: none;} - - /*Rss*/ - .widget_rss h3 img {display: none;} - #footer .widget_rss h3 a {color: #fff;} - - - /*Petition*/ - .dk-speakup-widget-popup-wrap {background: #fff; position: fixed;z-index: 199; padding: 2em;display: none;} - #dk-speakup-widget-windowshade {position: fixed;top: 0;left: 0;z-index: 198;background: #000;} - .dk-speakup-widget-close {width: 15px; height: 15px;background: red;position: absolute;top: 0;right: 0;} - .dk-speakup-progress {background: #ddd;height: 1.5em;display: block;border: 1px solid #ccc;} - - - - - - /********************* - 15. FOOTER STYLES - *********************/ - - /*Newsletter */ - #newsletter {background: #e6007e; margin: -2em;padding: 2em;} - #newsletter .sidebar {background: transparent;} - #newsletter .widget {background: transparent!important;border: 0;} - #newsletter h2 {color: #fff;margin-bottom: 1em;border-bottom: 3px solid;display: inline-block;font-family: 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;text-transform: uppercase;font-size: 2.5em; } - - - /*Social Accounts */ - #socialaccounts {background: #fe0;margin-top: 0;} - #socialaccounts .widget {background: transparent;} - - - /*Real footer */ - #footer {clear: both;background:#0a321e; padding: 0;color: #fff; } - #footer .widget {background: transparent; box-shadow: none;color: #8d9e96;} - #footer .widget:last-of-type {border-bottom: 0;} - #footer .widgettitle {color: #fff;} - p.copyright {text-align: center; font-size: 0.8em;background: #0a1a12;color: #56685f;padding: 1em;} - p.copyright a:hover{color: #ffee00;} - - #footer .widget_nav_menu {font-size: 1.2em;} - #footer .widget_nav_menu li {font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif; margin-bottom: 2em;} - #footer .widget_nav_menu li a {color: #fff;} - #footer .widget_nav_menu li li a {color: #afdca7;} - #footer .widget_nav_menu li li {float: none;font-size: 0.8em;margin: 0;width: 100%;font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;} - #footer .widget_nav_menu ul {margin: 0;padding: 0;} - #footer .widget_nav_menu li a:hover {color: #ffe000; } - - .nav-footer {margin: 2em;} - - } - - -/**********************************************************************/ -/* DESKTOP */ -/**********************************************************************/ - - -/*SMALLER LAPTOPS */ -@media only screen and (min-width: 770px) { - - .onecol {width: 5.801104972%;} - /* 4.85%; } /* grid_1 */ - .twocol {width: 14.364640883%;} - /* 13.45%; } /* grid_2 */ - .threecol {width: 22.928176794%;} - /* 22.05%; } /* grid_3 */ - .fourcol {width: 31.491712705%;} - /* 30.75%; } /* grid_4 */ - .fivecol {width: 40.055248616%;} - /* 39.45%; } /* grid_5 */ - .sixcol {width: 48.618784527%;} - /* 48%; } /* grid_6 */ - .sevencol {width: 57.182320438000005%;} - /* 56.75%; } /* grid_7 */ - .eightcol {width: 65.74585634900001%;} - /* 65.4%; } /* grid_8 */ - .ninecol {width: 74.30939226%;} - /* 74.05%; } /* grid_9 */ - .tencol {width: 82.87292817100001%;} - /* 82.7%; } /* grid_10 */ - .elevencol {width: 91.436464082%;} - /* 91.35%; } /* grid_11 */ - .twelvecol {width: 99.999999993%;} - /* 100%; } /* grid_12 */ - .onecol,.twocol,.threecol,.fourcol,.fivecol,.sixcol,.sevencol,.eightcol,.ninecol,.tencol,.elevencol,twelvecol { - position: relative;float: left;margin-left: 2.762430939%;} - .first {margin-left: 0;} - section.last, div.last {float: right;} - - - /****************************************************************** - Stylesheet: Tablet & Small Desktop Stylesheet - - Here's where you can start getting into the good stuff. - This size will work on iPads, other tablets, and desktops. - So you can start working with more styles, background images, - and other resources. You'll also notice the grid starts to - come into play. Have fun! - - ******************************************************************/ - - - /********************* - GENERAL STYLES - *********************/ - - a {text-decoration: none;} - h1 {font-size:3em; } - - /********************* - LAYOUT & GRID STYLES - *********************/ - html {} - body {padding: 0;background: url(../images/body_bg.jpg) 50% 50% fixed #46962b;background-size: 100% 100%; - } - -.inner {max-width: 1140px; margin: 0 auto;} - - #content {padding: 0; } - #main { } - - /********************* - HEADER SYTLES - *********************/ - #header{ padding: 1.5em 0 0 0;position: relative;margin-bottom: 2em;} - - - - - /********************* - NAVIGATION STYLES - *********************/ - - /*hide mobile nav */ - .header-mobile, #nav-mobile {display: none!important;} - - /*show nav in desktop-version*/ - #nav-desktop, #nav-flyin {display: block;} - - /*Hauptnavigation fixed and scrolly */ - .nav-wrap {width: 100%;z-index: 3;position: relative;margin-bottom: 2em; } - #nav-flyin {position: fixed;z-index: 999;display: none;height: auto;overflow: visible;background: #0a321e;top: 0;font-size:1.3em;} - .logged-in.admin-bar #nav-flyin {top: 32px;} - - /*nav flyin */ - .nav-wrap .logo-desktop {display: none;position: relative; float: left;width: auto;padding: 0.5em 1em 0.5em 0;} - .nav-wrap .logo-desktop img {height: 2.5em;width: auto;float: left;} - .nav-wrap .logo-desktop h2 {color: #fff;font-size: 1em;padding: 0.6em 0 0 3em;font-family:'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;text-transform: uppercase;} - .nav-wrap .logo-desktop h2 a {color: #ffee00;} - - /*nav desktop */ - #nav-desktop {font-size:1.3em;} - - /*Hauptnavigation */ - .nav-main {display:block;width: 100%;text-align: right;background:transparent;font-family:'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;z-index: 3;position: relative;text-transform: uppercase; } - .nav-main .navigation {display:block;width:100%;} - - - .nav-main li {display: inline-block;position: relative;padding:1em;margin:0;} - .nav-main li a {padding:0;display:block;background: transparent;color:#fff;border: 0; } - .nav-main li a:hover {color: #ffe000;text-decoration: none;} - /*2te Ebene */ - .nav-main li ul {display:none;padding: 0px 0 0;font-size:0.9em;margin-top: 13px;} - .nav-main li:hover ul {display:block;} - .nav-main li ul {position:absolute;width:250px;z-index:9;background: #fff;box-shadow: 0 10px 10px rgba(0,0,0,0.2);text-align: left;border: 5px solid #ffee00;margin-left: -40px; } - .nav-main li ul:before {content: "";position: absolute;width: 30px;height: 15px;top: -15px;left: 70px; background: url(../images/nav_ul2.png) 0 -5px no-repeat transparent;} - .nav-main li ul li {display:block;float: none;font-size:0.8em;border: 0;margin: 0;padding: 0;position: relative;z-index: 9; } - .nav-main li ul li a, .nav-main li.current-menu-parent li a, .nav-main li.current-menu-item li a {background: #fff;color:#0a321e;border: 0;padding: 0.5em 1.2em;font-family: 'PT Sans Bold', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;text-transform: none;} - .nav-main li.current-menu-parent li a:hover,.nav-main li.current-menu-item li a:hover,.nav-main li ul li a:hover,.nav-main li.current-menu-parent li.current-menu-item a {color:#46962b; background: #ffee00; } - .nav-main li.current-menu-parent li.current-menu-item a { } - .nav-main li ul li a:before {} - /*2te & 3te Ebene Mega */ - .nav-main li.mega ul {width: 600px;clear: both;display: block1;margin-left: -200px;} - .nav-main li.mega ul:before {left: 215px;} - .nav-main li.mega ul a {background: transparent;font-family: 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;text-transform: uppercase;} - .nav-main li.mega ul li {width: 200px;position: relative;display: block;float: left;font-size: 1em; } - .nav-main li.mega ul ul {position: relative;padding: 0;width: 200px;box-shadow:0 0 0;border: 0;float: none;display: block;margin: 0;} - .nav-main li.mega ul ul a {font-family: 'Arvo Regular', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;text-transform: none;} - .nav-main li.mega ul ul:before {background: transparent;} - .nav-main li.mega ul ul li {} - /*Aktives Element */ - .nav-main li.current-menu-item a, .nav-main li.current-menu-parent a, .nav-main li.current-menu-ancestor a {color: #ffe000;border-bottom: 2px solid #ffe000;border-bottom: 2px solid #ffe000;} - - .nav-main li.current-menu-item li a, .nav-main li.current-menu-parent li a {background: #fff;color:#0a321e; } - /*Home*/ - .nav-main .home {float: left;padding-left: 3.2em;background: url(../images/logo_small.png) 0 0.5em no-repeat transparent;background-size: auto 72%;} - /*CTA */ - .nav-main .cta {padding: 0.5em 0.5em;padding-right: 0;} - .nav-main .cta a, .nav-main .cta.current-menu-item a {background: #e6007e;color: #fff;padding: 0.5em;border: 0; } - .nav-main .cta a:hover {color: #46962b;background: #ffee00;text-transform: uppercase;} - /*Suche */ - .nav-main .suche {} - .nav-main .suche a:before {content: "\f002";font-family: 'FontAwesome';color: #fff;font-size: 21px;margin-top: -1px;} - .nav-main .suche:hover a:before {color: #ffee00;} - .nav-main .suche a {display: inline-block!important;text-indent: -9999999px;font-size: 0;} - .nav-main .suche a {} - - .nav-main .cta.last {padding-right:0;} - - - /*Navigation Footer */ - .nav-footer {font-size: 0.9em;margin: 2em 0 4em 0;text-align: center;} - .nav-footer li {display: inline-block;margin: 0 1em 0 0;} - - /*Back to top */ - p#back-top {position: fixed; display:none; bottom: 2em; right: 2em;z-index: 999;} - p#back-top a {display: inline-block; transition: opacity 1s; background: #0a321e;background: rgba(10,50,30,0.6);border-radius: 50%;width: 50px;color: #fff;text-align: center;padding: 0.6em 0 0.9em;opacity: 0.4;} - p#back-top a:hover {opacity: 1;text-decoration: none;} - - /*Pagination*/ - .page-navigation {margin: 0;} - .page-navigation li.kr8pn-next-link, .page-navigation li.kr8pn-prev-link, .page-navigation li.kr8pn-last-page-link, .page-navigation li.kr8pn-first-page-link {display: inline; } - - /*Soziale Netzwerke */ - .nav-social {padding: 2em 0;font-size: 1.5em;text-align: center;} - .nav-social li {display: inline-block;margin: 0 2em 0 0;} - - - .search-desktop {background: #ffee00; padding: 2em 0;margin: -12.5em 0 2em 0;display: block;} - .search-desktop label {display: none;} - .search-desktop input {padding: 1em;width: 80%;font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif; } - .search-desktop button {border: 0;font-size:1.4em; background: transparent;color: #46962b;} - .search-desktop button:hover {color: #e6007e;} - .search-desktop button .text {display: none;} - .search-desktop a {font-size: 0.8em; margin-top: 0.5em;padding-left: 0.1em;display: inline-block;} - - #suche {transition: margin 0.5s;z-index: 3;position: relative;} - #suche:target {margin-top: -3.5em;} - - /********************* - POSTS & CONTENT STYLES - *********************/ - - - - article {padding: 0 0 2em;margin: 2em;} - - article img.wp-post-image, .search-results article img.wp-post-image {float: left;margin: 10px 0.7em 0 0;width: 33%;height: auto; } - - article h1 a, .search-results article h1.h2 a{color:#0a321e;} - - article.postsingle, .single article.person, .single article.termine, .single article.gliederung {background: #fff;padding: 2em;margin: 0; margin-bottom: 2em;box-shadow: 5px 5px 10px rgba(0,0,0,0.2); } - .single .personen-list article.person {box-shadow: none;} - - /*Überschriften*/ - h1, .single h1 {font-size:2.5em;} - .entry-content h1 {font-size:1.8em;} - h2 {font-size:1.6em;} - h3 {font-size:1.5em;} - h4 {font-size:1.3em;} - h5 {font-size:1.1em;} - h6 {font-size:1em;} - - .search-results article h1{font-size: 1.6em;} - - - /*Sitemap */ - ul.sitemap {margin: 0 0em; } - - /*Aussehen: Klein */ - ul.sitemap.klein {padding:2em 0; margin:2em 0; border: 0.4em solid #46962b; border-left:none; border-right: none;} - ul.sitemap.klein li {width:32%; float:left;box-sizing: border-box;background: transparent;clear:none; text-align: center;padding:1em;} - ul.sitemap.klein li img {float:none;width:200px; border: 5px solid #f6f6f6;} - ul.sitemap.klein li:nth-of-type(3n-2) {clear:left;} - ul.sitemap.klein li:nth-of-type(3n+2) {margin:0 2%;} - ul.sitemap.klein li {} - - /*Klein fullpage */ - .twelvecol ul.sitemap.klein li {width:23.5%;} - .twelvecol ul.sitemap.klein li:nth-of-type(3n-2) {clear:none;} - .twelvecol ul.sitemap.klein li:nth-of-type(3n+2) {margin:0;} - .twelvecol ul.sitemap.klein li:nth-of-type(4n-3) {clear:left;} - .twelvecol ul.sitemap.klein li:nth-of-type(4n+2) {margin:0 2%;} - .twelvecol ul.sitemap.klein li:nth-of-type(4n+4) {margin-left: 2%;} - - - /*Form*/ - #main form {margin: 0 -2em 2em;} - #main form p {width: 100%; clear: both;} - #main form p.left, #main form div.left {width: 45%;float: left;clear: left;} - #main form p.right, #main form div.right {width: 45%;float: left;margin-left: 10%;clear: right;} - - - /*Bilder */ - - - img.rund {width: 150px;} - - /*image: titleimage (single) */ - .postimg {margin: -2em -2em 1em; display: block;} - .postimg .wp-caption-text {text-align: right;padding: 2em 4em 0 0;margin: 0;} - - /*parallax*/ - .introbg {display: block; position: absolute;top: 0;left: 0;width: 100%;z-index: 0;height: 60%!important; min-height: 600px!important; background-size: cover;overflow: hidden;} - #landing-intro {background: transparent!important;} - #single-intro {background: transparent!important;height: 400px!important;margin: 0;min-height: 2em!important;} - .parallax {background-attachment: fixed;} - .parallax.bgscroll {background-attachment: scroll;} - - - /*image: home parallax */ - .home #single-intro {display: none;} - .home #single-intro {display: none;} - .home .introbg {display: block;height: 100%!important;} - - - - .single img.attachment-titelbild.wp-post-image {width: 100%;height: auto;margin-top: 0;} - .single article.person img.attachment-titelbild.wp-post-image { margin-bottom: 1em;} - img.size-medium {width: 49%;height: auto;} - .wp-caption img.size-medium {width: 100%;height: auto;} - - .gallery {text-align: center; background: #f6f6f6;margin: 0 -2em 1em; padding: 2em;border: 0;} - .gallery dl.gallery-item {display: inline-block;margin: 0 2% 1% 0;vertical-align: top; } - .gallery dl.gallery-item:nth-of-type(2n) {margin-right: 2%;} - .gallery dl.gallery-item img {width: 100%;height: auto; } - .gallery dl.gallery-item .gallery-caption {margin-bottom: 1em;display: block;} - .gallery-columns-9 dl.gallery-item {width: 9%;} - .gallery-columns-9 dl.gallery-item:nth-of-type(9n) {margin-right: 0;} - .gallery-columns-8 dl.gallery-item {width: 10%;} - .gallery-columns-8 dl.gallery-item:nth-of-type(8n) {margin-right: 0;} - .gallery-columns-7 dl.gallery-item {width: 12%;} - .gallery-columns-7 dl.gallery-item:nth-of-type(7n) {margin-right: 0;} - .gallery-columns-6 dl.gallery-item {width: 14%;} - .gallery-columns-6 dl.gallery-item:nth-of-type(6n) {margin-right: 0;} - .gallery-columns-5 dl.gallery-item {width: 18%;} - .gallery-columns-5 dl.gallery-item:nth-of-type(5n) {margin-right: 0;} - .gallery-columns-4 dl.gallery-item {width: 23%;} - .gallery-columns-4 dl.gallery-item:nth-of-type(4n) {margin-right: 0;} - .gallery-columns-3 dl.gallery-item {width: 31%;} - .gallery-columns-3 dl.gallery-item:nth-of-type(3n) {margin-right: 0;} - .gallery-columns-2 dl.gallery-item {width: 48%;} - .gallery-columns-2 dl.gallery-item:nth-of-type(2n) {margin-right: 0;} - .gallery-columns-1 dl.gallery-item {width: 100%;} - .gallery-columns-1 dl.gallery-item:nth-of-type(1n) {margin-right: 0;} - - - - - - - - - /*Tabs */ - .responsive-tabs__list, .content-tabs .responsive-tabs__list { display: block;margin: 0!important;padding-left: 2em;font-family: 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;text-transform: uppercase; } - .responsive-tabs__list li {float: none;display: inline-block;margin: 0!important;font-size: 1em;color: #0a321e;} - .hentry .responsive-tabs__list li:before {content: "";} - .responsive-tabs__heading { display: none;} - - .content-tabs {border: 0;} - .content-tabs .responsive-tabs__list {padding: 0 0 0 0;border: 0; } - .content-tabs .responsive-tabs__list__item {background: #fff;color: #46962b;border: 1px solid #46962b;border-left-width: 0; } - .content-tabs .responsive-tabs__list__item:first-of-type {border-left-width: 1px;} - .content-tabs .responsive-tabs__list__item--active, - .content-tabs .responsive-tabs__list__item--active:hover { background: #46962b;color: #fff;} - .content-tabs .responsive-tabs__panel {padding: 2em 0;} - - .responsive-tabs__panel--closed-accordion-only { display: block;} - - - .responsive-tabs__panel { border: 0;margin-bottom: 2em;border-bottom: 3px solid #46962b; } - - - .comment-tabs {margin: 0;border:0; } - .comment-tabs .responsive-tabs__panel {margin-bottom: 0;padding: 0;} - .comment-tabs .responsive-tabs__list__item {font-size: 1em; padding: 0.8em 1em;margin-right: 0.5em!important;} - .comment-tabs .responsive-tabs__list__item::before {font-size: 1em;margin-right: 0.5em;color: #0a321e;} - .comment-tabs .responsive-tabs__list__item--active::before {color: #46962b;} - - - /*Tabs home */ - - .home-tabs {margin: 0em;} - .home-tabs .responsive-tabs__list {display: block;} - .home-tabs .responsive-tabs__panel {padding: 0;background: #fff;border: 0;margin: 0;} - .home-tabs .responsive-tabs__panel {padding: 1em 2em!important;background: #fff;box-shadow: 5px 5px 10px rgba(0,0,0,0.2);} - .home-tabs .responsive-tabs__panel article {border-bottom: 2px solid #f6f6f6;margin-bottom: 2em;padding-left: 0;} - .home-tabs .responsive-tabs__panel article:last-of-type {border-bottom: 0;} - .home-tabs .responsive-tabs__list li {color: #fff;font-family: 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;background: transparent;} - .home-tabs .responsive-tabs__list li.responsive-tabs__list__item--active {background: #fff;color: #0a321e;} - .home-tabs .responsive-tabs__list li:before {color: #fff; font-family: 'FontAwesome';margin-right: 0.5em;display: inline ;} - .home-tabs .responsive-tabs__list li.responsive-tabs__list__item--active:before {color: #0a321e;} - .home-tabs article.termine {margin: 2em;padding-bottom: 2em;} - .home-tabs article.termine .postimg {margin: -2em -1em 1em 0;display: none;} - .home-tabs article.termine:last-of-type {} - .home-tabs .button a {margin-bottom: 2em;margin-top: -2em;} - - - div.archive-title {margin: 0 0 3em 0;color: #fff; } - - /*category view:post */ - div.list-article {background: #fff;padding: 0.1em 0;margin: 0;box-shadow: 5px 5px 10px rgba(0,0,0,0.2); } - - article.postlist {margin: 2em;background: #fff;padding: 0 0 2em;border-bottom: 2px solid #f6f6f6;} - article.postlist a.postimglist {float: left;width: 30%;margin: -0.2em 1em 0 0; } - article.postlist .article-teaser {display: block;} - article.postlist.has-post-thumbnail h2,article.postlist.has-post-thumbnail p.subhead, - article.postlist.has-post-thumbnail .article-teaser {margin-left: 33%; } - article.postlist:last-of-type {border-bottom: 0;} - - /*category view: headerlist */ - article.postlist-small h2, article.postlist-small p {display: inline-block;} - article.postlist-small p {float: right;} - #main article.postlist-small {padding: 2em 0; margin: 0 2em;border-bottom: 3px solid #f6f6f6;} - #main article.postlist-small:last-of-type {border-bottom: 0;} - - /*article by shortcode */ - .insidelist article.postlist {margin: 2em 0;} - - .insidelist.grau {margin:0 -2em 1em -2em;} - .insidelist article.postlist {background: transparent; margin:1em 2em 0;} - - - - - /********************* - PAGE TEMPLATES - *********************/ - - - /*TEASER */ - #teaser {margin-bottom: 3em;} - #teaser.welcome {box-shadow: 5px 5px 10px rgba(0,0,0,0.2);margin: 0 0 2em;} - - /*Slider fullpage */ - .petrakelly {width: 100%;min-height: 465px;height: 100%;margin-bottom: 2em;} - .petrakelly #single-intro {margin: 0;height: 0!important;display: none;} - .petrakelly article {padding: 0;background: transparent; border: 0; } - .petrakelly article {margin: 2em auto 0;} - .petrakelly article h1 {border: 10px solid #fff;border-right: 0;border-left: 0;display: inline-block;padding: 0.2em 0;width: 50%;font-size: 4em;text-shadow: 1px 1px 5px rgba(0,0,0,0.5);margin: 0.2em 0;} - .petrakelly article h1 a:hover {color: #ffee00;text-decoration: none;} - .petrakelly article p {text-shadow: 1px 1px 5px rgba(0,0,0,0.5);font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;width: 50%; } - .petrakelly article p.subhead {color: #ffee00;} - - /*list alternative*/ - .bigkahuna {margin:0 0 2em;} - .bigkahuna article {background: transparent;margin:0 0 2em;padding: 0;border: 0;} - .bigkahuna img {box-shadow: 5px 5px 10px rgba(0,0,0,0.2);} - .bigkahuna p {color: #fff;} - .bigkahuna p.subhead{color: #ffee00;margin-top: 1em;} - .bigkahuna h2 a {} - - /*Kacheln */ - .josephbeuys {} - #teaser .josephbeuys article {padding:0;margin: 0;box-shadow: 5px 5px 10px rgba(0,0,0,0.2);position: relative;border: 0;background: transparent;} - #teaser .josephbeuys img.wp-post-image {width: 100%;height: auto;z-index: 1;position: relative;margin: 0;float: none; - } - .josephbeuys article img {transition: opacity 0.5s;} - .josephbeuys article:hover img {opacity: 0.7;} - .josephbeuys .postimglist {margin: 0;} - .josephbeuys .subhead {margin: 0 0 0 10%;z-index: 2; position: absolute;top: 35%;left: 0;display: block;font-size: 1em;font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif; } - .josephbeuys h1 {position: absolute; top: 40%;margin: 0 40% 0 10%; display: inline-block;border: 7px solid #fff;border-right: 0;border-left: 0; color: #fff;padding: 0;font-size: 3.5em;text-shadow: 1px 1px 5px rgba(0,0,0,0.3);z-index: 2;left: 0;border: 0;line-height: 1.2em; - } - #teaser .josephbeuys h1 a,#teaser .josephbeuys h1 a:hover {background: transparent;margin: 0; padding: 0;} - #teaser .josephbeuys h1 a:hover {color: #ffee00;text-decoration: none; } - .josephbeuys p {display: none;} - - .josephbeuys img {box-shadow: none;margin: 0;display: block;} - .josephbeuys .nodesc h1, .josephbeuys .nodesc p {display: none!important; } - /*Kachel-Anordnung */ - #teaser .josephbeuys article:nth-of-type(1) {margin-bottom: 2em;} - #teaser .josephbeuys article:nth-of-type(2) {width: 48.5%;float: left;} - #teaser .josephbeuys article:nth-of-type(3) {width: 48.5%; float: left;margin-left: 3%;} - - #teaser .josephbeuys article:nth-of-type(2) h1, #teaser .josephbeuys article:nth-of-type(3) h1 {font-size: 2em; margin: 0 10%; border-width: 5px;bottom: auto;top: 30%;width: auto;display: inline-block;border: 0; } - #teaser .josephbeuys article:nth-of-type(2) .subhead, #teaser .josephbeuys article:nth-of-type(3) .subhead { top: 20%; margin: 0 10%;} - - - - .homebar {margin-top: 3em!important;} - - - - /*TEMPLATE: Campaign */ - - /*Spenden*/ - #donatenow {width:70%;margin:-4em auto 4em auto;padding: 2em 2em 1.8em 2em;} - #donatenow h2 {display:inline-block;float:left;margin-bottom: 0;} - #donatenow a {float:right;margin-left:1em;font-size:1.3em;} - #donatenow a:hover {} - - - /*Actionbox */ - #getinvolved {margin-bottom: 5em;} - #getmore {padding:0; margin:3em auto 4em; } - #getinvolved h2, #getmore h2 {margin-bottom:1.5em;font-size:3em;} - #getinvolved .sidebar {} - .involvebar .widget {background: transparent;box-shadow: none!important;width:30%; float:left;box-sizing: border-box;} - .involvebar .widget:nth-of-type(2) {margin:0 5%;} - .involvebar.sidebar {padding:1em 0;} - .involvebar .widget h3 {} - .involvebar .widget a {} - .involvebar .widget a:hover {} - .involvebar .widget_sp_image-description {padding-top:0.8em;} - - .sylvia {padding:5em 0;margin-bottom:2em;} - - - /*LANDING PAGE */ - #landing-intro {padding: 0;} - .first {position: relative;} - .landing-teaser {margin-bottom: 1em;} - .landing-teaser h1 {margin-top: 6em;} - .landingnews {margin: 0;box-shadow: 5px 5px 10px rgba(0,0,0,0.2);padding: 0;background: #f6f6f6;} - - .page-template-page-landingpage #main { } - .page-template-page-landingpage #main article.page {padding-bottom: 1em;} - - /*news */ - h2.landingsection {background: #fff;display: inline-block;margin: 2em 0 0 0; padding: 0.5em;font-size: 1.5em;} - .landingnews article {background:transparent;} - - - - /*TEMPLATE: LISTVIEW*/ - .page-template-page-listview-php article.postsingle, .page-template-page-listview-php #main {background: transparent;padding: 0;margin: 0;box-shadow: none;} - .page-template-page-listview-php article.postsingle article {background: #fff;padding: 2em;margin: 0 0 2em;border: 0;box-shadow: 5px 5px 10px rgba(0,0,0,0.2);} - .page-template-page-listview-php #main article.postsingle form {margin: 0 0 2em;box-shadow: 5px 5px 10px rgba(0,0,0,0.2);padding: 2em;} - .page-template-page-listview-php #main article.postsingle form .cr_ipe_item {width: 78%; float: left;} - .page-template-page-listview-php #main article.postsingle form .cr_ipe_item input {padding: 1.3em 1em; } - .page-template-page-listview-php #main article.postsingle form .submit_container {margin-left: 2%; width: 19%;padding-top: 1.4em; } - .page-template-page-listview-php #main article.postsingle form button {width: 100%; } - .page-template-page-listview-php #main article.postsingle form button:hover {background: #46962b;color: #fff;} - - - /*SEARCH */ - .search-results {} - .search #main .suche {background: #f6f6f6;padding: 2em;margin: 0 0 0 0;display: block;box-shadow: 5px 5px 10px rgba(0,0,0,0.2);} - .search #main .suche form {margin-bottom: 0;} - .search-results #main article.type-termine {padding: 2em 0;margin: 2em; } - - /*404 */ - .error404 {background-size: cover; background-attachment: fixed;} - .error404 #main {background: transparent;box-shadow: none;color: #fff;} - .error404 article {margin: 0;background: transparent; padding: 0;} - .error404 article h1 {padding: 0;} - .error404 article p {padding: 0;margin-bottom: 1.2em; } - .error404 article form {margin: 0;box-sizing: border-box;background: transparent!important;padding: 0!important;margin-top: 4em!important;} - .error404 #footer, .error404 #newsletter, .error404 #socialaccounts {background: transparent;} - .error404 #socialaccounts a {color: #fff;} - - - /*TEMPLATE: STORY */ - .page-template-page-story-php {padding: 0.9em 0 0 0;} - .page-template-page-story #header {margin-top: -3.5em;} - .page-template-page-story-php #nav-desktop .nav-main {position: absolute; top: 5em; margin: 0 auto;} - - .page-template-page-story-php #newsletter.inner {width: 100%;margin: 0;max-width: 100%;} - .page-template-page-story-php #suche {margin-bottom: 0;} - .page-template-page-story-php #suche:target {margin-top: -0.9em;margin-bottom: -3em;} - - .page-template-page-story article {padding: 8em 2em;} - .page-template-page-story article p {margin: 0 10% 1.2em;} - .page-template-page-story article h1, .page-template-page-story article h2, .page-template-page-story article h3 {margin-left: 10%;} - .page-template-page-story article h2 { - font-family: 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;text-transform: uppercase; - } - .page-template-page-story blockquote {margin-left: 15%;margin-right: 10%;} - .page-template-page-story blockquote p {margin-left: 0; margin-right: 0;} - - - .inhaltvz {position: fixed; padding: 1em;z-index: 3;left: 0; top: 25%;text-shadow: 1px 1px 5px rgba(0,0,0,0.3);color: #fff;font-family: 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;text-transform: uppercase; display: block;} - .inhaltvz li {} - - .inhaltvz li:before {content: "\f10c ";font-family: 'FontAwesome';font-size: 0.5em;position: absolute;left: 1em;margin-top: 0.5em;color: #fff; } - .inhaltvz li a{padding-left: 0.5em;opacity: 0;} - .inhaltvz:hover a {opacity: 1;color: #fff; } - .inhaltvz li.current-menu-item a {color: #ffee00;} - .inhaltvz li.current-menu-item:before {content: "\f111 ";color: #ffee00;} - - - - .inhaltvz li {} - - -/********************* -KOMMENTARE -*********************/ - - - - /*Kommentare*/ - #respond {margin: 0;} - #commentform li {width: 30%;float: left;margin: 0 5% 0 0; } - #commentform li:last-of-type {margin: 0; } - .commentlist {padding: 2em;margin: 0!important;} - ul.children {margin-left: 4em;} - #comment-nav {background: #f6f6f6; padding:0 2em 0em;margin: 0;display: block;} - #comment-nav li {font-size: 1em;display: inline-block;} - #comment-nav li a { margin-bottom: 2em;display: inline-block;} - - - /*Author */ - .author {padding: 1em 1em 0;margin: 1em 0;text-align: left;} - .author img.avatar {float: left;border-radius: 50%;} - .author .author-description {margin-left: 100px;} - .author .author-description h3 {margin-bottom: 0;font-size: 1.2em;padding-top: 0.5em;text-align: left;} - .author .author-description h3 a {color: #0a321e;} - .author .author-description p {margin-bottom: 0.5em!important;font-size: 0.9em;} - - /*Share */ - .sharewrap {margin: 2em 0 0; padding: 0; clear: both;background: transparent;} - .sharewrap a {display: inline-block; padding: 0.5em 1em; margin-bottom: 0;} - .sharewrap a.whatsapp {display:none;} - - .sharewrap a i {padding: 0.2em;} - - - - /*Related */ - .posttab {padding: 2em 0 1.5em;box-shadow: 5px 5px 10px rgba(0,0,0,0.2);} - .posttab h2 {font-size: 1.5em;} - - .posttab article.postlist {margin: 0 1em;background: transparent;padding: 1em 1em;border-bottom: 0;} - .posttab article.postlist a.postimglist {float: left;width: 20%;margin: -0.4em 1em 0 0; } - .posttab article.postlist .article-teaser {display: block;font-size: 0.9em;} - .posttab article.postlist.has-post-thumbnail h2,.posttab article.postlist.has-post-thumbnail p.subhead, - .posttab article.postlist.has-post-thumbnail .article-teaser {margin-left: 22%; } - - - -/********************* -POST TYPES -*********************/ - - /*Person: List Team */ - .personen-list {} - #main .personen-list article {margin: 0 0 2em;background: #fff;border: 0; padding: 1em;text-align: center;float: left; width: 30%;box-sizing: border-box;} - #main .personen-list article:nth-of-type(3n-1) {margin: 0 4% 2em;clear: none;} - #main .personen-list article:nth-of-type(3n-2) {clear: left;} - .personen-list h3 {font-size: 1.4em; } - - .page-template-page-fullpage #main .personen-list article {width: 22%;} - .page-template-page-fullpage #main .personen-list article:nth-of-type(3n-1) {margin: 0 0 2em;clear: none;} - .page-template-page-fullpage #main .personen-list article:nth-of-type(3n-2) {clear: none;} - .page-template-page-fullpage #main .personen-list article:nth-of-type(4n-2) {clear: none;margin: 0 4% 2em;} - .page-template-page-fullpage #main .personen-list article:nth-of-type(4n-1) {clear: none;margin-right: 4%;} - .page-template-page-fullpage #main .personen-list article:nth-of-type(4n-3) {clear: left;} - - - #main .personen-list article.has-post-thumbnail, .page-template-page-fullpage #main .personen-list article.has-post-thumbnail {margin-top: 6.5em;} - .personen-list img.wp-post-image {float: none;width: 10em;height: 10em;border-color: #f6f6f6;margin-top: -6.5em;} - .personen-list p {margin-top: 0;} - - - /*Kontakt */ - .kontakt-list article.type-person {width: 100%!important;margin-top: 0!important;} - .kontakt-list article.type-person img {float: left;margin-top:0} - .kontakt-list article.type-person header h3 {text-align: left;margin-top: 1.3em;} - .kontakt-list article.type-person .entry-content p {text-align: left;} - - - /*POSTTYPE: Termine */ - article.termine {} - article.termine:last-of-type {} - article.termine .termin_meta_kurz {width: 25%;float: left;text-align: center;margin: 0;} - article.termine .termin_meta_kurz span {display: block;font-size: 0.8em;} - article.termine .termin_meta_kurz .termin_datum_kurz {font-size: 2em;} - article.termine h2 {margin-left: 27%;text-align: left; } - article.termine p {margin: 0 0 0 27%;text-align: left; } - article.termine a.weiterlesen {position: absolute;top: 0;left: 0;} - article.termine a.weiterlesen:hover {} - article.termine .postimg {margin: -2.7em -2em 1em -2em; } - .single article.termine .postimg {margin-top:-2em;} - article.termine .postimg img {float: none;width: 100%; - } - .single article.termine p {margin-left: 0;} - .single article.termine #termin_map_wrapper {margin: 0 -2em -2em -2em;} - - - - /*POSTTYPE: GLIEDERUNGEN */ - - .anschrift {background: #f6f6f6; float: right;width: 30%;padding: 1em 1em 0.1em 1em;margin-left: 1em;} - - /*Gliederungen: KV Liste */ - .gliederungen-list article {} - .gliederungen-list article p.contact a {margin-left: 0.2em;} - - - - /********************* - SIDEBARS & ASIDES - *********************/ - - #socialaccounts {margin-top: 4em;} - .page-template-page-story-php #socialaccounts {margin-top: 0em;} - - .sidebar {margin: 0;padding: 0; background: transparent;color: #333;} - .sidebar.threecol a:hover {color: #0a321e; } - .sidebar.threecol a {color: #46962b;} - - - .widget {margin: 0 0 2em 0;padding: 1.5em;border: 0;background: #f6f6f6;box-shadow: 5px 5px 10px rgba(0,0,0,0.2); } - .sidebar .widget:last-of-type {margin-bottom: 2em;} - .widget ul li {margin-bottom: 0.5em;/* deep nesting */} - .widget ul li ul {margin-top: 0.75em;padding-left: 1em;} - .widget.widget_sp_image {padding: 0;background: transparent!important;box-shadow: none !important; } - .widget.widget_sp_image img {display: block;box-shadow:5px 5px 10px rgba(0,0,0,0.2); } - - - .widget.widget_sp_image .widget_sp_image-description h3 {color:#fe0;font-size:1.5em;margin-top:0.5em;} - .widget.widget_sp_image .widget_sp_image-description {color:#fff;} - .widget.widget_sp_image .widget_sp_image-description a, .widget.widget_sp_image .widget_sp_image-description a {display:inline-block; background:#fe0; color:#46962b; padding:0.5em 1em;margin-top:0.5em;font-family: 'Arvo Regular', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;} - .widget.widget_sp_image .widget_sp_image-description a:hover, .widget.widget_sp_image .widget_sp_image-description a:hover {background:#e6007e; color:#fff;} - - - - - - - .widget_search .seachphrase, .widget_search .button-submit {box-shadow: 5px 5px 10px rgba(0,0,0,0.2);} - .widget_search {display: block;} - h3.widgettitle {color: #0a321e; } - - /* recent-posts widget */ - .widget.widget_twitter-tracker, .widget_twitter-profile-tracker {background: #ffee00;color: #46962b; - } - .sidebar .widget.widget_twitter-tracker a, .sidebar .widget_twitter-profile-tracker a {color: #e6007e;} - .sidebar .widget.widget_twitter-tracker a:hover, .sidebar .widget_twitter-profile-tracker a:hover {color: #0a321e;} - /* archives widget */ - /* tag-cloud widget */ - .widget_tag_cloud {background: transparent;box-shadow: none;padding: 0;} - .widget_tag_cloud h3.widgettitle {color: #fff;text-shadow: 2px 2px 7px rgba(0,0,0,0.3); } - #wrap .widget_tag_cloud a {background: #0a321e;color: #fff;} - #wrap .widget_tag_cloud a:hover{background: #ffee00;color: #0a321e;text-decoration: none;} - /* calendar widget */ - /* category widget */ - /* recent-comments widget */ - /* search widget */ - /* text widget */ - - /*Termine: Liste */ - .widget_termine_liste_widget {overflow: hidden; } - .widget_termine_liste_widget li li { } - .widget_termine_liste_widget span{margin-right: 0;font-size: 0.8em;} - .widget_termine_liste_widget span:after{content: ", ";} - .widget_termine_liste_widget span:last-of-type:after{content: "";} - .widget_termine_liste_widget h4 {font-size: 1em; } - .widget_termine_liste_widget p{display: none;} - -/*Termine: Karte */ -.termine_widget {padding: 0;background: transparent;box-shadow: none;} - .termine_widget h3{color: #fff;} - .termine_widget #termin_karte{box-shadow: 5px 5px 10px rgba(0,0,0,0.2); } - - -/*Formulare */ - .sidebar.threecol form {background: #ffee00;margin: -1.5em -1.5em -2.5em;padding: 1.5em;color: #46962b;} - .sidebar.threecol form label {color: #46962b;margin: 0; } - .sidebar.threecol form p:last-of-type {margin-bottom: 0;} - .sidebar.threecol form input {margin: 0;} - .sidebar.threecol form input[type=submit] {font-size: 1em;} - .sidebar.threecol form input[type=submit]:hover {background: #46962b;color: #fff;box-shadow: none;} - .sidebar.threecol form.cr_form{ margin: -1.5em;} - - - /*Boxsection home */ - - .actionbox {position: relative;background: #000;margin-bottom: 2em;} - .actionbox .widget {width: 32%;float: left;box-sizing: border-box;margin-bottom: 0;} - .actionbox .widget:nth-of-type(2) {margin: 0 2%;} - - - - /********************* - FOOTER STYLES - *********************/ - - /*Newsletter */ - #newsletter {background: transparent;margin: 3em auto;text-align: center; padding: 0; } - #newsletter .widget {box-shadow: none;} - #newsletter h2 {color: #fff;margin-bottom: 2em;border-bottom: 3px solid;display: inline-block; } - #newsletter .sidebar {padding:4em 3em ;} - #newsletter label {text-align: left;} - #newsletter .widget {background: transparent;margin: 0;padding: 0;} - #newsletter .cr_ipe_item {width: 30%;float: left;} - #newsletter .cr_ipe_item:nth-of-type(2) {margin: 0 5%;} - #newsletter .submit_container {width: 100%; text-align: center; } - #newsletter button { - margin: 2em auto 0; - } - - - #footer {background:#0a321e url(../images/sidebar_footer.jpg) bottom right fixed;background-size: cover; - color:#fff;margin: 0;box-shadow: 5px 5px 10px rgba(0,0,0,0.2);padding: 0;text-align: left;} - #footer .inner {padding:0 3em;} - #footer .inner section {} - #footer a {color: #afdca7; } - #footer a:hover {color: #ffe000; } - #footer .widget {} - - #footer .adresse {font-size: 0.8em;padding-top: 1em;} - #footer .adresse p {margin-bottom: 0.5em;} - #footer .adresse strong {font-weight: normal;color: #fee500;font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;font-size: 1.2em; } - - - #footer .widget_nav_menu {width: 100%;display: block;font-size: 1em;} - #footer .widget_nav_menu li {float: left;width: 20%;margin: 0;} - - - - #footer h3.widgettitle {text-shadow: 0 0 0; } - - - - - p.copyright {color: #fff;background: transparent;margin:0.5em 0 3em;} - p.copyright a {color:#ffe000;} - -} - - - -/* DESKTOP */ -@media only screen and (min-width: 1140px) { - - html {} - .josephbeuys h1 {font-size: 5em;border-width: 10px;} - #teaser .moyland article:nth-of-type(1) h1, #teaser .moyland article:nth-of-type(2) h1, #teaser .josephbeuys article:nth-of-type(2) h1, #teaser .josephbeuys article:nth-of-type(3) h1 {font-size: 3em;border-width: 7px;} - - -} - - -@media only screen and (min-width: 1000px) { - - - -} - - -/* LARGE VIEWING SIZE */ -@media only screen and (min-width: 1300px) { -.inner {max-width: 1240px;} - -} - - - -@media only screen and (max-width: 770px) { -body {} - -} - - -@media only screen and (max-width: 480px) { -.mobile-switch li.middle {max-width:25%;padding: 0.5em;} -} -/*LARGER MOBILE DEVICES*/ -@media only screen and (min-width: 481px) { - /****************************************************************** - Site Name: - Author: - - Stylesheet: 481px and Up Stylesheet - - This stylesheet is loaded for larger devices. It's set to - 481px because at 480px it would load on a landscaped iPhone. - This isn't ideal because then you would be loading all those - extra styles on that same mobile connection. - - A word of warning. This size COULD be a larger mobile device, - so you still want to keep it pretty light and simply expand - upon your base.less styles. - - ******************************************************************/ - /********************* - NAVIGATION STYLES - *********************/ - - - - /********************* - POSTS & CONTENT STYLES - *********************/ - /* entry content */ - .entry-content { - /* at this larger size, we can start to align images */ - - } - .entry-content .alignleft, - .entry-content img.alignleft { - margin-right: 1.5em; - display: inline; - float: left; - } - .entry-content .alignright, - .entry-content img.alignright { - margin-left: 1.5em; - display: inline; - float: right; - } - .entry-content .aligncenter, - .entry-content img.aligncenter { - margin-right: auto; - margin-left: auto; - display: block; - clear: both; - } - /* end .entry-content */ - - - - /********************* - FOOTER STYLES - *********************/ - -} - - - - - -/*Tablets */ -@media (min-width: 500px) and (max-width: 768px) { - img.size-medium {width: 49%;height: auto;} -} - - - -/*Tablets */ -@media only screen and (min-width: 768px) { - img.size-medium {width: 49%;height: auto;} -} - - -/* Tablets Landscape */ -@media only screen - and (min-device-width: 768px) - and (max-device-width: 1280px) - and (orientation: landscape) - { - - -} - - -/*RETINA (2x RESOLUTION DEVICES)*/ -@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { - -} - - -/*iPHONE 5 MEDIA QUERY */ -@media (device-height: 568px) and (-webkit-min-device-pixel-ratio: 2) { - -} - - - -/*PRINT STYLESHEET */ -@media print { - - * { - background: transparent !important; - color: black !important; - text-shadow: none !important; - filter: none !important; - -ms-filter: none !important; - font-family: 'PT Sans', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif; - } - a, - a:visited { - color: #444 !important; - text-decoration: underline; - } - - pre, - blockquote { - border: 1px solid #999; - page-break-inside: avoid; - } - thead { - display: table-header-group; - } - tr, - img { - page-break-inside: avoid; - } - img { - max-width: 100% !important; - } - @page { - margin: 1.5cm; - } - p, - h2, - h3 { - orphans: 3; - widows: 3; - } - h2, - h3 { - page-break-after: avoid; - } - .sidebar, - .page-navigation, - .wp-prev-next, - .respond-form, - nav, #nav-mobile, #suche, .header-mobil, #header, .logo-desktop, #socialaccounts, .wp-caption-text, .sharewrap, .comment-tabs, #back-top, img.avatar, hr { - display: none!important; - } - body { - font-family: 'PT Sans', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif; - } - - hr { - border: 0;height: 0.05cm; background: #000!important;color: #000; - } - - p { - font-family: 'PT Sans', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif; - margin-bottom: 1.2em; - } - - table { - font-family: 'PT Sans', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif; - } - table td, table th {padding: 0.5cm;} - - table th { - font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif; - } - - li { - font-family: 'PT Sans', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif; - margin-bottom: 1.2em; margin-left: 1em; - } - - ul, ol { - margin-left: 1em; - } - ul li { - list-style-type: disc; - } - - ol li { - list-style-type: decimal; - } - - blockquote { - padding: 1em; font-style: italic;border: 0; - } - - .entry-content h1,h2,h3,h4,h5,h6 {font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;font-weight: normal;text-transform: none;} - h1 {font-family: 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;text-transform: uppercase;} - h1 {font-size:2em;} - h2 {font-size:1.6em;} - h3 {font-size:1.5em;} - h4 {font-size:1.3em;} - h5 {font-size:1.1em;} - h6 {font-size:1em;} -} - +/*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;} + + .wp-block-button__link { display: inline-block; border-radius: 0px; background: #e6007e; color: #fff; padding: 0.5em; font-size:100%; font-family: 'PT Sans Bold', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;} + 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.wp-block-button__link:hover, a:hover span.button, span.button a:hover {background: #46962b;text-decoration: none; + } + +/****************************************************************** +05. H1, H2, H3, H4, H5 STYLES +******************************************************************/ + + h1,h2,h3,h4,h5,h6 {font-size: 1em;line-height: 1.4em;margin-bottom:0.3em;font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;font-weight: normal;text-align: left;word-wrap: break-word; } + h1 {margin-bottom:0em;font-size: 1.5em;font-family: 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;text-transform: uppercase;} + + article.hentry h1, article.hentry h2, article.hentry h3, article.hentry h4, article.hentry h5, article.hentry h6 {color: #0a350a;} + + h2 {} + h3 {color: #46962b;} + h4 {} + h5 {} + h6 {} + .kontrast {color:#e6007e!important;} + + +/********************* +06. HEADER SYTLES +*********************/ + + #header {margin: 0;padding: 0;position: relative;} + + + /* site title - just for seo */ + #header .sitetitle {display: none;} + + /*mobile header */ + .header-mobile {background: #0a321e; width: 100%;position: fixed;top: 0;z-index: 10;} + .header-mobile h2 {color: #fff;text-align:center; padding: 0.5em 0;margin: 0;line-height: 1em;font-size: 1.5em;font-family: 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;text-transform: uppercase; } + .header-mobile .switch-menu {position: absolute; left: 1em; top: 0.6em;color: #fff;font-size: 1.1em;} + + #wrap {margin-top: 3em;} + + + + + +/********************* +07. NAVIGATION STYLES +*********************/ + + .navigation li, nav li {list-style-type: none;} + + /*hide navs in mobile version */ + #breadcrumb, #nav-desktop, #nav-flyin {display: none;} + #nav-flyin {height: 0px; top: -500px;overflow: hidden;} + + + #nav-mobile {left: -150%; -webkit-transition: left 0.5s;-moz-transition: left 0.5s; -o-transition: left 0.5s; transition: left 0.5s;} + #nav-mobile {background: #46962b;z-index: 11;position: fixed;width: 90%;min-height: 100%;height: 100%;padding: 2em 0 2em 4em;box-sizing: border-box;top: 0; bottom: 0;overflow: scroll;border-right: 3px solid #0a321e;box-shadow: 0 0 15em #000; } + + #nav-mobile:target {left: 0;} + + /*close*/ + #nav-mobile .switch-menu {color: #fff;font-size: 0.9em;position: relative;z-index: 99!important;display: block; } + #nav-mobile .switch-menu span {margin-right: 0.5em;} + + /*logo */ + #nav-mobile .logo {border-top: 2px solid #fff;border-bottom: 2px solid #fff;margin: 2em 2em 0 0;padding: 1em 0;} + #nav-mobile .logo img {width: 20%; height: auto;float: left;} + #nav-mobile .logo h2 {font-size: 2em; margin-left: 25%;font-family: 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;text-transform: uppercase;color: #fff;} + + /*searchform*/ + #nav-mobile .suche {margin: 2em 2em 2em 0;} + #nav-mobile .suche label {display: none;} + #nav-mobile .suche input.seachphrase {border: 1px solid #333;padding: 1em;box-sizing: border-box;font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;background: #fff;color: #333;font-size: 1em;width: 100%; } + #nav-mobile .suche .button-submit {display: none;} + #nav-mobile .suche {} + + /*menu*/ + #nav-mobile nav {font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;} + #nav-mobile nav ul {margin: 0; padding: 0;} + #nav-mobile nav li {margin: 0; padding: 0;} + #nav-mobile nav a {color: #fff;background: #0a321e;display: block;margin: 0 0 1em; padding: 0.5em;} + #nav-mobile nav li li a {background: transparent;margin: 0 0 1em 2em;} + + + /*pagination */ + .page-navigation {background: transparent;padding: 1.5em 0;text-align: center;margin: 0 1em 1em;font-family: 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;} + .page-navigation li {display: inline;color: #0a321e;font-size: 1em;margin: 0 0.2em; } + .page-navigation li a {display: inline-block;background: #fff; padding: 0.5em 1em;color: #0a321e;} + .page-navigation li a:hover {color: #fff; background: #e6007e;} + .page-navigation li.kr8pn-next-link, .page-navigation li.kr8pn-prev-link, .page-navigation li.kr8pn-last-page-link, .page-navigation li.kr8pn-first-page-link {display: none; } + .page-navigation ol {display: inline-block;border-right: 0;} + .page-navigation li.kr8pn-current {display: inline-block;background: #ffee00; padding: 0.5em 1em;} + + /*Nav social networks */ + .nav-social {padding: 1em;font-size: 2em;} + .nav-social li {margin-bottom: 1em;} + .nav-social li:last-of-type {margin: 0;} + .nav-social a {font-family: 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;text-transform: uppercase;color: #46962b;} + .nav-social a:hover {text-decoration: none;color: #0a321e;} + .nav-social a:before{content: "\f0ac"; font-family: FontAwesome; margin-right: 0.3em;color: #e6007e;} + .nav-social .twitter a:before{content: "\f099";} + .nav-social .facebook a:before{content: "\f087";} + .nav-social .instagram a:before{content: "\f16d";} + .nav-social .youtube a:before{content: "\f16a";} + .nav-social .flickr a:before{content: "\f16e";} + + + /*Nav Footer */ + .nav-footer {margin-top:2em;clear: both;} + #footer .nav-footer li a{color: #fff;} + + /*Suchfeld im Header */ + .search-desktop {display: none;} + + +/********************* +08. POSTS & CONTENT STYLES +*********************/ + + /*basic content styles */ + #content {padding: 0;} + + /*posts & pages */ + article.postsingle {background: #fff;padding: 1em;margin: 1em; margin-bottom: 0; + box-shadow: 5px 5px 10px rgba(0,0,0,0.2); } + + article.post {margin-bottom: 2em;z-index: 2;position: relative;} + .hentry p {line-height: 1.5em;margin: 0 0 1.2em 0;} + p.intro {font-family: 'PT Sans Bold', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;font-size:1.1em;} + + + + + /*post header */ + + p.byline {font-size: 0.8em; color: #8c8c8c;margin: 0 0 0.5em;text-align: right; } + /*post tags*/ + p.subhead {margin: 0;font-size: 0.9em;color: #46962b;} + p.subhead a { } + .postlist p.subhead {font-size: 0.8em; } + + + + /*lists*/ + .hentry ul, .hentry ol {margin: 0 2em;} + .hentry ul li {list-style-type: none;counter-increment: list;position: relative;margin: 0 0 1em 0;} + .hentry ul li:before {content: "✲";position: absolute;left: -2.5em;width: 2em;text-align: right;color: #46962b;} + article ol {counter-reset:li;} + article ol > li {list-style-type: none;counter-increment: list;position: relative;margin: 0 0 1em 0;} + article ol > li:before {content:counter(li)'.'; counter-increment:li; position: absolute;left: -2.5em;width: 2em;text-align: right;color: #46962b;font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;} + article ul li li, article ol li li {margin: 1em 0 1em 0;} + + + /*tables */ + article table {margin-bottom: 1.5em;max-width: 100%;overflow: hidden;word-wrap: break-word; } + article table caption {display: none;} + article table th {font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif; padding: 1em 1em 1em 0;color: #0a321e;background: #46962b;padding: 1em;color: #fff; } + article table td{ padding: 1em 1em 1em 0;border-bottom: 1px solid #f6f6f6; } + + /*Infobox */ + .infobox {background: #ffee00; padding: 2em;margin-bottom: 1em;margin-left: 2em;} + + + + /*image: titleimage (single) */ + .postimg {margin: -1em -1em 1em; display: block;} + .single .postimg .wp-caption-text {text-align: right;padding: 1em 1em 0 0;margin-bottom: 0;} + .single .termine .postimg .wp-caption-text {margin-bottom: -2em;} + #single-intro {height: 30%;min-height: 300px; top: 0;} + + .single a.postimg img.attachment-titelbild.wp-post-image, a.postimglist img.attachment-titelbild.wp-post-image {width: 100%;height: auto;} + + /*image: single parallax */ + .introbg {display: none;} + #single-intro {margin-top: 10em;background-size: cover;margin-top: 0;} + + /*image: home parallax */ + .home #single-intro {display: none;} + .home #single-intro {display: none;} + .home .introbg {display: none;} + + + + /*image sizes */ + img.size-large, img.size-full {width: 100%;height: auto;} + img.size-medium {width: 100%;height: auto;} + img.rund {border-radius: 50%;border: 5px solid #f6f6f6;width: 100%;} + .page article.post img.size-titelbild {width: 100%; } + + + /*image galleries*/ + .gallery {text-align: center; background: #f6f6f6;margin: 0 -1em 1em; padding: 2em;border: 0;} + .gallery dl.gallery-item {display: inline-block;margin: 0 2% 1% 0;vertical-align: top; } + .gallery dl.gallery-item:nth-of-type(2n) {margin-right: 0;} + .gallery dl.gallery-item img {width: 100%;height: auto; } + .gallery dl.gallery-item .gallery-caption {margin-bottom: 1em;display: none;} + .gallery br {display: none;} + .gallery-columns-9 dl.gallery-item {width: 48%;} + .gallery-columns-9 dl.gallery-item:nth-of-type(9n) {margin-right: 0;} + .gallery-columns-8 dl.gallery-item {width: 48%;} + .gallery-columns-8 dl.gallery-item:nth-of-type(8n) {margin-right: 0;} + .gallery-columns-7 dl.gallery-item {width: 48%;} + .gallery-columns-7 dl.gallery-item:nth-of-type(7n) {margin-right: 0;} + .gallery-columns-6 dl.gallery-item {width: 48%;} + .gallery-columns-6 dl.gallery-item:nth-of-type(6n) {margin-right: 0;} + .gallery-columns-5 dl.gallery-item {width: 48%;} + .gallery-columns-5 dl.gallery-item:nth-of-type(5n) {margin-right: 0;} + .gallery-columns-4 dl.gallery-item {width: 48%;} + .gallery-columns-4 dl.gallery-item:nth-of-type(4n) {margin-right: 0;} + .gallery-columns-3 dl.gallery-item {width: 48%;} + .gallery-columns-3 dl.gallery-item:nth-of-type(3n) {margin-right: 0;} + .gallery-columns-2 dl.gallery-item {width: 48%;} + .gallery-columns-2 dl.gallery-item:nth-of-type(2n) {margin-right: 0;} + .gallery-columns-1 dl.gallery-item {width: 100%;} + .gallery-columns-1 dl.gallery-item:nth-of-type(1n) {margin-right: 0;} + + /*image caption */ + .wp-caption-text, .gallery-caption {font-size: 0.8em;color: #555;} + div.wp-caption {max-width: 100%;} + + + /*more objects */ + article iframe {max-width:100%;} + pre {max-width: 100%;margin-bottom: 1.5em;padding: 1.5em;overflow: auto;background: #f6f6f6;font-size: 0.8em;line-height: 1.4;} + address {background: #e4f8df;padding: 1em;margin-bottom: 1.5em;} + article .searchform {background: #f6f6f6; padding: 2em; width: 100%;margin: 0 -2em -4em -2em;} + article .searchform label {margin-bottom: 1em; display: block;} + + + /*category view:post */ + + article.postlist {margin: 1em;background: #fff;padding: 1em;} + article.postlist a.postimglist {margin: -1em -1em 0;display: block; } + article.postlist a.postimglist img{width: 100%;height: auto;} + article.postlist h2 {margin-bottom: 0;} + article.postlist h2 a {color:#0a321e;} + article.postlist .article-teaser {display: none;} + article.postlist {} + + /*category view: Archiv-Titel*/ + div.archive-title {margin: 1em;color: #fff; } + div.archive-title h1 {display: inline-block;color: #fff;margin-bottom: 0.2em;} + .archive-title p {font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;} + .archive-title p a {color: #fe0;} + + + + /*category template: headerlist */ + article.postlist-small, #main article.postlist-small {padding: 1em;background: #fff; margin: 0 1em 1em;} + article.postlist-small h2 {font-size: 1em;} + article.postlist-small h2 a span {color: #ed228d;font-size: 0.7em;margin-right: 0.3em;display: block;} + article.postlist-small p {font-size: 0.7em;color: #888;margin: 0!important;text-align: right;} + article.postlist-small a {} + + + /*shortcode: sitemap */ + ul.sitemap {margin: 0; padding: 2em 2em;} + ul.sitemap li {list-style-type: none;clear: both;background: #f6f6f6; padding: 2em;} + ul.sitemap li:before{content: ""; } + ul.sitemap li img {float: left;margin: 0 0.5em 2em 0;width: 100px;border-radius: 50%; } + ul.sitemap li a {font-size: 1.1em;font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;font-weight: normal;} + ul.sitemap li span {display: block;font-size: 0.9em;font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;} + + + + /*Author */ + .author {padding: 1em 1em 0;margin-top: 1em;text-align: center;} + .author img.avatar {border-radius: 50%;} + .author .author-description {} + .author .author-description h3 {font-size: 1.2em;padding-top: 0.5em;text-align: center;} + .author .author-description h3 a {color: #0a321e;} + .author .author-description p {margin-bottom: 0.5em!important;font-size: 0.9em;} + + + + /*socialshare */ + .sharewrap {margin: 2em 0 0; padding: 0; clear: both;background: #fff;} + .sharewrap a {display: inline-block; text-align: center; padding: 0; margin-bottom: 0; font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;color: #fff;font-size: 1em;} + .sharewrap a:hover {background:#e6007e !important;} + .sharewrap a span {display: none;} + .sharewrap a i {font-size: 1.2em;padding: 0.5em 1em;} + .sharewrap a.twitter {background: #59adeb;} + .sharewrap a.facebook {background: #3b5998;} + .sharewrap a.whatsapp {background: #4dc247;} + .sharewrap a.google {background: #d53f38;} + .sharewrap a.email {background: #ff9900;margin: 0;} + + + + /*colorbox */ + .colorbox {background: #ffee00; margin: 2em -2em; padding: 2em;color: #0a321e;} + .colorbox img.rund {border-color: #e6007e;} + + + /*Quiz */ + .wpss-form {} + #main .wpss form {background: #ffee00;margin-bottom: -2em;} + .wpss-form .wpss-question p {font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;} + .wpss .wpss-form fieldset {border: 0;} + .wpss .wpss-form input.wpss-radio {float: left;width: auto!important; margin: 0.25em 0.5em 0 0;} + #main .wpss .wpss-form label {font-size: 1em;color: #46962b;font-family: 'PT Sans Bold', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif; } + #main .wpss .wpss-form .wpss-question {margin-bottom: 1em;} + #main .wpss .wpss-progress-bar {margin-bottom: 1em;margin-top: 1em;} + #main .wpss .wpss-progress-bar span {background: #e6007e;} + #main div.wpss_results_score {background: #fe0; padding: 1em; text-align: center;font-size: 2em;font-family: 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;color: #46962b; } + + + /*article by shortcode */ + + .insidelist.grau {background:#eee;margin:0 -2em 1em -2em;} + + + +/********************* +09. PAGE TEMPLATES +*********************/ + + + /*TEMPLATE: Startseite */ + #teaser {margin-bottom: 0;} + #teaser.welcome {background: #f6f6f6; padding: 2em;box-sizing: border-box;margin: 1em 1em 0;} + + /*Kacheln */ + #teaser {} + .josephbeuys article, .petrakelly article {background: #e6007e; padding: 1em; color: #fff;margin: 0 ;border-bottom: 3px solid #ffee00;} + .josephbeuys a, .petrakelly a {color: #fff;} + .josephbeuys .subhead, .petrakelly .subhead {color: #ffee00;} + .josephbeuys .postimglist {margin: -1em -1em 0 -1em;display: block;} + .josephbeuys img {} + + + /*TEMPLATE: Campaign */ + + p.cta a {display: inline-block; padding:0.5em 1em; color:#46962b; background:#fe0;margin-top:1em;text-shadow: 0 0 0;font-family: 'Arvo Regular', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;text-transform: none;} + p.cta a:hover {color:#fff; background:#e6007e;} + + /*Spenden*/ + #donatenow {background:#e6007e; padding:1em;text-align: center;font-family: 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;text-transform: uppercase;margin-top:0;} + #donatenow h2 {color:#fff;font-family: 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;text-align: center;font-size: 2em;} + #donatenow a {display:inline-block; background:#fe0;padding:0.5em 1em;color:#46962b;} + #donatenow a:hover {background:#46962b;color:#fe0;} + + + /*Actionbox */ + #getinvolved {padding-top:2em;} + #getmore {padding-top:2em; } + #getinvolved h2, #getmore h2 {color:#fff;font-family: 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;text-align: center;font-size: 2em;text-transform: uppercase;} + .involvebar.sidebar {background: transparent;padding:1em;} + .involvebar .widget_text {border:4px solid #fe0;padding:2em;color:#fff;} + .involvebar .widget_sp_image {border:0; color:#fff;} + .involvebar .widget h3 {color:#fe0;font-size:1.5em;} + .sidebar.involvebar .widget_text a, .sidebar.involvebar .widget_sp_image-description a {display:inline-block; background:#fe0; color:#46962b; padding:0.5em 1em;margin-top:0.5em;font-family: 'Arvo Regular', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;} + .sidebar.involvebar .widget_text a:hover, .sidebar.involvebar .widget_sp_image-description a:hover {background:#e6007e; color:#fff;} + + + + + /*TEMPLATE: LANDING-PAGE */ + /*intro */ + h1.landing-title {margin-bottom: 1em;display: inline-block;padding-right: 40px;background: url(../images/stoerer_end.png) right center no-repeat;font-family: 'Arvo Gruen', 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;text-transform: uppercase;} + h1.landing-title span{display: inline-block;background: #e6007e url(../images/stoerer_end.png); color: #fff;padding: 0.3em 0.2em 0.3em 0.5em;text-shadow: 0 0 0; } + #landing-intro {color: #fff;font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;text-shadow: 1px 1px 5px rgba(0,0,0,0.5);padding: 2em 1em;min-height: 300px;} + + /*page content */ + .page-template-page-landingpage article.page.hentry, .page-template-page-landingpage-small article.page.hentry {background: #fff;margin: 0; padding: 2em 2em 0;background: #fff;box-shadow: 5px 5px 10px rgba(0,0,0,0.2); } + + + + /*news */ + .landingnews {margin: 0;} + h2.landingsection {background: #fff;display: inline-block;margin: 2em 0 0 0; padding: 0.5em;font-size: 1.5em;} + .landingnews article {} + + + + + + + /*TEMPLATE: ARCHIV*/ + .archiv {} + .archiv ul {margin: 0;} + .archiv li:before {content: ""!important;} + .archiv li {display: inline; padding: 0;} + .archiv li:after {display: inline;content: ' / ';padding: 0;} + .archiv ul li:last-of-type:after {content: '';} + .archiv h2 {font-size: 1.2em;margin-top: 2em;} + .archiv .archiv-tags a {font-size: 1em!important;} + + /*TEMPLATE: LISTVIEW*/ + .page-template-page-listview-php article.postsingle {background: transparent;padding: 0;margin: 0;} + .page-template-page-listview-php article.postsingle article {background: #fff;padding: 1em;margin: 1em;border: 0;} + .page-template-page-listview-php #main article.postsingle form {background: #fe0; padding: 1em;margin: 1em;} + .page-template-page-listview-php #main button { font-size: 1em;} + .page-template-page-listview-php #main article.postsingle form label {color: #46962b;} + + + + /*TEMPLATE: STORY */ + .story-intro {color: #fff;position: absolute;bottom: 35%;height: 15%;width: 100%;text-align: center;font-size: 1.3em;text-shadow: 2px 2px 4px rgba(0,0,0,0.5);z-index: 2;} + .story-intro h1 {color: #fff; text-align: center;} + .page-template-page-story article {padding: 2em 2em;margin: 0; color: #fff;} + .page-template-page-story article img.size-large, .page-template-page-story article img.size-full, .page-template-page-story article img.aligncenter {margin-top: 1em;margin-bottom: 1em;} + .page-template-page-story .parallax {text-shadow: 2px 2px 4px rgba(0,0,0,0.5);} + .inhaltvz {display: none;} + .abstand {height: 400px;max-height: 60vh;} + + + /*SEARCH */ + .search-results #main .suche {display: none;} + /*post types */ + .search-results #main .article-teaser {display: block!important;} + .search-results #main .article-teaser p {margin-bottom: 0;} + .search-results #main article.type-termine {padding: 1em;margin: 1em; } + .search-results #main article.type-termine h2 {margin: 0;text-align: left;} + .search-results #main article.type-termine h2:before {content: "\f073";font-family: 'FontAwesome';margin-right: 0.3em;color: #e6007e;} + .search-results #main article.type-termine .article-teaser {margin: 0;} + .search-results #main article.type-termine p {margin: 0;text-align: left;} + .search-results #main article.type-person h2:before {content: "\f21d";font-family: 'FontAwesome';margin-right: 0.3em;color: #e6007e;} + .search-results #main article.type-page h2:before {content: "\f0e8";font-family: 'FontAwesome';margin-right: 0.3em;color: #e6007e;} + .search-results #main article.type-post h2:before {content: "\f1d9";font-family: 'FontAwesome';margin-right: 0.3em;color: #e6007e;} + .search-results #main article.category-presse h2:before {content: "\f1ea";font-family: 'FontAwesome';margin-right: 0.3em;color: #e6007e;} + .search-results #main article.category-beschluesse h2:before {content: "\f02d";font-family: 'FontAwesome';margin-right: 0.3em;color: #e6007e;} + .search-results #main article.type-gliederung h2:before {content: "\f024";font-family: 'FontAwesome';margin-right: 0.3em;color: #e6007e;} + + #main .suche button {border: 0;font-size: 1em;padding: 0.5em;background: #e6007e;color: #fff;font-family: 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;text-transform: uppercase;font-weight: normal;} + #main .suche button:hover {background: #ffee00;color: #46962b;} + #main .suche label {display: none;} + #main .suche input {padding: 1em;width: 100%;box-sizing: border-box;} + + + /*404 */ + .error404 {background: url(../images/bg_kohle.jpg);} + .error404 article {margin: 1em;background: transparent;color: #fff; + } + .error404 article h1 {padding: 0.5em;} + .error404 article p {padding: 0 1em; } + .error404 article form {margin: 1em 0 0 0!important;width: 100%;box-sizing: border-box;background: transparent!important;} + + +/********************* +10. POST TYPES +*********************/ + + + /*POSTTYPE:PERSON*/ + .single article.person {position: relative;background: #fff;margin: 1em;padding: 1em;box-shadow: 5px 5px 10px rgba(0,0,0,0.2); + } + + h2.h3 {font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;font-size: 1.3em;color: #46962b;margin-top: -0.2em;margin-bottom: 1em;} + .socialprofile {} + .socialprofile a {font-size: 1.2em;background: #0a321e;width: 2em;height: 2em; display: inline-block;box-sizing: border-box;padding-top: 0.25em;border-radius: 50%;text-align: center;margin:0 0.1em 1em; color: #fff; } + .socialprofile a:hover {background: #46962b;} + + .anschrift {background: #e5e5e5; width: 60%;padding: 1em 1em 0.1em 1em;margin-left: 5%;} + + + /*Person: List Team */ + .personen-list {} + .personen-list article {margin: 0 0 2em;padding: 0 0 2em ;text-align: center;border-bottom: 3px solid #f6f6f6; } + .personen-list article.has-post-thumbnail {margin-top: 6.5em;} + .personen-list h3 {margin-bottom: 0;text-align: center;color: #e6007e!important; } + .personen-list p.funktion{color: #46962b;margin-bottom: 0.5em;} + .personen-list p.listenplatz{color: #46962b;margin: 0.5em 0 0;font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;f} + .personen-list p {margin-bottom: 0;} + .personen-list p.short {margin-bottom: 1em; color: #555;} + .personen-list p.motivation {margin-bottom: 1em; color: #555;font-style: italic;} + .personen-list p a {color: #333;} + .personen-list img {border-radius: 50%;border: 5px solid #f6f6f6;width: 7em;height: 7em;margin-top: -5em;text-align: center;} + .personen-list p.contact a {display: inline-block; background: #0a321e;padding: 0.2em 0.5em;border-radius: 50%; color: #fff;} + .personen-list p.contact a:hover {background: #46962b; } + .personen-list .details {margin-top: 1em; } + .personen-list .details a {display: inline-block; background: #46962b;color: #fff; padding: 0.3em 0.5em;font-family: 'PT Sans Bold', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;font-size: 0.9em;border-radius: 0.4em;} + .personen-list .details a:hover {background: #ffee00;color: #46962b;} + + + /*POSTTYPE: Termine */ + article.termine {border-bottom: 2px solid #f6f6f6;margin: 1em 0;position: relative;padding: 1em;} + article.termine:last-of-type {border-bottom: 0;} + article.termine .termin_meta_kurz {color: #e6007e;text-align: center;font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;margin-bottom: 0.7em;} + article.termine .termin_meta_kurz span {display: block;font-size: 0.8em;} + article.termine .termin_meta_kurz .termin_datum_kurz {font-size: 2em;} + article.termine h2 {text-align: center; font-size: 1.3em;} + article.termine p {margin: 0;text-align: center; } + article.termine a.weiterlesen {background: transparent;position: absolute; top: 0;left: 0;height: 100%;width: 100%;text-indent: -9999px;} + article.termine a.weiterlesen:hover {background: rgba(0,0,0,0.03);} + + .single article.termine {background: #fff; margin: 1em;padding: 1em;} + .single article.termine .termin_meta {margin: 1em 0 1em 0;color: #0a321e;font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;font-size: 0.9em; } + .single article.termine .termin_meta span {display: block;margin-bottom: 0.5em;} + .single article.termine .termin_meta span:before {padding-right: 0.5em;font-family: "FontAwesome";color: #46962b;font-size: 1.3em; } + .single article.termine .termin_meta .termin_tag:before {content: "\f073";} + .single article.termine .termin_meta .termin_zeit:before {content: "\f017";} + .single article.termine .termin_meta .termin_ort:before {content: "\f041";} + .single article.termine .termin_meta .termin_veranstalter:before {content: "\f007";} + .single article.termine p {text-align: left;margin-bottom: 1.2em;} + .single article.termine #termin_map_wrapper {background: #f6f6f6; padding: 1em; margin: 0 -1em -1em -1em;} + .single article.termine #termin_map_wrapper a {color: #0a321e;font-size: 0.8em;} + .single article.termine .entry-content h2 {margin-left: 0;} + + + /*POSTTYPE: GLIEDERUNGEN */ + + + /*Gliederungen: KV Liste */ + .gliederungen-list {} + .gliederungen-list article {border-bottom: 2px solid #f6f6f6;margin: 2em 0; padding: 0 0 2em;} + .gliederungen-list article p.contact{font-size: 1em;} + .gliederungen-list article p.contact a {display: inline-block; background: #0a321e;padding: 0.2em 0.5em;border-radius: 50%; color: #fff;} + .gliederungen-list article p.contact a:hover {background: #46962b;} + .gliederungen-list .article-header{display: inline-block;} + .gliederungen-list .entry-content {display: inline-block; float: right;} + .gliederungen-list .entry-content p, .gliederungen-list article h2 {margin: 0;color: #e6007e; + } + .gliederungen-list h2 {font-size: 1em;} + + + + + +/****************************************************************** +11. PAGE NAVI STYLES +******************************************************************/ + + /*Tabs*/ + .responsive-tabs__heading { display: none;} + .responsive-tabs__list__item { display: inline; cursor:pointer;} + .content-tabs {margin-bottom: 2em;border-top: 1px solid #46962b; } + .content-tabs .responsive-tabs__list { display: none;} + .responsive-tabs__list li:before {content: "";} + .responsive-tabs__heading { display: block; cursor: pointer; } + .responsive-tabs__panel--closed-accordion-only { display: none;} + .responsive-tabs-wrapper {clear: both;zoom: 1; } + .responsive-tabs-wrapper:before,.responsive-tabs-wrapper:after {content: "";display: table;} + .responsive-tabs-wrapper:after {clear: both;} + .responsive-tabs__heading--active:focus, + .responsive-tabs__list__item--active:focus { outline: none !important;} + + .responsive-tabs__heading { background: #fff;border: 1px solid #46962b;font-size: 1.2em; border-top: 0;padding: 0.3em 0.5em 0.3em 1.3em; margin: 0;color: #333;position:relative;font-family: 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;text-transform: uppercase;font-weight: normal;} + .responsive-tabs__heading--active {background: #46962b;color: #fff;} + .responsive-tabs__panel { padding: 1em;margin: 0;} + + .responsive-tabs__list {margin: 0!important;padding-left: 2em;} + .responsive-tabs__list li {float: none;display: inline-block;margin: 0!important;font-size: 0.8em; } + + .responsive-tabs__heading::after {content: "\f077"; font-family: FontAwesome; left: 0.5em;font-size: 0.7em; position: absolute;color: #46962b; } + .responsive-tabs__heading--active::after {content: "\f078";color: #fff; } + + .responsive-tabs__list__item {background: transparent;padding: 0.7em 1em; color: #fff;} + .comments-tabs .responsive-tabs__list__item {color: #fff;} + .responsive-tabs__list__item:hover {background: transparent; } + .responsive-tabs__list__item--active, + .responsive-tabs__list__item--active:hover { background: #f6f6f6;border: 0;color: #0a321e;} + + + .responsive-tabs__panel { border: 0;background: #fff;margin-bottom: 0;padding: 2em;border: 1px solid #46962b; border-top: 0;border-bottom: 3px solid #46962b; } + + + .comment-tabs {margin: 1em;} + .comment-tabs .responsive-tabs__heading { display: none;} + .comment-tabs .responsive-tabs__panel--closed-accordion-only { display: block;} + .comment-tabs .responsive-tabs__panel {background: #f6f6f6;padding: 0em;border: 0;margin-bottom: 0;padding-bottom: 0;} + .comment-tabs .responsive-tabs__list__item {position: relative;} + .comment-tabs .responsive-tabs__list__item::before {margin-right: 0.5em;font-family: FontAwesome;font-size: 1em; color: #46962b;} + body.page .comment-tabs .responsive-tabs__list__item:nth-of-type(2)::before {content: "\f0e6";} + body.page .comment-tabs .responsive-tabs__list__item:nth-of-type(1)::before {content: "\f040";} + + body.single .comment-tabs .responsive-tabs__list__item:nth-of-type(4)::before {content: "\f0e6";} + body.single .comment-tabs .responsive-tabs__list__item:nth-of-type(3)::before {content: "\f040";} + body.single .comment-tabs .responsive-tabs__list__item:nth-of-type(2)::before {content: "\f1ea";} + body.single .comment-tabs .responsive-tabs__list__item:nth-of-type(1)::before {content: "\f1d9";} + + .comment-tabs .responsive-tabs__list__item {font-size: 0px; padding: 0 10px 0 10px;margin-right: 10px!important;} + .comment-tabs .responsive-tabs__list__item::before {font-size: 25px;margin-right: 0;color: #fff;} + .comment-tabs .responsive-tabs__list__item--active::before {color: #46962b;} + + + /*tabs homepage */ + .home-tabs {margin: 1em;} + .home-tabs .responsive-tabs__panel {padding: 0!important;background: transparent;border: 0;} + .home-tabs .responsive-tabs__panel article {margin: 1em 0; background: #fff;border: 0;} + .home-tabs .responsive-tabs__panel--closed-accordion-only {display: block;}/*1. Tab mobil öffnen */ + .home-tabs .responsive-tabs__list {display: block;} /*nav mobil umstellen */ + .home-tabs .responsive-tabs__list {display: block;padding: 0;font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;} + .home-tabs .responsive-tabs__list li {background: #0a321e;} + .home-tabs .responsive-tabs__list li.responsive-tabs__list__item--active {background: #ffee00;} + .home-tabs .responsive-tabs__list {display: block;} + /*icons*/ + .home-tabs .responsive-tabs__list li:before {color: #fff; font-family: 'FontAwesome';display: block;text-align: center;} + .home-tabs .responsive-tabs__list li.responsive-tabs__list__item--active:before {color: #0a321e;} + .home-tabs .responsive-tabs__list #tablist1-tab1:before {content: "\f1d9";} + .home-tabs .responsive-tabs__list #tablist1-tab2:before {content: "\f073";} + .home-tabs .responsive-tabs__list #tablist1-tab3:before {content: "\f1ea";} + .home-tabs .responsive-tabs__list #tablist1-tab4:before {content: "\f02d";} + + .home-tabs h2.responsive-tabs__heading {display: none!important;} + + p#back-top a {display: none; } + + +/****************************************************************** +12. COMMENT STYLES +******************************************************************/ + .commentlist {background: #f6f6f6; padding: 1em;margin: 0 1em 1em;} + .commentlist li {list-style-type: none;} + + .commentlist li:before{content: "";} + ul.children {margin-left: 1em;} + #main ol.commentlist article {background: transparent;padding: 0.5em;margin: 0 0 1em 1em;} + .commentlist article img.avatar {margin: 0 0.5em -0.7em 0;border-radius: 50%;} + .commentlist article .vcard {padding: 0 0 0 0;font-size: 0.8em;margin-bottom: 0.7em;font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;color:#0a321e;} + .commentlist article .vcard a {color: #46962b;} + .commentlist .comment-reply-link {font-size: 0.6em;padding: 0.2em 0.8em;border-radius: 1em;display: inline-block;text-align: right;color: #fff;background: #46962b;float: right;font-family: 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;text-transform: uppercase; } + .commentlist .comment-reply-link:hover {background: #ffee00; color: #46962b;} + .commentlist article:hover .comment-reply-link {visibility: visible;} + + + #main ol.commentlist article {} + #main ol.commentlist article.bypostauthor {background: #46962b;color: #fff;padding: 1em;} + #main ol.commentlist article.bypostauthor a {color: #0a321e;} + #main article.bypostauthor a.comment-reply-link {color: #fff!important;background: #0a321e;} + + + /*comment nav */ + #comment-nav ul li:before{content: "";} + #comment-nav {padding: 0;margin: 0; background: transparent;} + + #comment-nav li {width: 50%;display: inline-block;padding: 0!important;margin: 0;box-sizing: border-box;font-size: 0.9em;} + #comment-nav li.next {text-align: right;float: right;} + #comment-nav li a {color:#0a321e;font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;} + + + /*Related */ + .posttab, .posttab {padding: 1em 0 0.1em;box-shadow: 5px 5px 10px rgba(0,0,0,0.2);} + .posttab article:first-of-type {margin-top: 0;} + + /*category view:post */ + .posttab article.postlist {margin: 0 1em;background: transparent;padding: 1em 0;border-bottom: 0;} + .posttab article.postlist a.postimglist {float: left;width: 30%;margin: 0 1em 0 0; } + .posttab article.postlist .article-teaser {display: none;} + .posttab article.postlist.has-post-thumbnail h2, .posttab article.postlist.has-post-thumbnail p.subhead, + .posttab article.postlist.has-post-thumbnail .article-teaser {margin-left: 33%; } + + + +/****************************************************************** +13. COMMENT FORM STYLES +******************************************************************/ + + + #respond {background: #f6f6f6;padding: 2em;margin: 0 1em 1em;} + + #reply-title {color: #0a321e;} + #commentform ul {margin: 0;} + #commentform li {list-style-type: none;} + #commentform li:before{content: "";} + #main form {background: #f6f6f6;padding: 2em;margin: 0 -1em 1em;} + #main form p:last-of-type {margin-bottom: 0;} + #main form input, #main form textarea, #main form select {border: 1px solid #cecece;background: #fff;padding: 1em;display: block;margin-bottom: 1em;width: 92%;} + #main form textarea {width: 97.3%;height: 6em;} + #main form input:hover, #main form textarea:hover {border: 1px solid #999;background: #fff;box-shadow: 0 0 5px #eee inset;} + #main form input:focus, #main form textarea:focus {border: 1px solid #46962b;background: #fff;box-shadow: 0 0 5px #eee inset;} + #main form label {font-size: 0.8em;font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;color: #888;} + #main form input[type=number], #main form select, #main form .wpcf7-radio input {width: auto;} + #main form input[type=radio] {display: inline-block;} + #main form .wpcf7-radio span.wpcf7-list-item-label {margin-right: 1em;} + #main form input.wpcf7-acceptance {width: auto; display: inline-block;margin-right: 0.5em;} + #main form .wpcf7-checkbox input {display: inline-block;width: auto;} + #main form input[type=submit], #main form .cr_ipe_item button {display: inline-block;padding: 1em; border: 0;color: #fff;font-weight: normal;font-family: 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;width: auto;text-transform: uppercase;background: #e6007e;font-size: 1.2em;} + #main form input[type=submit]:hover, #main form .cr_ipe_item button:hover {background: #fe0;border:0;color: #46962b;box-shadow: none;} + #main form h2 {margin-bottom: 1em;} + #main form.wpss-form input[type=submit]:hover {background: #46962b;border:0;color: #fff;} + #main form .radiolist .wpcf7-list-item { + display: block; margin:0.3em 0; + } + + #main form canvas {border: 1px solid #cecece;background: #fff; } + #main form .wpcf7-form-control-clear-wrap input {border: 0; padding: 0.5em 0;background: transparent;width: auto;font-size: 0.8em;} + + + + #main form .box {background: #ffee00;margin: 0 -2em 2em -2em;padding: 2em;clear:both;} + #main form hr {color: #fff;background: #fff;margin-bottom: 2em;margin-top: 0;clear:both;} + + #recaptcha_area {margin-bottom: 1em;} + #main form .req {color: #46962b;} + #main form label small {font-size: 0.8em;color: #aaa;font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;} + form .required-info {font-size: 0.8em;color: #888;margin-bottom: 1em;} + + + /********************* + 14. SIDEBARS & ASIDES + *********************/ + .sidebar li {list-style-type: none;} + .sidebar {background:#0a321e;padding: 2em;color: #8d9e96;} + h3.widgettitle {margin-bottom: 0.5em;color: #fff;} + .sidebar a, .sidebar a:visited {color: #ffee00; } + .sidebar a:hover {color: #e6007e; } + .widget {margin-bottom: 2em;border-bottom: 2px solid #17452e; padding-bottom: 2em;} + .sidebar .widget:last-of-type {margin-bottom: 0;} + + /*Twitter */ + .widget.widget_twitter-tracker, .widget_twitter-profile-tracker {padding: 1em;color: #fff;font-size: 0.9em;margin: 0;border: 0; + } + .widget.widget_twitter-tracker h3, .widget_twitter-profile-tracker h3 {} + .sidebar .widget.widget_twitter-tracker a, .sidebar .widget_twitter-profile-tracker a {} + .sidebar .widget.widget_twitter-tracker a.tweet-link, .sidebar .widget_twitter-profile-tracker a.tweet-link {font-size: 0.6em;margin: 0 0 0 40px;background: #46962b;color: #fff!important;padding: 0.3em 0.5em;border-radius: 1em;} + .widget.widget_twitter-tracker img, .widget_twitter-profile-tracker img {float: left; margin: 5px 0 0.5em 0;width: 30px; height: auto;} + .widget.widget_twitter-tracker .msg, .widget_twitter-profile-tracker .msg {margin: 0 0 0 40px;} + + .widget.widget_twitter-tracker .tweets li, .widget_twitter-profile-tracker .tweets li {margin-bottom: 1.5em;} + + + /*Social Media */ + .widget_kr8_socialmedia {padding: 0!important;background: transparent!important;box-shadow: none !important;} + .widget_kr8_socialmedia h3.widgettitle {} + .widget_kr8_socialmedia li {display: inline-block;margin: 0 0.5em 0.5em 0!important; padding: 0!important;} + .widget_kr8_socialmedia li span {border-radius: 50%;box-sizing: border-box;height: 40px;width: 40px;color: #fff;text-align: center;background-color: #0a321e; font-size: 1.3em;padding-top: 0.5em;} + .widget_kr8_socialmedia li span.fa-twitter:hover {background-color: #31ccf0;} + .widget_kr8_socialmedia li span.fa-facebook:hover {background-color: #3b5998;} + .widget_kr8_socialmedia li span.fa-google-plus:hover {background-color: #dd4e51;} + .widget_kr8_socialmedia li span.fa-flickr:hover {background-color: #fd3a93;} + .widget_kr8_socialmedia li span.fa-instagram:hover {background-color: #407291;} + .widget_kr8_socialmedia li span.fa-youtube:hover {background-color: #b1263a;} + .widget_kr8_socialmedia li span.fa-vimeo-square:hover {background-color: #28c5ee;} + .widget_kr8_socialmedia li span.fa-pinterest:hover {background-color: #d7373d;} + .widget_kr8_socialmedia li span.fa-soundcloud:hover {background-color: #fa3846;} + .widget_kr8_socialmedia li span.fa-foursquare:hover {background-color: #5bc0e6;} + .widget_kr8_socialmedia li span.fa-xing:hover {background-color: #074f4f;} + .widget_kr8_socialmedia li span.fa-tumblr:hover {background-color: #2a455b;} + .widget_kr8_socialmedia li span.fa-rss:hover {background-color: #fb9a61;} + .widget_kr8_socialmedia li span.fa-comments-o:hover {background-color: #fb6c55;} + + + /*Bilder Widget*/ + .widget_sp_image img {width:100%!important;height:auto!important;} + + /*Suche */ + .widget_search {background: transparent!important;box-shadow: none!important;padding: 0!important;display: none;} + .widget_search label{display: none;} + .widget_search .seachphrase{padding: 1em 5%;width: 90%;border: 1px solid #0a321e;} + .widget_search .seachphrase:hover, .widget_search .seachphrase:focus {border-color: #46962b;} + .widget_search .button-submit {border:0;background: #0a321e; color: #fff;font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;padding: 0.5em 1em;margin-top: 1em;font-size: 1em;font-weight: normal;} + .widget_search .button-submit:hover {background: #ffee00;color: #0a321e;} + .sidebar .widget_search .button-submit .fa {display: none;} + + /*contact form */ + .sidebar form {} + .sidebar form input {padding: 1em;} + .sidebar form label {display: block;color: #fff;font-size: 0.8em;color: #fff;} + .sidebar form input {padding: 1em;width: 100%;box-sizing: border-box;margin-bottom: 1em;font-size: 1em;font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;} + .sidebar form input:focus, .sidebar form input:hover {box-shadow: 0px 0 10px rgba(0,0,0,0.3);} + .sidebar form button, .sidebar form input[type=submit], .page-template-page-listview-php article button {background: #e6007e;border: 0;font-family: 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;text-transform: uppercase;color: #fff; font-weight: normal;font-size: 1.5em; padding: 1em; display: block;} + .sidebar form button:hover, .sidebar form input[type=submit]:hover, .page-template-page-listview-php article button:hover {background: #46962b;color: #fff;} + .sidebar.threecol button {font-size: 1em;margin-top: 1em;} + + .sidebar form p {margin-bottom: 1em;} + .sidebar form {} + + /*Tag Cloud */ + .widget_tag_cloud {} + .widget_tag_cloud a, #footer .widget_tag_cloud a {font-size: 0.9em!important;display: inline-block;padding: 0.5em 0.6em; margin: 0 0.2em 0.5em 0; background: #46962b; line-height: 1; color: #fff; border-radius: 0.3em;} + .widget_tag_cloud a:hover, #footer .widget_tag_cloud a:hover {background: #ffee00;color: #0a321e;text-decoration: none;} + + /*Termine: Liste */ + .widget_termine_liste_widget {} + .widget_termine_liste_widget li li {} + .widget_termine_liste_widget span{margin-right: 0.4em;font-size: 0.8em;} + .widget_termine_liste_widget span:after{content: " »";} + .widget_termine_liste_widget span:last-of-type:after{content: "";} + .widget_termine_liste_widget h4 {} + .widget_termine_liste_widget p{display: none;} + + /*Rss*/ + .widget_rss h3 img {display: none;} + #footer .widget_rss h3 a {color: #fff;} + + + /*Petition*/ + .dk-speakup-widget-popup-wrap {background: #fff; position: fixed;z-index: 199; padding: 2em;display: none;} + #dk-speakup-widget-windowshade {position: fixed;top: 0;left: 0;z-index: 198;background: #000;} + .dk-speakup-widget-close {width: 15px; height: 15px;background: red;position: absolute;top: 0;right: 0;} + .dk-speakup-progress {background: #ddd;height: 1.5em;display: block;border: 1px solid #ccc;} + + + + + + /********************* + 15. FOOTER STYLES + *********************/ + + /*Newsletter */ + #newsletter {background: #e6007e; margin: -2em;padding: 2em;} + #newsletter .sidebar {background: transparent;} + #newsletter .widget {background: transparent!important;border: 0;} + #newsletter h2 {color: #fff;margin-bottom: 1em;border-bottom: 3px solid;display: inline-block;font-family: 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;text-transform: uppercase;font-size: 2.5em; } + + + /*Social Accounts */ + #socialaccounts {background: #fe0;margin-top: 0;} + #socialaccounts .widget {background: transparent;} + + + /*Real footer */ + #footer {clear: both;background:#0a321e; padding: 0;color: #fff; } + #footer .widget {background: transparent; box-shadow: none;color: #8d9e96;} + #footer .widget:last-of-type {border-bottom: 0;} + #footer .widgettitle {color: #fff;} + p.copyright {text-align: center; font-size: 0.8em;background: #0a1a12;color: #56685f;padding: 1em;} + p.copyright a:hover{color: #ffee00;} + + #footer .widget_nav_menu {font-size: 1.2em;} + #footer .widget_nav_menu li {font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif; margin-bottom: 2em;} + #footer .widget_nav_menu li a {color: #fff;} + #footer .widget_nav_menu li li a {color: #afdca7;} + #footer .widget_nav_menu li li {float: none;font-size: 0.8em;margin: 0;width: 100%;font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;} + #footer .widget_nav_menu ul {margin: 0;padding: 0;} + #footer .widget_nav_menu li a:hover {color: #ffe000; } + + .nav-footer {margin: 2em;} + + } + + +/**********************************************************************/ +/* DESKTOP */ +/**********************************************************************/ + + +/*SMALLER LAPTOPS */ +@media only screen and (min-width: 770px) { + + .onecol {width: 5.801104972%;} + /* 4.85%; } /* grid_1 */ + .twocol {width: 14.364640883%;} + /* 13.45%; } /* grid_2 */ + .threecol {width: 22.928176794%;} + /* 22.05%; } /* grid_3 */ + .fourcol {width: 31.491712705%;} + /* 30.75%; } /* grid_4 */ + .fivecol {width: 40.055248616%;} + /* 39.45%; } /* grid_5 */ + .sixcol {width: 48.618784527%;} + /* 48%; } /* grid_6 */ + .sevencol {width: 57.182320438000005%;} + /* 56.75%; } /* grid_7 */ + .eightcol {width: 65.74585634900001%;} + /* 65.4%; } /* grid_8 */ + .ninecol {width: 74.30939226%;} + /* 74.05%; } /* grid_9 */ + .tencol {width: 82.87292817100001%;} + /* 82.7%; } /* grid_10 */ + .elevencol {width: 91.436464082%;} + /* 91.35%; } /* grid_11 */ + .twelvecol {width: 99.999999993%;} + /* 100%; } /* grid_12 */ + .onecol,.twocol,.threecol,.fourcol,.fivecol,.sixcol,.sevencol,.eightcol,.ninecol,.tencol,.elevencol,twelvecol { + position: relative;float: left;margin-left: 2.762430939%;} + .first {margin-left: 0;} + section.last, div.last {float: right;} + + + /****************************************************************** + Stylesheet: Tablet & Small Desktop Stylesheet + + Here's where you can start getting into the good stuff. + This size will work on iPads, other tablets, and desktops. + So you can start working with more styles, background images, + and other resources. You'll also notice the grid starts to + come into play. Have fun! + + ******************************************************************/ + + + /********************* + GENERAL STYLES + *********************/ + + a {text-decoration: none;} + h1 {font-size:3em; } + + /********************* + LAYOUT & GRID STYLES + *********************/ + html {} + body {padding: 0;background: url(../images/body_bg.jpg) 50% 50% fixed #46962b;background-size: 100% 100%; + } + +.inner {max-width: 1140px; margin: 0 auto;} + + #content {padding: 0; } + #main { } + + /********************* + HEADER SYTLES + *********************/ + #header{ padding: 1.5em 0 0 0;position: relative;margin-bottom: 2em;} + + + + + /********************* + NAVIGATION STYLES + *********************/ + + /*hide mobile nav */ + .header-mobile, #nav-mobile {display: none!important;} + + /*show nav in desktop-version*/ + #nav-desktop, #nav-flyin {display: block;} + + /*Hauptnavigation fixed and scrolly */ + .nav-wrap {width: 100%;z-index: 3;position: relative;margin-bottom: 2em; } + #nav-flyin {position: fixed;z-index: 999;display: none;height: auto;overflow: visible;background: #0a321e;top: 0;font-size:1.3em;} + .logged-in.admin-bar #nav-flyin {top: 32px;} + + /*nav flyin */ + .nav-wrap .logo-desktop {display: none;position: relative; float: left;width: auto;padding: 0.5em 1em 0.5em 0;} + .nav-wrap .logo-desktop img {height: 2.5em;width: auto;float: left;} + .nav-wrap .logo-desktop h2 {color: #fff;font-size: 1em;padding: 0.6em 0 0 3em;font-family:'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;text-transform: uppercase;} + .nav-wrap .logo-desktop h2 a {color: #ffee00;} + + /*nav desktop */ + #nav-desktop {font-size:1.3em;} + + /*Hauptnavigation */ + .nav-main {display:block;width: 100%;text-align: right;background:transparent;font-family:'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;z-index: 3;position: relative;text-transform: uppercase; } + .nav-main .navigation {display:block;width:100%;} + + + .nav-main li {display: inline-block;position: relative;padding:1em;margin:0;} + .nav-main li a {padding:0;display:block;background: transparent;color:#fff;border: 0; } + .nav-main li a:hover {color: #ffe000;text-decoration: none;} + /*2te Ebene */ + .nav-main li ul {display:none;padding: 0px 0 0;font-size:0.9em;margin-top: 13px;} + .nav-main li:hover ul {display:block;} + .nav-main li ul {position:absolute;width:250px;z-index:9;background: #fff;box-shadow: 0 10px 10px rgba(0,0,0,0.2);text-align: left;border: 5px solid #ffee00;margin-left: -40px; } + .nav-main li ul:before {content: "";position: absolute;width: 30px;height: 15px;top: -15px;left: 70px; background: url(../images/nav_ul2.png) 0 -5px no-repeat transparent;} + .nav-main li ul li {display:block;float: none;font-size:0.8em;border: 0;margin: 0;padding: 0;position: relative;z-index: 9; } + .nav-main li ul li a, .nav-main li.current-menu-parent li a, .nav-main li.current-menu-item li a {background: #fff;color:#0a321e;border: 0;padding: 0.5em 1.2em;font-family: 'PT Sans Bold', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;text-transform: none;} + .nav-main li.current-menu-parent li a:hover,.nav-main li.current-menu-item li a:hover,.nav-main li ul li a:hover,.nav-main li.current-menu-parent li.current-menu-item a {color:#46962b; background: #ffee00; } + .nav-main li.current-menu-parent li.current-menu-item a { } + .nav-main li ul li a:before {} + /*2te & 3te Ebene Mega */ + .nav-main li.mega ul {width: 600px;clear: both;display: block1;margin-left: -200px;} + .nav-main li.mega ul:before {left: 215px;} + .nav-main li.mega ul a {background: transparent;font-family: 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;text-transform: uppercase;} + .nav-main li.mega ul li {width: 200px;position: relative;display: block;float: left;font-size: 1em; } + .nav-main li.mega ul ul {position: relative;padding: 0;width: 200px;box-shadow:0 0 0;border: 0;float: none;display: block;margin: 0;} + .nav-main li.mega ul ul a {font-family: 'Arvo Regular', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;text-transform: none;} + .nav-main li.mega ul ul:before {background: transparent;} + .nav-main li.mega ul ul li {} + /*Aktives Element */ + .nav-main li.current-menu-item a, .nav-main li.current-menu-parent a, .nav-main li.current-menu-ancestor a {color: #ffe000;border-bottom: 2px solid #ffe000;border-bottom: 2px solid #ffe000;} + + .nav-main li.current-menu-item li a, .nav-main li.current-menu-parent li a {background: #fff;color:#0a321e; } + /*Home*/ + .nav-main .home {float: left;padding-left: 3.2em;background: url(../images/logo_small.png) 0 0.5em no-repeat transparent;background-size: auto 72%;} + /*CTA */ + .nav-main .cta {padding: 0.5em 0.5em;padding-right: 0;} + .nav-main .cta a, .nav-main .cta.current-menu-item a {background: #e6007e;color: #fff;padding: 0.5em;border: 0; } + .nav-main .cta a:hover {color: #46962b;background: #ffee00;text-transform: uppercase;} + /*Suche */ + .nav-main .suche {} + .nav-main .suche a:before {content: "\f002";font-family: 'FontAwesome';color: #fff;font-size: 21px;margin-top: -1px;} + .nav-main .suche:hover a:before {color: #ffee00;} + .nav-main .suche a {display: inline-block!important;text-indent: -9999999px;font-size: 0;} + .nav-main .suche a {} + + .nav-main .cta.last {padding-right:0;} + + + /*Navigation Footer */ + .nav-footer {font-size: 0.9em;margin: 2em 0 4em 0;text-align: center;} + .nav-footer li {display: inline-block;margin: 0 1em 0 0;} + + /*Back to top */ + p#back-top {position: fixed; display:none; bottom: 2em; right: 2em;z-index: 999;} + p#back-top a {display: inline-block; transition: opacity 1s; background: #0a321e;background: rgba(10,50,30,0.6);border-radius: 50%;width: 50px;color: #fff;text-align: center;padding: 0.6em 0 0.9em;opacity: 0.4;} + p#back-top a:hover {opacity: 1;text-decoration: none;} + + /*Pagination*/ + .page-navigation {margin: 0;} + .page-navigation li.kr8pn-next-link, .page-navigation li.kr8pn-prev-link, .page-navigation li.kr8pn-last-page-link, .page-navigation li.kr8pn-first-page-link {display: inline; } + + /*Soziale Netzwerke */ + .nav-social {padding: 2em 0;font-size: 1.5em;text-align: center;} + .nav-social li {display: inline-block;margin: 0 2em 0 0;} + + + .search-desktop {background: #ffee00; padding: 2em 0;margin: -12.5em 0 2em 0;display: block;} + .search-desktop label {display: none;} + .search-desktop input {padding: 1em;width: 80%;font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif; } + .search-desktop button {border: 0;font-size:1.4em; background: transparent;color: #46962b;} + .search-desktop button:hover {color: #e6007e;} + .search-desktop button .text {display: none;} + .search-desktop a {font-size: 0.8em; margin-top: 0.5em;padding-left: 0.1em;display: inline-block;} + + #suche {transition: margin 0.5s;z-index: 3;position: relative;} + #suche:target {margin-top: -3.5em;} + + /********************* + POSTS & CONTENT STYLES + *********************/ + + + + article {padding: 0 0 2em;margin: 2em;} + + article img.wp-post-image, .search-results article img.wp-post-image {float: left;margin: 10px 0.7em 0 0;width: 33%;height: auto; } + + article h1 a, .search-results article h1.h2 a{color:#0a321e;} + + article.postsingle, .single article.person, .single article.termine, .single article.gliederung {background: #fff;padding: 2em;margin: 0; margin-bottom: 2em;box-shadow: 5px 5px 10px rgba(0,0,0,0.2); } + .single .personen-list article.person {box-shadow: none;} + + /*Überschriften*/ + h1, .single h1 {font-size:2.5em;} + .entry-content h1 {font-size:1.8em;} + h2 {font-size:1.6em;} + h3 {font-size:1.5em;} + h4 {font-size:1.3em;} + h5 {font-size:1.1em;} + h6 {font-size:1em;} + + .search-results article h1{font-size: 1.6em;} + + + /*Sitemap */ + ul.sitemap {margin: 0 0em; } + + /*Aussehen: Klein */ + ul.sitemap.klein {padding:2em 0; margin:2em 0; border: 0.4em solid #46962b; border-left:none; border-right: none;} + ul.sitemap.klein li {width:32%; float:left;box-sizing: border-box;background: transparent;clear:none; text-align: center;padding:1em;} + ul.sitemap.klein li img {float:none;width:200px; border: 5px solid #f6f6f6;} + ul.sitemap.klein li:nth-of-type(3n-2) {clear:left;} + ul.sitemap.klein li:nth-of-type(3n+2) {margin:0 2%;} + ul.sitemap.klein li {} + + /*Klein fullpage */ + .twelvecol ul.sitemap.klein li {width:23.5%;} + .twelvecol ul.sitemap.klein li:nth-of-type(3n-2) {clear:none;} + .twelvecol ul.sitemap.klein li:nth-of-type(3n+2) {margin:0;} + .twelvecol ul.sitemap.klein li:nth-of-type(4n-3) {clear:left;} + .twelvecol ul.sitemap.klein li:nth-of-type(4n+2) {margin:0 2%;} + .twelvecol ul.sitemap.klein li:nth-of-type(4n+4) {margin-left: 2%;} + + + /*Form*/ + #main form {margin: 0 -2em 2em;} + #main form p {width: 100%; clear: both;} + #main form p.left, #main form div.left {width: 45%;float: left;clear: left;} + #main form p.right, #main form div.right {width: 45%;float: left;margin-left: 10%;clear: right;} + + + /*Bilder */ + + + img.rund {width: 150px;} + + /*image: titleimage (single) */ + .postimg {margin: -2em -2em 1em; display: block;} + .postimg .wp-caption-text {text-align: right;padding: 2em 4em 0 0;margin: 0;} + + /*parallax*/ + .introbg {display: block; position: absolute;top: 0;left: 0;width: 100%;z-index: 0;height: 60%!important; min-height: 600px!important; background-size: cover;overflow: hidden;} + #landing-intro {background: transparent!important;} + #single-intro {background: transparent!important;height: 400px!important;margin: 0;min-height: 2em!important;} + .parallax {background-attachment: fixed;} + .parallax.bgscroll {background-attachment: scroll;} + + + /*image: home parallax */ + .home #single-intro {display: none;} + .home #single-intro {display: none;} + .home .introbg {display: block;height: 100%!important;} + + + + .single img.attachment-titelbild.wp-post-image {width: 100%;height: auto;margin-top: 0;} + .single article.person img.attachment-titelbild.wp-post-image { margin-bottom: 1em;} + img.size-medium {width: 49%;height: auto;} + .wp-caption img.size-medium {width: 100%;height: auto;} + + .gallery {text-align: center; background: #f6f6f6;margin: 0 -2em 1em; padding: 2em;border: 0;} + .gallery dl.gallery-item {display: inline-block;margin: 0 2% 1% 0;vertical-align: top; } + .gallery dl.gallery-item:nth-of-type(2n) {margin-right: 2%;} + .gallery dl.gallery-item img {width: 100%;height: auto; } + .gallery dl.gallery-item .gallery-caption {margin-bottom: 1em;display: block;} + .gallery-columns-9 dl.gallery-item {width: 9%;} + .gallery-columns-9 dl.gallery-item:nth-of-type(9n) {margin-right: 0;} + .gallery-columns-8 dl.gallery-item {width: 10%;} + .gallery-columns-8 dl.gallery-item:nth-of-type(8n) {margin-right: 0;} + .gallery-columns-7 dl.gallery-item {width: 12%;} + .gallery-columns-7 dl.gallery-item:nth-of-type(7n) {margin-right: 0;} + .gallery-columns-6 dl.gallery-item {width: 14%;} + .gallery-columns-6 dl.gallery-item:nth-of-type(6n) {margin-right: 0;} + .gallery-columns-5 dl.gallery-item {width: 18%;} + .gallery-columns-5 dl.gallery-item:nth-of-type(5n) {margin-right: 0;} + .gallery-columns-4 dl.gallery-item {width: 23%;} + .gallery-columns-4 dl.gallery-item:nth-of-type(4n) {margin-right: 0;} + .gallery-columns-3 dl.gallery-item {width: 31%;} + .gallery-columns-3 dl.gallery-item:nth-of-type(3n) {margin-right: 0;} + .gallery-columns-2 dl.gallery-item {width: 48%;} + .gallery-columns-2 dl.gallery-item:nth-of-type(2n) {margin-right: 0;} + .gallery-columns-1 dl.gallery-item {width: 100%;} + .gallery-columns-1 dl.gallery-item:nth-of-type(1n) {margin-right: 0;} + + + + + + + + + /*Tabs */ + .responsive-tabs__list, .content-tabs .responsive-tabs__list { display: block;margin: 0!important;padding-left: 2em;font-family: 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;text-transform: uppercase; } + .responsive-tabs__list li {float: none;display: inline-block;margin: 0!important;font-size: 1em;color: #0a321e;} + .hentry .responsive-tabs__list li:before {content: "";} + .responsive-tabs__heading { display: none;} + + .content-tabs {border: 0;} + .content-tabs .responsive-tabs__list {padding: 0 0 0 0;border: 0; } + .content-tabs .responsive-tabs__list__item {background: #fff;color: #46962b;border: 1px solid #46962b;border-left-width: 0; } + .content-tabs .responsive-tabs__list__item:first-of-type {border-left-width: 1px;} + .content-tabs .responsive-tabs__list__item--active, + .content-tabs .responsive-tabs__list__item--active:hover { background: #46962b;color: #fff;} + .content-tabs .responsive-tabs__panel {padding: 2em 0;} + + .responsive-tabs__panel--closed-accordion-only { display: block;} + + + .responsive-tabs__panel { border: 0;margin-bottom: 2em;border-bottom: 3px solid #46962b; } + + + .comment-tabs {margin: 0;border:0; } + .comment-tabs .responsive-tabs__panel {margin-bottom: 0;padding: 0;} + .comment-tabs .responsive-tabs__list__item {font-size: 1em; padding: 0.8em 1em;margin-right: 0.5em!important;} + .comment-tabs .responsive-tabs__list__item::before {font-size: 1em;margin-right: 0.5em;color: #0a321e;} + .comment-tabs .responsive-tabs__list__item--active::before {color: #46962b;} + + + /*Tabs home */ + + .home-tabs {margin: 0em;} + .home-tabs .responsive-tabs__list {display: block;} + .home-tabs .responsive-tabs__panel {padding: 0;background: #fff;border: 0;margin: 0;} + .home-tabs .responsive-tabs__panel {padding: 1em 2em!important;background: #fff;box-shadow: 5px 5px 10px rgba(0,0,0,0.2);} + .home-tabs .responsive-tabs__panel article {border-bottom: 2px solid #f6f6f6;margin-bottom: 2em;padding-left: 0;} + .home-tabs .responsive-tabs__panel article:last-of-type {border-bottom: 0;} + .home-tabs .responsive-tabs__list li {color: #fff;font-family: 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;background: transparent;} + .home-tabs .responsive-tabs__list li.responsive-tabs__list__item--active {background: #fff;color: #0a321e;} + .home-tabs .responsive-tabs__list li:before {color: #fff; font-family: 'FontAwesome';margin-right: 0.5em;display: inline ;} + .home-tabs .responsive-tabs__list li.responsive-tabs__list__item--active:before {color: #0a321e;} + .home-tabs article.termine {margin: 2em;padding-bottom: 2em;} + .home-tabs article.termine .postimg {margin: -2em -1em 1em 0;display: none;} + .home-tabs article.termine:last-of-type {} + .home-tabs .button a {margin-bottom: 2em;margin-top: -2em;} + + + div.archive-title {margin: 0 0 3em 0;color: #fff; } + + /*category view:post */ + div.list-article {background: #fff;padding: 0.1em 0;margin: 0;box-shadow: 5px 5px 10px rgba(0,0,0,0.2); } + + article.postlist {margin: 2em;background: #fff;padding: 0 0 2em;border-bottom: 2px solid #f6f6f6;} + article.postlist a.postimglist {float: left;width: 30%;margin: -0.2em 1em 0 0; } + article.postlist .article-teaser {display: block;} + article.postlist.has-post-thumbnail h2,article.postlist.has-post-thumbnail p.subhead, + article.postlist.has-post-thumbnail .article-teaser {margin-left: 33%; } + article.postlist:last-of-type {border-bottom: 0;} + + /*category view: headerlist */ + article.postlist-small h2, article.postlist-small p {display: inline-block;} + article.postlist-small p {float: right;} + #main article.postlist-small {padding: 2em 0; margin: 0 2em;border-bottom: 3px solid #f6f6f6;} + #main article.postlist-small:last-of-type {border-bottom: 0;} + + /*article by shortcode */ + .insidelist article.postlist {margin: 2em 0;} + + .insidelist.grau {margin:0 -2em 1em -2em;} + .insidelist article.postlist {background: transparent; margin:1em 2em 0;} + + + + + /********************* + PAGE TEMPLATES + *********************/ + + + /*TEASER */ + #teaser {margin-bottom: 3em;} + #teaser.welcome {box-shadow: 5px 5px 10px rgba(0,0,0,0.2);margin: 0 0 2em;} + + /*Slider fullpage */ + .petrakelly {width: 100%;min-height: 465px;height: 100%;margin-bottom: 2em;} + .petrakelly #single-intro {margin: 0;height: 0!important;display: none;} + .petrakelly article {padding: 0;background: transparent; border: 0; } + .petrakelly article {margin: 2em auto 0;} + .petrakelly article h1 {border: 10px solid #fff;border-right: 0;border-left: 0;display: inline-block;padding: 0.2em 0;width: 50%;font-size: 4em;text-shadow: 1px 1px 5px rgba(0,0,0,0.5);margin: 0.2em 0;} + .petrakelly article h1 a:hover {color: #ffee00;text-decoration: none;} + .petrakelly article p {text-shadow: 1px 1px 5px rgba(0,0,0,0.5);font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;width: 50%; } + .petrakelly article p.subhead {color: #ffee00;} + + /*list alternative*/ + .bigkahuna {margin:0 0 2em;} + .bigkahuna article {background: transparent;margin:0 0 2em;padding: 0;border: 0;} + .bigkahuna img {box-shadow: 5px 5px 10px rgba(0,0,0,0.2);} + .bigkahuna p {color: #fff;} + .bigkahuna p.subhead{color: #ffee00;margin-top: 1em;} + .bigkahuna h2 a {} + + /*Kacheln */ + .josephbeuys {} + #teaser .josephbeuys article {padding:0;margin: 0;box-shadow: 5px 5px 10px rgba(0,0,0,0.2);position: relative;border: 0;background: transparent;} + #teaser .josephbeuys img.wp-post-image {width: 100%;height: auto;z-index: 1;position: relative;margin: 0;float: none; + } + .josephbeuys article img {transition: opacity 0.5s;} + .josephbeuys article:hover img {opacity: 0.7;} + .josephbeuys .postimglist {margin: 0;} + .josephbeuys .subhead {margin: 0 0 0 10%;z-index: 2; position: absolute;top: 35%;left: 0;display: block;font-size: 1em;font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif; } + .josephbeuys h1 {position: absolute; top: 40%;margin: 0 40% 0 10%; display: inline-block;border: 7px solid #fff;border-right: 0;border-left: 0; color: #fff;padding: 0;font-size: 3.5em;text-shadow: 1px 1px 5px rgba(0,0,0,0.3);z-index: 2;left: 0;border: 0;line-height: 1.2em; + } + #teaser .josephbeuys h1 a,#teaser .josephbeuys h1 a:hover {background: transparent;margin: 0; padding: 0;} + #teaser .josephbeuys h1 a:hover {color: #ffee00;text-decoration: none; } + .josephbeuys p {display: none;} + + .josephbeuys img {box-shadow: none;margin: 0;display: block;} + .josephbeuys .nodesc h1, .josephbeuys .nodesc p {display: none!important; } + /*Kachel-Anordnung */ + #teaser .josephbeuys article:nth-of-type(1) {margin-bottom: 2em;} + #teaser .josephbeuys article:nth-of-type(2) {width: 48.5%;float: left;} + #teaser .josephbeuys article:nth-of-type(3) {width: 48.5%; float: left;margin-left: 3%;} + + #teaser .josephbeuys article:nth-of-type(2) h1, #teaser .josephbeuys article:nth-of-type(3) h1 {font-size: 2em; margin: 0 10%; border-width: 5px;bottom: auto;top: 30%;width: auto;display: inline-block;border: 0; } + #teaser .josephbeuys article:nth-of-type(2) .subhead, #teaser .josephbeuys article:nth-of-type(3) .subhead { top: 20%; margin: 0 10%;} + + + + .homebar {margin-top: 3em!important;} + + + + /*TEMPLATE: Campaign */ + + /*Spenden*/ + #donatenow {width:70%;margin:-4em auto 4em auto;padding: 2em 2em 1.8em 2em;} + #donatenow h2 {display:inline-block;float:left;margin-bottom: 0;} + #donatenow a {float:right;margin-left:1em;font-size:1.3em;} + #donatenow a:hover {} + + + /*Actionbox */ + #getinvolved {margin-bottom: 5em;} + #getmore {padding:0; margin:3em auto 4em; } + #getinvolved h2, #getmore h2 {margin-bottom:1.5em;font-size:3em;} + #getinvolved .sidebar {} + .involvebar .widget {background: transparent;box-shadow: none!important;width:30%; float:left;box-sizing: border-box;} + .involvebar .widget:nth-of-type(2) {margin:0 5%;} + .involvebar.sidebar {padding:1em 0;} + .involvebar .widget h3 {} + .involvebar .widget a {} + .involvebar .widget a:hover {} + .involvebar .widget_sp_image-description {padding-top:0.8em;} + + .sylvia {padding:5em 0;margin-bottom:2em;} + + + /*LANDING PAGE */ + #landing-intro {padding: 0;} + .first {position: relative;} + .landing-teaser {margin-bottom: 1em;} + .landing-teaser h1 {margin-top: 6em;} + .landingnews {margin: 0;box-shadow: 5px 5px 10px rgba(0,0,0,0.2);padding: 0;background: #f6f6f6;} + + .page-template-page-landingpage #main { } + .page-template-page-landingpage #main article.page {padding-bottom: 1em;} + + /*news */ + h2.landingsection {background: #fff;display: inline-block;margin: 2em 0 0 0; padding: 0.5em;font-size: 1.5em;} + .landingnews article {background:transparent;} + + + + /*TEMPLATE: LISTVIEW*/ + .page-template-page-listview-php article.postsingle, .page-template-page-listview-php #main {background: transparent;padding: 0;margin: 0;box-shadow: none;} + .page-template-page-listview-php article.postsingle article {background: #fff;padding: 2em;margin: 0 0 2em;border: 0;box-shadow: 5px 5px 10px rgba(0,0,0,0.2);} + .page-template-page-listview-php #main article.postsingle form {margin: 0 0 2em;box-shadow: 5px 5px 10px rgba(0,0,0,0.2);padding: 2em;} + .page-template-page-listview-php #main article.postsingle form .cr_ipe_item {width: 78%; float: left;} + .page-template-page-listview-php #main article.postsingle form .cr_ipe_item input {padding: 1.3em 1em; } + .page-template-page-listview-php #main article.postsingle form .submit_container {margin-left: 2%; width: 19%;padding-top: 1.4em; } + .page-template-page-listview-php #main article.postsingle form button {width: 100%; } + .page-template-page-listview-php #main article.postsingle form button:hover {background: #46962b;color: #fff;} + + + /*SEARCH */ + .search-results {} + .search #main .suche {background: #f6f6f6;padding: 2em;margin: 0 0 0 0;display: block;box-shadow: 5px 5px 10px rgba(0,0,0,0.2);} + .search #main .suche form {margin-bottom: 0;} + .search-results #main article.type-termine {padding: 2em 0;margin: 2em; } + + /*404 */ + .error404 {background-size: cover; background-attachment: fixed;} + .error404 #main {background: transparent;box-shadow: none;color: #fff;} + .error404 article {margin: 0;background: transparent; padding: 0;} + .error404 article h1 {padding: 0;} + .error404 article p {padding: 0;margin-bottom: 1.2em; } + .error404 article form {margin: 0;box-sizing: border-box;background: transparent!important;padding: 0!important;margin-top: 4em!important;} + .error404 #footer, .error404 #newsletter, .error404 #socialaccounts {background: transparent;} + .error404 #socialaccounts a {color: #fff;} + + + /*TEMPLATE: STORY */ + .page-template-page-story-php {padding: 0.9em 0 0 0;} + .page-template-page-story #header {margin-top: -3.5em;} + .page-template-page-story-php #nav-desktop .nav-main {position: absolute; top: 5em; margin: 0 auto;} + + .page-template-page-story-php #newsletter.inner {width: 100%;margin: 0;max-width: 100%;} + .page-template-page-story-php #suche {margin-bottom: 0;} + .page-template-page-story-php #suche:target {margin-top: -0.9em;margin-bottom: -3em;} + + .page-template-page-story article {padding: 8em 2em;} + .page-template-page-story article p {margin: 0 10% 1.2em;} + .page-template-page-story article h1, .page-template-page-story article h2, .page-template-page-story article h3 {margin-left: 10%;} + .page-template-page-story article h2 { + font-family: 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;text-transform: uppercase; + } + .page-template-page-story blockquote {margin-left: 15%;margin-right: 10%;} + .page-template-page-story blockquote p {margin-left: 0; margin-right: 0;} + + + .inhaltvz {position: fixed; padding: 1em;z-index: 3;left: 0; top: 25%;text-shadow: 1px 1px 5px rgba(0,0,0,0.3);color: #fff;font-family: 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;text-transform: uppercase; display: block;} + .inhaltvz li {} + + .inhaltvz li:before {content: "\f10c ";font-family: 'FontAwesome';font-size: 0.5em;position: absolute;left: 1em;margin-top: 0.5em;color: #fff; } + .inhaltvz li a{padding-left: 0.5em;opacity: 0;} + .inhaltvz:hover a {opacity: 1;color: #fff; } + .inhaltvz li.current-menu-item a {color: #ffee00;} + .inhaltvz li.current-menu-item:before {content: "\f111 ";color: #ffee00;} + + + + .inhaltvz li {} + + +/********************* +KOMMENTARE +*********************/ + + + + /*Kommentare*/ + #respond {margin: 0;} + #commentform li {width: 30%;float: left;margin: 0 5% 0 0; } + #commentform li:last-of-type {margin: 0; } + .commentlist {padding: 2em;margin: 0!important;} + ul.children {margin-left: 4em;} + #comment-nav {background: #f6f6f6; padding:0 2em 0em;margin: 0;display: block;} + #comment-nav li {font-size: 1em;display: inline-block;} + #comment-nav li a { margin-bottom: 2em;display: inline-block;} + + + /*Author */ + .author {padding: 1em 1em 0;margin: 1em 0;text-align: left;} + .author img.avatar {float: left;border-radius: 50%;} + .author .author-description {margin-left: 100px;} + .author .author-description h3 {margin-bottom: 0;font-size: 1.2em;padding-top: 0.5em;text-align: left;} + .author .author-description h3 a {color: #0a321e;} + .author .author-description p {margin-bottom: 0.5em!important;font-size: 0.9em;} + + /*Share */ + .sharewrap {margin: 2em 0 0; padding: 0; clear: both;background: transparent;} + .sharewrap a {display: inline-block; padding: 0.5em 1em; margin-bottom: 0;} + .sharewrap a.whatsapp {display:none;} + + .sharewrap a i {padding: 0.2em;} + + + + /*Related */ + .posttab {padding: 2em 0 1.5em;box-shadow: 5px 5px 10px rgba(0,0,0,0.2);} + .posttab h2 {font-size: 1.5em;} + + .posttab article.postlist {margin: 0 1em;background: transparent;padding: 1em 1em;border-bottom: 0;} + .posttab article.postlist a.postimglist {float: left;width: 20%;margin: -0.4em 1em 0 0; } + .posttab article.postlist .article-teaser {display: block;font-size: 0.9em;} + .posttab article.postlist.has-post-thumbnail h2,.posttab article.postlist.has-post-thumbnail p.subhead, + .posttab article.postlist.has-post-thumbnail .article-teaser {margin-left: 22%; } + + + +/********************* +POST TYPES +*********************/ + + /*Person: List Team */ + .personen-list {} + #main .personen-list article {margin: 0 0 2em;background: #fff;border: 0; padding: 1em;text-align: center;float: left; width: 30%;box-sizing: border-box;} + #main .personen-list article:nth-of-type(3n-1) {margin: 0 4% 2em;clear: none;} + #main .personen-list article:nth-of-type(3n-2) {clear: left;} + .personen-list h3 {font-size: 1.4em; } + + .page-template-page-fullpage #main .personen-list article {width: 22%;} + .page-template-page-fullpage #main .personen-list article:nth-of-type(3n-1) {margin: 0 0 2em;clear: none;} + .page-template-page-fullpage #main .personen-list article:nth-of-type(3n-2) {clear: none;} + .page-template-page-fullpage #main .personen-list article:nth-of-type(4n-2) {clear: none;margin: 0 4% 2em;} + .page-template-page-fullpage #main .personen-list article:nth-of-type(4n-1) {clear: none;margin-right: 4%;} + .page-template-page-fullpage #main .personen-list article:nth-of-type(4n-3) {clear: left;} + + + #main .personen-list article.has-post-thumbnail, .page-template-page-fullpage #main .personen-list article.has-post-thumbnail {margin-top: 6.5em;} + .personen-list img.wp-post-image {float: none;width: 10em;height: 10em;border-color: #f6f6f6;margin-top: -6.5em;} + .personen-list p {margin-top: 0;} + + + /*Kontakt */ + .kontakt-list article.type-person {width: 100%!important;margin-top: 0!important;} + .kontakt-list article.type-person img {float: left;margin-top:0} + .kontakt-list article.type-person header h3 {text-align: left;margin-top: 1.3em;} + .kontakt-list article.type-person .entry-content p {text-align: left;} + + + /*POSTTYPE: Termine */ + article.termine {} + article.termine:last-of-type {} + article.termine .termin_meta_kurz {width: 25%;float: left;text-align: center;margin: 0;} + article.termine .termin_meta_kurz span {display: block;font-size: 0.8em;} + article.termine .termin_meta_kurz .termin_datum_kurz {font-size: 2em;} + article.termine h2 {margin-left: 27%;text-align: left; } + article.termine p {margin: 0 0 0 27%;text-align: left; } + article.termine a.weiterlesen {position: absolute;top: 0;left: 0;} + article.termine a.weiterlesen:hover {} + article.termine .postimg {margin: -2.7em -2em 1em -2em; } + .single article.termine .postimg {margin-top:-2em;} + article.termine .postimg img {float: none;width: 100%; + } + .single article.termine p {margin-left: 0;} + .single article.termine #termin_map_wrapper {margin: 0 -2em -2em -2em;} + + + + /*POSTTYPE: GLIEDERUNGEN */ + + .anschrift {background: #f6f6f6; float: right;width: 30%;padding: 1em 1em 0.1em 1em;margin-left: 1em;} + + /*Gliederungen: KV Liste */ + .gliederungen-list article {} + .gliederungen-list article p.contact a {margin-left: 0.2em;} + + + + /********************* + SIDEBARS & ASIDES + *********************/ + + #socialaccounts {margin-top: 4em;} + .page-template-page-story-php #socialaccounts {margin-top: 0em;} + + .sidebar {margin: 0;padding: 0; background: transparent;color: #333;} + .sidebar.threecol a:hover {color: #0a321e; } + .sidebar.threecol a {color: #46962b;} + + + .widget {margin: 0 0 2em 0;padding: 1.5em;border: 0;background: #f6f6f6;box-shadow: 5px 5px 10px rgba(0,0,0,0.2); } + .sidebar .widget:last-of-type {margin-bottom: 2em;} + .widget ul li {margin-bottom: 0.5em;/* deep nesting */} + .widget ul li ul {margin-top: 0.75em;padding-left: 1em;} + .widget.widget_sp_image {padding: 0;background: transparent!important;box-shadow: none !important; } + .widget.widget_sp_image img {display: block;box-shadow:5px 5px 10px rgba(0,0,0,0.2); } + + + .widget.widget_sp_image .widget_sp_image-description h3 {color:#fe0;font-size:1.5em;margin-top:0.5em;} + .widget.widget_sp_image .widget_sp_image-description {color:#fff;} + .widget.widget_sp_image .widget_sp_image-description a, .widget.widget_sp_image .widget_sp_image-description a {display:inline-block; background:#fe0; color:#46962b; padding:0.5em 1em;margin-top:0.5em;font-family: 'Arvo Regular', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;} + .widget.widget_sp_image .widget_sp_image-description a:hover, .widget.widget_sp_image .widget_sp_image-description a:hover {background:#e6007e; color:#fff;} + + + + + + + .widget_search .seachphrase, .widget_search .button-submit {box-shadow: 5px 5px 10px rgba(0,0,0,0.2);} + .widget_search {display: block;} + h3.widgettitle {color: #0a321e; } + + /* recent-posts widget */ + .widget.widget_twitter-tracker, .widget_twitter-profile-tracker {background: #ffee00;color: #46962b; + } + .sidebar .widget.widget_twitter-tracker a, .sidebar .widget_twitter-profile-tracker a {color: #e6007e;} + .sidebar .widget.widget_twitter-tracker a:hover, .sidebar .widget_twitter-profile-tracker a:hover {color: #0a321e;} + /* archives widget */ + /* tag-cloud widget */ + .widget_tag_cloud {background: transparent;box-shadow: none;padding: 0;} + .widget_tag_cloud h3.widgettitle {color: #fff;text-shadow: 2px 2px 7px rgba(0,0,0,0.3); } + #wrap .widget_tag_cloud a {background: #0a321e;color: #fff;} + #wrap .widget_tag_cloud a:hover{background: #ffee00;color: #0a321e;text-decoration: none;} + /* calendar widget */ + /* category widget */ + /* recent-comments widget */ + /* search widget */ + /* text widget */ + + /*Termine: Liste */ + .widget_termine_liste_widget {overflow: hidden; } + .widget_termine_liste_widget li li { } + .widget_termine_liste_widget span{margin-right: 0;font-size: 0.8em;} + .widget_termine_liste_widget span:after{content: ", ";} + .widget_termine_liste_widget span:last-of-type:after{content: "";} + .widget_termine_liste_widget h4 {font-size: 1em; } + .widget_termine_liste_widget p{display: none;} + +/*Termine: Karte */ +.termine_widget {padding: 0;background: transparent;box-shadow: none;} + .termine_widget h3{color: #fff;} + .termine_widget #termin_karte{box-shadow: 5px 5px 10px rgba(0,0,0,0.2); } + + +/*Formulare */ + .sidebar.threecol form {background: #ffee00;margin: -1.5em -1.5em -2.5em;padding: 1.5em;color: #46962b;} + .sidebar.threecol form label {color: #46962b;margin: 0; } + .sidebar.threecol form p:last-of-type {margin-bottom: 0;} + .sidebar.threecol form input {margin: 0;} + .sidebar.threecol form input[type=submit] {font-size: 1em;} + .sidebar.threecol form input[type=submit]:hover {background: #46962b;color: #fff;box-shadow: none;} + .sidebar.threecol form.cr_form{ margin: -1.5em;} + + + /*Boxsection home */ + + .actionbox {position: relative;background: #000;margin-bottom: 2em;} + .actionbox .widget {width: 32%;float: left;box-sizing: border-box;margin-bottom: 0;} + .actionbox .widget:nth-of-type(2) {margin: 0 2%;} + + + + /********************* + FOOTER STYLES + *********************/ + + /*Newsletter */ + #newsletter {background: transparent;margin: 3em auto;text-align: center; padding: 0; } + #newsletter .widget {box-shadow: none;} + #newsletter h2 {color: #fff;margin-bottom: 2em;border-bottom: 3px solid;display: inline-block; } + #newsletter .sidebar {padding:4em 3em ;} + #newsletter label {text-align: left;} + #newsletter .widget {background: transparent;margin: 0;padding: 0;} + #newsletter .cr_ipe_item {width: 30%;float: left;} + #newsletter .cr_ipe_item:nth-of-type(2) {margin: 0 5%;} + #newsletter .submit_container {width: 100%; text-align: center; } + #newsletter button { + margin: 2em auto 0; + } + + + #footer {background:#0a321e url(../images/sidebar_footer.jpg) bottom right fixed;background-size: cover; + color:#fff;margin: 0;box-shadow: 5px 5px 10px rgba(0,0,0,0.2);padding: 0;text-align: left;} + #footer .inner {padding:0 3em;} + #footer .inner section {} + #footer a {color: #afdca7; } + #footer a:hover {color: #ffe000; } + #footer .widget {} + + #footer .adresse {font-size: 0.8em;padding-top: 1em;} + #footer .adresse p {margin-bottom: 0.5em;} + #footer .adresse strong {font-weight: normal;color: #fee500;font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;font-size: 1.2em; } + + + #footer .widget_nav_menu {width: 100%;display: block;font-size: 1em;} + #footer .widget_nav_menu li {float: left;width: 20%;margin: 0;} + + + + #footer h3.widgettitle {text-shadow: 0 0 0; } + + + + + p.copyright {color: #fff;background: transparent;margin:0.5em 0 3em;} + p.copyright a {color:#ffe000;} + +} + + + +/* DESKTOP */ +@media only screen and (min-width: 1140px) { + + html {} + .josephbeuys h1 {font-size: 5em;border-width: 10px;} + #teaser .moyland article:nth-of-type(1) h1, #teaser .moyland article:nth-of-type(2) h1, #teaser .josephbeuys article:nth-of-type(2) h1, #teaser .josephbeuys article:nth-of-type(3) h1 {font-size: 3em;border-width: 7px;} + + +} + + +@media only screen and (min-width: 1000px) { + + + +} + + +/* LARGE VIEWING SIZE */ +@media only screen and (min-width: 1300px) { +.inner {max-width: 1240px;} + +} + + + +@media only screen and (max-width: 770px) { +body {} + +} + + +@media only screen and (max-width: 480px) { +.mobile-switch li.middle {max-width:25%;padding: 0.5em;} +} +/*LARGER MOBILE DEVICES*/ +@media only screen and (min-width: 481px) { + /****************************************************************** + Site Name: + Author: + + Stylesheet: 481px and Up Stylesheet + + This stylesheet is loaded for larger devices. It's set to + 481px because at 480px it would load on a landscaped iPhone. + This isn't ideal because then you would be loading all those + extra styles on that same mobile connection. + + A word of warning. This size COULD be a larger mobile device, + so you still want to keep it pretty light and simply expand + upon your base.less styles. + + ******************************************************************/ + /********************* + NAVIGATION STYLES + *********************/ + + + + /********************* + POSTS & CONTENT STYLES + *********************/ + /* entry content */ + .entry-content { + /* at this larger size, we can start to align images */ + + } + .entry-content .alignleft, + .entry-content img.alignleft { + margin-right: 1.5em; + display: inline; + float: left; + } + .entry-content .alignright, + .entry-content img.alignright { + margin-left: 1.5em; + display: inline; + float: right; + } + .entry-content .aligncenter, + .entry-content img.aligncenter { + margin-right: auto; + margin-left: auto; + display: block; + clear: both; + } + /* end .entry-content */ + + + + /********************* + FOOTER STYLES + *********************/ + +} + + + + + +/*Tablets */ +@media (min-width: 500px) and (max-width: 768px) { + img.size-medium {width: 49%;height: auto;} +} + + + +/*Tablets */ +@media only screen and (min-width: 768px) { + img.size-medium {width: 49%;height: auto;} +} + + +/* Tablets Landscape */ +@media only screen + and (min-device-width: 768px) + and (max-device-width: 1280px) + and (orientation: landscape) + { + + +} + + +/*RETINA (2x RESOLUTION DEVICES)*/ +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { + +} + + +/*iPHONE 5 MEDIA QUERY */ +@media (device-height: 568px) and (-webkit-min-device-pixel-ratio: 2) { + +} + + + +/*PRINT STYLESHEET */ +@media print { + + * { + background: transparent !important; + color: black !important; + text-shadow: none !important; + filter: none !important; + -ms-filter: none !important; + font-family: 'PT Sans', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif; + } + a, + a:visited { + color: #444 !important; + text-decoration: underline; + } + + pre, + blockquote { + border: 1px solid #999; + page-break-inside: avoid; + } + thead { + display: table-header-group; + } + tr, + img { + page-break-inside: avoid; + } + img { + max-width: 100% !important; + } + @page { + margin: 1.5cm; + } + p, + h2, + h3 { + orphans: 3; + widows: 3; + } + h2, + h3 { + page-break-after: avoid; + } + .sidebar, + .page-navigation, + .wp-prev-next, + .respond-form, + nav, #nav-mobile, #suche, .header-mobil, #header, .logo-desktop, #socialaccounts, .wp-caption-text, .sharewrap, .comment-tabs, #back-top, img.avatar, hr { + display: none!important; + } + body { + font-family: 'PT Sans', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif; + } + + hr { + border: 0;height: 0.05cm; background: #000!important;color: #000; + } + + p { + font-family: 'PT Sans', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif; + margin-bottom: 1.2em; + } + + table { + font-family: 'PT Sans', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif; + } + table td, table th {padding: 0.5cm;} + + table th { + font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif; + } + + li { + font-family: 'PT Sans', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif; + margin-bottom: 1.2em; margin-left: 1em; + } + + ul, ol { + margin-left: 1em; + } + ul li { + list-style-type: disc; + } + + ol li { + list-style-type: decimal; + } + + blockquote { + padding: 1em; font-style: italic;border: 0; + } + + .entry-content h1,h2,h3,h4,h5,h6 {font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;font-weight: normal;text-transform: none;} + h1 {font-family: 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;text-transform: uppercase;} + h1 {font-size:2em;} + h2 {font-size:1.6em;} + h3 {font-size:1.5em;} + h4 {font-size:1.3em;} + h5 {font-size:1.1em;} + h6 {font-size:1em;} +} + diff --git a/lib/css/style_uncompressed.css b/lib/css/style_uncompressed.css index fdf34db..a9ea985 100644 --- a/lib/css/style_uncompressed.css +++ b/lib/css/style_uncompressed.css @@ -1,1974 +1,1975 @@ -/*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;} -} - +/*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;} + + .wp-block-button__link { display: inline-block; border-radius: 0px; background: #e6007e; color: #fff; padding: 0.5em; font-size:100%; font-family: 'PT Sans Bold', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;} + 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.wp-block-button__link:hover, 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/images/apple-icon-touch.png b/lib/images/apple-icon-touch.png index 5b0ab0c..28abcaf 100644 Binary files a/lib/images/apple-icon-touch.png and b/lib/images/apple-icon-touch.png differ diff --git a/lib/images/win8-tile-icon.png b/lib/images/win8-tile-icon.png index 56735db..2b3d946 100644 Binary files a/lib/images/win8-tile-icon.png and b/lib/images/win8-tile-icon.png differ diff --git a/page-listview.php b/page-listview.php index 05a5ae9..1337d35 100755 --- a/page-listview.php +++ b/page-listview.php @@ -80,9 +80,9 @@ Template Name: Listenansicht - - - + + + diff --git a/redaktionshandbuch_gruenenrw.pdf b/redaktionshandbuch_gruenenrw.pdf deleted file mode 100644 index 0726404..0000000 Binary files a/redaktionshandbuch_gruenenrw.pdf and /dev/null differ diff --git a/redaktionshandbuch_gruenenrw.odt b/redaktionshandbuch_jkb.odt similarity index 99% rename from redaktionshandbuch_gruenenrw.odt rename to redaktionshandbuch_jkb.odt index 8a6649c..6a3868a 100644 Binary files a/redaktionshandbuch_gruenenrw.odt and b/redaktionshandbuch_jkb.odt differ diff --git a/redaktionshandbuch_jkb.pdf b/redaktionshandbuch_jkb.pdf new file mode 100644 index 0000000..caedf73 Binary files /dev/null and b/redaktionshandbuch_jkb.pdf differ diff --git a/style.css b/style.css index 74c833d..c3c5832 100644 --- a/style.css +++ b/style.css @@ -1,10 +1,10 @@ /****************************************************************** Theme Name: Joseph knows best -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.6 +Theme URI: https://git.verdigado.com/NB-Public/joseph-knows-best +Description: Aufwändiges Wordpress-Theme für den Einsatz von größeren Websites, z.B: bei Landesverbänden. Ursprünglich von http://www.kre8tiv.de entwickelt. +Author: Benjamin Jopen, Erwin Behner +Author URI: +Version: 2.0.7 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