/* 10-base.css * Generated from the active LibertyRoots Code Snippets export. * Each block keeps the original snippet ID for safe comparison and future cleanup. */ /* ============================================================ * Original Snippet ID 57: Enfold/Wordpress - Bild Hover Overlay und ToolTip Ausblenden CSS * Bild Hover Overlay Ausblenden bei allen avia bildern mit "display: none !important" * ============================================================ */ /*Bild Hover Overlay*/ .image-overlay{ display: none !important; } /*.avia-tooltip { display: none !important; }*/ /* ============================================================ * Original Snippet ID 51: Enfold/Wordpress - Scroll Top Button Handy CSS * Scroll Top Button am Handy einblenden so das er immer sichtbar ist wenn man nach unten scrollt. * ============================================================ */ /*show scroll top am Handy*/ @media only screen and (max-width: 767px) { #scroll-top-link { display: block !important; }} /* ============================================================ * Original Snippet ID 100: Enfold/Wordpress - Überschriften und Fließtext Mobile Ready machen CSS (Version 2) * Überschriften Mobile Ready machen für alle Überschriften von H1 bis H6 und Fließtext. * ============================================================ */ /*Header Mobile H1 bis H6 ready und Schriftgröße Ähnliche Produkte anpassen*/ /*Produkttitel in der Übersicht Kleinschreibung erzwingen .woocommerce-loop-product__title {text-transform: none !important;}*/ h2 {font-size: 25px;} @media only screen and (min-width: 1280px) { #top #wrap_all .main_color h2{font-size:25px;} #top #wrap_all .all_colors h4{font-size:20px;} #top #wrap_all .all_colors h3{font-size:40px;} #top #wrap_all .header_color h2, #top #wrap_all .alternate_color h2, #top #wrap_all .footer_color h2, #top #wrap_all .socket_color h2{font-size:40px;} #top #wrap_all .all_colors h1{font-size:65px;} /*Warenkorb und Kasse Tabelle*/ .page-id-3162 td, .page-id-3163 td, .page-id-3162 label span, .page-id-3162 legend span, .page-id-3163 label span, .page-id-3163 legend span {font-size: 20px !important;} /*Produkttitel in der Übersicht*/ .woocommerce-loop-product__title, #top.single-product .related.products h2.woocommerce-loop-product__title {font-size: 25px !important;} /*Texteingabe z.B.: Mein Konto*/ #top div form .form-row input.input-text, #top div #content .form-row input.input-text, #top div form .form-row textarea, #top div #content .form-row textarea {font-size: 18px;} /*Drop Down Text z.B.: Kasse*/ #top .input-text, #top input[type="text"], #top input[type="input"], #top input[type="password"], #top input[type="email"], #top input[type="number"], #top input[type="url"], #top input[type="tel"], #top input[type="search"], #top textarea, #top select, #select2-billing_country-container, .select2-results__option {font-size: 18px !important;} /*Produktseite Drop Down*/ .produktbeschreibung-tablist-main p {font-size: 20px !important;} /*Produktseite Produkt Titel H1*/ .product h1{font-size:50px !important;} } #jckqv h1 {font-size: 28px !important;} @media only screen and (min-width: 990px) and (max-width: 1279px){ #top #wrap_all .main_color h2{font-size:25px;} #top #wrap_all .all_colors h4{font-size:20px;} #top #wrap_all .all_colors h3{font-size:35px;} #top #wrap_all .header_color h2, #top #wrap_all .alternate_color h2, #top #wrap_all .footer_color h2, #top #wrap_all .socket_color h2{font-size:40px;} #top #wrap_all .all_colors h1{font-size:55px;} .page-id-3162 td, .page-id-3163 td, .page-id-3162 label span, .page-id-3162 legend span, .page-id-3163 label span, .page-id-3163 legend span {font-size: 20px !important;} .woocommerce-loop-product__title, #top.single-product .related.products h2.woocommerce-loop-product__title {font-size: 20px !important;} #top div form .form-row input.input-text, #top div #content .form-row input.input-text, #top div form .form-row textarea, #top div #content .form-row textarea {font-size: 17px;} #top .input-text, #top input[type="text"], #top input[type="input"], #top input[type="password"], #top input[type="email"], #top input[type="number"], #top input[type="url"], #top input[type="tel"], #top input[type="search"], #top textarea, #top select, #select2-billing_country-container, .select2-results__option{font-size: 17px !important;} .produktbeschreibung-tablist-main p {font-size: 20px !important;} .product h1{font-size:42px !important;} } @media only screen and (min-width: 768px) and (max-width: 989px){ #top #wrap_all .main_color h2{font-size:20px;} #top #wrap_all .all_colors h4{font-size:20px;} #top #wrap_all .all_colors h3{font-size:30px;} #top #wrap_all .header_color h2, #top #wrap_all .alternate_color h2, #top #wrap_all .footer_color h2, #top #wrap_all .socket_color h2{font-size:35px;} #top #wrap_all .all_colors h1{font-size:48px;} /*Fließtext überall*/ body, body .avia-tooltip {font-size: 18px !important;} .page-id-3162 td, .page-id-3163 td, .page-id-3162 label span, .page-id-3162 legend span, .page-id-3163 label span, .page-id-3163 legend span {font-size: 18px !important;} .woocommerce-loop-product__title, #top.single-product .related.products h2.woocommerce-loop-product__title {font-size: 18px !important;} #top div form .form-row input.input-text, #top div #content .form-row input.input-text, #top div form .form-row textarea, #top div #content .form-row textarea {font-size: 16px;} #top .input-text, #top input[type="text"], #top input[type="input"], #top input[type="password"], #top input[type="email"], #top input[type="number"], #top input[type="url"], #top input[type="tel"], #top input[type="search"], #top textarea, #top select, #select2-billing_country-container, .select2-results__option {font-size: 16px !important;} .produktbeschreibung-tablist-main p {font-size: 18px !important;} .product h1{font-size:35px !important;} } @media only screen and (min-width: 480px) and (max-width: 767px){ #top #wrap_all .main_color h2{font-size:20px;} #top #wrap_all .all_colors h4{font-size:20px;} #top #wrap_all .all_colors h3{font-size:25px;} #top #wrap_all .header_color h2, #top #wrap_all .alternate_color h2, #top #wrap_all .footer_color h2, #top #wrap_all .socket_color h2{font-size:30px;} #top #wrap_all .all_colors h1{font-size:45px;} body, body .avia-tooltip {font-size: 18px !important;} /*Tabelle auf Produktseite*/ td {font-size: 12px;padding: 6px 4px;} .page-id-3162 td, .page-id-3163 td, .page-id-3162 label span, .page-id-3162 legend span, .page-id-3163 label span, .page-id-3163 legend span {font-size: 15px !important;} .woocommerce-loop-product__title, #top.single-product .related.products h2.woocommerce-loop-product__title {font-size: 16px !important;} #top div form .form-row input.input-text, #top div #content .form-row input.input-text, #top div form .form-row textarea, #top div #content .form-row textarea {font-size: 15px;} #top .input-text, #top input[type="text"], #top input[type="input"], #top input[type="password"], #top input[type="email"], #top input[type="number"], #top input[type="url"], #top input[type="tel"], #top input[type="search"], #top textarea, #top select, #select2-billing_country-container, .select2-results__option {font-size: 15px !important;} .produktbeschreibung-tablist-main p {font-size: 18px !important;} .product h1{font-size:40px !important;} } @media only screen and (min-width: 360px) and (max-width: 479px){ #top #wrap_all .main_color h2{font-size:18px;} #top #wrap_all .all_colors h4{font-size:20px;} #top #wrap_all .all_colors h3{font-size:20px;} #top #wrap_all .header_color h2, #top #wrap_all .alternate_color h2, #top #wrap_all .footer_color h2, #top #wrap_all .socket_color h2{font-size:25px;} #top #wrap_all .all_colors h1{font-size:40px;} body, body .avia-tooltip {font-size: 16px !important;} .page-id-3162 td, .page-id-3163 td, .page-id-3162 label span, .page-id-3162 legend span, .page-id-3163 label span, .page-id-3163 legend span {font-size: 14px !important;} .woocommerce-loop-product__title, #top.single-product .related.products h2.woocommerce-loop-product__title {font-size: 16px !important;} /*Tabelle auf Produktseite*/ td {font-size: 10px;padding: 5px 3px;} #top div form .form-row input.input-text, #top div #content .form-row input.input-text, #top div form .form-row textarea, #top div #content .form-row textarea {font-size: 14px;} #top .input-text, #top input[type="text"], #top input[type="input"], #top input[type="password"], #top input[type="email"], #top input[type="number"], #top input[type="url"], #top input[type="tel"], #top input[type="search"], #top textarea, #top select, #select2-billing_country-container, .select2-results__option {font-size: 14px !important;} .produktbeschreibung-tablist-main p {font-size: 16px !important;} .product h1{font-size:35px !important;} } @media only screen and (max-width: 359px){ #top #wrap_all .main_color h2{font-size:18px;} #top #wrap_all .all_colors h4{font-size:18px;} #top #wrap_all .all_colors h3{font-size:18px;} #top #wrap_all .header_color h2, #top #wrap_all .alternate_color h2, #top #wrap_all .footer_color h2, #top #wrap_all .socket_color h2{font-size:20px;} #top #wrap_all .all_colors h1{font-size:35px;} body, body .avia-tooltip {font-size: 16px !important;} .page-id-3162 td, .page-id-3163 td, .page-id-3162 label span, .page-id-3162 legend span, .page-id-3163 label span, .page-id-3163 legend span {font-size: 14px !important;} .woocommerce-loop-product__title, #top.single-product .related.products h2.woocommerce-loop-product__title {font-size: 16px !important;} td {font-size: 9px;padding: 4px 2px;} #top .input-text, #top input[type="text"], #top input[type="input"], #top input[type="password"], #top input[type="email"], #top input[type="number"], #top input[type="url"], #top input[type="tel"], #top input[type="search"], #top textarea, #top select, #select2-billing_country-container, .select2-results__option {font-size: 12px !important;} .produktbeschreibung-tablist-main p {font-size: 16px !important;} .product h1{font-size:30px !important;} #jckqv h1 {font-size: 20px !important;} } /* ============================================================ * Original Snippet ID 186: Enfold/Wordpress - Alle Farben die geändert werden - CSS 2 * HIER WERDEN ALLE FARBÄNDERUNGEN GESAMMELT!!!! (Alle Farben die geändert werden) * ============================================================ */ /* HIER WERDEN ALLE FARBÄNDERUNGEN GESAMMELT */ /* Youtube Player Anpassen */ .ytp-impression-link{ display:none !important; } /* Linkfarbe etc im Lightmode*/ body.wp-night-mode-on .alternate_color a, body.wp-night-mode-on .alternate_color .widget_first, body.wp-night-mode-on .alternate_color strong, body.wp-night-mode-on .alternate_color b, body.wp-night-mode-on .alternate_color b a, body.wp-night-mode-on .alternate_color strong a, body.wp-night-mode-on .alternate_color #js_sort_items a:hover, body.wp-night-mode-on .alternate_color #js_sort_items a.active_sort, body.wp-night-mode-on .alternate_color .av-sort-by-term a.active_sort, body.wp-night-mode-on .alternate_color .special_amp, body.wp-night-mode-on .alternate_color .taglist a.activeFilter, body.wp-night-mode-on .alternate_color #commentform .required, body.wp-night-mode-on #top .alternate_color .av-no-color.av-icon-style-border a.av-icon-char, body.wp-night-mode-on .html_elegant-blog #top .alternate_color .blog-categories a, body.wp-night-mode-on .html_elegant-blog #top .alternate_color .blog-categories a:hover { color: #ddb300; } /* Produkt Beschreibung Drop down Border Color */ .product-beschreibung-main h4, .product-beschreibung-main span{ border-color: #1c1d21; } /* Produktseite Trustpoints Tag Nacht */ .trust-points-produkt-beschreibung{ background-color: var(--violett) !important; } body.wp-night-mode-on .trust-points-produkt-beschreibung{ background-color: var(--gelb) !important; } /* Produktunterschiede Tabelle Rahmen */ .produkt-unterschied-popup table, .produkt-unterschied-popup tbody, .produkt-unterschied-popup tr, .produkt-unterschied-popup th, .produkt-unterschied-popup td, #schnitte-im-vergleich table, #schnitte-im-vergleich tbody, #schnitte-im-vergleich tr, #schnitte-im-vergleich th, #schnitte-im-vergleich td, .produkt-unterschiede { border-color: #000103; } body.wp-night-mode-on .produkt-unterschied-popup table, body.wp-night-mode-on .produkt-unterschied-popup tbody, body.wp-night-mode-on .produkt-unterschied-popup tr, body.wp-night-mode-on .produkt-unterschied-popup th, body.wp-night-mode-on .produkt-unterschied-popup td, body.wp-night-mode-on #schnitte-im-vergleich table, body.wp-night-mode-on #schnitte-im-vergleich tbody, body.wp-night-mode-on #schnitte-im-vergleich tr, body.wp-night-mode-on #schnitte-im-vergleich th, body.wp-night-mode-on #schnitte-im-vergleich td, body.wp-night-mode-on .produkt-unterschiede { border-color: #ffffff; } /* Überschriften in allen Colums justify aufheben */ .av_multi_colums > h2{ text-align: left; } .single .av_textblock_section h2{ text-align: left; } /* Blogseite Logo Hintergrund */ .blog-logo-background-light{ background: radial-gradient(circle, #f4f4f4 68px, transparent 76px); transition: var(--transition-standard); } body.wp-night-mode-on .blog-logo-background-light{background: trasparent;} /* Blgobeitrag GLS-Bank Logo */ #gls-logo-svg svg{ width: 250px; height: 100%; } #gls-logo-svg > div:nth-child(1) > svg:nth-child(1) > path:nth-child(2) { fill: #ffffff; } body.wp-night-mode-on #gls-logo-svg > div:nth-child(1) > svg:nth-child(1) > path:nth-child(2) { fill: #000000; } /* Menühover */ body.wp-night-mode-on .header_color .main_menu .menu ul li a:hover{color: #000103 !important;} /* Suchicon Füllfarbe ändern von gelb zu weiß */ .dgwt-wcas-search-icon path {fill: #e8e8e8 !important;} body.wp-night-mode-on .dgwt-wcas-search-icon path {fill: #37393f !important;} /* Suchfeld für Desktop Menü farblich anpassen */ .dgwt-wcas-sf-wrapp input[type="search"]{color: #fff !important;} .dgwt-wcas-search-input::placeholder {color: #fff !important;} body.wp-night-mode-on .dgwt-wcas-sf-wrapp input[type="search"]{color: #37393f !important;} body.wp-night-mode-on .dgwt-wcas-search-input::placeholder {color: #37393f !important;} body.wp-night-mode-on .dgwt-wcas-search-input {background-color: #fff !important;} /* Kunden Tableiste für Tagmodus */ @media screen and (max-width: 989px) { body.wp-night-mode-on .av-tab-section-tab-title-container {background-color: #fff !important;} body.wp-night-mode-on .av-tab-arrow-container span {background-color: #f4f4f4 !important;}} /* Trust Icons für Lightmode body.wp-night-mode-on .avia-icon-list .iconlist_icon {color: #37393f;} */ /* Trust PNG invertieren für Lightmode */ .siegel-bleiben-hell .wp-image-16274 {opacity: 90%; filter: none !important;} .wp-image-16274 {opacity: 90%;} body.wp-night-mode-on .wp-image-16274 { filter: brightness(0); opacity: 75%; } /* BeRocket Produktfilter Sidebar Dunkel machen */ #berocket-ajax-filters-sidebar { /* background: #fff; */ background: #1c1d21; color: #fff;} body.wp-night-mode-on #berocket-ajax-filters-sidebar { background: #fff; color: #000103;} /* BeRocket Produktfilter Button dukel machen */ .berocket_ajax_filters_toggle.theme-1, .berocket_ajax_filters_toggle.theme-2 { /* background: #fff; */ /* border: 1px solid #ebebeb; */ background: #37393f; border: 1px solid #000103;} body.wp-night-mode-on .berocket_ajax_filters_toggle.theme-1, .berocket_ajax_filters_toggle.theme-2 { background: #fff; border: 1px solid #ebebeb; } /* BeRocket Produktfilter Geschlecht invertieren */ #bapf_2 > div:nth-child(2) {filter: brightness(0) invert(1); opacity: 85%;} body.wp-night-mode-on #bapf_2 > div:nth-child(2) {filter: none;} /* Notizen im Kassenbereich anpassen */ .woocommerce-form-login-toggle > div:nth-child(1) {color: #acacac;} .woocommerce-form-coupon-toggle > div:nth-child(1) {color: #acacac;} /* Versandkosten im Warenkorb farblich berichtigen */ #top label span, #top legend span {color:#999999;} /* Kleiner Warenkorb im Header: Button anpassen */ ul.menu-item {border-color: #ffffff;} /* Nachtmodus und Tagmodus Farbe für Quickview */ #jckqv .single_variation_wrap {background-color: transparent;} #jckqv {background: #1c1d21;} #jckqv table.variations {background: transparent;} #jckqv .variations_form {background-color: #37393f;} #jckqv h1 {color: #e8e8e8;} #jckqv .price ins span.amount {color: #e8e8e8;} #jckqv p {color: #e8e8e8;} #jckqv label span, #jckqv legend span {color: #e8e8e8;} body.wp-night-mode-on #jckqv {background: #f4f4f4;} body.wp-night-mode-on #jckqv .variations_form {background-color: #e8e8e8;} body.wp-night-mode-on #jckqv h1 {color: #37393f;} body.wp-night-mode-on #jckqv .price ins span.amount {color: #37393f;} body.wp-night-mode-on #jckqv p {color: #37393f;} body.wp-night-mode-on #jckqv label span {color: #37393f;} body.wp-night-mode-on #jckqv legend span {color: #37393f;} /*Quickview Button*/ body.wp-night-mode-on .iconic-wqv-button {background-color: #ffffff !important;} /* Nachtmodus und Tagmodus Farbe der Variation Swatches für Produktseite und Quickview */ .iconic-was-swatches--border.iconic-was-swatches--visual .iconic-was-swatch--selected:before { border:2px solid #ffd500;} .iconic-was-swatches--text-swatch .iconic-was-swatch {border: 1px solid #000103; background: #1c1d21; color: #515052!important;} .iconic-was-swatches--text-swatch .iconic-was-swatch--selected {background: #e8e8e8;border-color: #e8e8e8;color: #000103!important;} .iconic-was-swatches--text-swatch .iconic-was-swatch--selected:hover {background: #e8e8e8;border-color: #37393f;color: #ffffff!important;} .iconic-was-swatches--border.iconic-was-swatches--visual .iconic-was-swatch :before {border: 1px solid #000103;} body.wp-night-mode-on .iconic-was-swatches--text-swatch .iconic-was-swatch {border: 1px solid #ffffff; background: #f4f4f4; color: #37393f!important;} body.wp-night-mode-on .iconic-was-swatches--text-swatch .iconic-was-swatch:hover {border: 1px solid #e8e8e8; color: #515052!important;} body.wp-night-mode-on .iconic-was-swatches--text-swatch .iconic-was-swatch--selected {background: #37393f;border-color: #37393f;color: #ffffff!important;} body.wp-night-mode-on .iconic-was-swatches--text-swatch .iconic-was-swatch--selected:hover {background: #37393f;border-color: #e8e8e8;color: #000103!important;} body.wp-night-mode-on .iconic-was-swatches--border.iconic-was-swatches--visual .iconic-was-swatch :before {border: 1px solid #ffffff;} /* Text der Variation Swatches */ body.wp-night-mode-on .variations td.label {color: #37393f !important;} .variations td.label {color: #e8e8e8 !important;} .variations > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(1) > label:nth-child(1) > strong:nth-child(1) {color: #e8e8e8;} .variations > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(1) > label:nth-child(1) > span:nth-child(2) {color: #e8e8e8 !important;} .variations > tbody:nth-child(1) > tr:nth-child(2) > td:nth-child(1) > label:nth-child(1) > strong:nth-child(1) {color: #e8e8e8;} .variations > tbody:nth-child(1) > tr:nth-child(2) > td:nth-child(1) > label:nth-child(1) > span:nth-child(2) {color: #e8e8e8 !important;} body.wp-night-mode-on .variations > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(1) > label:nth-child(1) > strong:nth-child(1) {color: #37393f;} body.wp-night-mode-on .variations > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(1) > label:nth-child(1) > span:nth-child(2) {color: #37393f !important;} body.wp-night-mode-on .variations > tbody:nth-child(1) > tr:nth-child(2) > td:nth-child(1) > label:nth-child(1) > strong:nth-child(1) {color: #37393f;} body.wp-night-mode-on .variations > tbody:nth-child(1) > tr:nth-child(2) > td:nth-child(1) > label:nth-child(1) > span:nth-child(2) {color: #37393f !important;} /* Preis Farbe */ .price {color: #ffd500 !important;} body.wp-night-mode-on .price {color: #ddb300 !important;} /* Footer für Lightmode anpassen */ body.wp-night-mode-on .newsletter-formular-footer {background-color: #ffffff !important;} body.wp-night-mode-on .newsletter_class > form:nth-child(1) > div:nth-child(4) > label:nth-child(1) > a:nth-child(2) {color: #37393f;} /* Kontaktformular für Light Mode anpassen */ body.wp-night-mode-on .av-light-form{color: #37393f !important;} body.wp-night-mode-on .av-light-form + .ajaxresponse * {color: #37393f !important;} /* Buttons auf Story Seiten | https://liberty-roots.com/mehr-nachhaltigkeits-info/ */ body.wp-night-mode-on div.story-button:nth-child(4) > a:nth-child(1), body.wp-night-mode-on div.story-button:nth-child(5) > a:nth-child(1) { color: rgba(0,0,0,0.6) !important; border-color: rgba(0,0,0,0.6) !important; background: transparent !important; } /* Trusted Shops Widget Symbol*/ .ts-e-trustedshops { filter: invert(0.7); } body.wp-night-mode-on .ts-e-trustedshops { filter: invert(0.3); } /* ============================================================ * Original Snippet ID 216: AA • 3D Design und Newmorphism (General Überall) • CSS Snippet * 3D Design und Newmorphism für: - Einzelnes Background Image - Doppeltes Element 3D darstellen - FAQ - Sektion 3D - Aktions Banner - Überschrift Schatten - Scroll Top an neuen Style anpassen * ============================================================ */ /* 3D Design und Newmorphism */ /* Startseite Kollektions Banner */ .kollektions-shadow-inside{ box-shadow: inset 0px -190px 190px -75px rgba(0, 0, 0, 0.9), var(--background-image-shadow) !important; -webkit-box-shadow: inset 0px -190px 190px -75px rgba(0, 0, 0, 0.9), var(--background-image-shadow) !important; -moz-box-shadow: inset 0px -190px 190px -75px rgba(0, 0, 0, 0.9), var(--background-image-shadow) !important; } @media only screen and (min-width: 768px){ .nach_links{ float: left !important; max-width: 60%; margin-left: 1vw; } .nach_rechts{ display: block; float: right !important; position: absolute; bottom: 25px; right: 20px; }} /* Einzelnes Element Background Image */ .radius-element { border-radius: var(--radius-element) !important; } .background-image-shadow { box-shadow: var(--background-image-shadow); -webkit-box-shadow: var(--background-image-shadow); -moz-box-shadow: var(--background-image-shadow); } /* Doppeltes Element 3D darstellen */ .element-3d > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) { box-shadow: var(--element-3d); -webkit-box-shadow: var(--element-3d); -moz-box-shadow: var(--element-3d); border-radius: var(--radius-element); } /* FAQ - Sektion 3D */ .faq-titel-text { border: none !important; box-shadow: var(--element-3d); -webkit-box-shadow: var(--element-3d); -moz-box-shadow: var(--element-3d); border-radius: 10px; } .faq-3d .single_toggle { box-shadow: var(--element-3d); -webkit-box-shadow: var(--element-3d); -moz-box-shadow: var(--element-3d); border-radius: 10px; } .faq-3d .toggle_content{ border: none; background: transparent !important; } /*---------------------------------------- // CSS - Accordion tab sort filter //--------------------------------------*/ /* Animate tab on hover */ .faq-3d .taglist { background: inherit; padding: 15px 0; } .faq-3d .taglist a { box-shadow: var(--element-3d); -webkit-box-shadow: var(--element-3d); -moz-box-shadow: var(--element-3d); border-radius: var(--radius-element-klein); padding:8px 15px 10px; margin: 5px 2px; color: inherit; text-decoration:none; float: left; } @media only screen and (max-width: 767px){ .faq-3d .taglist a { padding:4px 8px 5px; } } @media only screen and (max-width: 1079px){ .faq-3d .taglist a { margin:2px; } } .faq-3d .taglist a.activeFilter { background: #ffd500; color:#37393f; } .faq-3d .taglist .tag-seperator { display:none; } /* Aktions Banner */ .actions-banner > div:nth-child(1) > div:nth-child(1) { box-shadow: var(--oben-unten-shadow); -webkit-box-shadow: var(--oben-unten-shadow); -moz-box-shadow: var(--oben-unten-shadow); } /* Überschrift Schatten */ h1, h2, h3, h4, h5, h6 { text-shadow: var(--text-shadow-h); } #top h1 strong, #top h2 strong, #top h3 strong, #top h4 strong, #top h5 strong, #top h6 strong { color: inherit !important; } /* Scroll Top an neuen Style anpassen */ #scroll-top-link { border: none !important; border-radius: var(--radius-button); transition: var(--uebergang-button); background-color: var(--dark-menu-button) !important; box-shadow: var(--button-3d-frei); -webkit-box-shadow: var(--button-3d-frei); -moz-box-shadow: var(--button-3d-frei); } #scroll-top-link:hover { box-shadow: var(--button-3d-frei-hover); -webkit-box-shadow: var(--button-3d-frei-hover); -moz-box-shadow: var(--button-3d-frei-hover); background-color: var(--dark-menu-button-hover) !important; } body.wp-night-mode-on #scroll-top-link { background-color: var(--light-menu-button) !important; } body.wp-night-mode-on #scroll-top-link:hover { background-color: var(--light-menu-button-hover) !important; } /* ============================================================ * Original Snippet ID 125: Enfold/Wordpress - Standard Buttons überall: Anpassen an Mobil und unser Design - CSS * Standard Buttons überall: Anpassen an Mobil und unser Design * ============================================================ */ /* STANDARD BUTTONS ÜBERALL FÜR MOBIL */ body div .avia-button { border: none;} /* Doppel Buttons Abstände und zentrieren für Handy */ @media only screen and (max-width: 989px) { .doppel-button-mobile{text-align: center !important;} .doppel-button-mobile > a:nth-child(1){margin: var(--button-margin) !important;}} /* Affiliate Button */ .doppel-button-mobile .avia-color-theme-color .avia_iconbox_title, input[type="submit"], .pure-button{ color: #37393f !important; } input[type="submit"]:hover{ color: #fff !important; /*background-color: #ff3a33 !important;*/ } input[type="submit"]{padding: var(--button-padding-normal) !important;} .login-submit #wp-submit, .wpam-registration-form-submit, input[type="submit"], .pure-button{ min-width: 100%; box-shadow: var(--button-3d) !important; transition: var(--uebergang-button) !important; text-transform: var(--text-trans); transition: var(--uebergang-button); border-radius: var(--radius-button) !important; font-family: var(--prim-font) !important; font-size: var(--button-f-size); font-weight: var(--font-dick) !important; transition: var(--uebergang-button); line-height: 1.2em; margin-bottom: 50px; } fieldset { min-inline-size: auto; } /* Doppel Button und Single Button und Instagram Button */ .doppel-button-mobile .avia-button, .single-button-mobile .avia-button, .sbi_load_btn, .sbi_follow_btn a{ margin-bottom: var(--button-margin) !important; margin-right: var(--button-margin) !important; padding: var(--button-padding-normal) !important; min-width: var(--button-min-width); box-shadow: var(--button-3d) !important; transition: var(--uebergang-button); } .doppel-button-mobile .avia-button:hover, .single-button-mobile .avia-button:hover .avia-button, .sbi_load_btn:hover, .sbi_follow_btn a:hover{ box-shadow: var(--button-3d-hover) !important;} .avia-button, .sbi_load_btn, .sbi_follow_btn a{ font-family: var(--prim-font); font-weight: var(--font-dick); text-transform: var(--text-trans); font-size: var(--button-f-size) !important; border-radius: var(--radius-button) !important; } /* Einzelner Button: Outline */ .outline-button-mobile .avia-button { border-style: ridge !important; margin-bottom: var(--button-margin) !important; margin-right: var(--button-margin) !important; padding: var(--button-padding-outline) !important; min-width: var(--button-min-width); background: var(--outline-button-background) !important; border-radius: var(--radius-button-outline) !important; box-shadow: var(--button-3d-frei); transition: var(--uebergang-button);} .outline-button-mobile .avia-button:hover { box-shadow: var(--button-3d-frei-hover);} /* Doppel Buttons mit Outline Button links - Abstände und zentrieren für Handy */ @media only screen and (max-width: 989px) { .doppel-button-mobile-outline-normal , .av-12cigf5j-71b91865a000de53864ac4da53660230 , .av-1skvtf2-2e610f6cf7e5752a78b108aeb99e1d30 {text-align: center !important;} .doppel-button-mobile-outline-normal > a:nth-child(1) , .av-12cigf5j-71b91865a000de53864ac4da53660230 , .av-1skvtf2-2e610f6cf7e5752a78b108aeb99e1d30 {margin: var(--button-margin) !important;}} /* Doppel Button Outline */ .doppelbutton-outline-normal-footer .avia-button { box-shadow: var(--button-3d-frei) !important; transition: var(--uebergang-button);} .doppelbutton-outline-normal-footer .avia-button:hover { box-shadow: var(--button-3d-frei-hover) !important;} /* Doppel Button Outline: links */ .doppel-button-mobile-outline-normal > a.avia-button:nth-child(2) , .av-1skvtf2-2e610f6cf7e5752a78b108aeb99e1d30 { border-style: ridge !important; margin-bottom: var(--button-margin) !important; margin-right: var(--button-margin) !important; margin-left: var(--button-margin) !important; padding: var(--button-padding-outline) !important; min-width: var(--button-min-width) !important; background: var(--outline-button-background) !important; border-radius: var(--radius-button-outline) !important;} /*Doppel Button Normal: rechts*/ .doppel-button-mobile-outline-normal > a.avia-button:nth-child(4) , .av-11rhg0e-922f1162868cd617b53df2c6d83d176e { margin-bottom: var(--button-margin) !important; margin-right: var(--button-margin) !important; padding: var(--button-padding-normal) !important; min-width: var(--button-min-width) !important;} /* Mehr Produkte laden Button */ .mehr_laden_button{ box-shadow: var(--button-3d) !important; transition: var(--uebergang-button) !important; text-transform: var(--text-trans); border-radius: var(--radius-button) !important; font-family: var(--prim-font) !important; font-size: var(--button-f-size) !important; font-weight: var(--font-dick) !important; line-height: 1.2em !important; padding: var(--button-padding-normal) !important; min-width: var(--button-min-width); width: 100%; } @media only screen and (max-width: 1279px) { /* Doppel Button und einzel Button Farbe*/ .doppel-button-mobile .avia-button, .single-button-mobile .avia-button, .mehr_laden_button /*, .sbi_load_btn, .sbi_follow_btn a*/ { padding: var(--button-padding-normal-1279) !important;} /*Einzelner Button: Outline*/ .outline-button-mobile .avia-button { padding: var(--button-padding-outline-1279) !important;} /*Doppel Button Outline: links*/ .doppel-button-mobile-outline-normal > a.avia-button:nth-child(2) , .av-1skvtf2-2e610f6cf7e5752a78b108aeb99e1d30 { padding: var(--button-padding-outline-1279) !important;} /*Doppel Button Normal: rechts*/ .doppel-button-mobile-outline-normal > a.avia-button:nth-child(4) , .av-11rhg0e-922f1162868cd617b53df2c6d83d176e { padding: var(--button-padding-normal-1279) !important;}} @media only screen and (max-width: 989px) { /* Doppel Button und einzel Button Farbe*/ .doppel-button-mobile .avia-button, .single-button-mobile .avia-button, .mehr_laden_button /*, .sbi_load_btn, .sbi_follow_btn a*/ { padding: var(--button-padding-normal-989) !important;} /*Einzelner Button: Outline*/ .outline-button-mobile > a:nth-child(1) { padding: var(--button-padding-outline-989) !important;} /*Doppel Button Outline: links*/ .doppel-button-mobile-outline-normal > a.avia-button:nth-child(2) , .av-1skvtf2-2e610f6cf7e5752a78b108aeb99e1d30 { padding: var(--button-padding-outline-989) !important;} /*Doppel Button Normal: rechts*/ .doppel-button-mobile-outline-normal > a.avia-button:nth-child(4) , .av-11rhg0e-922f1162868cd617b53df2c6d83d176e { padding: var(--button-padding-normal-989) !important;}} @media only screen and (max-width: 767px) { /* Doppel Button und einzel Button Farbe*/ .doppel-button-mobile .avia-button, .single-button-mobile .avia-button, .mehr_laden_button /*, .sbi_load_btn, .sbi_follow_btn a*/ { padding: var(--button-padding-normal-767) !important;} /*Einzelner Button: Outline*/ .outline-button-mobile > a:nth-child(1) { padding: var(--button-padding-outline-767) !important;} /*Doppel Button Outline: links*/ .doppel-button-mobile-outline-normal > a.avia-button:nth-child(2) , .av-1skvtf2-2e610f6cf7e5752a78b108aeb99e1d30 { padding: var(--button-padding-outline-767) !important;} /*Doppel Button Normal: rechts*/ .doppel-button-mobile-outline-normal > a.avia-button:nth-child(4) , .av-11rhg0e-922f1162868cd617b53df2c6d83d176e { padding: var(--button-padding-normal-767) !important;}} @media only screen and (max-width: 479px) { /* Doppel Button und einzel Button Farbe*/ .doppel-button-mobile .avia-button, .single-button-mobile .avia-button, .mehr_laden_button /*, .sbi_load_btn, .sbi_follow_btn a*/ { padding: var(--button-padding-normal-479) !important;} /*Einzelner Button: Outline*/ .outline-button-mobile > a:nth-child(1) { padding: var(--button-padding-outline-479) !important;} /*Doppel Button Outline: links*/ .doppel-button-mobile-outline-normal > a.avia-button:nth-child(2) , .av-1skvtf2-2e610f6cf7e5752a78b108aeb99e1d30 { padding: var(--button-padding-outline-479) !important;} /*Doppel Button Normal: rechts*/ .doppel-button-mobile-outline-normal > a.avia-button:nth-child(4) , .av-11rhg0e-922f1162868cd617b53df2c6d83d176e { padding: var(--button-padding-normal-479) !important;}} /* ============================================================ * Original Snippet ID 81: Enfold/Wordpress - Sidebar CSS * Überschrift und Fließtext der Sidebar anpassen * ============================================================ */ /*Sidebar Titel*/ .widgettitle { font-size: 25px!important; } /*Sidebar Fließtext*/ .tnp {font-size: 14px ;} .avia-toc-style-elegant a {text-transform: none;} .comment_meta_container{display: none;} /* ============================================================ * Original Snippet ID 105: Enfold/Wordpress • Icons größer machen (Icon-Box, Iconliste, Schriftgröße, Trustsymbole) • CSS Snippet * Icons größer machen (Iconliste, Trustsymbole) * ============================================================ */ /* Affiliate Icon Box Stylen */ .icon-box-affiliate .iconbox_icon { top: 0; left: 0; height: 80px; width: 80px; line-height: 70px; font-size: 70px; margin: 12px 22px 0 0; filter: var(--element-drop-shadow); text-shadow: var(--text-shadow-h); } @media only screen and (max-width: 767px) { .icon-box-affiliate .iconbox_content_container, .icon-box-affiliate .iconbox_content_title { margin: 0 !important; } .icon-box-affiliate .iconbox_icon { margin: -20px 22px 0 0; } } /* Icon Box Stylen */ .iconbox_top .iconbox_icon { font-size: 70px; top: -40px; padding: 0; height: 80px; width: 80px; line-height: 70px; margin: 0 0 0 -35px; filter: var(--element-drop-shadow); text-shadow: var(--text-shadow-h); } .iconbox_top .iconbox_content { border-radius: var(--radius-element); background: transparent !important; box-shadow: var(--element-3d); } #top .iconbox_top { margin-top: 40px; } #top .iconbox_content_container, .iconbox_content_title { text-align: left; } /* Icon Box Mobiles Layout ändern (Icon auf die rechte Seite zentrieren) */ @media only screen and (max-width: 767px){ .iconbox_top .iconbox_icon { top: 50%; left: 100%; margin: -40px 0 0px -100px; } #top .iconbox_content_container, .iconbox_content_title { margin: 0 90px 0 0; } .iconbox_top .iconbox_content { padding: 25px 20px 20px 20px; } #top .iconbox_top { margin-top: 0 !important; } } /* Schriftgröße für Iconbox (Trustbox) und FAQ (Frage und Antwort) Überschriften */ @media only screen and (min-width: 1280px) { .icon-trust-box .entry-content-header h3, .faq-titel-text{ font-size: 30px !important; } } @media only screen and (min-width: 990px) and (max-width: 1279px) { .icon-trust-box .entry-content-header h3, .faq-titel-text { font-size: 30px !important; } } @media only screen and (min-width: 768px) and (max-width: 989px) { .icon-trust-box .entry-content-header h3, .faq-titel-text { font-size: 28px !important; } } /* Iconbox Layout-Umbruch anpassen für kleinere Bildschirme */ @media only screen and (min-width: 990px) and (max-width: 1250px){ .icon-trust-box-div { width:48%!important; } .icon-trust-box-div-3{ margin-left: 0% !important; margin-top: 30px; clear: both; } .icon-trust-box-div-4{ margin-top: 30px; } } @media only screen and (min-width: 768px) and (max-width: 989px) { .icon-trust-box-div { width:48%!important; } .icon-trust-box-div .av_one_fourth { margin-left: 2%; } } /* Iconbox Produktseite Layout-Umbruch anpassen für kleinere Bildschirme */ @media only screen and (min-width: 1026px) and (max-width: 1439px){ .icon-trust-product-div { width:100%!important; margin-left: 0 !important; margin-right: 0 !important; } } /*.icon-trust-product-div-3{ margin-left: 0% !important; margin-top: 30px; clear: both; } .icon-trust-product-div-4{ margin-top: 30px; } } @media only screen and (min-width: 768px) and (max-width: 989px) { .icon-trust-product-div { width:48%!important; } .icon-trust-product-div .av_one_fourth { margin-left: 2%; } } */ /* Produktseite Trust Icons und Zufriedenheitsgarantie*/ /* Icon Liste auf Produktseite Stylen */ .produkt-trust-icon .iconlist_icon{ font-size: 60px; height: 70px; width: 70px; filter: var(--element-drop-shadow); text-shadow: var(--text-shadow-h); } /* Überschrift größer */ @media only screen and (min-width: 768px){ .Iconliste-Dick {font-weight: bold !important; font-size: 27px !important; } .produkt-trust-icon .iconlist_icon { margin-left: 10px; } } .Iconliste-Dick-Titel { font-weight: bold !important; font-size: 40px !important; } /* Icon Liste (Groß) Strich ausblenden */ .avia-icon-list .iconlist-timeline { border-right-width: 0px; } /* Produkt Trust Icons Kleine Bildschirme */ @media only screen and (max-width: 600px){ .produkt-trust-icon .iconlist_icon { margin-right: 10px; margin-left: 0; font-size: 44px; height: 50px; width: 50px; line-height: 50px; } } /* Zufriedenheits Garantie Schrift anpassen */ .richtig-grosse-hacken{ text-transform: none !important; font: inherit !important; } /* Haken anpassen */ .richtig-grosse-hacken-general .avia-icon-list .iconlist_icon { font-size: 60px; filter: var(--element-drop-shadow); text-shadow: var(--text-shadow-h); } /* ============================================================ * Original Snippet ID 221: Enfold/Wordpress • STRONG Styling • CSS Snippet * Das ist ein Beispiel-Snippet zur Demonstration, wie Du eigenen CSS-Code zu Deiner Website hinzufügen kannst. Du kannst es entfernen, oder bearbeiten, um eigenen Inhalt hinzuzufügen. * ============================================================ */ /* STONG Tag im PopUp */ .white-popup strong { color: #ddb300; font-family: 'fira sans',Helvetica,Arial,sans-serif; } /* ============================================================ * Scroll top and cookie badge visual parity * Migrated from v22 polish into the base UI module. * ============================================================ */ /* ------------------------------------------------------------ * Scroll-to-top and cookie badge visual parity * ------------------------------------------------------------ */ #scroll-top-link, #av-cookie-consent-badge { color: var(--gelb) !important; } #scroll-top-link::before, #scroll-top-link .avia-font-entypo-fontello, #scroll-top-link .av-icon-char, #scroll-top-link [data-av_icon]::before, #av-cookie-consent-badge::before, #av-cookie-consent-badge .avia-font-entypo-fontello, #av-cookie-consent-badge .av-icon-char, #av-cookie-consent-badge [data-av_icon]::before { color: var(--gelb) !important; } /* ============================================================ * Scroll top SVG visibility * Enfold renders the scroll control as inline SVG in newer versions. * ============================================================ */ #scroll-top-link svg, #scroll-top-link svg path, #av-cookie-consent-badge svg, #av-cookie-consent-badge svg path { color: var(--gelb) !important; fill: var(--gelb) !important; stroke: var(--gelb) !important; }