.elementor-kit-6{--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-color-69cce62:#F0115D;--e-global-color-8836f39:#49043D;--e-global-color-03356bc:#180936;--e-global-color-66f2a3a:#190140;--e-global-color-cc2eccb:#4D0062;--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.2rem;--e-global-typography-7dbc064-font-weight:600;--e-global-typography-7dbc064-text-transform:uppercase;--e-global-typography-7dbc064-line-height:110%;--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:30px;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-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{background-color:#02010100;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 );border-radius:0px 0px 0px 0px;padding:11px 24px 11px 24px;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 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-6 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-6 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-6 input:not([type="button"]):not([type="submit"]),.elementor-kit-6 textarea,.elementor-kit-6 .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);}@media(max-width:1024px){.elementor-kit-6{--e-global-typography-primary-font-size:1.3rem;--e-global-typography-secondary-font-size:1.25rem;--e-global-typography-text-font-size:1rem;--e-global-typography-4501ffd-font-size:1.1rem;--e-global-typography-370e781-font-size:0.8rem;--e-global-typography-4d1310f-font-size:1.25rem;--e-global-typography-6271373-font-size:1rem;--e-global-typography-e477505-font-size:1rem;--e-global-typography-31ff564-font-size:0.8rem;--e-global-typography-7dbc064-font-size:2.2rem;--e-global-typography-68cc0db-font-size:1rem;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-6 h1{font-size:var( --e-global-typography-7dbc064-font-size );line-height:var( --e-global-typography-7dbc064-line-height );}.elementor-kit-6 h2{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-6 label{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-kit-6 input:not([type="button"]):not([type="submit"]),.elementor-kit-6 textarea,.elementor-kit-6 .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-6{--e-global-typography-primary-font-size:1.3rem;--e-global-typography-secondary-font-size:1.25rem;--e-global-typography-text-font-size:1.1rem;--e-global-typography-text-line-height:1.3em;--e-global-typography-accent-font-size:24px;--e-global-typography-4501ffd-font-size:1.1rem;--e-global-typography-370e781-font-size:0.9rem;--e-global-typography-4d1310f-font-size:1.25rem;--e-global-typography-6271373-font-size:1rem;--e-global-typography-697b762-font-size:24px;--e-global-typography-e477505-font-size:1rem;--e-global-typography-77458ea-font-size:32px;--e-global-typography-31ff564-font-size:0.8rem;--e-global-typography-7dbc064-font-size:1.8rem;--e-global-typography-68cc0db-font-size:1rem;--e-global-typography-5f4d9e5-font-size:40px;--e-global-typography-a4d269b-font-size:24px;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-6 h1{font-size:var( --e-global-typography-7dbc064-font-size );line-height:var( --e-global-typography-7dbc064-line-height );}.elementor-kit-6 h2{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-6 label{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-kit-6 input:not([type="button"]):not([type="submit"]),.elementor-kit-6 textarea,.elementor-kit-6 .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 */@media only screen and (min-width: 1919px) { body { max-width: 1920px !important; margin-left: auto; margin-right: auto; } } /* 1. Animationen & Keyframes */ @keyframes fadeDown { from { opacity: 0; transform: translate3d(0, -30px, 0); } to { opacity: 1; transform: none; } } @keyframes fadeLeft { from { opacity: 0; transform: translate3d(-30px, 0, 0); } to { opacity: 1; transform: none; } } @keyframes fadeRight { from { opacity: 0; transform: translate3d(30px, 0, 0); } to { opacity: 1; transform: none; } } @keyframes fadeUp { from { opacity: 0; transform: translate3d(0, 30px, 0); } to { opacity: 1; transform: none; } } .elementor-element.fadeInDown { animation-name: fadeDown; } .elementor-element.fadeInLeft { animation-name: fadeLeft; } .elementor-element.fadeInRight { animation-name: fadeRight; } .elementor-element.fadeInUp { animation-name: fadeUp; } /* 2. Layout, Container & Abstände */ .container-small, .container-noheight, .container-8-3, .container-3-2{ max-width: 1920px !important; margin-left: auto; margin-right: auto; } .container-small { height: clamp(16rem, -41.5764rem + 120.1072vw, 44rem); } .container-3-2 { height: min(calc((100vw / 3) * 2), 960px); } .container-8-3 { height: min(calc((100vw / 8) * 3), 720px); } .pad-lr { padding: 0% 4%; } .pad-tb { padding: 2% 0%; } .pad-s { padding: clamp(1rem, 0.7692rem + 1.0256vw, 1.5rem); } .pad-m { padding: clamp(1.5rem, 1.2692rem + 1.0256vw, 2rem) 4%; } .pad-l { padding: clamp(4rem, 3.4056rem + 2.5360vw, 5.688rem) 4%; } /* 3. Header & Logo */ .header { top: 0; left: 0; width: 100%; padding: 1.8% 4%; background: white; z-index: 1000; transition: transform 0.4s ease-in-out, background-color 0.3s ease-in-out; } .header.down { transform: translateY(-100%); } .header.elementor-sticky--effects { box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10); transition: 0.3s ease-in-out !important; } .logo img { max-width: 300px; transition: max-width 0.5s ease-in-out !important; } .elementor-sticky--effects .logo img { max-width: 250px; } /* 4. Buttons */ .elementor-button { transition: transform 0.4s, filter 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%); } .button-dark .elementor-button { background-color: var(--e-global-color-accent); color: #FFFFFF; } .button-light .elementor-button { background-color: var(--e-global-color-98f71a2); color: var(--e-global-color-primary); } .button-accent-2 .elementor-button { background-color: var(--e-global-color-cdd8c27); color: var(--e-global-color-primary); } .button-outline-dark .elementor-button { background-color: transparent !important; color: var(--e-global-color-text); box-shadow: inset 0 0 0 1px var(--e-global-color-text); } .button-outline-light .elementor-button{ background-color: transparent !important; color: white; box-shadow: inset 0 0 0 2px white; } /* 5. Bilder & Text */ .bild-4-3 img, .bild-16-9 img, .bild-1-1 img, .bild-3-4 img, .bild-5-3 img, .bild-3-1 img{ object-fit: cover; width: 100%; } .bild-4-3 img { aspect-ratio: 4/3; } .bild-3-1 img {aspect-ratio: 3/1; } .bild-16-9 img { aspect-ratio: 16/9; } .bild-1-1 img { aspect-ratio: 1/1; } .bild-3-4 img { aspect-ratio: 3/4; } .bild-5-3 img { aspect-ratio: 5/3; } .underline { text-decoration: underline; text-decoration-color: var(--e-global-color-secondary); } .highlight-rot, .highlight-red { color: var(--e-global-color-accent); } .highlight-red { text-decoration: underline; } .nav-arrow:after { content: '\e800'; font-family: "lg"; color: var(--e-global-color-accent); font-size: 24px; float: right; } /* 6. Spezifische Overrides */ 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: right 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; } .elementor-sticky { width: 100% !important; } .elementor-mark-required .elementor-field-label:after { color: var(--e-global-color-accent); } .name_ap { position: relative; top: -4rem; right: 1rem; padding: 10px; background-color: var(--e-global-color-f20446c); } /* 7. Single Produkt Seite */ .single-produkt .header, .page-id-5761 .header, .page-id-7619 .header, .single-jobs .header{ background: transparent; background-image: linear-gradient(180deg, var(--e-global-color-text) 0%, #F2295B00 69%); box-shadow: none !important; } .single-produkt .elementor-36 .elementor-element.elementor-element-3213c19 { --n-menu-title-distance-from-content:73px !important; } .single-produkt .logo, .page-id-5761 .logo, .page-id-7619 .logo, .single-jobs.stellenart-ausbildung .logo{ filter: brightness(0) invert(1); } .page-id-7619 .header-bar, .single-jobs.stellenart-ausbildung .header-bar { background-color: var(--e-global-color-69cce62) !important; } .produkt-submenu { display: none; } .single-produkt .produkt-submenu { display: block; } .e-n-menu-title-container span.e-n-menu-title-text.is-open { border-bottom: 1px solid white; transition: 0.2s ease-in-out !important; } span.e-n-menu-title-text { border-bottom: 1px solid transparent; transition: 0.2s ease-in-out !important; } span.e-n-menu-title-text:hover { border-bottom: 1px solid white; transition: 0.2s ease-in-out !important; } .blurry-background { backdrop-filter: blur(10px); background-color: #11111185 } .elementor-slideshow__title, .eicon-frame-expand, .elementor-slideshow__share-menu, .eicon-zoom-in-bold, .eicon-share-arrow, .swiper-pagination-fraction { display: none; } /* Karte/Grundlayout – nur Tabellen im Texteditor mit Klasse styled-table */ .styled-table table{ width:100%; border-collapse:collapse; /* verhindert doppelte Kanten */ background:#fff; border:1px solid rgba(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 sicher deaktivieren */ .styled-table table tr, .styled-table table td, .styled-table table th, .styled-table table tr:hover, .styled-table table tr:hover td, .styled-table table tr:hover th{ background:transparent !important; } /* horizontale Linien (nur auf den Zeilen, nicht auf Zellen) */ .styled-table table tbody tr{ border-top:1px solid rgba(0,0,0,.08); } .styled-table table tbody tr:first-child{ border-top:0; /* oben keine Linie */ } /* Zellen-Padding */ .styled-table table td, .styled-table table th{ padding:12px 14px; vertical-align:middle; border:none; /* keine eigenen Borders */ } /* Spaltentrenner: rechts je eine Linie, außer letzte Spalte */ .styled-table table td:not(:last-child), .styled-table table th:not(:last-child){ border-right:1px solid rgba(0,0,0,.08); } /* linke Datenspalte fett (optional; Header bleibt wie gesetzt) */ .styled-table table td:first-child{ width:140px; font-weight:700; } /* (falls Gutenberg-Tabelle im Editor klebt) Stripes entfernen */ .styled-table .wp-block-table.is-style-stripes tbody tr:nth-child(odd){ background:transparent !important; } .lined-table table { width: 100%; border-collapse: separate; border-spacing: 20px 0; background: transparent; font: 14px/1.5 system-ui, sans-serif; color: #111827; table-layout: fixed; border: 0 !important; border-style: none !important; border-color: transparent !important; outline: 0 !important; } /* Reset Theme/Hover – nur Background neutralisieren */ .lined-table table tr, .lined-table table td, .lined-table table th, .lined-table table tr:hover, .lined-table table tr:hover td, .lined-table table tr:hover th { background: transparent !important; font-family: var(--e-global-typography-text-font-family), Sans-serif; font-size: var(--e-global-typography-text-font-size); text-transform: var(--e-global-typography-text-text-transform); line-height: var(--e-global-typography-text-line-height); } /* Vertikale/Top-Borders killen (Außenrahmen bleibt weg) */ .lined-table table th, .lined-table table td{ border-left: 0 !important; border-right: 0 !important; border-top: 0 !important; } /* Header-Zeile */ .lined-table table tr:first-child td { font-weight: 700; padding: 10px 20px; border-bottom: 4px solid #000; /* dicke Linie */ } /* Normale Zellen */ .lined-table table td { padding: 10px 20px; vertical-align: middle; border-bottom: 1px solid #000; /* nur horizontale Linie */ width: auto !important; /* ignoriert inline width="..." */ text-align: left; } /* Letzte Zeile ohne Linie unten */ .lined-table table tr:last-child td { border-bottom: none; } .elementor-field-type-radio input[type="radio"] { /* Setzt die neue Größe des Feldes: 20px statt 15px */ width: 20px; height: 20px; /* Entfernt die standardmäßige Kreisform */ -webkit-appearance: none; -moz-appearance: none; appearance: none; /* Definiert die Form mit stärker abgerundeten Ecken */ border: 1px solid #777; border-radius: 8px; /* Neuer, stärkerer Radius */ /* Fügt einen Übergang für ein schöneres Hover-Verhalten hinzu */ transition: all 0.2s ease-in-out; vertical-align: middle; margin-right: 5px; } /* Stil für den Zustand, wenn ein Radio-Button ausgewählt ist */ .elementor-field-type-radio input[type="radio"]:checked { /* Hintergrundfarbe des ausgewählten Kästchens (Anpassen) */ background-color: #0073e6; /* Fügt ein weißes Häkchen oder einen Punkt hinzu */ background-image: url("data:image/svg+xml,%3Csvg xmlns='https://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z'/%3E%3C/svg%3E"); background-size: 100%; background-repeat: no-repeat; background-position: center; border-color: #0073e6; } /* Stil für den Hover-Zustand */ .elementor-field-type-radio input[type="radio"]:hover:not(:checked) { border-color: #000; } :focus { outline: none !important; /* Entfernt den Standardrahmen */ box-shadow: 0 0 0 0px ; /* Fügt einen neuen, sichtbaren Indikator hinzu */ border-color: #007bff; /* Optional: Ändert die Rahmenfarbe */ } .lined-table-nopad h3 { text-transform: uppercase; font-size: 16px; font-weight: 700; margin: 0 0 10px 0; display: inline-block; /* sorgt dafür, dass die Linie sich an den Text anpasst */ text-align: left; padding-bottom: 5px; margin-left: 52%; /* bündig mit zweiter Spalte */ transform: translateX(-15px); /* leichte optische Korrektur */ } .lined-table-nopad table { width: 100%; border-collapse: separate; border-spacing: 0 0; /* kein Abstand zwischen Spalten und Zeilen */ background: transparent; font: 14px/1.5 system-ui, sans-serif; color: #111827; table-layout: fixed; border: 0 !important; border-style: none !important; border-color: transparent !important; outline: 0 !important; } /* Reset Theme/Hover – nur Background neutralisieren */ .lined-table-nopad table tr, .lined-table-nopad table td, .lined-table-nopad table th, .lined-table-nopad table tr:hover, .lined-table-nopad table tr:hover td, .lined-table-nopad table tr:hover th { background: transparent !important; } /* Vertikale Linien entfernen */ .lined-table-nopad table th, .lined-table-nopad table td { border-left: 0 !important; border-right: 0 !important; } /* Dicker Strich über der ersten Zeile */ .lined-table-nopad table tr:first-child td { border-top: 4px solid #000; /* nur oben dick */ } /* Alle Zeilen – normale Linien unten */ .lined-table-nopad table td { padding: 10px 0; vertical-align: middle; border-bottom: 1px solid #000; /* normaler Strich unten */ width: auto !important; text-align: left; } /* Letzte Zeile ohne Linie unten */ .lined-table-nopad table tr:last-child td { border-bottom: none; } /* hauptsächlich für die Ausbildungsseite */ .neon-frame{ position: relative; border-radius: 5px; border: 1px solid #F0115D; /* Neon-Farbe */ box-shadow: 0 0 5px #F0115D, 0 0 5px rgba(255,73,209,.8), 0 0 20px rgba(255,73,209,.55), inset 0 0 12px rgba(255,73,209,.35); /* innerer Glow */ } .neon-icon svg, .neon-icon { /* falls Elementor das SVG direkt ins DOM schreibt */ display: inline-block; filter: drop-shadow(0 0 1px #F0115D) drop-shadow(0 0 6px #F0115D) } .neon-icon svg, .neon-icon { display: inline-block; filter: drop-shadow(0 0 1px rgba(240, 17, 93, 0.4)) drop-shadow(0 0 6px rgba(240, 17, 93, 0.4)); } .highlight-number { color: #FF0050; font-weight: 700; font-size: 56px; } .global-back-btn.is-disabled, .global-next-btn.is-disabled { opacity: 0.5; /* Macht den Button halb-transparent */ cursor: not-allowed; /* Zeigt ein Verbotszeichen */ } /* Stellt sicher, dass die Maus-Interaktion blockiert wird */ .global-back-btn.is-disabled a, .global-next-btn.is-disabled a { pointer-events: none; } .lined-table strong, .lined-table b { font-weight: 700; } .blurry-container { backdrop-filter: blur(5px); background-color: #32195bc4; } /* Laptop */ @media only screen and (max-width: 1470px){ } /* Tablet */ @media only screen and (max-width: 1024px){ .container-3-2 { height: inherit; } .container-8-3 { height: inherit; } } /* Handy */ @media only screen and (max-width: 767px){ } /* Tablet (768px – 1024px) */ @media (min-width: 768px) and (max-width: 1024px) { .icon-box { height: 22vh; } } /* Mobile (bis 767px) */ @media (max-width: 767px) { .icon-box { height: 40vh; } }/* End custom CSS */