.elementor-kit-490{--e-global-color-primary:#EEEEEE;--e-global-color-secondary:#FFFFFF;--e-global-color-text:#000000;--e-global-color-accent:#FF0028;--e-global-color-f216f91:#CCCCCC;--e-global-color-6347971:#AAAAAA;--e-global-color-f20446c:#666666;--e-global-color-e335b2e:#444444;--e-global-color-a1cde93:#222222;--e-global-color-6695023:#111111;--e-global-color-b0b396e:#027A48;--e-global-color-8a371eb:#ECFDF3;--e-global-color-2c25442:#B42318;--e-global-color-e7a2f48:#FEF3F2;--e-global-color-9b97486:#F1F0EB;--e-global-color-43e54df:#019F30;--e-global-typography-primary-font-family:"Titillium Web";--e-global-typography-primary-font-size:1.75rem;--e-global-typography-primary-font-weight:600;--e-global-typography-primary-text-transform:uppercase;--e-global-typography-primary-line-height:120%;--e-global-typography-secondary-font-family:"Titillium Web";--e-global-typography-secondary-font-size:1.25rem;--e-global-typography-secondary-font-weight:600;--e-global-typography-secondary-text-transform:uppercase;--e-global-typography-secondary-line-height:120%;--e-global-typography-text-font-family:"Titillium Web";--e-global-typography-text-font-size:1rem;--e-global-typography-text-font-weight:400;--e-global-typography-text-text-transform:none;--e-global-typography-text-line-height:150%;--e-global-typography-accent-font-family:"Titillium Web";--e-global-typography-accent-font-size:1rem;--e-global-typography-accent-font-weight:600;--e-global-typography-accent-text-transform:none;--e-global-typography-accent-line-height:24px;--e-global-typography-4501ffd-font-family:"Titillium Web";--e-global-typography-4501ffd-font-size:1.125rem;--e-global-typography-4501ffd-font-weight:600;--e-global-typography-4501ffd-text-transform:none;--e-global-typography-370e781-font-family:"Titillium Web";--e-global-typography-370e781-font-size:0.875rem;--e-global-typography-370e781-font-weight:400;--e-global-typography-370e781-text-transform:none;--e-global-typography-370e781-line-height:150%;--e-global-typography-4d1310f-font-family:"Titillium Web";--e-global-typography-4d1310f-font-size:1.25rem;--e-global-typography-4d1310f-font-weight:600;--e-global-typography-4d1310f-text-transform:none;--e-global-typography-4d1310f-line-height:120%;--e-global-typography-6271373-font-family:"Titillium Web";--e-global-typography-6271373-font-size:1rem;--e-global-typography-6271373-font-weight:700;--e-global-typography-6271373-text-transform:uppercase;--e-global-typography-6271373-text-decoration:underline;--e-global-typography-6271373-line-height:24px;--e-global-typography-697b762-font-family:"Titillium Web";--e-global-typography-697b762-font-size:1.5rem;--e-global-typography-697b762-font-weight:300;--e-global-typography-697b762-text-transform:uppercase;--e-global-typography-697b762-text-decoration:underline;--e-global-typography-697b762-line-height:24px;--e-global-typography-e477505-font-family:"Titillium Web";--e-global-typography-e477505-font-size:1rem;--e-global-typography-e477505-font-weight:300;--e-global-typography-e477505-text-transform:uppercase;--e-global-typography-e477505-text-decoration:none;--e-global-typography-e477505-line-height:24px;--e-global-typography-77458ea-font-family:"Titillium Web";--e-global-typography-77458ea-font-size:0.875rem;--e-global-typography-77458ea-font-weight:600;--e-global-typography-77458ea-text-transform:none;--e-global-typography-77458ea-line-height:150%;--e-global-typography-31ff564-font-family:"Titillium Web";--e-global-typography-31ff564-font-size:0.875rem;--e-global-typography-31ff564-font-weight:400;--e-global-typography-31ff564-text-transform:none;--e-global-typography-31ff564-line-height:150%;--e-global-typography-7dbc064-font-family:"Titillium Web";--e-global-typography-7dbc064-font-size:3.5rem;--e-global-typography-7dbc064-font-weight:600;--e-global-typography-7dbc064-text-transform:uppercase;--e-global-typography-7dbc064-line-height:120%;--e-global-typography-68cc0db-font-family:"Titillium Web";--e-global-typography-68cc0db-font-size:1rem;--e-global-typography-68cc0db-font-weight:700;--e-global-typography-68cc0db-text-transform:uppercase;--e-global-typography-68cc0db-text-decoration:none;--e-global-typography-68cc0db-line-height:24px;--e-global-typography-5f4d9e5-font-family:"Titillium Web";--e-global-typography-5f4d9e5-font-size:3rem;--e-global-typography-5f4d9e5-font-weight:400;--e-global-typography-5f4d9e5-text-transform:none;--e-global-typography-5f4d9e5-line-height:120%;--e-global-typography-a4d269b-font-family:"Titillium Web";--e-global-typography-a4d269b-font-size:1.5rem;--e-global-typography-a4d269b-font-weight:400;--e-global-typography-a4d269b-text-transform:uppercase;--e-global-typography-a4d269b-line-height:40px;--e-global-typography-db91b43-font-family:"Titillium Web";--e-global-typography-db91b43-font-size:1.75rem;--e-global-typography-db91b43-font-weight:600;--e-global-typography-db91b43-text-transform:none;--e-global-typography-db91b43-line-height:120%;color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-490 button,.elementor-kit-490 input[type="button"],.elementor-kit-490 input[type="submit"],.elementor-kit-490 .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-secondary );border-radius:0px 0px 0px 0px;padding:11px 24px 11px 24px;}.elementor-kit-490 button:hover,.elementor-kit-490 button:focus,.elementor-kit-490 input[type="button"]:hover,.elementor-kit-490 input[type="button"]:focus,.elementor-kit-490 input[type="submit"]:hover,.elementor-kit-490 input[type="submit"]:focus,.elementor-kit-490 .elementor-button:hover,.elementor-kit-490 .elementor-button:focus{background-color:var( --e-global-color-accent );color:var( --e-global-color-secondary );}.elementor-kit-490 e-page-transition{background-color:#FFBC7D;}.elementor-kit-490 a{color:var( --e-global-color-accent );}.elementor-kit-490 h1{color:var( --e-global-color-6695023 );font-family:var( --e-global-typography-7dbc064-font-family ), Sans-serif;font-size:var( --e-global-typography-7dbc064-font-size );font-weight:var( --e-global-typography-7dbc064-font-weight );text-transform:var( --e-global-typography-7dbc064-text-transform );line-height:var( --e-global-typography-7dbc064-line-height );}.elementor-kit-490 h2{color:var( --e-global-color-6695023 );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-490 label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );line-height:var( --e-global-typography-accent-line-height );}.elementor-kit-490 input:not([type="button"]):not([type="submit"]),.elementor-kit-490 textarea,.elementor-kit-490 .elementor-field-textual{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-6695023 );background-color:var( --e-global-color-secondary );border-style:none;border-radius:0px 0px 0px 0px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1440px;}.e-con{--container-max-width:1440px;--container-default-padding-top:0%;--container-default-padding-right:0%;--container-default-padding-bottom:0%;--container-default-padding-left:0%;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header{padding-inline-end:0px;padding-inline-start:0px;}@media(max-width:1366px){.elementor-kit-490{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-490 h1{font-size:var( --e-global-typography-7dbc064-font-size );line-height:var( --e-global-typography-7dbc064-line-height );}.elementor-kit-490 h2{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-490 button,.elementor-kit-490 input[type="button"],.elementor-kit-490 input[type="submit"],.elementor-kit-490 .elementor-button{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-490 label{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-kit-490 input:not([type="button"]):not([type="submit"]),.elementor-kit-490 textarea,.elementor-kit-490 .elementor-field-textual{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(max-width:1200px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:85%;}.e-con{--container-max-width:85%;}}@media(max-width:1024px){.elementor-kit-490{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-490 h1{font-size:var( --e-global-typography-7dbc064-font-size );line-height:var( --e-global-typography-7dbc064-line-height );}.elementor-kit-490 h2{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-490 button,.elementor-kit-490 input[type="button"],.elementor-kit-490 input[type="submit"],.elementor-kit-490 .elementor-button{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-490 label{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-kit-490 input:not([type="button"]):not([type="submit"]),.elementor-kit-490 textarea,.elementor-kit-490 .elementor-field-textual{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:85%;}.e-con{--container-max-width:85%;}}@media(max-width:767px){.elementor-kit-490{--e-global-typography-primary-font-size:40px;--e-global-typography-secondary-font-size:36px;--e-global-typography-text-font-size:32px;--e-global-typography-accent-font-size:24px;--e-global-typography-4501ffd-font-size:24px;--e-global-typography-370e781-font-size:32px;--e-global-typography-4d1310f-font-size:36px;--e-global-typography-6271373-font-size:24px;--e-global-typography-697b762-font-size:24px;--e-global-typography-e477505-font-size:24px;--e-global-typography-77458ea-font-size:32px;--e-global-typography-31ff564-font-size:32px;--e-global-typography-7dbc064-font-size:40px;--e-global-typography-68cc0db-font-size:24px;--e-global-typography-5f4d9e5-font-size:40px;--e-global-typography-a4d269b-font-size:24px;--e-global-typography-db91b43-font-size:40px;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-490 h1{font-size:var( --e-global-typography-7dbc064-font-size );line-height:var( --e-global-typography-7dbc064-line-height );}.elementor-kit-490 h2{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-490 button,.elementor-kit-490 input[type="button"],.elementor-kit-490 input[type="submit"],.elementor-kit-490 .elementor-button{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-490 label{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-kit-490 input:not([type="button"]):not([type="submit"]),.elementor-kit-490 textarea,.elementor-kit-490 .elementor-field-textual{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:90%;}.e-con{--container-max-width:90%;}}/* Start custom CSS */.underline
{
text-decoration: underline;
text-decoration-color: var(--e-global-color-secondary);
}
@keyframes fadeDown {
from {
opacity: 0;
transform: translate3d(0,-30px,0)
}
to {
opacity: 1;
transform: none
}
}
.elementor-element.fadeInDown {
animation-name: fadeDown
}
@keyframes fadeLeft {
from {
opacity: 0;
transform: translate3d(-30px,0,0)
}
to {
opacity: 1;
transform: none
}
}
.elementor-element.fadeInLeft {
animation-name: fadeLeft
}
@keyframes fadeRight {
from {
opacity: 0;
transform: translate3d(30px,0,0)
}
to {
opacity: 1;
transform: none
}
}
.elementor-element.fadeInRight {
animation-name: fadeRight
}
@keyframes fadeUp {
from {
opacity: 0;
transform: translate3d(0,30px,0)
}
to {
opacity: 1;
transform: none
}
}
.elementor-element.fadeInUp {
animation-name: fadeUp
}
body:not(.rtl) .elementor-49 .elementor-element.elementor-element-d306ae3,
body:not(.rtl) .elementor-49 .elementor-element.elementor-element-f9e6209,
body:not(.rtl) .elementor-49 .elementor-element.elementor-element-5e88793,
body:not(.rtl) .elementor-49 .elementor-element.elementor-element-ecbdb04{
right: -300px;
transition: 0.5s ease-in-out !important;
}
body:not(.rtl) .elementor-49 .elementor-element.elementor-element-d306ae3:hover,
body:not(.rtl) .elementor-49 .elementor-element.elementor-element-f9e6209:hover,
body:not(.rtl) .elementor-49 .elementor-element.elementor-element-5e88793:hover,
body:not(.rtl) .elementor-49 .elementor-element.elementor-element-ecbdb04:hover{
right: -50px;
transition: 0.5s ease-in-out !important;
}
.header.elementor-sticky--effects
{
transition: 0.3s ease-in-out !important;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);
}
.nav-arrow:after
{
content: '\e800';
font-family: "lg";
color: var( --e-global-color-accent );
font-size: 24px;
float: right;
}
.header
{
padding:1.8% 4%;
}
.pad-lr
{
padding:0% 4%;}
.logo img
{
min-width: 300px;
max-width:300px;
transition: 0.5s ease-in-out !important;
}
.elementor-sticky--effects .logo img
{
min-width: 250px;
max-width:250px;
transition: 0.5s ease-in-out !important;
}
/* PADDING ALL SIDES */
.pad-s{padding: clamp(1rem, 0.7692rem + 1.0256vw, 1.5rem);}
.pad-m
{
padding-left:4%;
padding-right:4%;
padding-top: clamp(1.5rem, 1.2692rem + 1.0256vw, 2rem);
padding-bottom: clamp(1.5rem, 1.2692rem + 1.0256vw, 2rem);
}
.pad-l{
padding-top: clamp(4rem, 3.4056rem + 2.5360vw, 5.688rem);
padding-bottom: clamp(4rem, 3.4056rem + 2.5360vw, 5.688rem);
padding-left:4%;
padding-right:4%;
}
.pad-tb
{
padding:2% 0%;
}
/* Main animation on all buttons */
.elementor-button{
transition: transform 0.4s;
font-family: var(--e-global-typography-0c37e0a-font-family), Sans-serif;
font-size: var(--e-global-typography-text-font-size) !important;
font-weight: var(--e-global-typography-0c37e0a-font-weight) !important;
line-height: var(--e-global-typography-0c37e0a-line-height) !important;
letter-spacing: var(--e-global-typography-0c37e0a-letter-spacing) !important;
word-spacing: var(--e-global-typography-0c37e0a-word-spacing) !important;
}
.elementor-button:hover{
transform: translateX(7px);
filter: brightness(95%);}
/* Dark button*/
.button-dark .elementor-button{
background-color: var(--e-global-color-accent );
color: #FFFFFF;}
/* Light color (replace the e-global-color to your Site Settings color)*/
.button-light .elementor-button{
background-color: var(--e-global-color-98f71a2 );
color: var(--e-global-color-primary );}
/* Accent 2 button (replace the e-global-color to your Site Settings color)*/
.button-accent-2 .elementor-button{
background-color: var(--e-global-color-cdd8c27 );
color: var(--e-global-color-primary );}
/* Outline button dark*/
.button-outline-dark .elementor-button{
background-color: transparent !important;
color: var(--e-global-color-text );
box-shadow: inset 0px 0px 0px 1px var(--e-global-color-text );}
/* Outline button light*/
.button-outline-light .elementor-button{
background-color: transparent !important;
color: white;
box-shadow: inset 0px 0px 0px 2px white;
}
.elementor-mark-required .elementor-field-label:after
{
color: var( --e-global-color-accent );
}
.highlight-rot
{
color: var( --e-global-color-accent );
}
.highlight-red
{
color:var( --e-global-color-accent );
text-decoration: underline;
}
.elementor-sticky { width: 100% !important }
.name_ap
{
position: relative;
top: -4rem;
right: 1rem;
padding: 10px;
background-color: var( --e-global-color-f20446c );
}
.header-2 {
position: fixed;
top:0;
right:0;
left:0;
transition: transform .25s .1s ease-in-out;
padding:1.8% 1.8% 0% 1.8%;
}
.header-2.down {
transform: translate3d(0, -150px, 0) !important; // um 100px nach oben verschieben
}
.bild-4-3 img
{
aspect-ratio: 4/3;
object-fit: cover;
width: 100%;
}
.bild-16-9 img
{
aspect-ratio: 16/9;
object-fit: cover;
width: 100%;
}
.bild-1-1 img
{
aspect-ratio: 1/1;
object-fit: cover;
width: 100%;
}
.container-small
{
max-width: 1920px !important;
margin-left: auto;
margin-right: auto;
height: clamp(16rem, -41.5764rem + 120.1072vw, 44rem);
}
.container-noheight
{
max-width: 1920px !important;
margin-left: auto;
margin-right: auto;
}
/* Grundlayout für WooCommerce-Produktdetails-Tabelle */
.woocommerce-product-attributes.shop_attributes {
width: 100%;
border-collapse: collapse;
background: transparent;
border: 1px solid rgba(0, 0, 0, 0.08);
border-radius: 0;
box-shadow: none;
font: 14px/1.5 system-ui, sans-serif;
color: #111827;
}
/* Theme-Zebra & Hover deaktivieren */
.woocommerce-product-attributes.shop_attributes tr,
.woocommerce-product-attributes.shop_attributes td,
.woocommerce-product-attributes.shop_attributes th,
.woocommerce-product-attributes.shop_attributes tr:hover,
.woocommerce-product-attributes.shop_attributes tr:hover td,
.woocommerce-product-attributes.shop_attributes tr:hover th {
background: transparent !important;
}
/* Horizontale Linien (nur auf den Zeilen) */
.woocommerce-product-attributes.shop_attributes tbody tr {
border-top: 1px solid rgba(0, 0, 0, 0.08);
}
.woocommerce-product-attributes.shop_attributes tbody tr:first-child {
border-top: 0;
}
/* Zellen-Padding, Textausrichtung und Schriftstil */
.woocommerce-product-attributes.shop_attributes td,
.woocommerce-product-attributes.shop_attributes th {
padding: 10px;
vertical-align: middle;
border: none;
text-align: left;
font-style: normal;
}
/* Korrektur für p-Tags: Padding und Margin entfernen */
.woocommerce-product-attributes.shop_attributes td p {
margin: 0;
padding: 0;
}
/* Spezifische Korrektur für td-Zellen, falls ein anderer Stil greift */
.woocommerce table.shop_attributes td {
font-style: normal;
padding: 10px;
}
/* Spaltentrenner: rechts je eine Linie, außer der letzten Spalte */
.woocommerce-product-attributes.shop_attributes td:not(:last-child),
.woocommerce-product-attributes.shop_attributes th:not(:last-child) {
border-right: 1px solid rgba(0, 0, 0, 0.08);
}
/* Erste Zelle fett (Attribut-Name) */
.woocommerce-product-attributes.shop_attributes td:first-child {
width: 140px;
font-weight: 700;
}
/* Zusätzliche Regeln zum Ausblenden von Tabs und Überschriften */
.additional_information_tab,
.woocommerce-Tabs-panel--additional_information h2 {
display: none !important;
}
/* Padding im Tab-Panel entfernen (relevant für Elementor) */
.woocommerce div.product.elementor .woocommerce-tabs .panel {
padding: 0 !important;
}
/* ========================================= */
/* WooCommerce Tabellen-Styling (z.B. Warenkorb, Kasse, Bestellungen) */
/* ========================================= */
/* Karte/Grundlayout */
/* Zielt auf alle Tabellen mit der Klasse .shop_table (die meisten WC-Tabellen) */
.woocommerce .shop_table {
width: 100%;
border-collapse: collapse; /* verhindert doppelte Kanten */
background: #fff;
border: 1px solid rgba(0, 0, 0, 0.08); /* feiner Außenrahmen */
border-radius: 0;
box-shadow: none;
font: 14px/1.5 system-ui, sans-serif;
color: #111827;
margin-bottom: 2em; /* Abstand nach der Tabelle hinzufügen */
}
/* Theme-Zebra & Hover sicher deaktivieren */
/* Setzt Hintergrundfarbe für Zeilen und Zellen zurück */
.woocommerce .shop_table tr,
.woocommerce .shop_table td,
.woocommerce .shop_table th,
.woocommerce .shop_table tr:hover,
.woocommerce .shop_table tr:hover td,
.woocommerce .shop_table tr:hover th {
background: transparent !important;
box-shadow: none !important; /* Entfernt mögliche WC-Shadows bei Hover */
}
/* horizontale Linien (nur auf den Zeilen, nicht auf Zellen) */
.woocommerce .shop_table tbody tr {
border-top: 1px solid rgba(0, 0, 0, 0.08);
}
.woocommerce .shop_table tbody tr:first-child {
border-top: 0; /* oben keine Linie */
}
/* Zellen-Padding und Rand-Reset */
.woocommerce .shop_table td,
.woocommerce .shop_table th {
padding: 12px 14px;
vertical-align: middle;
border: none; /* keine eigenen Borders */
line-height: 1.5; /* stellt sicher, dass die Zeilenhöhe konsistent ist */
}
/* Spaltentrenner: rechts je eine Linie, außer letzte Spalte */
.woocommerce .shop_table td:not(:last-child),
.woocommerce .shop_table th:not(:last-child) {
border-right: 1px solid rgba(0, 0, 0, 0.08);
}
/* linke Datenspalte fett (optional) */
/* Kann je nach WC-Tabelle angepasst werden! */
.woocommerce .shop_table td:first-child {
/* width: 140px; <-- Möglicherweise nicht sinnvoll für WC-Tabellen */
font-weight: 700;
}
/* ========================================= */
/* Spezifische Anpassungen für WC-Header (thead) */
/* ========================================= */
.woocommerce .shop_table thead th {
background-color: transparent; /* Entfernt eventuell gesetzte Hintergrundfarben */
border-bottom: 1px solid rgba(0, 0, 0, 0.08); /* Fügt eine Linie unter dem Header hinzu */
font-weight: 600; /* Leichter fetter für Header */
}
.woocommerce .shop_table thead tr {
border-top: 0 !important; /* Kein Trenner über dem Header */
}
/* ========================================= */
/* Korrekturen für spezielle WC-Elemente (falls nötig) */
/* ========================================= */
/* Stellt sicher, dass das "Produkt-Bild" in der Warenkorbtabelle richtig aussieht */
.woocommerce .shop_table.cart img {
max-width: none;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt
{
background-color: var(--e-global-color-accent); }
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover
{
background-color: var(--e-global-color-accent);
}
a.wc-block-components-product-name
{
color: var(--e-global-color-accent);
}
/* Grundlayout für die Shortcode-Tabelle */
.produkt-spezifikationen {
/* Setzt den Hauptrahmen und das grundlegende Erscheinungsbild */
width: 100%;
border-collapse: collapse;
background: transparent;
border: 1px solid rgba(0, 0, 0, 0.08); /* Feiner Außenrahmen */
border-radius: 0;
box-shadow: none;
font: 14px/1.5 system-ui, sans-serif;
color: #111827;
}
/* Theme-Zebra & Hover deaktivieren */
/* Setzt Hintergrundfarbe für Zeilen und Zellen zurück */
.produkt-spezifikationen tr,
.produkt-spezifikationen td,
.produkt-spezifikationen th {
background: transparent !important;
box-shadow: none !important;
}
/* Horizontale Linien (nur auf den Zeilen) */
.produkt-spezifikationen tbody tr {
border-top: 1px solid rgba(0, 0, 0, 0.08);
}
.produkt-spezifikationen tbody tr:first-child {
border-top: 0; /* Oben keine Linie */
}
/* Zellen-Padding und Rand-Reset */
.produkt-spezifikationen td,
.produkt-spezifikationen th {
padding: 10px;
vertical-align: middle;
border: none;
text-align: left;
font-style: normal;
}
/* Spaltentrenner: rechts je eine Linie, außer der letzten Spalte */
.produkt-spezifikationen td:not(:last-child),
.produkt-spezifikationen th:not(:last-child) {
border-right: 1px solid rgba(0, 0, 0, 0.08);
}
/* Erste Spalte (| für die Bezeichnung) fett und Breite setzen */
.produkt-spezifikationen th:first-child {
width: 140px;
font-weight: 700;
}
/* Zweite Spalte ( | für den Wert) normal */
.produkt-spezifikationen td:first-child {
font-weight: 400;
}
/* Äußeren Rahmen und Schatten NUR für die Shortcode-Tabelle entfernen */
.produkt-spezifikationen {
border: none !important; /* Entfernt den äußeren Rand */
box-shadow: none !important; /* Entfernt äußeren Schatten */
}/* End custom CSS */ |