.elementor-kit-66324{--e-global-color-primary:#EB413C;--e-global-color-secondary:#1464F0;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-c115f8a:#393939;--e-global-color-236476e:#727272;--e-global-color-66c48b4:#1464F0;--e-global-color-ac8addd:#F2F2F2;--e-global-color-a300374:#727272;--e-global-color-0e56a3b:#444444;--e-global-color-2fbc872:#EB413CCC;--e-global-color-a29f165:#1464F0CC;--e-global-color-2698254:#FFFFFF;--e-global-color-59a3dc4:#444444CC;--e-global-color-c11b077:#05003B;--e-global-color-9eec8db:#EEEEEE;--e-global-color-c14088d:#000000;--e-global-color-b969a86:#313137;--e-global-color-b1daf93:#E5F0F9;--e-global-color-54d5701:#F9F0F7;--e-global-color-022c8fd:#FFFFFF00;--e-global-color-e3e151a:#3A1B1B;--e-global-color-a1aab24:#BBBBBB;--e-global-color-dbbbe8c:#F59FAB;--e-global-typography-primary-font-family:"Kumbh Sans";--e-global-typography-primary-font-size:17px;--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Kumbh Sans";--e-global-typography-secondary-font-size:17px;--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-size:17px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:30px;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-weight:500;--e-global-typography-a3e0f3a-font-family:"Kumbh";--e-global-typography-a3e0f3a-font-size:45pt;--e-global-typography-a3e0f3a-font-weight:300;--e-global-typography-a3e0f3a-line-height:1.3em;--e-global-typography-8f79ebd-font-family:"Kumbh";--e-global-typography-8f79ebd-font-size:30pt;--e-global-typography-8f79ebd-font-weight:300;--e-global-typography-8f79ebd-line-height:1.3em;--e-global-typography-9e02dd6-font-family:"Kumbh";--e-global-typography-9e02dd6-font-size:25pt;--e-global-typography-9e02dd6-font-weight:300;--e-global-typography-9e02dd6-line-height:1.3em;--e-global-typography-c77a17a-font-family:"Inter Light";--e-global-typography-c77a17a-font-size:22pt;--e-global-typography-c77a17a-font-weight:300;--e-global-typography-c77a17a-line-height:1.3em;--e-global-typography-ea338f6-font-family:"Inter Light";--e-global-typography-ea338f6-font-size:20pt;--e-global-typography-ea338f6-font-weight:300;--e-global-typography-ea338f6-line-height:1.3em;--e-global-typography-36b800d-font-size:50pt;--e-global-typography-36b800d-font-weight:300;--e-global-typography-36b800d-line-height:120%;--e-global-typography-f521a41-font-size:15pt;--e-global-typography-f521a41-font-weight:600;--e-global-typography-f521a41-line-height:19pt;--e-global-typography-52fcade-font-size:13pt;--e-global-typography-52fcade-line-height:20pt;--e-global-typography-15920b7-font-size:18pt;--e-global-typography-15920b7-font-weight:300;--e-global-typography-15920b7-line-height:1.3em;--e-global-typography-c9f361b-font-family:"Tahoma";--e-global-typography-c9f361b-font-size:40px;--e-global-typography-c9f361b-font-weight:700;--e-global-typography-c9f361b-line-height:50px;--e-global-typography-6e932fc-font-family:"Kumbh Sans";--e-global-typography-6e932fc-font-size:3.5rem;--e-global-typography-6e932fc-font-weight:400;--e-global-typography-6e932fc-line-height:1.28em;--e-global-typography-a0e4422-font-family:"Kumbh Sans";--e-global-typography-a0e4422-font-size:3rem;--e-global-typography-a0e4422-font-weight:400;--e-global-typography-a0e4422-line-height:1.28em;--e-global-typography-1971240-font-family:"Inter";--e-global-typography-1971240-font-size:1.25rem;--e-global-typography-1971240-font-weight:300;--e-global-typography-1971240-font-style:normal;--e-global-typography-de94242-font-family:"Kumbh Sans";--e-global-typography-de94242-font-size:1rem;--e-global-typography-de94242-font-weight:300;--e-global-typography-de94242-line-height:3.5rem;--e-global-typography-f9c983a-font-family:"Kumbh Sans";--e-global-typography-f9c983a-font-size:0.95rem;--e-global-typography-f9c983a-font-weight:300;--e-global-typography-f9c983a-line-height:2.2rem;--e-global-typography-b770dc8-font-family:"Kumbh Sans";--e-global-typography-b770dc8-font-size:2.6rem;--e-global-typography-b770dc8-font-weight:400;--e-global-typography-b770dc8-line-height:1.28em;--e-global-typography-453357f-font-family:"Kumbh Sans";--e-global-typography-453357f-font-size:1.68rem;--e-global-typography-453357f-font-weight:400;--e-global-typography-453357f-line-height:1.3em;--e-global-typography-593f3e8-font-family:"Inter";--e-global-typography-593f3e8-font-size:1.1rem;--e-global-typography-593f3e8-font-weight:300;--e-global-typography-b2c7524-font-family:"Inter";--e-global-typography-b2c7524-font-size:0.9rem;--e-global-typography-b2c7524-font-weight:300;--e-global-typography-9392625-font-family:"Kumbh Sans";--e-global-typography-9392625-font-size:1.25rem;--e-global-typography-9392625-font-weight:700;--e-global-typography-9392625-line-height:1.3em;--e-global-typography-f843e9b-font-family:"Inter";--e-global-typography-f843e9b-font-size:1.25rem;--e-global-typography-f843e9b-font-weight:300;--e-global-typography-f843e9b-font-style:normal;--e-global-typography-b5ab9fc-font-family:"Inter";--e-global-typography-b5ab9fc-font-size:1.25rem;--e-global-typography-b5ab9fc-font-weight:600;--e-global-typography-b5ab9fc-font-style:normal;--e-global-typography-3dc9d30-font-family:"Inter";--e-global-typography-3dc9d30-font-size:1.1rem;--e-global-typography-3dc9d30-font-weight:600;--e-global-typography-2677e68-font-family:"Kumbh Sans";--e-global-typography-2677e68-font-size:1.92rem;--e-global-typography-2677e68-font-weight:400;--e-global-typography-2677e68-line-height:1.28em;--e-global-typography-90b8bd8-font-family:"Inter";--e-global-typography-90b8bd8-font-size:1.25rem;--e-global-typography-90b8bd8-font-weight:600;--e-global-typography-90b8bd8-font-style:normal;--e-global-typography-aea5546-font-family:"Inter";--e-global-typography-aea5546-font-size:1rem;--e-global-typography-aea5546-font-weight:600;--e-global-typography-1873b05-font-family:"Inter";--e-global-typography-1873b05-font-size:1rem;--e-global-typography-1873b05-font-weight:300;--e-global-typography-1873b05-font-style:italic;--e-global-typography-38ceec9-font-family:"Kumbh Sans";--e-global-typography-38ceec9-font-size:1.72rem;--e-global-typography-38ceec9-font-weight:400;--e-global-typography-38ceec9-line-height:1.3em;font-size:13pt;}.elementor-kit-66324 e-page-transition{background-color:#FFBC7D;}.elementor-kit-66324 h1{color:#393939;}.elementor-kit-66324 h2{color:#393939;}.elementor-kit-66324 h3{color:#393939;font-family:"Kumbh Sans", Sans-serif;font-size:1.68rem;font-weight:400;line-height:1.3em;}.elementor-kit-66324 h4{color:#393939;}.elementor-kit-66324 h5{color:#393939;}.elementor-kit-66324 h6{color:#393939;}.elementor-kit-66324 button,.elementor-kit-66324 input[type="button"],.elementor-kit-66324 input[type="submit"],.elementor-kit-66324 .elementor-button{border-radius:100px 100px 100px 100px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.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 .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1200px){.elementor-kit-66324{--e-global-typography-6e932fc-font-size:3.2rem;--e-global-typography-a0e4422-font-size:2.6rem;--e-global-typography-453357f-font-size:1.68rem;--e-global-typography-9392625-font-size:1.25rem;--e-global-typography-2677e68-font-size:1.82rem;--e-global-typography-38ceec9-font-size:1.68rem;}}@media(max-width:1024px){.elementor-kit-66324{--e-global-typography-a3e0f3a-font-size:25pt;--e-global-typography-8f79ebd-font-size:23pt;--e-global-typography-9e02dd6-font-size:21pt;--e-global-typography-c77a17a-font-size:19pt;--e-global-typography-ea338f6-font-size:17pt;--e-global-typography-15920b7-font-size:15pt;--e-global-typography-6e932fc-font-size:3.2rem;--e-global-typography-1971240-font-size:1.2rem;--e-global-typography-b770dc8-font-size:2.6rem;--e-global-typography-f843e9b-font-size:1.2rem;--e-global-typography-b5ab9fc-font-size:1.2rem;--e-global-typography-2677e68-font-size:1.8rem;--e-global-typography-90b8bd8-font-size:1.2rem;}.elementor-kit-66324 h3{font-size:21pt;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}}@media(max-width:767px){.elementor-kit-66324{--e-global-typography-6e932fc-font-size:2.4rem;--e-global-typography-a0e4422-font-size:2rem;--e-global-typography-1971240-font-size:1.125rem;--e-global-typography-de94242-line-height:3.1rem;--e-global-typography-f9c983a-font-size:0.9rem;--e-global-typography-f9c983a-line-height:2rem;--e-global-typography-b770dc8-font-size:1.6rem;--e-global-typography-453357f-font-size:1.4rem;--e-global-typography-f843e9b-font-size:1.125rem;--e-global-typography-b5ab9fc-font-size:1.125rem;--e-global-typography-2677e68-font-size:1.6rem;--e-global-typography-90b8bd8-font-size:1.125rem;--e-global-typography-38ceec9-font-size:1.52rem;}.elementor-kit-66324 h3{font-size:1.4rem;line-height:1.3em;}.elementor-kit-66324 button,.elementor-kit-66324 input[type="button"],.elementor-kit-66324 input[type="submit"],.elementor-kit-66324 .elementor-button{padding:0px 24px 0px 24px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */h1, h3, h4, h5, h6 { hyphens: auto; } .grecaptcha-badge { display: none; } .op { opacity: 0; } /** Boxen **/ .bx .elementor-widget-container{ border-radius: 20px; padding: 28px; box-shadow: rgba(5, 0, 59, 0.22) 0px 0.602187px 0.602187px -1.25px, rgba(5, 0, 59, 0.2) 0px 2.28853px 2.28853px -2.5px, rgba(5, 0, 59, 0.1) 0px 10px 10px -3.75px; border: 1px solid #E6E5EB; } @media (max-width: 767px) { .bx .elementor-widget-container { padding: 20px; } } .hbx .elementor-widget-container{ background: #EB413C; color: white !important; border-radius: 20px; padding: 28px; border: none; } /** Boxen - Ende **/ /** Formulare **/ /* --- BASIS LAYOUT & CONTAINER --- */ #mb .text, #mb .mail { position: relative !important; margin-top: 4px !important; /* Platz für das Label, wenn es oben schwebt */ overflow: visible !important; } /* --- DAS LABEL (RUHEZUSTAND: IM FELD) --- */ #mb .text label.gfield_label.gform-field-label, #mb .mail label.gfield_label.gform-field-label { position: absolute !important; left: 4px !important; top: 0 !important; padding: 0 8px !important; background: white !important; z-index: 10 !important; pointer-events: none; /* Klicks gehen durch das Label ans Input */ width: fit-content !important; /* Startposition im Input-Feld */ transform: translateY(12px); font-family: "Inter", sans-serif; font-size: 16px; font-weight: 400; color: #444444; line-height: 1.4em; transition: transform 0.3s ease, font-size 0.3s ease, color 0.3s ease; } /* --- ZUSTAND: LABEL OBEN (FOKUS ODER AUSGEFÜLLT) --- */ #mb .text.label-oben label.gfield_label.gform-field-label, #mb .mail.label-oben label.gfield_label.gform-field-label, #mb .mbc .label-oben .gfield_label.gform-field-label { transform: translateY(-12px) !important; /* Schwebt über dem Rahmen */ font-size: 0.85rem !important; /* Verkleinerung ohne Layout-Shift */ color: #999999 !important; } /* --- INPUT FELDER --- */ #mb .gfield input { min-height: 48px !important; width: 100% !important; font-family: "Inter" !important; font-size: 1rem !important; color: #444444 !important; position: relative; z-index: 5; border-radius: 8px; } #mb .ginput_container.ginput_container_select select { min-height: 48px !important; width: 100% !important; font-family: "Inter" !important; font-size: 1rem !important; color: #444444 !important; position: relative; z-index: 5; border-radius: 8px; padding-top: 3px; } #mb .gfield .ginput_container_consent input { min-height: 0 !important; width: 100% !important; font-family: "Inter" !important; font-size: 1rem !important; color: #444444 !important; position: relative; z-index: 5; transform: translateY(-1px); border-radius: 8px; } /* --- BUTTONS --- */ #mb .gform_button { background: #EB413C !important; border: 1px solid #EB413C; color: white !important; font-family: "Inter"; padding: 12px 24px; border-radius: 48px; font-size: 1rem; font-weight: 400; cursor: pointer; transition: 0.3s ease; } #mb .gform_button:hover { background: #ffffff !important; border-color: #EB413C; color: #EB413C !important; } /* --- CHECKBOXEN & RADIO-BUTTONS (PILL-DESIGN) --- */ #mb .gchoice label { background-color: #eeeeee; padding: 8px 18px; border-radius: 48px; margin-left: 0; font-size: 1rem; color: #444444; cursor: pointer; display: inline-block; transition: 0.3s ease; } #mb .gfield-choice-input { display: none !important; /* Versteckt die Standard-Box */ } #mb .gchoice input:checked + label { background: #EB413C !important; color: white !important; } #mb .gform-theme--framework .gfield--type-choice .gfield_checkbox, #mb .gform-theme--framework .gfield--type-choice .gfield_radio { display: flex; flex-direction: row; gap: 10px; flex-wrap: wrap; } /* --- SONSTIGE ANPASSUNGEN --- */ #mb a { color: #EB413C; text-decoration: none; } #mb a:hover { color: #444444; } #mb label.gform-field-label.gform-field-label--type-inline.gfield_consent_label, #mb .gfield_html_formatted { color: #444444; font-family: "Inter"; font-size: 0.8rem; } .gform-theme--foundation .gform_fields { row-gap: 24px !important; } .gform-theme--foundation .gfield textarea.small { min-block-size: 4rem; height: 120px; } /** Formulare - Ende **/ html a { color: #eb413c; } html a:hover { color: #444444; } .w a { color: #ffffff !important; } .w a:hover { color: #ffffff !important; } .r a { color: #f59fab !important; } .r a:hover { color: #ffffff !important; } .b a { color: #97c3e7 !important; } .b a:hover { color: #ffffff !important; } .g a { color: #969696 !important; } .g a:hover { color: #ffffff !important; } .s a { color: #444444 !important; } .s a:hover { color: #EB413C !important; } .list ul li:last-child { margin-bottom: 20px; } .list li { margin-bottom: 12px; } #alleratgeber .elementor-post__text, .alleratgeber .elementor-post__text { background: #EB413C !important; padding-top: 20px; } #alleratgeber .elementor-post__thumbnail__link, .alleratgeber .elementor-post__thumbnail__link { margin-bottom: 0; } .hyphens { hyphens: auto !important; } .content h4 { margin-top: 40px; } .tabelle-rot table tbody>tr:nth-child(odd)>td, .tabelle-rot table tbody>tr:nth-child(odd)>th { background: #eb413c; } .tabelle-rot table td, .tabelle-rot table th { border-color: white;; } .hinweisbox.nolist h3 { margin-left: 0; } .elementor-editor-active .video-frontend { display: none !important; } @media (max-width:767px) { #casestuy .imgcarousel .swiper-slide { height: 200px !important; /* Begrenzt die Höhe des Containers auf 280px */ }} #casestudy .content h2 { padding-top: 0 ; } #casestudy strong, #casestudy b { font-weight: 600 !important; } #casestudy .imgcarousel .swiper-slide { height: 360px; /* Begrenzt die Höhe des Containers auf 280px */ overflow: hidden; /* Verbirgt alles, was über die Grenzen des Containers hinausgeht */ border-radius: 20px !important; } #casestudy .imgcarousel { margin-bottom: -60px !important; } #casestudy .imgcarousel .swiper-slide-image { border-radius: 20px !important; width: 100%; /* Stellt sicher, dass das Bild die volle Breite des Containers einnimmt */ height: 100%; /* Stellt sicher, dass das Bild die volle Höhe des Containers einnimmt */ object-fit: cover; /* Skaliert das Bild so, dass es den Container ausfüllt, ohne sich zu verzerren oder zu strecken */ } @media (max-width:767px) {.autorbox .elementor-author-box { align-items: flex-start; display: flex ; flex-direction: column; align-content: flex-start; justify-content: flex-start; row-gap: 20px; } .ratgebertitel { hyphens: auto; } } .autorbox .elementor-author-box__avatar { align-self: flex-start !important; } @media (max-width: 768px) { .table-scroll-wrapper { overflow-x: auto; -webkit-overflow-scrolling: touch; /* Verbessert das Scrollen auf iOS */ } .table-scroll-wrapper table { min-width: 600px; /* Passe diesen Wert an */ width: 100%; border-collapse: collapse; } } /* Versteckt das originale Font Awesome Pfeil-Icon */ .naviconleiste .elementor-toc__list-item-text-wrapper > i.fas { display: none !important; } /* Ersetzt den Pfeil mit einem Pseudoelement, das das SVG-Bild verwendet */ .naviconleiste .elementor-toc__list-item-text-wrapper a::before { content: ''; display: inline-block; width: 12px; /* Passe die Breite an */ height: 12px; /* Passe die Höhe an */ margin-right: 12px; /* Abstand zum Text */ background-image: url('https://amagno.de/wp-content/uploads/2025/08/arrow-right-long-light.svg'); background-size: contain; background-repeat: no-repeat; vertical-align: middle; transition: 0.5s; } /* Passt den Container an, damit der Text unter dem Icon einrückt */ .naviconleiste .elementor-toc__list-item-text-wrapper { transition: 0.5s; padding-left: 20px; /* Platz für Icon + Abstand */ text-indent: -24px; /* Negativer Einzug, um die erste Zeile nach links zu ziehen */ } /* Neuer CSS-Code für den Hover-Effekt */ .naviconleiste .elementor-toc__list-item:hover .elementor-toc__list-item-text-wrapper a::before { transform: translateX(4px); /* Bewegt das Icon 4px nach rechts */ transition: 0.5s; } .naviconleiste .elementor-toc__header-title { margin-bottom: -20px; } .content h2 { font-family: "Kumbh Sans", Sans-serif !important; font-size: 1.92rem !important; font-weight: 400 !important; line-height: 1.28em !important; padding-top: 48px !important; } .content img { border-radius: 20px; } .content li{ margin-bottom: 20px; } .content li ul li, .content li ol li { margin-top: 12px; } .content h3 { font-size: 1.68rem !important; font-family: "Kumbh Sans" !important; line-height: 1.3em !important; font-weight: 400 !important; margin-top: 40px; } .hinweisbox h3 { font-size: 1.25rem !important; font-weight: 700; line-height: 1.3em; font-family: "Kumbh Sans" !important; margin-left: 20px; color: white; } .content .hinweisbox h2, .content .refcontainer h2, .autorbox h2, .content .cta h2, .content .table-scroll-wrapper h2, .hinweisbox h3, .refcontainer h3, .autorbox h3, .cta h3, .table-scroll-wrapper h3 { margin-top: 0; padding-top: 0; } @media (max-width: 768px) { .content h3 { font-size: 1.6rem !important; }} @media (max-width: 1200px) { .content h2 { padding-top: 40px !important; font-size: 1.82rem !important; } } @media (max-width: 1024px) { .content h2 { font-size:1.8rem !important; } } @media (max-width: 768px) { .content h2 { padding-top: 32px !important; font-size:1.6rem !important; } } .naviconleiste .elementor-icon-list-item:hover .elementor-icon-list-icon { transition: 0.5s; transform: translateX(4px) } .naviconleiste .elementor-icon-list-item .elementor-icon-list-icon { transition: 0.5s; } .faq span.e-n-accordion-item-title-icon { align-self: flex-start; transform: translateY(4px); } .einzelref { border-radius: 20px; box-shadow: rgba(5, 0, 59, 0.22) 0px 0.602187px 0.602187px -1.25px, rgba(5, 0, 59, 0.2) 0px 2.28853px 2.28853px -2.5px, rgba(5, 0, 59, 0.1) 0px 10px 10px -3.75px; border: 1px solid #E6E5EB; } .tabs-blau .bs { padding: 12px 24px; border-radius: 40px; color: #1464F0; background: #ffffff00; border: 1px solid #1464f0; font-family: "Kumbh Sans"; font-size: 1rem; line-height: 1.2em; } .tabs-blau .bs:hover { background: #1464F0; padding: 12px 24px; border-radius: 40px; color: #ffffff; border: 1px solid #1464f0; } @media (max-width: 767px) { .tabs-blau .bs { padding: 10px 20px; font-size: 0.95rem; }} html body a:hover { text-decoration: none !important; } body { font-variant-ligatures: none; } /* Das Dropdown-Menü standardmäßig auf Desktops ausblenden */ .tabs-dropdown { display: none; width: 100%; padding: 0; font-size: 16px; font-family: "Kumbh Sans"; margin-bottom: 15px; border-radius: 40px; color: white; } /* KORREKTUR: Separate Hintergrundfarben-Regel, um background-image nicht zu überschreiben. */ .tabs-blau .tabs-dropdown { background-color: #1464F0 !important; } .tabs-rot .tabs-dropdown { background-color: #EB413C !important; } /* Neue Regel für die Border-Color des Dropdowns im .tabs-blau-Container */ .tabs-blau .tabs-dropdown { border: 10px solid #1464F0; } .tabs-rot .tabs-dropdown { border: 10px solid #EB413C; } /* KORREKTUR: Neue Regel für den Fokus-Zustand. Stelle sicher, dass die border-color für .tabs-blau auf den blauen Wert gesetzt wird. */ .tabs-blau select.tabs-dropdown:focus { border-color: #1464F0 !important; } .tabs-rot select.tabs-dropdown:focus { border-color: #EB413C !important; } /* Generischer Border-Fokus auf rot, wenn die Klasse .tabs-blau nicht zutrifft */ select.tabs-dropdown:focus { border-color: #eb413c !important; } /* Hauptcontainer für das Dropdown-Menü */ .tabs-dropdown-container { position: relative; display: inline-block; } /* Das select-Element selbst gestalten */ select.tabs-dropdown { /* Entfernt das Standard-Aussehen des Browsers */ -webkit-appearance: none; -moz-appearance: none; appearance: none; /* KORRIGIERT: Separate background-Eigenschaften, um Überschreibungen zu vermeiden. */ background-image: url("https://amg.webabo-server.de/wp-content/uploads/2025/07/chevron-down-solid-full.svg") !important; background-repeat: no-repeat !important; background-position: right 0px center !important; background-size: 20px 20px !important; } /* Stil für die Optionen im Dropdown (optional) */ select.tabs-dropdown option { background-color: white; color: black; } /* Media Query für mobile Ansicht (Breite kleiner als 768px) */ @media (max-width: 767px) { /* Wichtige Korrektur: Blende die Haupt-Tab-Leiste nur aus, wenn sie sich direkt unter dem Haupt-Widget-Container befindet. */ .tabs-rot .elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading, .tabs-blau .elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading { display: none !important; } .tabs-rot .innertabs .e-n-tab-title, .tabs-blau .innertabs .e-n-tab-title { display: block !important; } .tabs-rot .e-n-tab-title, .tabs-blau .e-n-tab-title { display: none !important; } /* KORREKTUR: Verstecke alle Tab-Inhalte standardmäßig */ .tabs-rot .e-n-tabs-content > [role="tabpanel"], .tabs-blau .e-n-tabs-content > [role="tabpanel"] { display: none !important; } /* KORREKTUR: Zeige nur den aktiven Tab-Inhalt */ .tabs-rot .e-n-tabs-content > .e-active, .tabs-blau .e-n-tabs-content > .e-active { display: flex !important; } /* Das Dropdown-Menü einblenden */ .tabs-rot .tabs-dropdown , .tabs-blau .tabs-dropdown{ display: block; } .tabs-blau .tabs-dropdown, .tabs-rot .tabs-dropdown { border-left-width: 16px;} } /** Logo Slider **/ .slider .swiper-wrapper { transition-timing-function: linear !important; } .slider img { height: 60px; width: 140px; object-fit: contain; filter: grayscale(1); opacity: 0.8; transition: 0.5s; } .slider img:hover { transition: 0.5s; height: 60px; object-fit: contain; filter: grayscale(0); opacity: 0.8; } /** Nested Tabs **/ .innertabs .e-n-tab-title-text { align-items: flex-start !important; display: flex; flex-direction: column !important; text-align: left; } .innertabs .tabcontent { margin-top: 20px; opacity: 0; flex-direction: column; font-family: Inter; font-size: 1.1rem; line-height: 1.4em; font-weight: 300; display: none; align-items: flex-start; row-gap: 12px; text-align: left; transition: opacity 0.5s ease-out, transform 0.5s ease-out; } .innertabs .e-n-tab-title[aria-selected="true"] .tabcontent { display: flex !important; opacity: 1; } .innertabs .e-n-tab-title[aria-selected="true"] { animation: tabfade 0.5s ease-out forwards; } @keyframes tabfade { from { padding-bottom: 0; } to { padding-bottom: 12px; } } .innertabs .elementor-widget-n-tabs .e-n-tab-title-text { align-items: flex-start; display: flex; flex-direction: column; align-content: flex-start; } .innertabs .tabimg { display: none; } @media (max-width: 767px) { .innertabs .tabimg { display: block; margin-top: 20px; } .innertabs .e-n-tabs-content { width: 0%; } } /** Buttons **/ /** Großer Button**/ .bg a.elementor-button.elementor-button-link.elementor-size-sm, .bg-button { padding: 20px 28px; border-radius: 40px; font-family: "Kumbh Sans"; font-size: 1rem; font-weight: 300; line-height: 1; border-width: 1px; } @media (max-width: 767px) { .bg a.elementor-button.elementor-button-link.elementor-size-sm, .bg-button { padding: 18px 26px; font-size: 0.95rem; font-weight: 300; } } /** Kleiner Button**/ .bs a.elementor-button.elementor-button-link.elementor-size-sm, .bs-button { border-width: 1px; padding: 12px 24px; border-radius: 40px; font-family: "Kumbh Sans"; font-size: 1rem; font-weight: 300; line-height: 1.2em; } @media (max-width: 767px) { .bs a.elementor-button.elementor-button-link.elementor-size-sm, .bs-button { padding: 10px 20px; font-size: 0.95rem; font-weight: 300; } } @media(max-width: 1920px) { .slider .swiper-slide{ height: fit-content; display: flex ; align-content: center; align-items: center; align-self: center; }} @media(max-width: 767px) { .slider .swiper-slide{ align-self: flex-start; }} @media(max-width: 1920px) { .refslider .elementor-testimonial { display: flex; flex-direction: row-reverse !important; flex-wrap: no-wrap; } .refslider .elementor-testimonial__image img { min-height: 120px !important; max-height: 120px !important; object-fit: cover; margin: 0 0 24px 0; float: left; border-radius: 200px !important; width: 120px !important; } .firmeninfo { font-size: 1rem !important; } .firmeninfo img { object-fit:contain !important; } .refslider .elementor-swiper-button { display: none; } } @media(max-width: 1366px) { .refslider .elementor-testimonial { display: flex; flex-direction: column-reverse !important; flex-wrap: no-wrap; } } @media(max-width: 767px) { .elementor-testimonial { display: flex; flex-direction: column-reverse !important; flex-wrap: wrap; } .refslider .elementor-testimonial__image img { min-height: 120px !important; object-fit: cover; margin: 0 0 24px 0; float: left; border-radius: 200px !important; width: 120px !important; } .firmeninfo { font-size: 1rem !important; } .firmeninfo img { object-fit:contain !important; } #rezensionen .elementor-swiper-button { display: none; } } .firmeninfo { margin-top: 32px; display: flex; flex-direction: row; column-gap: 20px; align-content: center; align-items: center; font-size: 1.1rem; } .firmeninfo img { height: 40px; align-self: center; margin-top: 6px; width: 100%; object-fit: cover; } .refslider .elementor-testimonial__content { display: flex; align-content: center; align-items: center; } b, strong { font-weight: 600 !important; } .hinweisbox ul li { margin-top: 12px;} .iconbox { border-radius: 20px; box-shadow: rgba(5, 0, 59, 0.22) 0px 0.602187px 0.602187px -1.25px, rgba(5, 0, 59, 0.2) 0px 2.28853px 2.28853px -2.5px, rgba(5, 0, 59, 0.1) 0px 10px 10px -3.75px; border: 1px solid #E6E5EB; } .box{ border-radius: 20px; padding: 28px; box-shadow: rgba(5, 0, 59, 0.22) 0px 0.602187px 0.602187px -1.25px, rgba(5, 0, 59, 0.2) 0px 2.28853px 2.28853px -2.5px, rgba(5, 0, 59, 0.1) 0px 10px 10px -3.75px; border: 1px solid #E6E5EB; } @media (max-width: 767px) { .box { padding: 20px; } } .iconimgbox img { HEIGHT: 100PX; object-fit: CONTAIN; object-position: center center; width: 100%; padding: 0 0; } .iconimgbox .elementor-image-box-content { text-align: center; } .iconimgbox { border-radius: 20px; box-shadow: rgba(5, 0, 59, 0.22) 0px 0.602187px 0.602187px -1.25px, rgba(5, 0, 59, 0.2) 0px 2.28853px 2.28853px -2.5px, rgba(5, 0, 59, 0.1) 0px 10px 10px -3.75px; border: 1px solid #E6E5EB; } .imgbox { border-radius: 20px; box-shadow: rgba(5, 0, 59, 0.22) 0px 0.602187px 0.602187px -1.25px, rgba(5, 0, 59, 0.2) 0px 2.28853px 2.28853px -2.5px, rgba(5, 0, 59, 0.1) 0px 10px 10px -3.75px; border: 1px solid #E6E5EB; } .imgbox img { HEIGHT: 160PX; object-fit: CONTAIN; object-position: center center; width: 100%; padding: 0 0; } .imgbox .elementor-image-box-content { text-align: left; } body { max-width: 1920; margin: 0 auto; } html, body { max-width: 100%; overflow-x: hidden; } .akk { padding: 0 !important; } .aak { padding: 0 48px; } .aan { padding: 120px 48px; } .aao { padding: 120px 48px 0 48px; } .aau { padding: 0 48px 120px 48px; } @media only screen and (min-width: 768px) and (max-width: 1300px) { .aan { padding: 80px 32px 80px 32px; } .aao { padding: 80px 32px 0 32px; } .aau { padding: 0 32px 80px 32px; } .aak { padding: 0 32px; } } @media (max-width: 767px) { .aak { padding: 0 24px; } .aan { padding: 52px 24px 52px 24px; } .aao { padding: 52px 24px 0 24px; } .aau { padding: 0 24px 52px 24px; } }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Kumbh'; font-style: normal; font-weight: normal; font-display: auto; src: url('/wp-content/uploads/2024/04/KumbhSans-Bold.ttf') format('truetype'); } /* End Custom Fonts CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Inter Light'; font-style: normal; font-weight: normal; font-display: auto; src: url('/wp-content/uploads/2024/04/Inter-Light.ttf') format('truetype'); } /* End Custom Fonts CSS */