body{ --pcbg-cl: #fff; --pctext-cl: #313131; --pcborder-cl: #dedede; --pcheading-cl: #313131; --pcmeta-cl: #888888; --pcaccent-cl: #6eb48c; --pcbody-font: 'PT Serif', serif; --pchead-font: 'Raleway', sans-serif; --pchead-wei: bold; --pcava_bdr:10px;--pcajs_fvw:470px;--pcajs_fvmw:220px; } .single.penci-body-single-style-5 #header, .single.penci-body-single-style-6 #header, .single.penci-body-single-style-10 #header, .single.penci-body-single-style-5 .pc-wrapbuilder-header, .single.penci-body-single-style-6 .pc-wrapbuilder-header, .single.penci-body-single-style-10 .pc-wrapbuilder-header { --pchd-mg: 40px; } .fluid-width-video-wrapper > div { position: absolute; left: 0; right: 0; top: 0; width: 100%; height: 100%; } .yt-video-place { position: relative; text-align: center; } .yt-video-place.embed-responsive .start-video { display: block; top: 0; left: 0; bottom: 0; right: 0; position: absolute; transform: none; } .yt-video-place.embed-responsive .start-video img { margin: 0; padding: 0; top: 50%; display: inline-block; position: absolute; left: 50%; transform: translate(-50%, -50%); width: 68px; height: auto; } .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 9999999; overflow: hidden; position: fixed; background: #0b0b0b; opacity: .8; filter: alpha(opacity=80) } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 9999999; position: fixed; outline: none !important; -webkit-backface-visibility: hidden } .penci-image-holder:before{ padding-top: 135.4%; } #main #bbpress-forums .bbp-login-form fieldset.bbp-form select, #main #bbpress-forums .bbp-login-form .bbp-form input[type="password"], #main #bbpress-forums .bbp-login-form .bbp-form input[type="text"], .penci-login-register input[type="email"], .penci-login-register input[type="text"], .penci-login-register input[type="password"], .penci-login-register input[type="number"], body, textarea, #respond textarea, .widget input[type="text"], .widget input[type="email"], .widget input[type="date"], .widget input[type="number"], .wpcf7 textarea, .mc4wp-form input, #respond input, div.wpforms-container .wpforms-form.wpforms-form input[type=date], div.wpforms-container .wpforms-form.wpforms-form input[type=datetime], div.wpforms-container .wpforms-form.wpforms-form input[type=datetime-local], div.wpforms-container .wpforms-form.wpforms-form input[type=email], div.wpforms-container .wpforms-form.wpforms-form input[type=month], div.wpforms-container .wpforms-form.wpforms-form input[type=number], div.wpforms-container .wpforms-form.wpforms-form input[type=password], div.wpforms-container .wpforms-form.wpforms-form input[type=range], div.wpforms-container .wpforms-form.wpforms-form input[type=search], div.wpforms-container .wpforms-form.wpforms-form input[type=tel], div.wpforms-container .wpforms-form.wpforms-form input[type=text], div.wpforms-container .wpforms-form.wpforms-form input[type=time], div.wpforms-container .wpforms-form.wpforms-form input[type=url], div.wpforms-container .wpforms-form.wpforms-form input[type=week], div.wpforms-container .wpforms-form.wpforms-form select, div.wpforms-container .wpforms-form.wpforms-form textarea, .wpcf7 input, form.pc-searchform input.search-input, ul.homepage-featured-boxes .penci-fea-in h4, .widget.widget_categories ul li span.category-item-count, .about-widget .about-me-heading, .widget ul.side-newsfeed li .side-item .side-item-text .side-item-meta { font-weight: 400 } .penci-hide-tagupdated{ display: none !important; } body, .widget ul li a{ font-size: 16px; } .widget ul li, .widget ol li, .post-entry, p, .post-entry p { font-size: 16px; line-height: 1.8; } .featured-area.featured-style-42 .item-inner-content, .featured-style-41 .swiper-slide, .slider-40-wrapper .nav-thumb-creative .thumb-container:after,.penci-slider44-t-item:before,.penci-slider44-main-wrapper .item, .featured-area .penci-image-holder, .featured-area .penci-slider4-overlay, .featured-area .penci-slide-overlay .overlay-link, .featured-style-29 .featured-slider-overlay, .penci-slider38-overlay{ border-radius: ; -webkit-border-radius: ; } .penci-featured-content-right:before{ border-top-right-radius: ; border-bottom-right-radius: ; } .penci-flat-overlay .penci-slide-overlay .penci-mag-featured-content:before{ border-bottom-left-radius: ; border-bottom-right-radius: ; } .container-single .post-image{ border-radius: ; -webkit-border-radius: ; } .penci-mega-post-inner, .penci-mega-thumbnail .penci-image-holder{ border-radius: ; -webkit-border-radius: ; } #header .inner-header .container { padding:10px 0; } #logo a { max-width:300px; width: 100%; } @media only screen and (max-width: 960px) and (min-width: 768px){ #logo img{ max-width: 100%; } } .wp-caption p.wp-caption-text, .penci-featured-caption { position: static; background: none; padding: 11px 0 0; color: #888; } .wp-caption:hover p.wp-caption-text, .post-image:hover .penci-featured-caption{ opacity: 1; transform: none; -webkit-transform: none; } .wp-caption p.wp-caption-text, .penci-featured-caption { font-style: normal; } .editor-styles-wrapper, body{ --pcaccent-cl: #32a795; } .penci-menuhbg-toggle:hover .lines-button:after, .penci-menuhbg-toggle:hover .penci-lines:before, .penci-menuhbg-toggle:hover .penci-lines:after,.tags-share-box.tags-share-box-s2 .post-share-plike,.penci-video_playlist .penci-playlist-title,.pencisc-column-2.penci-video_playlist .penci-video-nav .playlist-panel-item, .pencisc-column-1.penci-video_playlist .penci-video-nav .playlist-panel-item,.penci-video_playlist .penci-custom-scroll::-webkit-scrollbar-thumb, .pencisc-button, .post-entry .pencisc-button, .penci-dropcap-box, .penci-dropcap-circle, .penci-login-register input[type="submit"]:hover, .penci-ld .penci-ldin:before, .penci-ldspinner > div{ background: #32a795; } a, .post-entry .penci-portfolio-filter ul li a:hover, .penci-portfolio-filter ul li a:hover, .penci-portfolio-filter ul li.active a, .post-entry .penci-portfolio-filter ul li.active a, .penci-countdown .countdown-amount, .archive-box h1, .post-entry a, .container.penci-breadcrumb span a:hover,.container.penci-breadcrumb a:hover, .post-entry blockquote:before, .post-entry blockquote cite, .post-entry blockquote .author, .wpb_text_column blockquote:before, .wpb_text_column blockquote cite, .wpb_text_column blockquote .author, .penci-pagination a:hover, ul.penci-topbar-menu > li a:hover, div.penci-topbar-menu > ul > li a:hover, .penci-recipe-heading a.penci-recipe-print,.penci-review-metas .penci-review-btnbuy, .main-nav-social a:hover, .widget-social .remove-circle a:hover i, .penci-recipe-index .cat > a.penci-cat-name, #bbpress-forums li.bbp-body ul.forum li.bbp-forum-info a:hover, #bbpress-forums li.bbp-body ul.topic li.bbp-topic-title a:hover, #bbpress-forums li.bbp-body ul.forum li.bbp-forum-info .bbp-forum-content a, #bbpress-forums li.bbp-body ul.topic p.bbp-topic-meta a, #bbpress-forums .bbp-breadcrumb a:hover, #bbpress-forums .bbp-forum-freshness a:hover, #bbpress-forums .bbp-topic-freshness a:hover, #buddypress ul.item-list li div.item-title a, #buddypress ul.item-list li h4 a, #buddypress .activity-header a:first-child, #buddypress .comment-meta a:first-child, #buddypress .acomment-meta a:first-child, div.bbp-template-notice a:hover, .penci-menu-hbg .menu li a .indicator:hover, .penci-menu-hbg .menu li a:hover, #sidebar-nav .menu li a:hover, .penci-rlt-popup .rltpopup-meta .rltpopup-title:hover, .penci-video_playlist .penci-video-playlist-item .penci-video-title:hover, .penci_list_shortcode li:before, .penci-dropcap-box-outline, .penci-dropcap-circle-outline, .penci-dropcap-regular, .penci-dropcap-bold{ color: #32a795; } .penci-home-popular-post ul.slick-dots li button:hover, .penci-home-popular-post ul.slick-dots li.slick-active button, .post-entry blockquote .author span:after, .error-image:after, .error-404 .go-back-home a:after, .penci-header-signup-form, .woocommerce span.onsale, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce nav.woocommerce-pagination ul li span.current, .woocommerce div.product .entry-summary div[itemprop="description"]:before, .woocommerce div.product .entry-summary div[itemprop="description"] blockquote .author span:after, .woocommerce div.product .woocommerce-tabs #tab-description blockquote .author span:after, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .pcheader-icon.shoping-cart-icon > a > span, #penci-demobar .buy-button, #penci-demobar .buy-button:hover, .penci-recipe-heading a.penci-recipe-print:hover,.penci-review-metas .penci-review-btnbuy:hover, .penci-review-process span, .penci-review-score-total, #navigation.menu-style-2 ul.menu ul.sub-menu:before, #navigation.menu-style-2 .menu ul ul.sub-menu:before, .penci-go-to-top-floating, .post-entry.blockquote-style-2 blockquote:before, #bbpress-forums #bbp-search-form .button, #bbpress-forums #bbp-search-form .button:hover, .wrapper-boxed .bbp-pagination-links span.current, #bbpress-forums #bbp_reply_submit:hover, #bbpress-forums #bbp_topic_submit:hover,#main .bbp-login-form .bbp-submit-wrapper button[type="submit"]:hover, #buddypress .dir-search input[type=submit], #buddypress .groups-members-search input[type=submit], #buddypress button:hover, #buddypress a.button:hover, #buddypress a.button:focus, #buddypress input[type=button]:hover, #buddypress input[type=reset]:hover, #buddypress ul.button-nav li a:hover, #buddypress ul.button-nav li.current a, #buddypress div.generic-button a:hover, #buddypress .comment-reply-link:hover, #buddypress input[type=submit]:hover, #buddypress div.pagination .pagination-links .current, #buddypress div.item-list-tabs ul li.selected a, #buddypress div.item-list-tabs ul li.current a, #buddypress div.item-list-tabs ul li a:hover, #buddypress table.notifications thead tr, #buddypress table.notifications-settings thead tr, #buddypress table.profile-settings thead tr, #buddypress table.profile-fields thead tr, #buddypress table.wp-profile-fields thead tr, #buddypress table.messages-notices thead tr, #buddypress table.forum thead tr, #buddypress input[type=submit] { background-color: #32a795; } .penci-pagination ul.page-numbers li span.current, #comments_pagination span { color: #fff; background: #32a795; border-color: #32a795; } .footer-instagram h4.footer-instagram-title > span:before, .woocommerce nav.woocommerce-pagination ul li span.current, .penci-pagination.penci-ajax-more a.penci-ajax-more-button:hover, .penci-recipe-heading a.penci-recipe-print:hover,.penci-review-metas .penci-review-btnbuy:hover, .home-featured-cat-content.style-14 .magcat-padding:before, .wrapper-boxed .bbp-pagination-links span.current, #buddypress .dir-search input[type=submit], #buddypress .groups-members-search input[type=submit], #buddypress button:hover, #buddypress a.button:hover, #buddypress a.button:focus, #buddypress input[type=button]:hover, #buddypress input[type=reset]:hover, #buddypress ul.button-nav li a:hover, #buddypress ul.button-nav li.current a, #buddypress div.generic-button a:hover, #buddypress .comment-reply-link:hover, #buddypress input[type=submit]:hover, #buddypress div.pagination .pagination-links .current, #buddypress input[type=submit], form.pc-searchform.penci-hbg-search-form input.search-input:hover, form.pc-searchform.penci-hbg-search-form input.search-input:focus, .penci-dropcap-box-outline, .penci-dropcap-circle-outline { border-color: #32a795; } .woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message { border-top-color: #32a795; } .penci-slider ol.penci-control-nav li a.penci-active, .penci-slider ol.penci-control-nav li a:hover, .penci-related-carousel .penci-owl-dot.active span, .penci-owl-carousel-slider .penci-owl-dot.active span{ border-color: #32a795; background-color: #32a795; } .woocommerce .woocommerce-message:before, .woocommerce form.checkout table.shop_table .order-total .amount, .woocommerce ul.products li.product .price ins, .woocommerce ul.products li.product .price, .woocommerce div.product p.price ins, .woocommerce div.product span.price ins, .woocommerce div.product p.price, .woocommerce div.product .entry-summary div[itemprop="description"] blockquote:before, .woocommerce div.product .woocommerce-tabs #tab-description blockquote:before, .woocommerce div.product .entry-summary div[itemprop="description"] blockquote cite, .woocommerce div.product .entry-summary div[itemprop="description"] blockquote .author, .woocommerce div.product .woocommerce-tabs #tab-description blockquote cite, .woocommerce div.product .woocommerce-tabs #tab-description blockquote .author, .woocommerce div.product .product_meta > span a:hover, .woocommerce div.product .woocommerce-tabs ul.tabs li.active, .woocommerce ul.cart_list li .amount, .woocommerce ul.product_list_widget li .amount, .woocommerce table.shop_table td.product-name a:hover, .woocommerce table.shop_table td.product-price span, .woocommerce table.shop_table td.product-subtotal span, .woocommerce-cart .cart-collaterals .cart_totals table td .amount, .woocommerce .woocommerce-info:before, .woocommerce div.product span.price, .penci-container-inside.penci-breadcrumb span a:hover,.penci-container-inside.penci-breadcrumb a:hover { color: #32a795; } .standard-content .penci-more-link.penci-more-link-button a.more-link, .penci-readmore-btn.penci-btn-make-button a, .penci-featured-cat-seemore.penci-btn-make-button a{ background-color: #32a795; color: #fff; } .penci-vernav-toggle:before{ border-top-color: #32a795; color: #fff; } .penci-top-bar, .penci-topbar-trending .penci-owl-carousel .owl-item, ul.penci-topbar-menu ul.sub-menu, div.penci-topbar-menu > ul ul.sub-menu, .pctopbar-login-btn .pclogin-sub{ background-color: #ffffff; } .headline-title.nticker-style-3:after{ border-color: #ffffff; } .headline-title { background-color: #32a795; } .headline-title.nticker-style-2:after, .headline-title.nticker-style-4:after{ border-color: #32a795; } .headline-title { color: #666666; } a.penci-topbar-post-title { color: #919191; } a.penci-topbar-post-title:hover { color: #32a795; } .headline-title { font-size: 14px; } a.penci-topbar-post-title { font-size: 14px; } ul.penci-topbar-menu > li > a, div.penci-topbar-menu > ul > li > a { font-size: 12px; } .penci-topbar-social a, .penci-top-bar .penci-login-popup-btn a i{ font-size: 16px; } ul.penci-topbar-menu > li a, div.penci-topbar-menu > ul > li a { color: #828282; } ul.penci-topbar-menu ul.sub-menu, div.penci-topbar-menu > ul ul.sub-menu { background-color: #ffffff; } ul.penci-topbar-menu > li a:hover, div.penci-topbar-menu > ul > li a:hover { color: #32a795; } ul.penci-topbar-menu ul.sub-menu li a, div.penci-topbar-menu > ul ul.sub-menu li a, ul.penci-topbar-menu > li > ul.sub-menu > li:first-child, div.penci-topbar-menu > ul > li > ul.sub-menu > li:first-child { border-color: #e8e8e8; } .penci-topbar-social a { color: #686868; } .penci-topbar-social a:hover { color: #32a795; } #penci-login-popup:before{ opacity: ; } .header-slogan .header-slogan-text:before, .header-slogan .header-slogan-text:after{ content: none; } .navigation .menu > li > a:hover, .navigation .menu li.current-menu-item > a, .navigation .menu > li.current_page_item > a, .navigation .menu > li:hover > a, .navigation .menu > li.current-menu-ancestor > a, .navigation .menu > li.current-menu-item > a, .navigation .menu .sub-menu li a:hover, .navigation .menu .sub-menu li.current-menu-item > a, .navigation .sub-menu li:hover > a, #navigation .menu > li > a:hover, #navigation .menu li.current-menu-item > a, #navigation .menu > li.current_page_item > a, #navigation .menu > li:hover > a, #navigation .menu > li.current-menu-ancestor > a, #navigation .menu > li.current-menu-item > a, #navigation .menu .sub-menu li a:hover, #navigation .menu .sub-menu li.current-menu-item > a, #navigation .sub-menu li:hover > a { color: #32a795; } .navigation ul.menu > li > a:before, .navigation .menu > ul > li > a:before, #navigation ul.menu > li > a:before, #navigation .menu > ul > li > a:before { background: #32a795; } .navigation .menu ul.sub-menu li .pcmis-2 .penci-mega-post a:hover, .navigation .penci-megamenu .penci-mega-child-categories a.cat-active, .navigation .menu .penci-megamenu .penci-mega-child-categories a:hover, .navigation .menu .penci-megamenu .penci-mega-latest-posts .penci-mega-post a:hover, #navigation .menu ul.sub-menu li .pcmis-2 .penci-mega-post a:hover, #navigation .penci-megamenu .penci-mega-child-categories a.cat-active, #navigation .menu .penci-megamenu .penci-mega-child-categories a:hover, #navigation .menu .penci-megamenu .penci-mega-latest-posts .penci-mega-post a:hover { color: #32a795; } #navigation .penci-megamenu .penci-mega-thumbnail .mega-cat-name { background: #32a795; } .header-social a i, .main-nav-social a { font-size: 19px; } .header-social a svg, .main-nav-social a svg{ width: 19px; } #navigation ul.menu > li > a, #navigation .menu > ul > li > a { font-size: 14px; } #navigation ul.menu ul.sub-menu li > a, #navigation .penci-megamenu .penci-mega-child-categories a, #navigation .penci-megamenu .post-mega-title a, #navigation .menu ul ul.sub-menu li a { font-size: 11px; } #navigation .menu .sub-menu li a:hover, #navigation .menu .sub-menu li.current-menu-item > a, #navigation .sub-menu li:hover > a { color: #32a795; } #navigation.menu-style-2 ul.menu ul.sub-menu:before, #navigation.menu-style-2 .menu ul ul.sub-menu:before { background-color: #32a795; } .penci-header-signup-form { padding-top: px; padding-bottom: px; } .penci-header-signup-form { background-color: #32a795; } .header-social a i, .main-nav-social a { color: #939393; } .header-social a:hover i, .main-nav-social a:hover, .penci-menuhbg-toggle:hover .lines-button:after, .penci-menuhbg-toggle:hover .penci-lines:before, .penci-menuhbg-toggle:hover .penci-lines:after { color: #32a795; } #sidebar-nav .menu li a:hover, .header-social.sidebar-nav-social a:hover i, #sidebar-nav .menu li a .indicator:hover, #sidebar-nav .menu .sub-menu li a .indicator:hover{ color: #32a795; } #sidebar-nav-logo:before{ background-color: #32a795; } .penci-slide-overlay .overlay-link, .penci-slider38-overlay, .penci-flat-overlay .penci-slide-overlay .penci-mag-featured-content:before, .slider-40-wrapper .list-slider-creative .item-slider-creative .img-container:before { opacity: ; } .penci-item-mag:hover .penci-slide-overlay .overlay-link, .featured-style-38 .item:hover .penci-slider38-overlay, .penci-flat-overlay .penci-item-mag:hover .penci-slide-overlay .penci-mag-featured-content:before { opacity: ; } .penci-featured-content .featured-slider-overlay { opacity: ; } .slider-40-wrapper .list-slider-creative .item-slider-creative:hover .img-container:before { opacity:; } .featured-style-29 .featured-slider-overlay { opacity: ; } .penci-standard-cat .cat > a.penci-cat-name { color: #32a795; } .penci-standard-cat .cat:before, .penci-standard-cat .cat:after { background-color: #32a795; } .standard-content .penci-post-box-meta .penci-post-share-box a:hover, .standard-content .penci-post-box-meta .penci-post-share-box a.liked { color: #32a795; } .header-standard .post-entry a:hover, .header-standard .author-post span a:hover, .standard-content a, .standard-content .post-entry a, .standard-post-entry a.more-link:hover, .penci-post-box-meta .penci-box-meta a:hover, .standard-content .post-entry blockquote:before, .post-entry blockquote cite, .post-entry blockquote .author, .standard-content-special .author-quote span, .standard-content-special .format-post-box .post-format-icon i, .standard-content-special .format-post-box .dt-special a:hover, .standard-content .penci-more-link a.more-link, .standard-content .penci-post-box-meta .penci-box-meta a:hover { color: #32a795; } .standard-content .penci-more-link.penci-more-link-button a.more-link{ background-color: #32a795; color: #fff; } .standard-content-special .author-quote span:before, .standard-content-special .author-quote span:after, .standard-content .post-entry ul li:before, .post-entry blockquote .author span:after, .header-standard:after { background-color: #32a795; } .penci-more-link a.more-link:before, .penci-more-link a.more-link:after { border-color: #32a795; } .penci-featured-infor .cat a.penci-cat-name, .penci-grid .cat a.penci-cat-name, .penci-masonry .cat a.penci-cat-name, .penci-featured-infor .cat a.penci-cat-name { color: #32a795; } .penci-featured-infor .cat a.penci-cat-name:after, .penci-grid .cat a.penci-cat-name:after, .penci-masonry .cat a.penci-cat-name:after, .penci-featured-infor .cat a.penci-cat-name:after{ border-color: #32a795; } .penci-post-share-box a.liked, .penci-post-share-box a:hover { color: #32a795; } .overlay-post-box-meta .overlay-share a:hover, .overlay-author a:hover, .penci-grid .standard-content-special .format-post-box .dt-special a:hover, .grid-post-box-meta span a:hover, .grid-post-box-meta span a.comment-link:hover, .penci-grid .standard-content-special .author-quote span, .penci-grid .standard-content-special .format-post-box .post-format-icon i, .grid-mixed .penci-post-box-meta .penci-box-meta a:hover { color: #32a795; } .penci-grid .standard-content-special .author-quote span:before, .penci-grid .standard-content-special .author-quote span:after, .grid-header-box:after, .list-post .header-list-style:after { background-color: #32a795; } .penci-grid .post-box-meta span:after, .penci-masonry .post-box-meta span:after { border-color: #32a795; } .penci-readmore-btn.penci-btn-make-button a{ background-color: #32a795; color: #fff; } .penci-grid li.typography-style .overlay-typography { opacity: ; } .penci-grid li.typography-style:hover .overlay-typography { opacity: ; } .penci-grid li.typography-style .item .main-typography h2 a:hover { color: #32a795; } .penci-grid li.typography-style .grid-post-box-meta span a:hover { color: #32a795; } .overlay-header-box .cat > a.penci-cat-name:hover { color: #32a795; } .penci-sidebar-content.style-7 .penci-border-arrow .inner-arrow:before, .penci-sidebar-content.style-9 .penci-border-arrow .inner-arrow:before { background-color: #32a795; } .widget ul.side-newsfeed li .side-item .side-item-text h4 a, .widget a, #wp-calendar tbody td a, .widget.widget_categories ul li, .widget.widget_archive ul li, .widget-social a i, .widget-social a span, .widget-social.show-text a span,.penci-video_playlist .penci-video-playlist-item .penci-video-title, .widget ul.side-newsfeed li .side-item .side-item-text .side-item-meta a{ color: #313131; } .penci-video_playlist .penci-video-playlist-item .penci-video-title:hover,.widget ul.side-newsfeed li .side-item .side-item-text h4 a:hover, .widget a:hover, .penci-sidebar-content .widget-social a:hover span, .widget-social a:hover span, .penci-tweets-widget-content .icon-tweets, .penci-tweets-widget-content .tweet-intents a, .penci-tweets-widget-content .tweet-intents span:after, .widget-social.remove-circle a:hover i , #wp-calendar tbody td a:hover, .penci-video_playlist .penci-video-playlist-item .penci-video-title:hover, .widget ul.side-newsfeed li .side-item .side-item-text .side-item-meta a:hover{ color: #32a795; } .widget .tagcloud a:hover, .widget-social a:hover i, .widget input[type="submit"]:hover,.penci-user-logged-in .penci-user-action-links a:hover,.penci-button:hover, .widget button[type="submit"]:hover { color: #fff; background-color: #32a795; border-color: #32a795; } .about-widget .about-me-heading:before { border-color: #32a795; } .penci-tweets-widget-content .tweet-intents-inner:before, .penci-tweets-widget-content .tweet-intents-inner:after, .pencisc-column-1.penci-video_playlist .penci-video-nav .playlist-panel-item, .penci-video_playlist .penci-custom-scroll::-webkit-scrollbar-thumb, .penci-video_playlist .penci-playlist-title { background-color: #32a795; } .penci-owl-carousel.penci-tweets-slider .penci-owl-dots .penci-owl-dot.active span, .penci-owl-carousel.penci-tweets-slider .penci-owl-dots .penci-owl-dot:hover span { border-color: #32a795; background-color: #32a795; } ul.footer-socials li a i{ font-size: 18px; } ul.footer-socials li a svg{ width: 18px; } #footer-copyright * { font-style: normal; } .footer-widget-wrapper .widget .widget-title { text-align: center; } .footer-widget-wrapper .penci-tweets-widget-content .icon-tweets, .footer-widget-wrapper .penci-tweets-widget-content .tweet-intents a, .footer-widget-wrapper .penci-tweets-widget-content .tweet-intents span:after, .footer-widget-wrapper .widget ul.side-newsfeed li .side-item .side-item-text h4 a:hover, .footer-widget-wrapper .widget a:hover, .footer-widget-wrapper .widget-social a:hover span, .footer-widget-wrapper a:hover, .footer-widget-wrapper .widget-social.remove-circle a:hover i, .footer-widget-wrapper .widget ul.side-newsfeed li .side-item .side-item-text .side-item-meta a:hover{ color: #32a795; } .footer-widget-wrapper .widget .tagcloud a:hover, .footer-widget-wrapper .widget-social a:hover i, .footer-widget-wrapper .mc4wp-form input[type="submit"]:hover, .footer-widget-wrapper .widget input[type="submit"]:hover,.footer-widget-wrapper .penci-user-logged-in .penci-user-action-links a:hover, .footer-widget-wrapper .widget button[type="submit"]:hover { color: #fff; background-color: #32a795; border-color: #32a795; } .footer-widget-wrapper .about-widget .about-me-heading:before { border-color: #32a795; } .footer-widget-wrapper .penci-tweets-widget-content .tweet-intents-inner:before, .footer-widget-wrapper .penci-tweets-widget-content .tweet-intents-inner:after { background-color: #32a795; } .footer-widget-wrapper .penci-owl-carousel.penci-tweets-slider .penci-owl-dots .penci-owl-dot.active span, .footer-widget-wrapper .penci-owl-carousel.penci-tweets-slider .penci-owl-dots .penci-owl-dot:hover span { border-color: #32a795; background: #32a795; } ul.footer-socials li a:hover i { background-color: #32a795; border-color: #32a795; } ul.footer-socials li a:hover span { color: #32a795; } #footer-section .footer-menu li a { color: #999999; } #footer-section .footer-menu li a:hover { color: #32a795; } .penci-go-to-top-floating { background-color: #32a795; } #footer-section a { color: #32a795; } .comment-content a, .container-single .post-entry a, .container-single .format-post-box .dt-special a:hover, .container-single .author-quote span, .container-single .author-post span a:hover, .post-entry blockquote:before, .post-entry blockquote cite, .post-entry blockquote .author, .wpb_text_column blockquote:before, .wpb_text_column blockquote cite, .wpb_text_column blockquote .author, .post-pagination a:hover, .author-content h5 a:hover, .author-content .author-social:hover, .item-related h3 a:hover, .container-single .format-post-box .post-format-icon i, .container.penci-breadcrumb.single-breadcrumb span a:hover,.container.penci-breadcrumb.single-breadcrumb a:hover, .penci_list_shortcode li:before, .penci-dropcap-box-outline, .penci-dropcap-circle-outline, .penci-dropcap-regular, .penci-dropcap-bold, .header-standard .post-box-meta-single .author-post span a:hover{ color: #32a795; } .container-single .standard-content-special .format-post-box, ul.slick-dots li button:hover, ul.slick-dots li.slick-active button, .penci-dropcap-box-outline, .penci-dropcap-circle-outline { border-color: #32a795; } ul.slick-dots li button:hover, ul.slick-dots li.slick-active button, #respond h3.comment-reply-title span:before, #respond h3.comment-reply-title span:after, .post-box-title:before, .post-box-title:after, .container-single .author-quote span:before, .container-single .author-quote span:after, .post-entry blockquote .author span:after, .post-entry blockquote .author span:before, .post-entry ul li:before, #respond #submit:hover, div.wpforms-container .wpforms-form.wpforms-form input[type=submit]:hover, div.wpforms-container .wpforms-form.wpforms-form button[type=submit]:hover, div.wpforms-container .wpforms-form.wpforms-form .wpforms-page-button:hover, .wpcf7 input[type="submit"]:hover, .widget_wysija input[type="submit"]:hover, .post-entry.blockquote-style-2 blockquote:before,.tags-share-box.tags-share-box-s2 .post-share-plike, .penci-dropcap-box, .penci-dropcap-circle, .penci-ldspinner > div{ background-color: #32a795; } .container-single .post-entry .post-tags a:hover { color: #fff; border-color: #32a795; background-color: #32a795; } .penci-user-logged-in .penci-user-action-links a, .penci-login-register input[type="submit"], .widget input[type="submit"], .widget button[type="submit"], .contact-form input[type=submit], #respond #submit, .wpcf7 input[type="submit"], .widget_wysija input[type="submit"], div.wpforms-container .wpforms-form.wpforms-form input[type=submit], div.wpforms-container .wpforms-form.wpforms-form button[type=submit], div.wpforms-container .wpforms-form.wpforms-form .wpforms-page-button, .mc4wp-form input[type=submit]{ background-color: #32a795; } .pcdark-mode .penci-user-logged-in .penci-user-action-links a, .pcdark-mode .penci-login-register input[type="submit"], .pcdark-mode .widget input[type="submit"], .pcdark-mode .widget button[type="submit"], .pcdark-mode .contact-form input[type=submit], .pcdark-mode #respond #submit, .pcdark-mode .wpcf7 input[type="submit"], .pcdark-mode .widget_wysija input[type="submit"], .pcdark-mode div.wpforms-container .wpforms-form.wpforms-form input[type=submit], .pcdark-mode div.wpforms-container .wpforms-form.wpforms-form button[type=submit], .pcdark-mode div.wpforms-container .wpforms-form.wpforms-form .wpforms-page-button, .pcdark-mode .mc4wp-form input[type=submit]{ background-color: #32a795; } .penci-user-logged-in .penci-user-action-links a, .penci-login-register input[type="submit"], .widget input[type="submit"], .widget button[type="submit"], .contact-form input[type=submit], #respond #submit, .wpcf7 input[type="submit"], .widget_wysija input[type="submit"], div.wpforms-container .wpforms-form.wpforms-form input[type=submit], div.wpforms-container .wpforms-form.wpforms-form button[type=submit], div.wpforms-container .wpforms-form.wpforms-form .wpforms-page-button, .mc4wp-form input[type=submit]{ color: #ffffff; } .pcdark-mode .penci-user-logged-in .penci-user-action-links a, .pcdark-mode .penci-login-register input[type="submit"], .pcdark-mode .widget input[type="submit"], .pcdark-mode .widget button[type="submit"], .pcdark-mode .contact-form input[type=submit], .pcdark-mode #respond #submit, .pcdark-mode .wpcf7 input[type="submit"], .pcdark-mode .widget_wysija input[type="submit"], .pcdark-mode div.wpforms-container .wpforms-form.wpforms-form input[type=submit], .pcdark-mode div.wpforms-container .wpforms-form.wpforms-form button[type=submit], .pcdark-mode div.wpforms-container .wpforms-form.wpforms-form .wpforms-page-button, .pcdark-mode .mc4wp-form input[type=submit]{ color: #ffffff; } .wp-block-search .wp-block-search__button svg{ fill: #ffffff; } .container-single .penci-standard-cat .cat > a.penci-cat-name { color: #32a795; } .container-single .penci-standard-cat .cat:before, .container-single .penci-standard-cat .cat:after { background-color: #32a795; } .list-post .header-list-style:after, .grid-header-box:after, .penci-overlay-over .overlay-header-box:after, .home-featured-cat-content .first-post .magcat-detail .mag-header:after { content: none; } .list-post .header-list-style, .grid-header-box, .penci-overlay-over .overlay-header-box, .home-featured-cat-content .first-post .magcat-detail .mag-header{ padding-bottom: 0; } .container-single .post-share a:hover, .container-single .post-share a.liked, .page-share .post-share a:hover { color: #32a795; } .tags-share-box.tags-share-box-2_3 .post-share .count-number-like, .post-share .count-number-like { color: #32a795; } .penci-rlt-popup .rltpopup-meta .rltpopup-title:hover{ color: #32a795; } ul.homepage-featured-boxes .penci-fea-in:hover h4 span { color: #32a795; } .penci-home-popular-post .item-related h3 a:hover { color: #32a795; } .penci-homepage-title.style-7 .inner-arrow:before, .penci-homepage-title.style-9 .inner-arrow:before{ background-color: #32a795; } .home-featured-cat-content .magcat-detail h3 a:hover { color: #32a795; } .home-featured-cat-content .grid-post-box-meta span a:hover { color: #32a795; } .home-featured-cat-content .first-post .magcat-detail .mag-header:after { background: #32a795; } .penci-slider ol.penci-control-nav li a.penci-active, .penci-slider ol.penci-control-nav li a:hover { border-color: #32a795; background: #32a795; } .home-featured-cat-content .mag-photo .mag-overlay-photo { opacity: ; } .home-featured-cat-content .mag-photo:hover .mag-overlay-photo { opacity: ; } .inner-item-portfolio:hover .penci-portfolio-thumbnail a:after { opacity: ; } .penci-menuhbg-toggle { width: 18px; } .penci-menuhbg-toggle .penci-menuhbg-inner { height: 18px; } .penci-menuhbg-toggle .penci-lines, .penci-menuhbg-wapper{ width: 18px; } .penci-menuhbg-toggle .lines-button{ top: 8px; } .penci-menuhbg-toggle .penci-lines:before{ top: 5px; } .penci-menuhbg-toggle .penci-lines:after{ top: -5px; } .penci-menuhbg-toggle:hover .lines-button:after, .penci-menuhbg-toggle:hover .penci-lines:before, .penci-menuhbg-toggle:hover .penci-lines:after{ transform: translateX(28px); } .penci-menuhbg-toggle .lines-button.penci-hover-effect{ left: -28px; } .penci-menu-hbg-inner .penci-hbg_sitetitle{ font-size: 18px; } .penci-menu-hbg-inner .penci-hbg_desc{ font-size: 14px; } .penci-menu-hbg{ width: 330px; }.penci-menu-hbg.penci-menu-hbg-left{ transform: translateX(-330px); -webkit-transform: translateX(-330px); -moz-transform: translateX(-330px); }.penci-menu-hbg.penci-menu-hbg-right{ transform: translateX(330px); -webkit-transform: translateX(330px); -moz-transform: translateX(330px); }.penci-menuhbg-open .penci-menu-hbg.penci-menu-hbg-left, .penci-vernav-poleft.penci-menuhbg-open .penci-vernav-toggle{ left: 330px; }@media only screen and (min-width: 961px) { .penci-vernav-enable.penci-vernav-poleft .wrapper-boxed, .penci-vernav-enable.penci-vernav-poleft .pencipdc_podcast.pencipdc_dock_player{ padding-left: 330px; } .penci-vernav-enable.penci-vernav-poright .wrapper-boxed, .penci-vernav-enable.penci-vernav-poright .pencipdc_podcast.pencipdc_dock_player{ padding-right: 330px; } .penci-vernav-enable .is-sticky #navigation{ width: calc(100% - 330px); } }@media only screen and (min-width: 961px) { .penci-vernav-enable .penci_is_nosidebar .wp-block-image.alignfull, .penci-vernav-enable .penci_is_nosidebar .wp-block-cover-image.alignfull, .penci-vernav-enable .penci_is_nosidebar .wp-block-cover.alignfull, .penci-vernav-enable .penci_is_nosidebar .wp-block-gallery.alignfull, .penci-vernav-enable .penci_is_nosidebar .alignfull{ margin-left: calc(50% - 50vw + 165px); width: calc(100vw - 330px); } }.penci-vernav-poright.penci-menuhbg-open .penci-vernav-toggle{ right: 330px; }@media only screen and (min-width: 961px) { .penci-vernav-enable.penci-vernav-poleft .penci-rltpopup-left{ left: 330px; } }@media only screen and (min-width: 961px) { .penci-vernav-enable.penci-vernav-poright .penci-rltpopup-right{ right: 330px; } }@media only screen and (max-width: 1500px) and (min-width: 961px) { .penci-vernav-enable .container { max-width: 100%; max-width: calc(100% - 30px); } .penci-vernav-enable .container.home-featured-boxes{ display: block; } .penci-vernav-enable .container.home-featured-boxes:before, .penci-vernav-enable .container.home-featured-boxes:after{ content: ""; display: table; clear: both; } }.penci-menu-hbg .penci-sidebar-content.style-11 .penci-border-arrow .inner-arrow, .penci-menu-hbg .penci-sidebar-content.style-12 .penci-border-arrow .inner-arrow, .penci-menu-hbg .penci-sidebar-content.style-14 .penci-border-arrow .inner-arrow:before, .penci-menu-hbg .penci-sidebar-content.style-13 .penci-border-arrow .inner-arrow, .penci-menu-hbg .penci-sidebar-content .penci-border-arrow .inner-arrow, .penci-menu-hbg .penci-sidebar-content.style-15 .penci-border-arrow .inner-arrow{ background-color: #eaeaea; }.penci-menu-hbg .penci-sidebar-content.style-2 .penci-border-arrow:after{ border-top-color: #eaeaea; }.penci-menu-hbg .penci-sidebar-content .penci-border-arrow .inner-arrow,.penci-menu-hbg .penci-sidebar-content.style-4 .penci-border-arrow .inner-arrow:before,.penci-menu-hbg .penci-sidebar-content.style-4 .penci-border-arrow .inner-arrow:after,.penci-menu-hbg .penci-sidebar-content.style-5 .penci-border-arrow,.penci-menu-hbg .penci-sidebar-content.style-7 .penci-border-arrow,.penci-menu-hbg .penci-sidebar-content.style-9 .penci-border-arrow { border-color: #ffffff; }.penci-menu-hbg .penci-sidebar-content .penci-border-arrow:before { border-top-color: #ffffff; }.penci-menu-hbg .penci-sidebar-content.style-16 .penci-border-arrow:after{ background-color: #ffffff; }.penci-menu-hbg .penci-sidebar-content.style-7 .penci-border-arrow .inner-arrow:before,.penci-menu-hbg .penci-sidebar-content.style-9 .penci-border-arrow .inner-arrow:before{ background-color: #ffffff; }.penci-menu-hbg .penci-sidebar-content .penci-border-arrow .inner-arrow { color: #dd3333; } .penci-wrap-gprd-law .penci-gdrd-show,.penci-gprd-law,.penci-wrap-gprd-law.style-3 .penci-gprd-law,.penci-wrap-gprd-law.style-4 .penci-gprd-law{ background-color: #32a795 } .penci-wrap-gprd-law{ --pcaccent-cl: #32a795 } .penci-wrap-gprd-law .penci-gdrd-show,.penci-gprd-law{ color: #ffffff } .penci-faicon.fa.fa-pinterest { font-size: 16px !important; /* Einheitliche Größe */ color: black !important; /* Schwarze Farbe */ background: none !important; /* Kein Hintergrund */ border: none !important; /* Kein Rahmen */ width: auto !important; height: auto !important; display: inline-block !important; text-align: center !important; } html.lang-en .penci-faicon.fa.fa-pinterest, html.lang-de .penci-faicon.fa.fa-pinterest { /* Gleiche Regeln für alle Sprachen */ } .penci-featured-caption, .wp-caption p.wp-caption-text { font-size: 12px; } body { letter-spacing: 0.2px; /* Wert nach Bedarf anpassen */ } .schoen-about-grid .schoen-image-container { margin-bottom: 15px; /* Abstand zwischen Bild und Text */ margin-right: 0; /* Setze den rechten Abstand auf 0, um unerwünschte Abstände zu entfernen */ } } .schoen-uppercase { text-transform: uppercase; /* Setzt den Text auf Uppercase */ color: inherit; /* Erbt die Farbe aus dem übergeordneten Element */ /* Du kannst hier weitere Stile hinzufügen, z.B. Schriftgröße, Schriftart etc. */ } .menu-hauptnavigation { font-family: 'Raleway', sans-serif; /* Setzt die Schriftart der Hauptnavigation auf 'Raleway' mit einer Fallback-Schriftart 'sans-serif' */ } .penci-page-header h1 { font-size: 20px; /* Legt die Schriftgröße für H1-Überschriften im Seitenheader auf 20px fest */ color: #32A795; /* Setzt die Schriftfarbe auf einen spezifischen Türkiston */ text-transform: uppercase; /* Wandelt den Text in Großbuchstaben um */ } .wpml-ls-legacy-list-horizontal a { display: block; /* Setzt Links im WPML-Sprachwechsel auf Blockanzeige */ text-decoration: none; /* Entfernt die Standard-Unterstreichung von Links */ padding: 0px 4px 3px 6px; /* Fügt Innenabstand um die Links hinzu (oben, rechts, unten, links) */ line-height: 1; /* Setzt die Zeilenhöhe auf 1, um den vertikalen Abstand zu minimieren */ } .wpml-ls-legacy-list-horizontal { border: 0; /* Entfernt alle Ränder */ border-top-color: currentcolor; /* Setzt die obere Randfarbe auf die aktuelle Textfarbe */ border-right-color: currentcolor; /* Setzt die rechte Randfarbe auf die aktuelle Textfarbe */ border-bottom-color: currentcolor; /* Setzt die untere Randfarbe auf die aktuelle Textfarbe */ border-left-color: currentcolor; /* Setzt die linke Randfarbe auf die aktuelle Textfarbe */ padding: 0; /* Entfernt den Innenabstand */ clear: both; /* Stellt sicher, dass die Box unter Float-Elementen beginnt */ background: #fff !important; /* Setzt den Hintergrund auf Weiß und überschreibt andere Hintergrundfarben */ display: inline-block; /* Setzt das Element auf Inline-Blockanzeige, sodass es neben anderen Elementen stehen kann */ } .tags-share-box.hide-tags.page-share { border-bottom: 0; /* Entfernt den unteren Rand */ } .mks-map-info-box .mks-map-entry-image { height: auto; /* Setzt die Höhe der Karteninfo-Box-Bilder auf automatisch, um die Proportionen beizubehalten */ overflow: hidden; /* Versteckt alles, was über die Box hinausgeht */ position: relative; /* Setzt die Positionierung auf relativ, um untergeordnete absolute Positionierung zu ermöglichen */ } .post-entry ul li, .elementor-text-editor ul li, .woocommerce .page-description ul li { margin-bottom: 6px; /* Fügt einen unteren Rand von 6px zu Listenelementen hinzu */ position: relative; /* Setzt die Position auf relativ */ list-style-type: disc; /* Setzt den Aufzählungstyp auf einen gefüllten Punkt */ line-height: 1.7; /* Legt die Zeilenhöhe auf 1.7 fest, um den vertikalen Abstand zu erhöhen */ } .title-bar span, .title-bar h1 { font-size: 18px; /* Legt die Schriftgröße für Titel-Elemente auf 18px fest */ color: #32A795; /* Setzt die Schriftfarbe auf den spezifischen Türkiston */ } .penci-sidebar-content .penci-border-arrow .inner-arrow { font-size: 18px; /* Setzt die Schriftgröße für innere Pfeile in Seitenleisteninhalten auf 18px */ } #footer-section a { color: #999; /* Setzt die Farbe für Links im Footer auf einen grauen Farbton */ } #flags_language_selector a { display: inline-block; /* Setzt die Links im Sprachwechsler auf Inline-Blockanzeige */ margin-right: 10px!important; /* Fügt einen rechten Rand von 10px hinzu und hebt andere Margen-Einstellungen auf */ } .mks-map-info-box .mks-map-entry-category { display: none; /* Versteckt die Kategorie-Elemente in der Karteninfo-Box */ } .mks-map-info-box .mks-map-entry-header + .mks-map-entry-meta { display: none; /* Versteckt die Meta-Informationen, die direkt nach der Header-Info in der Karteninfo-Box kommen */ } .about-grid { display: grid; /* Setzt das Layout auf ein Grid-System */ grid-template-columns: 37% auto; /* Legt die Breite der Spalten im Grid fest: die erste Spalte ist 37%, die zweite Spalte nimmt den verbleibenden Platz ein */ } .home_widgets { margin-bottom: 55px; /* Fügt einen unteren Rand von 55px zu Home-Widgets hinzu */ } .wp-caption p.wp-caption-text, .penci-featured-caption { position: absolute; /* Setzt die Positionierung auf absolut */ background: none; /* Setzt den Hintergrund auf transparent */ padding: 10px 0; /* Fügt einen oberen und unteren Innenabstand von 10px hinzu */ color: #000; /* Setzt die Schriftfarbe auf Schwarz */ background: #fff; /* Setzt den Hintergrund auf Weiß */ opacity: 0.8; /* Setzt die Transparenz auf 80% */ } .post-share .count-number-like { font-style: normal; /* Setzt den Schriftstil auf normal (ohne Kursivschrift) */ } ul.homepage-featured-boxes li, .post-entry ul.homepage-featured-boxes li { width: 50%; /* Setzt die Breite der Listenelemente auf 50% */ float: left; /* Lässt die Listenelemente nebeneinander anordnen */ display: inline-block; /* Setzt die Listenelemente auf Inline-Blockanzeige */ padding: 0px; /* Entfernt den Innenabstand */ margin-bottom: 30px; /* Fügt einen unteren Rand von 30px hinzu */ } ul.homepage-featured-boxes { list-style: none; /* Entfernt die Standard-Aufzählungszeichen */ margin-left: 5px; /* Fügt einen linken Rand von 5px hinzu */ margin-right: 5px; /* Fügt einen rechten Rand von 5px hinzu */ padding: 0 !important; /* Entfernt den Innenabstand und hebt andere Padding-Einstellungen auf */ } #ez-toc-container { background: #f9f9f9; /* Setzt den Hintergrund auf ein helles Grau */ border: 1px solid #aaa; /* Fügt einen grauen Rand hinzu */ border-radius: 4px; /* Macht die Ecken des Rahmens abgerundet */ box-shadow: 0 1px 1px rgba(0,0,0,.05); /* Fügt einen leichten Schatten hinzu */ display: table; /* Setzt das Display auf Table */ margin-bottom: 2.5em; /* Fügt einen unteren Rand von 2.5em hinzu */ padding: 10px; /* Fügt einen Innenabstand von 10px hinzu */ position: relative; /* Setzt die Positionierung auf relativ */ width: auto; /* Setzt die Breite auf automatisch */ } #flags_language_selector { float: right; /* Lässt den Sprachwechsler nach rechts fließen */ margin-top: 2px; /* Fügt einen oberen Rand von 2px hinzu */ } #flags_language_selector img { display: inline-block; /* Setzt Bilder im Sprachwechsler auf Inline-Blockanzeige */ } .penci-border-arrow .inner-arrow { border: 0px; /* Setzt die Rahmenbreite auf 0 */ background: #fff; /* Setzt den Hintergrund auf Weiß */ position: relative; /* Setzt die Positionierung auf relativ */ display: block; /* Setzt das Element auf Blockanzeige */ text-transform: uppercase; /* Wandelt den Text in Großbuchstaben um */ padding: 8px 12px 7px; /* Fügt Innenabstand hinzu */ z-index: 3; /* Setzt den z-Index auf 3, damit es vor anderen Elementen dargestellt wird */ font-size: 18px; /* Setzt die Schriftgröße auf 18px */ color: #32A795!important; /* Setzt die Schriftfarbe auf den spezifischen Türkiston und hebt andere Farbangaben auf */ } .penci-sidebar-content .widget-title { color: #313131; /* Setzt die Schriftfarbe für Widget-Titel auf einen dunklen Grauton */ margin-bottom: 30px; /* Fügt einen unteren Rand von 30px hinzu */ font-family: 'Raleway', sans-serif; /* Setzt die Schriftart für Widget-Titel auf 'Raleway' */ font-weight: bold; /* Setzt den Schriftstil auf fett */ letter-spacing: 1px; /* Fügt einen Buchstabenabstand von 1px hinzu */ position: relative; /* Setzt die Positionierung auf relativ */ text-align: left; /* Setzt den Text linksbündig */ line-height: 1.3; /* Legt die Zeilenhöhe auf 1.3 fest */ background: transparent; /* Setzt den Hintergrund auf transparent */ border-bottom: 3px solid #eee; /* Fügt einen unteren Rand von 3px in einem hellen Grauton hinzu */ } .penci-more-link.penci-more-link-button a.more-link { line-height: 1; /* Setzt die Zeilenhöhe auf 1 */ color: #fff; /* Setzt die Schriftfarbe auf Weiß */ background: #32a795; /* Setzt den Hintergrund auf den spezifischen Türkiston */ padding: 14px 16px; /* Fügt Innenabstand hinzu */ margin-top: 0; /* Setzt den oberen Rand auf 0 */ } #penci_list_bannner_widget-5, #penci_list_bannner_widget-1, #penci_list_bannner_widget-7, #penci_list_bannner_widget-3, #penci_list_bannner_widget-11, #penci_list_bannner_widget-9 { margin-bottom: 25px; /* Fügt einen unteren Rand von 25px zu den genannten Banner-Widgets hinzu */ } .penci-homepage-title.pcalign-center { text-align: left; /* Setzt den Text linksbündig */ border-bottom: 3px solid #eee; /* Fügt einen unteren Rand von 3px in einem hellen Grauton hinzu */ } .penci-homepage-title.penci-magazine-title h3 a, .penci-border-arrow.penci-homepage-title .inner-arrow { font-size: 18px!important; /* Setzt die Schriftgröße für bestimmte Überschriften auf 18px und hebt andere Schriftgrößen auf */ } .penci-sidebar-content .penci-border-arrow .inner-arrow { /* Keine spezifischen Anweisungen; möglicherweise leer gelassen für zukünftige Anpassungen */ } .penci-border-arrow::after { border: 0px; /* Setzt die Rahmenbreite auf 0 */ left: -5px; /* Positioniert den Pseudoelement nach links um 5px */ right: -5px; /* Positioniert den Pseudoelement nach rechts um 5px */ bottom: 3px; /* Positioniert den Pseudoelement 3px über dem unteren Rand */ display: block; /* Setzt das Pseudoelement auf Blockanzeige */ z-index: 1; /* Setzt den z-Index auf 1, sodass es hinter anderen Elementen liegt */ height: 100%; /* Setzt die Höhe auf 100% des übergeordneten Elements */ background: ; /* Hintergrundfarbe fehlt hier; möglicherweise ein Fehler oder ein Platzhalter */ } .penci-border-arrow::before { display: none; /* Versteckt das Pseudoelement vor dem Element */ } .footer-subscribe { display: none; /* Versteckt das Abonnieren-Widget im Footer */ } .penci-go-to-top-floating { cursor: pointer; /* Ändert den Mauszeiger in einen Pointer, wenn über das Element gefahren wird */ position: fixed; /* Setzt die Positionierung auf fixiert, sodass es am Bildschirm bleibt */ bottom: 20px; /* Positioniert es 20px vom unteren Bildschirmrand */ right: 20px; /* Positioniert es 20px vom rechten Bildschirmrand */ width: 36px; /* Setzt die Breite auf 36px */ height: 36px; /* Setzt die Höhe auf 36px */ } @media screen and (max-width: 1469px) { .about-grid { grid-template-columns: 41% auto; /* Legt die Breite der Grid-Spalten auf 41% und den Rest für die zweite Spalte fest, wenn die Bildschirmbreite kleiner als 1469px ist */ } } @media screen and (max-width: 960px) { .header-search-style-showup .show-search { left: -50vw; right: 0; width: 96vw; } .header-search-style-showup .show-search::before { right: 43%; } .wp-caption p.wp-caption-text, .penci-featured-caption { position: relative; /* Setzt die Positionierung auf relativ */ background: none; /* Setzt den Hintergrund auf transparent */ padding: 10px 10px 10px 10px; /* Fügt Innenabstand von 10px auf allen Seiten hinzu */ color: #000; /* Setzt die Schriftfarbe auf Schwarz */ background: #fff; /* Setzt den Hintergrund auf Weiß */ opacity: 0.8; /* Setzt die Transparenz auf 80% */ font-size: 1em; /* Setzt die Schriftgröße auf 100% der Basisgröße */ } .about-grid { display: block; /* Setzt die Anzeige für die Grid-Container auf block, um sie untereinander anzuzeigen */ grid-template-columns: 300px 450px; /* Setzt spezifische Spaltenbreiten für das Grid */ } #logo { text-align: center; /* Zentriert den Logo-Text */ padding-top: 70px; /* Fügt einen oberen Innenabstand von 70px hinzu */ } ul.penci-topbar-menu, div.penci-topbar-menu > ul { display: none; /* Versteckt die obere Menüleiste */ } .header-social .inner-header-social { display: inline-block; /* Setzt die sozialen Icons auf Inline-Blockanzeige */ vertical-align: top; /* Richtet die sozialen Icons oben aus */ position: relative; /* Setzt die Positionierung auf relativ */ text-align: center; /* Zentriert den Text der sozialen Icons */ } .footer-subscribe { display: block; /* Zeigt das Abonnieren-Widget im Footer an, wenn die Bildschirmbreite kleiner als 960px ist */ } .footer-subscribe { text-align: center; /* Zentriert den Text des Footer-Abonnieren-Widgets */ padding: 10px 0 10px 0px; /* Fügt Innenabstand von 10px oben und unten hinzu */ background-color: #fff; /* Setzt den Hintergrund auf Weiß */ } #navigation { position: fixed; /* Setzt die Navigation auf fixiert, sodass sie am Bildschirm bleibt */ top: 0; /* Positioniert die Navigation am oberen Bildschirmrand */ width: 100%; /* Setzt die Breite der Navigation auf 100% */ z-index: 987; /* Setzt den z-Index auf 987, um sicherzustellen, dass die Navigation über anderen Elementen liegt */ } .header-social.sidebar-nav-social { display: none; /* Versteckt die sozialen Icons, wenn die Sidebar-Navigation aktiv ist */ } .penci-top-bar.topbar-menu { height: auto; /* Setzt die Höhe des oberen Menüs auf automatisch */ padding-top: 100px; /* Fügt einen oberen Innenabstand von 100px hinzu */ } #navigation .container { padding: 0 20px; /* Fügt einen Innenabstand von 20px links und rechts in der Navigation hinzu */ } } body { --pcdm_btnbg: rgba(0, 0, 0, .1); --pcdm_btnd: #666; --pcdm_btndbg: #fff; --pcdm_btnn: var(--pctext-cl); --pcdm_btnnbg: var(--pcbg-cl); } body.pcdm-enable { --pcbg-cl: #000000; --pcbg-l-cl: #1a1a1a; --pcbg-d-cl: #000000; --pctext-cl: #fff; --pcborder-cl: #313131; --pcborders-cl: #3c3c3c; --pcheading-cl: rgba(255,255,255,0.9); --pcmeta-cl: #999999; --pcl-cl: #fff; --pclh-cl: #32a795; --pcaccent-cl: #32a795; background-color: var(--pcbg-cl); color: var(--pctext-cl); } body.pcdark-df.pcdm-enable.pclight-mode { --pcbg-cl: #fff; --pctext-cl: #313131; --pcborder-cl: #dedede; --pcheading-cl: #313131; --pcmeta-cl: #888888; --pcaccent-cl: #32a795; } body.pcdm-enable .penci-menu-hbg .penci-sidebar-content.style-11 .penci-border-arrow .inner-arrow, body.pcdm-enable .penci-menu-hbg .penci-sidebar-content.style-12 .penci-border-arrow .inner-arrow, body.pcdm-enable .penci-menu-hbg .penci-sidebar-content.style-14 .penci-border-arrow .inner-arrow:before, body.pcdm-enable .penci-menu-hbg .penci-sidebar-content.style-13 .penci-border-arrow .inner-arrow, body.pcdm-enable .penci-menu-hbg .penci-sidebar-content .penci-border-arrow .inner-arrow, body.pcdm-enable .penci-menu-hbg .penci-sidebar-content.style-15 .penci-border-arrow .inner-arrow{ background-color: #eaeaea; }body.pcdm-enable .penci-menu-hbg .penci-sidebar-content.style-2 .penci-border-arrow:after{ border-top-color: var(--pcborder-cl); }body.pcdm-enable .penci-menu-hbg .penci-sidebar-content .penci-border-arrow .inner-arrow,body.pcdm-enable .penci-menu-hbg .penci-sidebar-content.style-4 .penci-border-arrow .inner-arrow:before,body.pcdm-enable .penci-menu-hbg .penci-sidebar-content.style-4 .penci-border-arrow .inner-arrow:after,body.pcdm-enable .penci-menu-hbg .penci-sidebar-content.style-5 .penci-border-arrow,body.pcdm-enable .penci-menu-hbg .penci-sidebar-content.style-7 .penci-border-arrow,body.pcdm-enable .penci-menu-hbg .penci-sidebar-content.style-9 .penci-border-arrow { border-color:var(--pcborder-cl); }body.pcdm-enable .penci-menu-hbg .penci-sidebar-content .penci-border-arrow:before { border-top-color: var(--pcborder-cl); }body.pcdm-enable .penci-menu-hbg .penci-sidebar-content.style-16 .penci-border-arrow:after{ background-color: var(--pcbg-cl); }body.pcdm-enable .penci-menu-hbg .penci-sidebar-content.style-7 .penci-border-arrow .inner-arrow:before,body.pcdm-enable .penci-menu-hbg .penci-sidebar-content.style-9 .penci-border-arrow .inner-arrow:before{ background-color: var(--pcbg-cl); }body.pcdm-enable .penci-menu-hbg .penci-sidebar-content .penci-border-arrow .inner-arrow { color: var(--pctext-cl); }