.color-white { color: #fff; } .color-white a { color: #fff; text-decoration: none; } /** Jetzt die Variablen für gwhtel */ @font-face { font-family: nunito-regular; src: url("../Fonts/Nunito-Regular.ttf"); font-display: swap; } @font-face { font-family: nunito-bold; src: url("../Fonts/Nunito-Bold.ttf"); font-display: swap; } @font-face { font-family: nunito-medium; src: url("../Fonts/Nunito-Medium.ttf"); font-display: swap; } @font-face { font-family: poppins-regular; src: url("../Fonts/Poppins-Regular.ttf"); font-display: swap; } @font-face { font-family: poppins-bold; src: url("../Fonts/Poppins-Bold.ttf"); font-display: swap; } @font-face { font-family: poppins-medium; src: url("../Fonts/Poppins-Medium.ttf"); font-display: swap; } .frame-type-text h3 { font-family: poppins-medium; } .frame-type-header h2 { font-size: 2.5rem; font-family: poppins-medium !important; } h1, h2, h3 { font-family: poppins-medium; } p.red-color { color: #e5113a; } @media screen and (max-width: 1024px) { .frame-type-text a { word-break: break-word; } } .logo { height: 139px; } .logo a { height: 100%; display: block; } .logo .ce-image { height: 100%; } .logo .ce-gallery { height: 100%; } .logo .frame-type-image { height: 100%; } .logo .ce-center .ce-outer, .logo .ce-center .ce-inner { float: initial; right: initial; height: 100%; } .header { height: 70px; } .header .search-form { display: flex; justify-self: right; background-color: #f2f2f2; width: 200px; border-radius: 20px; font-size: 1.1rem; } .header .search-form::placeholder { font-family: nunito-medium, sans-serif; font-size: 1.2rem; } .header .search-form::after { content: ""; position: absolute; right: 0.625rem; /* Icon rechts */ top: 50%; transform: translateY(-50%); width: 1rem; height: 1rem; pointer-events: none; /* Klicks gehen an das Input */ opacity: 0.6; background: no-repeat center / contain url(data:image/png;base64,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); } .header + .container-fluid { background-color: #fff; } .header .stoerungen-button { background-color: #D9642C; color: #000; text-decoration: none; border-radius: 20px; padding: 0 20px; line-height: 40px; font-size: 1rem; transition: background-color 0.5s; display: flex; gap: 5px; align-items: center; } .header .stoerungen-button img, .header .stoerungen-button svg { width: 20px; height: auto; } .header .stoerungen-button:hover { background-color: #933689; transition: background-color 0.5s; } .header .stoerungen-button.mobile { display: none; } .header .container { height: 100%; } .header .gwhtel-link { display: flex; align-items: center; gap: 5px; text-decoration: none; color: #fff; font-size: 20px; padding: 5px 20px; border-radius: 20px; background-color: transparent; transition: background-color 0.3s; } .header .gwhtel-link:hover { background-color: #AC5BA0; transition: background-color 0.3s; color: #933689; } .header .img-with-search { display: flex; justify-content: flex-end; gap: 30px; height: 100%; align-items: center; } .header .gwhtel { height: 50px; width: auto; } .navigation-row .col-lg-3 .logo a { display: contents; } .input-with-icon { position: relative; display: grid; justify-self: right; } .input-with-icon input { padding-right: 2.25rem; /* Platz fürs Icon */ height: 2.5rem; border: none; border-radius: 0.5rem; outline: none; padding-left: 20px; } .input-with-icon::after { content: ""; position: absolute; right: 0.625rem; /* Icon rechts */ top: 50%; transform: translateY(-50%); width: 1.2rem; height: 1.2rem; pointer-events: none; /* Klicks gehen an das Input */ opacity: 0.8; background: no-repeat center / contain url(data:image/png;base64,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); } /* Fokus-Style (optional) */ .input-with-icon input:focus { border-color: #7aa7ff; box-shadow: 0 0 0 3px rgba(122, 167, 255, 0.25); } .navigation-row .col-lg-3 { position: relative; } .navigation-row .col-lg-3 .logo { width: 100%; background-color: #fff; position: absolute; top: -72px; height: 139px; transform: skewX(-20deg); } .navigation-row .col-lg-3 .logo img { max-width: 200px; width: 100%; height: auto; position: absolute; padding: 10px; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%) skewX(20deg); } #rwd { display: none; } .header { background: linear-gradient(90deg, #8D3987 0%, #8D3987 35%, #41506F 65%, #06615C 100%); } #header .news-item-col img { margin-bottom: 20px; } #header .news-item-col h4 { font-family: poppins-bold, sans-serif; } #header .news-item-col .button { font-family: poppins-bold, sans-serif; font-size: 1rem; } #header .news-item-col .news-item img { max-height: 150px; height: 100%; width: auto; text-align: left; object-fit: contain; } #header .news-item-col .button-group { padding-right: 30px; } #header .news-item-col .button-group.text-right { text-align: right; } #header .news-item-col .button-group .button:hover { background-color: #933689; color: #fff !important; } #header .navigation { padding: 0 20px; padding-top: 15px; position: relative; } #header .navigation ul { display: flex; list-style-type: none; gap: 20px; } #header .navigation ul li { padding: 0 20px; transition: all 0.5s ease; } #header .navigation ul li.active { border-radius: 20px; } #header .navigation ul li.active a { color: #fff; } #header .navigation ul li.active a:focus-within { padding: initial; } #header .navigation ul li a:focus-within { border: none; outline-offset: 0; outline: none; padding: 0 20px; border-radius: 20px; } #header .navigation ul li:hover, #header .navigation ul li.open { border-radius: 20px; cursor: pointer; } #header .navigation ul li:hover a, #header .navigation ul li.open a { padding: 0; color: #fff; } #header .navigation ul li:hover a:focus-within, #header .navigation ul li.open a:focus-within { border: none; outline-offset: 0; outline: none; } #header .navigation ul li:hover ul, #header .navigation ul li.open ul { display: block; } #header .navigation ul li:hover ul li, #header .navigation ul li.open ul li { margin-bottom: 10px; } #header .navigation ul li:hover .first-col, #header .navigation ul li.open .first-col { column-count: 2; } #header .navigation ul li:hover .sub, #header .navigation ul li.open .sub { padding-top: 30px; position: absolute; top: 37px; width: 100%; left: -325px; min-width: 1320px; display: block; z-index: 9; } #header .navigation ul li:hover .sub li, #header .navigation ul li.open .sub li { padding-left: 0; } #header .navigation ul li:hover .sub li.active a, #header .navigation ul li.open .sub li.active a { color: #fff; } #header .navigation ul li:hover .sub a, #header .navigation ul li.open .sub a { background-color: transparent; padding: 0 20px; border-radius: 20px; color: #933689; } #header .navigation ul li:hover .sub ul li:hover a, #header .navigation ul li.open .sub ul li:hover a { color: #fff; } #header .navigation ul li:hover .subnavigation-row, #header .navigation ul li.open .subnavigation-row { display: flex; background-color: #f2f2f2; padding-bottom: 30px; padding-top: 30px; border-bottom-right-radius: 25px; border-bottom-left-radius: 25px; } #header .navigation ul li .sub { display: none; } #header .navigation ul li ul li { line-height: 40px; } #header .navigation ul a { color: #933689; text-decoration: none; } #footer .navigation { position: relative; } #footer .navigation ul { display: flex; gap: 30px; } #footer .navigation a { text-decoration: none; font-family: poppins-bold, sans-serif; } #footer .navigation li::after { content: ""; display: block; opacity: 0; visibility: hidden; height: 2px; background-color: #fff; transition: opacity 0.5s; } #footer .navigation li:first-child { display: none; } #footer .navigation li:hover:after { visibility: visible; opacity: 1; transition: opacity 0.5s; } #footer .navigation li:hover ul { display: grid; flex-wrap: wrap; /* Items umbrechen */ grid-template-columns: 1fr 1fr 1fr; } #footer .navigation li:hover ul a { font-size: 16px; } #footer .navigation li:hover ul li::after { visibility: hidden; } #footer .navigation li:hover ul li a .text { width: fit-content; display: inline-block; } #footer .navigation li:hover ul li a .text::after { height: 2px; content: ""; display: block; visibility: hidden; opacity: 0; background-color: #fff; } #footer .navigation li:hover ul li:hover a .text::after { opacity: 1; visibility: visible; transition: opacity 0.5s; } #footer .navigation li ul { display: none; position: absolute; left: 0; max-width: 700px; width: 100%; gap: 5px; } #footer .navigation li ul li:first-child { display: block; } #footer .footer-navigation ul li { transition: color 0.2s; } #footer .footer-navigation ul li:hover a { transition: color 0.2s; } .template-gwhtel #footer .footer-navigation ul li:hover a { color: #933689; } .template-gwhtel #header .navigation ul li:hover, .template-gwhtel #header .navigation ul li.open, .template-gwhtel #header .active { background-color: #AC5BA0; } .chooser { position: relative; margin-bottom: 160px; } .chooser .image { position: relative; } .chooser .mobile-image { display: none; } .chooser .chooser-content { margin-top: -300px; padding-bottom: 40px; } .chooser .outline { border: 2px solid #fff; padding: 5px 20px; border-radius: 30px; color: #fff; } .chooser a.tarif-berechnen { font-size: 1.2rem; padding-left: 30px; padding-right: 30px; } .chooser a { color: #fff; text-decoration: none; font-family: poppins-regular, sans-serif; } .chooser .heading h1 { font-size: 3rem; } .chooser h2 { font-family: poppins-bold, sans-serif; font-size: 4rem; color: #fff; } .chooser .heading { position: absolute; right: 500px; top: 200px; } .chooser .mobile-first-heading { display: none; } .chooser-content { position: relative; border-radius: 50px; overflow: hidden; /* rund an allen 4 Ecken */ color: #fff; /* falls du Weiß willst wie vorher */ height: 500px; } /* Hintergrundfläche + Maske (Bogen) */ .chooser-content::before { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; background: linear-gradient(90deg, #8d3b88, #0b6a67); -webkit-mask: url("data:image/svg+xml;utf8,\ \ \ ") center / 100% 100% no-repeat; mask: url("data:image/svg+xml;utf8,\ \ \ ") center / 100% 100% no-repeat; } /* Inhalt über den Hintergrund legen */ .chooser-content > * { position: relative; z-index: 1; } .chooser .absenden-btn { line-height: 39px; text-align: center; display: block; } .chooser .absenden-btn:hover { background-color: #933689; border-color: #933689; } .heading .darkgreen { color: #933689; } .heading.heading-green { color: #933689; } .heading h1 { font-family: poppins-bold, sans-serif; } .Startseite .container { z-index: 99999; position: relative; } html body .container.equal-height .contact-information { height: 100%; } html body .row.equal-height { overflow: hidden; } html body .row.equal-height .tarif-kachel { height: 100%; } html body .row.equal-height .tarif-kachel .content { height: 92%; } html body .row.equal-height .contact-information { height: 100%; } html body .padding-top-10 { padding-top: 10px; } html body .padding-top-20 { padding-top: 20px; } html body .padding-top-30 { padding-top: 30px; } html body .padding-top-40 { padding-top: 40px; } html body .padding-top-50 { padding-top: 50px; } html body .padding-top-60 { padding-top: 60px; } html body .padding-top-70 { padding-top: 70px; } html body .padding-top-80 { padding-top: 80px; } html body .padding-top-90 { padding-top: 90px; } html body .padding-top-100 { padding-top: 100px; } html body .padding-top-110 { padding-top: 110px; } html body .padding-top-120 { padding-top: 120px; } html body .padding-top-130 { padding-top: 130px; } html body .padding-top-140 { padding-top: 140px; } html body .padding-top-150 { padding-top: 150px; } html body .padding-bottom-10 { padding-bottom: 10px; } html body .padding-bottom-20 { padding-bottom: 20px; } html body .padding-bottom-30 { padding-bottom: 30px; } html body .padding-bottom-40 { padding-bottom: 40px; } html body .padding-bottom-50 { padding-bottom: 50px; } html body .padding-bottom-60 { padding-bottom: 60px; } html body .padding-bottom-70 { padding-bottom: 70px; } html body .padding-bottom-80 { padding-bottom: 80px; } html body .padding-bottom-90 { padding-bottom: 90px; } html body .padding-bottom-100 { padding-bottom: 100px; } html body .padding-bottom-110 { padding-bottom: 110px; } html body .padding-bottom-120 { padding-bottom: 120px; } html body .padding-bottom-130 { padding-bottom: 130px; } html body .padding-bottom-140 { padding-bottom: 140px; } html body .padding-bottom-150 { padding-bottom: 150px; } html body .margin-top-10 { margin-top: 10px; } html body .margin-top-20 { margin-top: 20px; } html body .margin-top-30 { margin-top: 30px; } html body .margin-top-40 { margin-top: 40px; } html body .margin-top-50 { margin-top: 50px; } html body .margin-top-60 { margin-top: 60px; } html body .margin-top-70 { margin-top: 70px; } html body .margin-top-80 { margin-top: 80px; } html body .margin-top-90 { margin-top: 90px; } html body .margin-top-100 { margin-top: 100px; } html body .margin-top-110 { margin-top: 110px; } html body .margin-top-120 { margin-top: 120px; } html body .margin-top-130 { margin-top: 130px; } html body .margin-top-140 { margin-top: 140px; } html body .margin-top-150 { margin-top: 150px; } html body .margin-bottom-10 { margin-bottom: 10px; } html body .margin-bottom-20 { margin-bottom: 20px; } html body .margin-bottom-30 { margin-bottom: 30px; } html body .margin-bottom-40 { margin-bottom: 40px; } html body .margin-bottom-50 { margin-bottom: 50px; } html body .margin-bottom-60 { margin-bottom: 60px; } html body .margin-bottom-70 { margin-bottom: 70px; } html body .margin-bottom-80 { margin-bottom: 80px; } html body .margin-bottom-90 { margin-bottom: 90px; } html body .margin-bottom-100 { margin-bottom: 100px; } html body .margin-bottom-110 { margin-bottom: 110px; } html body .margin-bottom-120 { margin-bottom: 120px; } html body .margin-bottom-130 { margin-bottom: 130px; } html body .margin-bottom-140 { margin-bottom: 140px; } html body .margin-bottom-150 { margin-bottom: 150px; } html body .margin-bottom-col-10 .contact-person { margin-bottom: 10px; } html body .margin-bottom-col-20 .contact-person { margin-bottom: 20px; } html body .margin-bottom-col-30 .contact-person { margin-bottom: 30px; } html body .margin-bottom-col-40 .contact-person { margin-bottom: 40px; } html body .margin-bottom-col-50 .contact-person { margin-bottom: 50px; } html body .margin-bottom-col-60 .contact-person { margin-bottom: 60px; } html body .margin-bottom-col-70 .contact-person { margin-bottom: 70px; } html body .margin-bottom-col-80 .contact-person { margin-bottom: 80px; } html body .margin-bottom-col-90 .contact-person { margin-bottom: 90px; } html body .margin-bottom-col-100 .contact-person { margin-bottom: 100px; } html body .margin-bottom-col-110 .contact-person { margin-bottom: 110px; } html body .margin-bottom-col-120 .contact-person { margin-bottom: 120px; } html body .margin-bottom-col-130 .contact-person { margin-bottom: 130px; } html body .margin-bottom-col-140 .contact-person { margin-bottom: 140px; } html body .margin-bottom-col-150 .contact-person { margin-bottom: 150px; } .show-mobile-tablet, .show-mobile, .show-tablet { display: none; } .row.equal-height { display: flex; align-items: stretch; } .row.equal-height > .col { display: flex; } .row.equal-height > .col > .product-kachel { width: 100%; } .product-kachel { display: flex; flex-direction: column; } .product-kachel .button-group { margin-top: auto; } .container.equal-height .einfache-kachel { height: 100%; } @media screen and (max-width: 1024px) { .show-desktop, .show-tablet-desktop { display: none; } .show-mobile-tablet, .show-mobile, .show-tablet { display: block; } } html body .accordion-wrapper { overflow: hidden; } html body .accordion-wrapper .buttons-group { width: fit-content; background-color: #933689; padding: 10px 30px; } html body .accordion-wrapper .buttons-group a { color: #fff; text-decoration: none; font-size: 20px; font-family: poppins-bold, sans-serif; } html body .accordion-wrapper .buttons-group:hover { background-color: #AC5BA0; } html body .accordion-wrapper .text-right { display: flex; justify-content: end; } html body .accordion-item { border: none; border-radius: 0; margin-bottom: 10px; } html body .accordion-header { background-color: #933689; color: #fff; } html body .accordion-button { position: relative; border: none; background-color: transparent; border-radius: 0; padding-left: 60px; color: #fff; font-size: 19px; width: 94%; justify-content: space-between; display: grid; grid-template-columns: 7fr 2fr; } html body .accordion-button::after { position: absolute; left: 10px; color: #fff; width: 2rem; height: 2rem; background-size: 2rem; background-image: url(data:image/png;base64,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); } html body .accordion-collapse { background-color: #f2f2f2; } html body .accordion-collapse .accordion-body .row { padding-top: 30px; padding-bottom: 30px; } html body .accordion-collapse h5 { font-size: 33px; } html body .accordion-collapse p, html body .accordion-collapse ul li, html body .accordion-collapse ol li { font-size: 17px; } html body .accordion-collapse .pdf-link { display: flex; gap: 20px; text-decoration: none; align-items: center; color: #000; } html body .accordion-collapse .download-arrow { width: 50px; height: 50px; flex: 0 0 50px; } html body .accordion-collapse a { color: #000; } html body .accordion-button:not(.collapsed) { background-color: #933689; border-radius: 0; color: #fff; } html body .accordion-button:not(.collapsed)::after { background-image: url(data:image/png;base64,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); transform: none; } html body .template-gwhtel .accordion-header { background-color: #933689; } html body .template-gwhtel .accordion-button:not(.collapsed) { background-color: #933689; } html body .template-gwhtel .sauber-sicher-accordion-button .accordion-button { color: #fff; } html body .einfache-kachel { padding: 40px; } .einfache-kachel { background-color: #ffffff; border-radius: 20px; padding: 40px; width: 100%; font-family: nunito-regular, sans-serif; color: #2b2b2b; line-height: 1.6; position: relative; } .einfache-kachel ul li, .einfache-kachel ol li { font-size: 1.1rem; font-family: nunito-regular, sans-serif; } .einfache-kachel.padding-bottom-10 { padding-bottom: 10px !important; } .einfache-kachel.padding-bottom-20 { padding-bottom: 20px !important; } .einfache-kachel.padding-bottom-30 { padding-bottom: 30px !important; } .einfache-kachel.padding-bottom-40 { padding-bottom: 40px !important; } .einfache-kachel.padding-bottom-50 { padding-bottom: 50px !important; } .einfache-kachel.padding-bottom-60 { padding-bottom: 60px !important; } .einfache-kachel.padding-bottom-70 { padding-bottom: 70px !important; } .einfache-kachel.padding-bottom-80 { padding-bottom: 80px !important; } .einfache-kachel.padding-bottom-90 { padding-bottom: 90px !important; } .einfache-kachel.padding-bottom-100 { padding-bottom: 100px !important; } .einfache-kachel.padding-bottom-110 { padding-bottom: 110px !important; } .einfache-kachel.padding-bottom-120 { padding-bottom: 120px !important; } .einfache-kachel.padding-bottom-130 { padding-bottom: 130px !important; } .einfache-kachel.padding-bottom-140 { padding-bottom: 140px !important; } .einfache-kachel.padding-bottom-150 { padding-bottom: 150px !important; } .info-icon { background-color: #AC5BA0; width: 60px; height: 60px; border-radius: 50%; position: absolute; top: -30px; right: 40px; } .info-icon svg { fill: #AC5BA0; } .info-icon img { width: 20%; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); } .info-icon span { font-size: 2rem; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); } .einfache-kachel.bg-green { background-color: #b5ff2e; } .einfache-kachel.bg-darkgreen .info-icon, .einfache-kachel.bg-darkgreen .download-arrow { background-color: #933689; } .einfache-kachel.bg-gray { background-color: #f5f5f5; } .einfache-kachel h1, .einfache-kachel h2, .einfache-kachel h3 { font-weight: 700; margin-top: 0; } .einfache-kachel p { margin-bottom: 1em; font-size: 1rem; } .einfache-kachel .product-list li p { margin-bottom: 0; } .einfache-kachel .frame-type-text ul li { font-size: 1rem; } .einfache-kachel a { color: #111; font-weight: 600; text-decoration: none; } .einfache-kachel a:hover { text-decoration: underline; } .template-gwh .tarif-merkmale .table-details table td.bg-lightgreen { background-color: #AC5BA0; } .template-gwh .tarif-merkmale.higlight-bg-lightgreen .button { background-color: #AC5BA0; } .template-gwh .tarif-merkmale.higlight-bg-lightgreen .button:hover { background-color: #933689; } .template-gwhtel .tarif-merkmale .table-details table td.bg-lightgreen { background-color: #AC5BA0; } .template-gwhtel .tarif-merkmale.higlight-bg-lightgreen .button { background-color: #AC5BA0; } .template-gwhtel .tarif-merkmale.higlight-bg-lightgreen .button:hover { background-color: #933689; } .template-gwhtel .tarif-merkmale .table-details table td.bg-darkgreen { background-color: #933689; } .template-gwhtel .tarif-merkmale.higlight-bg-darkgreen .download-arrow { background-color: #933689; } .template-gwhtel .tarif-merkmale.higlight-bg-darkgreen .button { background-color: #933689; } .template-gwhtel .tarif-merkmale.higlight-bg-darkgreen .button:hover { background-color: #AC5BA0; } .template-gwhtel .einfache-kachel.bg-darkgreen .info-icon, .template-gwhtel .einfache-kachel.bg-darkgreen .download-arrow { background-color: #933689; } .template-gwhtel .einfache-kachel .frame-type-text a { color: #933689; } .template-gwhtel .info-icon { background-color: #AC5BA0; } html body .einfache-kachel .contenttable tr td { background-color: #f2f2f2; } html body .contenttable { width: 100%; border-collapse: separate; border-spacing: 0 10px; } html body .contenttable tr { border: none; background-color: transparent; } html body .contenttable tr td { margin-bottom: 10px; height: 80px; padding-top: 10px; padding-bottom: 10px; font-family: poppins-regular, sans-serif; background-color: #fff; padding-left: 20px; } html body .contenttable tr td p { font-size: 1.5rem; } html body .contenttable tr td.td-background-darkgreen { background-color: #933689; color: #fff; } html body .contenttable tr td.td-background-transparent { background-color: transparent; } html body .contenttable tr td p { margin-bottom: 0; } html body .contenttable tr td strong { font-family: poppins-medium, sans-serif; } html body .template-gwhtel .contenttable tr td.td-background-darkgreen { background-color: #933689; } .download { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; } .download a { margin-top: 0; } .download .small-info-icon { width: 40px; height: 40px; background-color: #f2f2f2; border-radius: 50%; position: relative; } .download .small-info-icon img { width: 20%; height: auto; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); } .download-arrow { background-color: #AC5BA0; width: 60px; height: 60px; border-radius: 50%; position: relative; flex: 0 0 60px; } .download-arrow img { max-width: 50%; width: 100%; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); } .download-arrow + span { font-family: poppins-regular, sans-serif; color: #000; } html body .download-button { display: flex; gap: 20px; align-items: center; text-decoration: none; } html body .download-button:hover { text-decoration: none; } html body .download-button .link-content { line-height: 25px; } html body .download-button .link-content span:first-child { display: block; } html body .download-button .link-content span.small-text { font-size: 0.9rem; } html body .template-gwhtel .download-arrow { background-color: #AC5BA0; } html body .news-single .article .news-img-wrap { float: none; width: 100%; margin: 0; } html body .news-single .article .news-img-wrap img { width: 100%; } .f3-widget-paginator { display: flex; gap: 20px; justify-content: center; padding-left: 0; list-style: none; width: fit-content; background-color: #fff; border-radius: 20px; margin: 0 auto; } .f3-widget-paginator li { color: #000; padding: 0 20px; } .f3-widget-paginator li:first-child { border-bottom-left-radius: 10px; border-top-left-radius: 10px; } .f3-widget-paginator li:last-child { border-top-right-radius: 20px; border-bottom-right-radius: 20px; } .f3-widget-paginator li a { color: #000; text-decoration: none; } .f3-widget-paginator li:hover { background-color: #AC5BA0; } .f3-widget-paginator li.current { background-color: purple; color: #fff; } .f3-widget-paginator + .list-view { margin-top: 60px; } html body { /* Zeile als Flex-Container – eigentlich macht Bootstrap das schon, aber hier schadet es nicht, es explizit zu setzen */ /* Jede News-Spalte als Flex-Container */ /* Die eigentliche Kachel füllt die gesamte Höhe der Spalte */ /* Inhalt dehnt sich, damit der "Mehr erfahren"-Button unten landet */ /* Bild nice responsive (falls noch nicht so) */ /* Jede News-Spalte ist ein Flex-Container */ /* Die eigentliche Kachel füllt die komplette Spaltenhöhe */ /* Inhalt soll den verfügbaren Platz einnehmen, damit der "Mehr erfahren"-Button immer unten sitzt */ /* Optional: Bild responsive */ } html body .stoerung-list h3 { color: #000; font-family: poppins-bold, sans-serif; } html body .stoerung-list .stoerungen-reihe { margin-bottom: 30px; } html body .news-list-view .row.equal-height { display: flex; flex-wrap: wrap; } html body .news-list-view .row.equal-height .news-item { display: flex; margin-bottom: 30px; /* optionaler Abstand */ } html body .news-list-view .row.equal-height .news-item > .article { display: flex; flex-direction: column; width: 100%; } html body .news-list-view .row.equal-height .news-item .news-content { flex: 1 1 auto; } html body .news-list-view .row.equal-height .news-item .news-img-wrap img { width: 100%; height: auto; display: block; } html body .row.list-view .news-item { display: flex; margin-bottom: 40px; /* falls du etwas Abstand nach unten willst */ } html body .row.list-view .news-item > .article { display: flex; flex-direction: column; width: 100%; } html body .row.list-view .news-item .news-content { flex: 1 1 auto; } html body .row.list-view .news-item .news-img-wrap img { width: 100%; height: auto; display: block; } html body .no-entrys { display: none; } html body .filter-wrapper { background-color: #fff; display: flex; width: 100%; border-radius: 25px; } html body .filter-wrapper .label { background-color: #AC5BA0; color: #3f403a; border-top-left-radius: 25px; border-bottom-left-radius: 25px; text-align: center; display: flex; align-items: center; padding: 0 38px; width: 22%; font-family: poppins-bold, sans-serif; } html body .filter-wrapper .filter-select { width: 75%; } html body #filter-news { background-color: transparent; margin-bottom: 0; width: 100%; border-top-left-radius: 0; border-bottom-left-radius: 0; } html body .news .article .news-img-wrap { float: none; width: 100%; background: transparent; margin: 0; } html body .news .article .news-img-wrap a { float: none; padding: 0; border: 0; background: transparent; width: 100%; } .news-list-view .row.equal-height { overflow: initial; } .news-single .teaser-text p { color: #000; } .news-single .bodytext { margin-bottom: 40px; } .news-single .detail-galery { margin-top: 60px; display: grid; gap: 10px; justify-content: space-between; grid-template-columns: 1fr 1fr 1fr; } .singleview { background-color: #f2f2f2; border-radius: 20px; position: relative; padding-bottom: 40px; } .singleview.topnews .header-news a { font-size: 2.5rem; } .singleview.topnews .teaser-text ul { font-size: 1rem; } .singleview .category { position: absolute; left: 30px; top: -20px; } .singleview .category span { background-color: #AC5BA0; border-radius: 30px; padding: 10px 30px; font-family: poppins-bold, sans-serif; font-size: 1.3rem; } .singleview .header-news, .singleview .teaser-text { padding-left: 40px; padding-right: 40px; } .singleview .header-news { padding-top: 40px; padding-bottom: 20px; } .singleview .header-news a { text-decoration: none; color: #3f403a; font-size: 3rem; } .singleview .more-button a { border: 2px solid #006462; color: #006462; font-size: 1rem; font-weight: bold; } .singleview .more-button a:hover { background-color: #006462; color: #fff; } .news-backlink-wrap { margin-left: 20px; } .news-backlink-wrap .buttons-group { width: fit-content; padding: 5px 25px; background-color: #933689; transition: background-color 0.4s; } .news-backlink-wrap .buttons-group a { color: #fff; text-decoration: none; } .news-backlink-wrap .buttons-group:hover { background-color: #AC5BA0; } .news-backlink-wrap .buttons-group:hover a { color: #933689; } .news-single .news-text-wrap a { width: fit-content; } .news-single .header { height: initial; padding: 20px; color: #fff; } .news-single .header h1 { margin-bottom: 0; } .news-single .news-text-wrap { padding: 20px; background-color: #f2f2f2; } .news-single .news-text-wrap .button-element { width: fit-content; } .header-news a { color: #3f403a; font-family: poppins-bold, sans-serif; } .more-button { display: flex; justify-content: right; } .more-button a { border-radius: 25px; text-decoration: none; padding: 5px 30px; } .list-view .article { margin-bottom: 50px; } .article.bg-white .news-content { background-color: #fff; } .news-content { background-color: #f2f2f2; padding: 20px 30px; } html body .news .article:last-child.topnews { padding-bottom: 20px; } html body .news .article:last-child.topnews .teaser-text p { font-size: 1rem; } html body .news-list-view .topnews { padding-bottom: 20px; } html body .news-list-view .topnews .col-md-4 img { width: 100%; height: auto; float: none; } .news-single .news-text-wrap a { color: #000; } .news-single .news-text-wrap a.download-button { text-decoration: none; } .no-singleview { position: relative; } .no-singleview .category { position: absolute; left: 20px; top: -20px; } .no-singleview .category span { background-color: #AC5BA0; border-radius: 30px; padding: 10px 30px; font-family: poppins-bold, sans-serif; font-size: 1rem; } .no-singleview .news-img-wrap { max-height: 290px; height: 100%; display: block; } .no-singleview .news-img-wrap a { min-height: 280px; width: 100%; height: 100%; } .no-singleview .news-img-wrap img { width: 100% !important; height: 100% !important; object-fit: cover; } .no-singleview img { margin-bottom: 10px; max-height: 278px; height: 100%; object-fit: cover; } .no-singleview .header-news { margin-bottom: 20px; } .no-singleview .header-news a { text-decoration: none; color: #933689; font-size: 1.7rem; } .no-singleview .inhalt { color: #933689; } .no-singleview .inhalt p { font-size: 1rem; } .no-singleview .more-button a { border: 2px solid #933689; color: #933689; font-size: 1rem; font-weight: bold; } .no-singleview .more-button a:hover { background-color: #933689; color: #fff; } html body .template-gwhtel .filter-wrapper .label { background-color: #AC5BA0; } .template-gwhtel .no-singleview .category span { background-color: #933689; color: #fff; } .template-gwhtel .no-singleview .header-news a { color: #933689; } .template-gwhtel .no-singleview .inhalt { color: #933689; } .template-gwhtel .no-singleview .more-button a { border-color: #933689; color: #933689; } .template-gwhtel .no-singleview .more-button a:hover { background-color: #933689; color: #fff; } .template-gwhtel .singleview .category span { background-color: #933689; color: #fff; } .template-gwhtel .singleview .more-button a { border-color: #933689; color: #933689; } .template-gwhtel .singleview .more-button a:hover { background-color: #933689; color: #fff; } .kachel .kachel-content .buttons-group-1 a { color: black; } .row.equal-height .kachel { height: 100%; } .row.equal-height .kachel .kachel-content { height: 100%; overflow: hidden; } .kachel .kachel-content.darkgray .buttons-group-1 a { color: #3f403a !important; } .kachel .farbverlauf.kachel-content { position: relative; border-bottom-left-radius: 28px; /* dein Radius */ overflow: hidden; background: none; /* wichtig: Verlauf NICHT hier, kommt in ::before */ } .kachel .skewed.kachel-content { position: relative; border-bottom-left-radius: 28px; /* dein Radius */ overflow: hidden; background: none; /* wichtig: Verlauf NICHT hier, kommt in ::before */ } /* Hintergrund + Bogen-Maske */ .kachel .farbverlauf.kachel-content::before { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; /* dein Verlauf (ggf. Farben anpassen oder Klassen-Variablen nutzen) */ background: linear-gradient(90deg, #8d3b88, #0b6a67); /* Bogen unten (ansteigend) */ -webkit-mask: url("data:image/svg+xml;utf8,\ \ \ ") center / 100% 100% no-repeat; mask: url("data:image/svg+xml;utf8,\ \ \ ") center / 100% 100% no-repeat; } /* Inhalt über dem Hintergrund */ .kachel .farbverlauf.kachel-content > * { position: relative; z-index: 1; } .kachel .skewed.kachel-content > * { position: relative; z-index: 1; } .kachel .skewed.kachel-content::before { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; /* dein Verlauf (ggf. Farben anpassen oder Klassen-Variablen nutzen) */ /* Bogen unten (ansteigend) */ -webkit-mask: url("data:image/svg+xml;utf8,\ \ \ ") center / 100% 100% no-repeat; mask: url("data:image/svg+xml;utf8,\ \ \ ") center / 100% 100% no-repeat; } /* Inhalt über dem Hintergrund */ .kachel .farbverlauf.kachel-content > * { position: relative; z-index: 1; } .kachel .kachel-content { margin-top: 10px; padding: 20px 30px; min-height: 274px; } .kachel .kachel-content.bg-darkpurple { background-color: #933689; } .kachel .kachel-content.bg-darkpurple .buttons-group-1:hover { background-color: #AC5BA0; } .kachel .kachel-content.bg-purple { background-color: #AC5BA0; } .kachel .kachel-content.bg-lightgray { background-color: #f2f2f2; } .kachel .kachel-content.bg-darkgray { background-color: #3c3c3b; } .kachel .kachel-content.bg-darkgray .buttons-group-1 { background-color: #933689; border-color: #933689; } .kachel .kachel-content.farbverlauf_gwh_tel { background: linear-gradient(90deg, #8d3b88, #0b6a67); } .kachel .kachel-content.lightgray { color: #f2f2f2; } .kachel .kachel-content.lightgray .buttons-group-1 a { color: #3f403a; } .kachel .kachel-content.lightgray .buttons-group-1 a:hover { color: #fff; } .kachel .kachel-content.darkgray .buttons-group-1:hover a { color: #fff !important; } .kachel .kachel-content.white .heading, .kachel .kachel-content.white .kachel-inhalt { color: #fff; } .kachel .kachel-content.white .buttons-group-1 { border-color: #fff; } .kachel .kachel-content.white .buttons-group-1 a { color: #fff; } .kachel .kachel-content.white .buttons-group-1:hover { border-color: #933689; } .kachel .kachel-content .button-row { display: grid; } .kachel .kachel-content .buttons-group-1 { text-align: right; justify-self: center; padding: 5px 30px; font-size: 1rem; margin-top: 20px; } .kachel .kachel-content .buttons-group-1 a { text-decoration: none; } .kachel .kachel-content.skewed.bg-lightgreen { color: #000; } .kachel .kachel-content.skewed.bg-lightgreen::before { background-color: #AC5BA0; } .kachel .kachel-content.skewed.bg-lightgreen .buttons-group-1 { border-color: #000; } .kachel .kachel-content.skewed.bg-lightgreen .buttons-group-1 a { color: #000 !important; } .button-element { display: flex; padding-left: 10px; padding-right: 20px; border-radius: 40px; padding-top: 10px; padding-bottom: 10px; align-items: center; text-decoration: none; } .button-element.bg-lightgreen { background-color: #AC5BA0; color: #933689; } .button-element.bg-lightgreen:hover { background-color: #933689; color: #fff; } .button-element:hover.bg-darkgreen { background-color: #AC5BA0; color: #933689; text-decoration: none; } .button-element:hover.bg-darkgreen .text { color: #933689; } .button-element:hover.bg-darkpurple { background-color: #AC5BA0; color: #3f403a; text-decoration: none; } .button-element:hover.bg-darkpurple .text { color: #3f403a; } .button-element.bg-darkgreen { background-color: #933689; text-decoration: none; } .button-element.bg-darkgreen .text { color: #fff; padding-left: 20px; } .button-element.bg-purple { background-color: #AC5BA0; color: #fff; } .button-element.bg-purple:hover { background-color: #933689; } .button-element.bg-darkpurple { background-color: #933689; text-decoration: none; } .button-element.bg-darkpurple .text { color: #fff; padding-left: 20px; } .button-element .icon { width: 60px; height: 60px; position: relative; } .button-element.no-icon { padding-left: 20px; text-align: center; } .button-element.no-icon .text { padding-left: 0; width: 100%; } button { font-family: poppins-bold, sans-serif; } button.outline { border: 2px solid #AC5BA0; padding: 5px 20px; border-radius: 30px; color: #fff; } .anchor-buttons { display: grid; margin-top: 30px; grid-template-columns: 1fr 1fr; gap: 20px; } .anchor-buttons.one-col { grid-template-columns: 1fr; max-width: 90%; width: 100%; } .anchor-buttons .button { width: 100%; display: block; text-align: center; font-family: poppins-bold, sans-serif; } .anchor-buttons .button:hover { background-color: #AC5BA0; color: #3f403a; } .button.darkgreen-button { color: #fff; padding: 5px 20px; text-decoration: none; border-radius: 30px; } .button.outline { border: 2px solid #AC5BA0; padding: 5px 20px; border-radius: 30px; color: #fff; } .button.outline-black { border-color: #3f403a; color: #3f403a !important; } .buttons-group, .buttons-group-1 { background-color: #fff; border-radius: 35px; display: flex; gap: 25px; padding-top: 5px; padding-bottom: 5px; justify-content: space-between; padding-left: 5px; padding-right: 5px; } .buttons-group button, .buttons-group-1 button { max-width: 160px; width: 100%; text-align: center; } .buttons-group-1 { background-color: transparent; border: 2px solid #3f403a; transition: background-color 0.3s; } .buttons-group-1:hover { background-color: #933689; border-color: #933689; transition: background-color 0.3s; } .buttons-group-1:hover a { color: #fff; } .template-gwh .button.darkgreen-button { background-color: #933689; transition: background-color 0.3s; } .template-gwh .button.darkgreen-button:hover { background-color: #AC5BA0; transition: background-color 0.3s; } .template-gwhtel .button.darkgreen-button { background-color: #933689; transition: background-color 0.3s; } .template-gwhtel .button.darkgreen-button:hover { background-color: #AC5BA0; transition: background-color 0.3s; } .template-gwhtel .button-element.bg-darkgreen { background-color: #933689; } .template-gwhtel .button-element.bg-darkgreen:hover { background-color: #AC5BA0; } .template-gwhtel .button-element.bg-darkgreen:hover .text { color: #fff; } .product-kachel { background-color: #fff; padding: 30px; border-radius: 20px; } .product-kachel .icon { text-align: center; margin-bottom: 20px; } .product-kachel .icon img { max-height: 80px; height: 100%; width: auto; } .product-kachel h3 { font-family: poppins-bold, sans-serif; font-size: 1.4rem; } .product-kachel .heading { text-align: center; font-family: poppins-bold, sans-serif; color: #3f403a; margin-bottom: 30px; } .product-kachel .heading h4 { font-size: 1.4rem; } .product-kachel .product-list { margin-bottom: 30px; list-style-type: none; } .product-kachel .product-list li { display: flex; gap: 20px; font-size: 1.2rem; margin-bottom: 5px; align-items: center; } .product-kachel .product-list li span p { margin-bottom: 0; } .product-kachel .product-list li img { width: 30px; height: auto; } .product-kachel .button-group { background-color: #AC5BA0; text-align: center; padding: 10px 30px; border-radius: 30px; } .product-kachel .button-group a { color: #3f403a; text-decoration: none; font-family: poppins-bold, sans-serif; } .product-kachel .button-group:hover { background-color: #933689; } .product-kachel .button-group:hover a { color: #fff; } .template-gwhtel .product-kachel .button-group { background-color: #933689; } .template-gwhtel .product-kachel .button-group a { color: #fff; } .template-gwhtel .product-kachel .button-group:hover { background-color: #AC5BA0; } @media screen and (min-width: 1366px) { #quick-element { position: fixed; top: 200px; left: 0px; width: 300px; z-index: 9999; } #quick-element .close-btn { display: none; } #quick-element .quick { display: flex; align-items: center; margin-bottom: 10px; position: absolute; transition: left 0.5s; } #quick-element .quick:hover { cursor: pointer; } #quick-element .quick.show-quick { left: 0; } #quick-element .click-element { width: 85px; height: 85px; position: relative; } #quick-element .click-element .title { font-size: 13px; line-height: 12px; width: 100%; display: block; margin-top: 51px; color: #000; text-align: center; } #quick-element .click-element img { max-width: 55%; width: 100%; position: absolute; top: 10px; left: 50%; transform: translateX(-50%); } #quick-element .link-element { line-height: 85px; margin-right: 5px; padding-left: 10px; padding-right: 10px; font-size: 1.2rem; } #quick-element .link-element a { color: #fff; text-decoration: none; } #quick-element .quick-first { left: -178px; } #quick-element .quick-first .click-element { border-top-right-radius: 10px; } #quick-element .quick-first .link-element { color: #3f403a; } #quick-element .quick-first .link-element a { color: #3f403a; } #quick-element .quick-first.show-quick a { color: #000; } #quick-element .quick-second { left: -178px; } #quick-element .quick-second .click-element .title { color: #fff; margin-top: 55px; } #quick-element .quick-third { left: -143px; } #quick-element .quick-third .click-element img { max-width: 50%; } #quick-element .quick-third .click-element .title { color: #fff; margin-top: 59px; } #quick-element .quick-fourth .click-element { border-bottom-right-radius: 10px; } #quick-element .quick-fourth .click-element img { max-width: 42%; left: 47%; top: 11px; } #quick-element .quick-fourth .click-element .title { margin-left: -2px; margin-top: 55px; color: #fff; } .quick-first { top: 0; left: -155px; } .quick-second { top: 90px; left: -178px; } .quick-second .icon-phone { position: absolute; top: 11px; left: 50%; transform: translateX(-50%); font-size: 2rem; color: #fff; } .quick-second .title { color: #fff; margin-top: 58px; } .quick-third { top: 180px; left: -178px; } .quick-fourth { top: 270px; left: -120px; } .quick-fourth .icon-envelope-o { position: absolute; top: 11px; left: 50%; transform: translateX(-50%); font-size: 2rem; color: #fff; } .quick-fourth .title { margin-left: 5px; } } #mobile-quick-element { display: none; } .template-gwhtel #quick-element .quick .click-element, .template-gwhtel #quick-element .quick .link-element { background-color: #09605D; } .template-gwhtel #quick-element .quick.quick-first .click-element, .template-gwhtel #quick-element .quick.quick-first .link-element { background-color: #AC5BA0; color: #000; } .template-gwh #quick-element .quick .click-element, .template-gwh #quick-element .quick .link-element { background-color: #933689; } .template-gwh #quick-element .quick.quick-first .click-element, .template-gwh #quick-element .quick.quick-first .link-element { background-color: #AC5BA0; } .uppercase-word { text-transform: capitalize; } .tx-indexedsearch-redMarkup { background-color: #AC5BA0; padding-left: 5px; padding-right: 5px; } .search-heading { display: flex; gap: 20px; } .search-heading h3 a { text-decoration: none; color: #933689; } ul.tx-indexedsearch-browsebox { list-style-type: none; padding-left: 0; display: flex; margin-top: 30px; justify-content: center; gap: 20px; } ul.tx-indexedsearch-browsebox li { background-color: #AC5BA0; transform: skewX(-20deg); padding: 5px 15px; } ul.tx-indexedsearch-browsebox li strong { display: block; transform: skewX(20deg); } ul.tx-indexedsearch-browsebox li a { transform: skewX(0deg); color: #fff; text-decoration: none; } .baustellenintro h3 { font-size: 2.5rem; color: #3f403a; font-family: poppins-bold, sans-serif; } /* The actual timeline (the vertical ruler) */ .timeline { position: relative; max-width: 100%; margin: 0 auto; padding-bottom: 50px; } .timeline .timeline-image img { width: auto; } /* The actual timeline (the vertical ruler) */ .timeline::after { content: ''; position: absolute; width: 6px; background-color: #3f403a; top: 0; bottom: 0; left: 50%; margin-left: -3px; z-index: -1; } /* Container around content */ .container-timeline { padding: 10px 40px; position: relative; background-color: inherit; width: 50%; } /* The circles on the timeline */ .container-timeline::after { content: ''; position: absolute; width: 25px; height: 25px; right: -12px; background-color: #AC5BA0; border: 4px solid #AC5BA0; top: 15px; border-radius: 50%; z-index: 1; } /* Place the container to the left */ .left { left: 0; } /* Place the container to the right */ .right { left: 50%; } /* Add arrows to the left container (pointing right) */ .left::before { content: " "; height: 0; position: absolute; top: 22px; width: 0; z-index: 1; right: 30px; border: medium solid white; border-width: 10px 0 10px 10px; border-color: transparent transparent transparent white; } /* Add arrows to the right container (pointing left) */ .right::before { content: " "; height: 0; position: absolute; top: 22px; width: 0; z-index: 1; left: 30px; border: medium solid white; border-width: 10px 10px 10px 0; border-color: transparent white transparent transparent; } /* Fix the circle for containers on the right side */ .right::after { left: -13px; } /* The actual content */ .timeline .content { padding: 20px 30px; background-color: white; position: relative; border-radius: 6px; } .template-gwhtel .container-timeline::after { background-color: #AC5BA0; border-color: #AC5BA0; } form, input, select, textarea, button { margin: 0; padding: 0; border: none; font: inherit; color: inherit; background: none; box-shadow: none; appearance: none; outline: none; vertical-align: middle; box-sizing: border-box; } form .btn-primary { background-color: lightgray; border-color: lightgray; color: black; } form .btn-primary:hover { background-color: lightgray; color: black; border-color: lightgray; } input, select, textarea, button { display: inline-block; width: auto; background-color: transparent; line-height: normal; } textarea { resize: none; overflow: auto; } button { cursor: pointer; } button:disabled { cursor: default; } select::-ms-expand { display: none; } .form, form { margin: 0; padding: 0; font: inherit; color: inherit; box-sizing: border-box; } form .form-group, form .form-row, form .form-control-wrap { margin: 0; padding: 0; box-sizing: border-box; } input, textarea, select, button { margin: 0; padding: 0; border: none; font: inherit; color: inherit; background: none; box-shadow: none; appearance: none; outline: none; box-sizing: border-box; } form input[type="text"], form input[type="email"], form input[type="tel"], form input[type="number"], form input[type="password"], form input[type="search"], form select, form textarea { width: 100%; display: block; resize: none; } form input[type="checkbox"], form input[type="radio"] { width: auto; display: inline-block; vertical-align: middle; appearance: none; } form button, form input[type="submit"], form input[type="reset"] { cursor: pointer; } form button:disabled, form input[type="submit"]:disabled, form input[type="reset"]:disabled { cursor: default; } form .has-error, form .error, form .error-message { color: inherit; background: none; border: none; } form .form-help, form .form-error, form .form-note { font-size: inherit; color: inherit; margin: 0; padding: 0; } form[id^="kontakt-"] { all: unset; display: block; box-sizing: border-box; font: inherit; color: inherit; } .form-group { margin: 0; padding: 0; box-sizing: border-box; border: none; } .form-label { margin: 0; padding: 0; font: inherit; color: inherit; display: block; } .form-label .required { font-weight: normal; } .input { margin: 0; padding: 0; box-sizing: border-box; } input.form-control, textarea.form-control, select.form-control { margin: 0; padding: 0; border: none; background: none; font: inherit; color: inherit; width: 100%; box-sizing: border-box; appearance: none; outline: none; resize: none; } textarea { min-height: 4rem; } input[aria-hidden="true"] { display: none !important; } button, input[type="submit"], input[type="button"], input[type="reset"] { all: unset; cursor: pointer; font: inherit; color: inherit; background: none; } button:disabled, input[type="submit"]:disabled, input[type="button"]:disabled, input[type="reset"]:disabled { cursor: default; opacity: 0.5; } .actions, .form-navigation, .btn-toolbar, .btn-group { all: unset; display: block; box-sizing: border-box; } .tarif-kachel { border-radius: 20px; color: #3f403a; position: relative; } .tarif-kachel .info-icon { background-color: #f2f2f2; top: 11px; right: 19px; } .tarif-kachel .product-list .modal-body table { width: 100%; } .tarif-kachel .product-list .modal-body table td { line-height: 50px; } .tarif-kachel .preise small { font-size: 0.8rem; display: block; } .tarif-kachel .preise .row { align-items: flex-end; } .tarif-kachel .preise .row h4 { font-weight: normal; font-family: poppins-regular, sans-serif; } .tarif-kachel .informations p { font-size: 1rem; } .tarif-kachel .pre-heading .info-icon { width: 50px; height: 50px; } .tarif-kachel ul { list-style-type: none; padding-left: 0; } .tarif-kachel ul li { display: flex; gap: 20px; font-size: 1.2rem; margin-bottom: 5px; align-items: center; } .tarif-kachel ul li img { width: 25px; height: auto; } .tarif-kachel.bg-lightgreen .modal-body table tr:first-child td { background-color: #AC5BA0; } .tarif-kachel.bg-darkgreen .pre-heading span { color: #fff; } .tarif-kachel.bg-darkgreen .modal-body table tr:first-child td { background-color: #933689; color: #fff; } .tarif-kachel .arrow-button { background-color: #f2f2f2; width: 25px; height: 25px; position: relative; border-radius: 50%; display: inline-flex; align-items: center; } .tarif-kachel .arrow-button span { font-size: 1.5rem; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); } .tarif-kachel .content { background-color: #fff; padding: 30px; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; } .tarif-kachel .pre-heading { padding: 20px 30px; } .tarif-kachel .pre-heading span { font-family: poppins-medium, sans-serif; color: #3f403a; font-size: 1.3rem; } .tarif-kachel .title { font-size: 2.5rem; margin-bottom: 20px; } .tarif-kachel .product-list { margin-bottom: 40px; } .tarif-kachel .product-list li { font-family: poppins-regular, sans-serif; margin-bottom: 10px; display: flex; align-items: center; justify-content: flex-start; font-size: 1.2rem; height: 40px; } .tarif-kachel .product-list li .last { margin-left: auto; } .tarif-kachel .product-list li .small-info-icon { width: 30px; height: 30px; background-color: #f2f2f2; border-radius: 50%; position: relative; } .tarif-kachel .product-list li .small-info-icon img { width: 20%; height: auto; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); } .tarif-kachel .preise { margin-bottom: 50px; } .tarif-kachel .preise h4 { font-family: poppins-bold, sans-serif; font-size: 1rem !important; } .tarif-kachel .preise h4 small { font-family: poppins-medium, sans-serif; font-size: 16px; } .tarif-kachel .preise .row { margin-bottom: 10px; } .tarif-kachel .preise .price { font-size: 2.3rem; font-family: poppins-bold, sans-serif; } .tarif-kachel .button-group { margin-bottom: 30px; display: block; width: fit-content; } .tarif-kachel .button { padding: 15px 40px; text-decoration: none; border-radius: 30px; width: 100%; display: block; text-align: center; font-family: poppins-bold, sans-serif; font-size: 1.2rem; } .tarif-kachel .tarif-details { font-family: poppins-bold, sans-serif; display: flex; align-items: center; gap: 10px; } .tarif-kachel .tarif-details a { color: #3f403a; text-decoration: none; font-size: 1.1rem; } .col-lg-4 .tarif-kachel .preise .price { font-size: 1.9rem; } .modal-backdrop { display: none !important; } .tarif-merkmale .heading, .tarif-merkmale .information, .tarif-merkmale .merkmale { margin-bottom: 50px; } .tarif-merkmale .heading h2, .tarif-merkmale .heading h3 { font-size: 3rem; color: #3f403a; } .tarif-merkmale .heading .sub { font-family: poppins-bold, sans-serif; margin-top: -8px; color: #3f403a; } .tarif-merkmale .sprungmarke { font-family: nunito-regular, sans-serif; font-weight: normal; gap: 20px; display: flex; align-items: center; } .tarif-merkmale .sprungmarke .arrow-button { background-color: #f2f2f2; width: 30px; height: 30px; border-radius: 50%; position: relative; } .tarif-merkmale .sprungmarke .arrow-button span { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); } .tarif-merkmale.higlight-bg-darkgreen .download-arrow { background-color: #933689; } .tarif-merkmale.higlight-bg-darkgreen .button { background-color: #933689; color: #fff; transition: background-color 0.5s; } .tarif-merkmale.higlight-bg-darkgreen .button:hover { background-color: #AC5BA0; color: #3f403a; } .tarif-merkmale.higlight-bg-lightgreen .button { background-color: #AC5BA0; color: #3f403a; transition: background-color 0.5s; } .tarif-merkmale.higlight-bg-lightgreen .button:hover { background-color: #933689; color: #fff; } .tarif-merkmale .table-details { margin-bottom: 40px; } .tarif-merkmale .table-details th { color: #3f403a; } .tarif-merkmale .table-details table { border-collapse: separate; border-spacing: 10px; } .tarif-merkmale .table-details table tr.no-background td { background-color: transparent; line-height: initial; padding: 0; } .tarif-merkmale .table-details table td { background-color: #f2f2f2; line-height: 100px; padding-left: 20px; font-family: poppins-bold, sans-serif; width: 414px; } .tarif-merkmale .table-details table td.no-background { background-color: transparent; font-family: nunito-bold, sans-serif; line-height: initial; color: #3f403a; padding-left: 0; } .tarif-merkmale .table-details table td.has-more-info { line-height: initial; height: 100%; } .tarif-merkmale .table-details table td.has-more-info small { display: block; font-size: 0.8rem; } .tarif-merkmale .table-details table td.bg-lightgreen { background-color: #AC5BA0; text-align: center; padding-left: 0; } .tarif-merkmale .table-details table td.bg-darkgreen { background-color: #933689; text-align: center; padding-left: 0; color: #fff; } .tarif-merkmale .merkmale .row { margin-bottom: 20px; } .tarif-merkmale .merkmale h3 { font-family: poppins-bold, sans-serif; font-size: 2.5rem; color: #3f403a; margin-bottom: 30px; } .tarif-merkmale .merkmale .preis-lieferbedingungen .download-button { margin-top: 0; } .tarif-merkmale .merkmale .col-md-6 p { font-size: 1.5rem; font-family: nunito-regular, sans-serif; } .tarif-merkmale .merkmale .p-no-padding-bottom p { margin-bottom: 0 !important; } .tarif-merkmale .merkmale .row .col-md-6:first-child, .tarif-merkmale .merkmale .row .col-6:first-child { font-family: poppins-bold, sans-serif; color: #3f403a; } .tarif-merkmale .downloads { margin-bottom: 60px; } .tarif-merkmale .downloads .download-area { column-count: 2; display: block; } .tarif-merkmale .downloads .col-6 { height: 80px; } .tarif-merkmale .downloads .download-button { display: grid; grid-template-columns: 1fr 7fr; margin-top: 0; align-items: flex-start; margin-bottom: 10px; } .tarif-merkmale .downloads h3 { font-family: poppins-bold, sans-serif; font-size: 2.5rem; color: #3f403a; margin-bottom: 30px; } .tarif-merkmale .downloads .download-arrow { width: 50px; height: 50px; } .tarif-merkmale .tarif-button { padding-bottom: 30px; } .tarif-merkmale .button { padding: 5px 20px; text-decoration: none; border-radius: 30px; display: block; width: fit-content; text-align: center; font-family: poppins-bold, sans-serif; font-size: 2rem; } .tarif-merkmale .button:hover { text-decoration: none; } .mobile-info { display: none; } .contact-person-new { border-radius: 20px; background-color: #fff; height: 100%; width: 100%; } .contact-person-new-content { display: grid; grid-template-columns: 1fr 2fr; gap: 10px; } .contact-person-new-content img { max-height: 200px; height: 100%; width: auto; border-top-left-radius: 20px; border-bottom-right-radius: 20px; } .contact-person-new-content div:first-child { padding-top: 10px; } .contact-person-new-content div h3 { padding-top: 20px; } .contact-person-new-content div .position { font-size: 1rem; margin-bottom: 0; } .contact-person-new-content div .position a { text-decoration: none; color: #3f403a; } .contact-person-new-content .mail-button { padding-top: 0 !important; } .contact-person-new-content .email-button svg { margin-top: -11px; } .contact-person-new-content .email-button path:first-child { fill: #AC5BA0; } .contact-person-new-content .download-arrow { width: 50px; height: 50px; flex: 0 0 50px; } .contact-person-new-content .download-button { margin-top: 5px; padding-bottom: 5px; } .contact-person-new-content .buttons { display: flex; gap: 10px; padding-top: 3px; padding-bottom: 20px; } .contact-person-new-content .buttons .tel-button .email-button { position: relative; } .contact-person-new-content .buttons .tel-button .icon-phone { color: #fff; font-size: 2rem; text-decoration: none; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); } .contact-person { background-color: #fff; border-radius: 20px; max-height: 330px; height: 100%; overflow: hidden; } .contact-person .row { height: 100%; } .contact-person .row .col-8 { padding-bottom: 30px; } .contact-person .contact-person-img { border-top-left-radius: 20px; border-bottom-left-radius: 20px; height: 100%; width: 100%; object-fit: cover; } .contact-person .contact-person-content { padding-top: 40px; } .contact-person .contact-person-content a { color: #000; text-decoration: none; font-size: 1rem; } .contact-person .email-button path:first-child { fill: #AC5BA0; } .contact-person .buttons { display: flex; gap: 10px; } .contact-person .buttons .tel-button .email-button { position: relative; } .contact-person .buttons .tel-button .icon-phone { color: #fff; font-size: 2rem; text-decoration: none; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); } .heading-with-divider h3 { position: relative; width: fit-content; } .contact-information { border-radius: 25px; padding-bottom: 20px; } .contact-information .image { width: 65%; padding-top: 30px; margin: 0 auto; } .contact-information .image img { margin-bottom: 20px; } .contact-information .contact-information-content { padding: 20px 40px; border-top: 1px solid #f2f2f2; } .contact-information a { color: #000; text-decoration: none; } .contact-information.bg-white { background-color: #fff; } .job { margin-bottom: 30px; height: initial; max-height: initial; } .job .bewerben { padding: 5px 20px; border-radius: 30px; background-color: #AC5BA0; color: #3f403a; text-decoration: none; font-family: poppins-bold, sans-serif; } .job .bewerben:hover { cursor: pointer; background-color: #933689; color: #fff; } .job .contact-person-content { padding-left: 30px; } .job .bewerben-row { display: flex; justify-content: right; align-items: end; margin-top: 30px; } .job h3 { font-family: poppins-regular, sans-serif; } .job h3.heading-bold { font-family: poppins-bold, sans-serif; } .job img { max-height: 300px; } .job .description span { font-size: 1.1rem; } .job.open img { border-bottom-left-radius: 0; } .job.open .arrow-button span::before { content: "\e901"; } .job .detail-button { text-align: right; padding-right: 40px; } .job .tarif-details { display: flex; gap: 20px; align-items: center; font-family: poppins-bold, sans-serif; justify-content: right; } .job .tarif-details a { font-size: 1.5rem; } .job .tarif-details .arrow-button { background-color: #AC5BA0; position: relative; width: 40px; height: 40px; border-radius: 50%; } .job .tarif-details .icon-cheveron-right { font-size: 2rem; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); } .job .tarif-details:hover { cursor: pointer; } .job-detail { padding-left: 50px; padding-right: 50px; display: none; padding-bottom: 50px; font-family: nunito-regular, sans-serif; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; } .job-detail ul li, .job-detail p { font-size: 1.2rem; font-family: nunito-regular, sans-serif; } .template-gwhtel .job .tarif-details .arrow-button, .template-gwhtel .job .bewerben { background-color: #AC5BA0; } .gruende .grund { height: 100%; padding: 40px; border-radius: 20px; } .gruende .grund h3 { font-family: poppins-bold, sans-serif; } .gruende .col-md-4 { margin-bottom: 20px; } .gruende.bg-lightgreen .row .grund { background-color: #AC5BA0; } .template-gwhtel .gruende.bg-lightgreen .row .grund { background-color: #AC5BA0; } .pie-element { margin-top: 40px; } .pie-chart { display: inline-flex; align-items: center; margin: 40px 0; gap: 80px; font-family: system-ui, sans-serif; } .pie-chart small p { font-size: 12px; } /* SVG als Kreis */ .pie-svg { width: 200px; /* Größe anpassen */ height: 200px; overflow: visible; } /* Legende */ .legend { list-style: none; padding: 0; margin: 0; font-size: 0.9rem; } .legend li { display: flex; align-items: center; margin-bottom: 0.35rem; } .legend .color { width: 14px; height: 14px; border-radius: 3px; margin-right: 0.5rem; display: inline-block; } .template-gwhtel button[type="submit"].btn-primary { color: #fff; } label.form-label { font-size: 18px; margin-bottom: 2px; } input.form-control, textarea.form-control, select.form-control { background-color: #f2f2f2; padding-left: 20px; margin-bottom: 20px; border-radius: 25px; font-size: 1.2rem; line-height: 50px; } input[type="file"] { font-size: 1.1rem; margin-bottom: 20px; } textarea.form-control { height: 200px; } button[type="submit"].btn-primary { background-color: #AC5BA0; color: #3f403a; border-radius: 30px; border: 0; padding: 10px 25px; font-size: 1.2rem; } button[type="submit"].btn-primary:hover { background-color: #933689; color: #fff; } form .clearfix { padding-top: 30px; padding-bottom: 30px; } .template-gwhtel button[type="submit"].btn-primary { background-color: #AC5BA0; } .template-gwhtel button[type="submit"].btn-primary:hover { background-color: #933689; } .template-gwhtel .meldung-form button { background-color: #933689; } .template-gwhtel .meldung-form button:hover { background-color: #AC5BA0; } .custom-checkbox { display: inline-flex; align-items: center; gap: 10px; cursor: pointer; font-size: 14px; user-select: none; } /* Original Checkbox verstecken */ .custom-checkbox input { position: absolute; opacity: 0; cursor: pointer; } /* Eigene Box */ .custom-checkbox .checkmark { width: 18px; height: 18px; border: 2px solid #555; border-radius: 4px; /* rund = 50% */ display: inline-block; position: relative; transition: all 0.2s ease; } /* Hover */ .custom-checkbox:hover .checkmark { border-color: #AC5BA0; } /* Checked */ .custom-checkbox input:checked + .checkmark { background-color: #AC5BA0; border-color: #AC5BA0; } /* Häkchen */ .custom-checkbox input:checked + .checkmark::after { content: ""; position: absolute; left: 5px; top: 1px; width: 4px; height: 9px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); } .custom-checkbox { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; } .custom-checkbox .checkbox-error { display: none; width: 100%; margin-left: 28px; /* optisch unter Text einrücken (anpassen) */ color: #d32f2f; font-size: 13px; } /* wird sichtbar, wenn Checkbox ungültig ist */ .checkbox-error { display: none; width: 100%; margin-left: 28px; color: #d32f2f; font-size: 13px; } html body textarea.form-control { padding-top: 20px; line-height: normal; } /* Hook: dein vorhandenes Label */ .form-check-label { position: relative; display: inline-flex; align-items: flex-start; /* bei mehrzeiligem Text sauber */ gap: 10px; cursor: pointer; font-size: 14px; user-select: none; } /* Nur die echte Checkbox verstecken (nicht das hidden input) */ .form-check-label input[type="checkbox"] { position: absolute; opacity: 0; width: 1px; height: 1px; margin: 0; pointer-events: none; } /* Span ist direkt nach der Checkbox -> hier bauen wir die Box */ .form-check-label input[type="checkbox"] + span { position: relative; display: inline-block; line-height: 1.4; padding-left: 28px; /* Platz für die Box */ } /* Eigene Box */ .form-check-label input[type="checkbox"] + span::before { content: ""; position: absolute; left: 0; top: 0.1em; /* optisch mittig zur Schrift */ width: 18px; height: 18px; border: 2px solid #555; border-radius: 4px; transition: all 0.2s ease; box-sizing: border-box; } /* Hover */ .form-check-label:hover input[type="checkbox"] + span::before { border-color: #AC5BA0; } /* Checked: Box färben */ .form-check-label input[type="checkbox"]:checked + span::before { background-color: #AC5BA0; border-color: #AC5BA0; } /* Häkchen */ .form-check-label input[type="checkbox"]:checked + span::after { content: ""; position: absolute; left: 6px; top: 0.35em; width: 4px; height: 9px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); } /* Tastatur-Fokus (wichtig für Accessibility) */ .form-check-label input[type="checkbox"]:focus-visible + span::before { outline: 2px solid #AC5BA0; outline-offset: 2px; } html body .form-check { padding-left: 0; margin-bottom: 30px; } @media screen and (max-width: 1024px) { form .row .col-6 { width: 100%; } } .galerie { display: grid; gap: 10px; } .galerie.column-3 { grid-template-columns: 1fr 1fr 1fr; } html body .badge { border-radius: 25px; } html body .badge.text-bg-success { background-color: #AC5BA0 !important; color: #3f403a !important; } html body .badge.text-bg-warning { background-color: #D9642C; color: #3f403a !important; } html body .badge.text-bg-darkgreen { background-color: #933689; } html body .meldungen-link { display: flex; align-items: center; gap: 10px; } html body .arrow-button { background-color: #f2f2f2; width: 30px; height: 30px; position: relative; border-radius: 50%; } html body .arrow-button span { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); } html body .meldung-modal img { width: auto; } html body .sauber-sicher-accordion-button { background-color: transparent; } html body .sauber-sicher-accordion-button .accordion-button { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; color: #3f403a; width: 98%; display: flex; align-items: center; gap: 16px; padding-left: 10px; } html body .sauber-sicher-accordion-button .accordion-button::after { left: initial; right: 10px; } html body .sauber-sicher-accordion-button .accordion-button:focus { box-shadow: none; } html body .sauber-sicher-accordion-button .accordion-button:not(.collapsed) { background-color: transparent; } html body .sauber-sicher-accordion-button .accordion-button:not(.collapsed) .icon-arrow-outline-down { display: block; } html body .sauber-sicher-accordion-button .accordion-button:not(.collapsed) .icon-arrow-outline-right { display: none; } html body .sauber-sicher-accordion-button .accordion-button > div:last-child { text-align: right; position: relative; } html body .sauber-sicher-accordion-button .accordion-button .icon { position: relative; } html body .sauber-sicher-accordion-button .accordion-button .icon span { position: absolute; top: -12px; right: 0; font-size: 1.5rem; } html body .sauber-sicher-accordion-button .accordion-button .col-id { flex: 0 0 30px; /* feste Breite */ } html body .sauber-sicher-accordion-button .accordion-button .col-title { flex: 1 1 auto; /* bekommt den meisten Platz */ font-weight: 600; } html body .sauber-sicher-accordion-button .accordion-button .col-badges { flex: 0 0 300px; /* feste Badge-Spalte */ display: flex; flex-direction: column; align-items: flex-start; gap: 6px; } html body .sauber-sicher-accordion-button .accordion-button .col-arrow { flex: 0 0 40px; text-align: right; } html body .sauber-sicher-melder .accordion-item { border-bottom: 1px solid #3f403a; } html body .sauber-sicher-melder .accordion-item:last-of-type { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } html body .sauber-sicher-melder .accordion-item .accordion-button::after { display: none; } html body .sauber-sicher-melder .accordion-item .icon-arrow-outline-down { display: none; } html body .meldung-form .actions { margin-top: 30px; } html body .meldung-form textarea { padding-top: 20px; line-height: normal; } html body .meldung-form button { background-color: #AC5BA0; color: #3f403a; border-radius: 30px; border: 0; padding: 10px 25px; font-size: 1.2rem; } html body .meldung-form button:hover { background-color: #933689; color: #fff; } html body .success-row .icon-check-square { font-size: 3rem; color: #AC5BA0; } html body .mobile-badge { display: none; } html body .template-gwhtel .badge.text-bg-darkgreen { background-color: #AC5BA0; } html body .template-gwhtel .custom-checkbox input:checked + .checkmark { background-color: #AC5BA0; border-color: #AC5BA0; } html body .template-gwhtel .custom-checkbox:hover .checkmark { border-color: #AC5BA0; } .map-wrapper { position: relative; width: 100%; height: 450px; /* gleiche Höhe wie das iframe */ } .map-wrapper iframe { width: 100%; height: 100%; border: 0; border-radius: 25px; } .map-cover { position: absolute; inset: 0; /* top:0; right:0; bottom:0; left:0; */ z-index: 2; display: block; } .chooser #pocode { color: #000; } .hidden-label { opacity: 0; } .hidden-label + input { margin-top: -35px; } .hidden-label-choosed { opacity: 0; width: 0; } .bestellen-button { margin-left: 20px; padding-top: 30px; } .search-plz.form-control.without-background { background-color: transparent; border: none; margin-bottom: 0; border-radius: 25px; font-size: 1.2rem; line-height: 50px; padding: 0.275rem 0.75rem; } .search-plz .icons { display: flex; justify-content: center; gap: 20px; } .search-plz .icons img { width: 62px; height: 62px; } @supports (-moz-appearance: none) { .hidden-label-choosed { display: none; } } .dp--check-box { box-shadow: inherit; appearance: auto; outline: initial; } .cc-window .dp--cookie-check label { display: flex; gap: 2px; align-items: center; } .extmedia__box { padding: 16px; border: 1px solid #ddd; border-radius: 8px; max-width: 1320px; width: 100%; margin-right: auto; margin-left: auto; margin-top: 200px; margin-bottom: 200px; } .extmedia__btn { padding: 10px 14px; cursor: pointer; margin-bottom: 30px; color: #fff; font-size: 1rem; } .extmedia__btn:hover { color: #000; } .extmedia__hint { font-size: 0.9rem; opacity: 0.8; } .icon-list { display: flex; align-items: center; gap: 30px; margin-bottom: 30px; } .icon-list img { max-width: 80px; width: 100%; } .template-gwh .tarif-kachel.bg-lightgreen { background-color: #AC5BA0; } .template-gwh .tarif-kachel.bg-lightgreen .button { background-color: #AC5BA0; color: #3f403a; transition: background-color 0.3s; } .template-gwh .tarif-kachel.bg-lightgreen .button:hover { background-color: #933689; color: #fff; transition: background-color 0.3s; } .template-gwh .tarif-kachel.bg-darkgreen .pre-heading { background-color: #933689; border-top-left-radius: 20px; border-top-right-radius: 20px; } .template-gwh .tarif-kachel.bg-darkgreen .button { background-color: #933689; color: #fff; transition: background-color 0.3s; } .template-gwh .tarif-kachel.bg-darkgreen .button:hover { background-color: #AC5BA0; color: #3f403a; transition: background-color 0.3s; } .tarif-kachel .title { font-size: 2.3rem; } .tarif-kachel .zusatz { font-size: 1.2rem; } .template-gwhtel .tarif-kachel.bg-lightgreen .pre-heading { background-color: #AC5BA0; border-top-left-radius: 20px; border-top-right-radius: 20px; } .template-gwhtel .tarif-kachel.bg-lightgreen .button { background-color: #AC5BA0; color: #fff; transition: background-color 0.3s; } .template-gwhtel .tarif-kachel.bg-lightgreen .button:hover { background-color: #933689; transition: background-color 0.3s; } .template-gwhtel .tarif-kachel.bg-lightgreen .pre-heading span { color: #fff; } .template-gwhtel .tarif-kachel.bg-darkgreen .pre-heading { background-color: #933689; border-top-left-radius: 20px; border-top-right-radius: 20px; } .template-gwhtel .tarif-kachel.bg-darkgreen .button { background-color: #933689; color: #fff; transition: background-color 0.3s; } .template-gwhtel .tarif-kachel.bg-darkgreen .button:hover { background-color: #AC5BA0; transition: background-color 0.3s; } @media screen and (max-width: 1024px) { .tarif-details a { word-break: break-word; } } /* 1. Hintergrund der gesamten Seite auf Weiß setzen */ body { /* Dies eliminiert jegliches Grau, das unter oder über dem Footer sichtbar sein könnte */ background-color: #FFFFFF; } /* 2. Styling für das Footer-Element (Anthrazit-Verlauf) */ #footer { min-height: 350px; /* Farbverlauf von hellem zu dunklem Anthrazit */ background: linear-gradient(to bottom right, #36454F, #2C3539); position: relative; overflow: hidden; /* Padding oben reduziert, um den Schnitt weiter oben zu positionieren */ padding-top: 200px; padding-bottom: 50px; } #footer .logo { margin-bottom: 30px; } #footer .logo img { max-width: 200px; width: 100%; } #footer a { color: #fff; } .socialmedia { display: flex; gap: 20px; justify-content: space-between; align-items: center; } .socialmedia a { width: 60px; height: 60px; background-color: #AC5BA0; border-radius: 50%; position: relative; } .socialmedia a span { color: #3f403a; font-size: 2.3rem; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); } .socialmedia a.alignment-bottom span { top: initial; bottom: -4px; font-size: 3rem; transform: translateX(-50%); } .bottom-footer p, .bottom-footer a { color: #fff !important; } .bottom-footer p { margin-bottom: 0; } .bottom-footer a { text-decoration: none; } #footer.footer-white::before { background-color: #fff; } #footer.footer-lightgray::before { background-color: #f2f2f2; } .copyright { font-size: 17px; color: #fff; } .copyright.text-right { text-align: right; } .stoerungshotline { border: 2px solid; width: fit-content; padding: 5px 30px; } .stoerungshotline a { color: #fff; text-decoration: none; font-size: 16px; } /* 3. Pseudo-Element für die abgeschnittene weiße Kante OBEN (FINAL REPARATUR) */ #footer::before { content: ""; position: absolute; left: -5%; top: -200px; width: 110%; height: 320px; background: #ffffff; /* oder dein Footer-Hintergrund */ z-index: 0; pointer-events: none; -webkit-mask: url("data:image/svg+xml;utf8,\ \ \ ") center / 100% 100% no-repeat; mask: url("data:image/svg+xml;utf8,\ \ \ ") center / 100% 100% no-repeat; } /* 4. Stellt sicher, dass der Footer-Inhalt über dem Effekt liegt */ #footer .container { position: relative; z-index: 10; padding-top: 150px; } #footer ul { /* WICHTIG: Entfernt die Punkte/Kugeln */ list-style-type: none; /* Setzt die standardmäßigen Abstände zurück, die Browser hinzufügen */ padding: 0; margin: 0; } /* Du könntest auch die Listenelemente selbst auf inline setzen, wenn sie nebeneinander stehen sollen, aber standardmäßig stehen sie untereinander, was für Footer-Navigationen oft erwünscht ist. */ /* #footer li { display: inline-block; } */ /* Styling für alle Listen im Footer */ #footer ul { /* Entfernt die Punkte/Kugeln */ list-style-type: none; /* Setzt Abstände zurück */ padding: 0; margin: 0; /* Fügt einen klaren Abschluss für das 'float'-Layout hinzu, falls verwendet */ /* Oder: display: flex; könnte hier auch eine moderne Alternative sein. */ } .footer-navigation li { line-height: 40px; } .footer-navigation a { color: #fff; text-decoration: none; font-family: poppins-bold, sans-serif; } html body .template-gwh .nach-oben { background-color: #AC5BA0; } html body .template-gwh .stoerungshotline { border-color: #AC5BA0; } html body .template-gwh .stoerungshotline:hover { background-color: #AC5BA0; } html body .template-gwh .stoerungshotline:hover a { color: #3f403a !important; } html body .template-gwhtel .nach-oben { background-color: #933689; } html body .template-gwhtel .stoerungshotline { border-color: #AC5BA0; } html body .template-gwhtel .stoerungshotline:hover { background-color: #AC5BA0; } .check-icon { display: inline-flex; align-items: center; width: 25px; height: 25px; } .produktumfang-list { list-style-type: none; padding-left: 0; } .produktumfang-list.product-list { padding-left: 20px; } .produktumfang-list li { display: flex; gap: 20px; align-items: center; line-height: 22px; margin-bottom: 5px; } .icon-row, .heading-row { margin-bottom: 15px; } html { overflow-x: hidden; } html body { font-size: 1.5rem; font-family: nunito-regular, sans-serif; width: 100%; overflow-x: hidden; background-color: #f2f2f2; padding: 0 !important; } html body .cc-window { z-index: 99999 !important; } html body .cc-window-config, html body .cc-window { z-index: 99999999 !important; } html body p { font-family: poppins-medium, sans-serif; font-size: 1.2rem; } html body figure.table { width: 100% !important; } html body .frame-type-indexedsearch_pi2 .einfache-kachel { margin-bottom: 20px; } html body .frame-type-header .ce-headline-center { text-align: center; } html body .frame-type-text a { color: #933689; } html body .frame-type-text ul li { font-size: 1.2rem; font-family: poppins-medium, sans-serif; } html body .frame-type-textpic img { width: auto; } html body .frame-type-header header h2, html body .frame-type-text header h2 { margin-bottom: 0; } html body .frame-type-header header h1 + h2, html body .frame-type-text header h1 + h2 { font-size: 1.8rem; margin-bottom: 20px; } html body .frame-type-header header h2, html body .frame-type-text header h2 { margin-bottom: 10px; } html body .frame-type-header header h2 + h3, html body .frame-type-text header h2 + h3 { margin-bottom: 20px; color: #3f403a; } html body .frame-type-header h2 { margin-bottom: 30px; font-family: poppins-bold, sans-serif; color: #3f403a; } html body iframe { width: 100%; min-height: 500px; height: 100%; } html body img { width: 100%; height: auto; } html body .nach-oben { width: 80px; height: 80px; position: fixed; bottom: 30px; right: 30px; border-radius: 50%; opacity: 0; visibility: hidden; transition: opacity 0.5s; } html body .nach-oben:hover { cursor: pointer; } html body .nach-oben .icon { font-size: 5rem; color: #3f403a; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); } html body .nach-oben.show-button { opacity: 1; visibility: visible; transition: opacity 0.5s; } @media screen and (max-width: 1024px) { html body .frame-type-header h2 { font-size: 2.2rem; } } .template-gwhtel .frame-type-text a { color: #AC5BA0; } .template-gwhtel .nach-oben:hover { background-color: #AC5BA0; } .template-gwhtel .nach-oben .icon { color: #fff; }