/* /\ /**\ /****\ /\ / \ /**\ / /\ / \ / / \ / \ / / \/ /\ \ / / \/ \/\ \ __/__/_______/___/__\___\______________________________ Made with Passion by GIPFELGOLD // www.gipfelgold.com _______________________________________________________ */ /* Version 251119 */ /* /\ / \/\ _____/___/__\______________________________________________________________ ROOT ___________________________________________________________________________*/ :root { --hellgruen: #EDEEEF; --grau: #AAAFB2; --blau: #009EE3; --dunkelblau: #004F72; --orange: #FBBA00; --dunkelgrau: #2F2E2F; --textgrau: #2F2E2F; --cookiebot: #009EE3; } /* /\ / \/\ _____/___/__\______________________________________________________________ FONTS ___________________________________________________________________________*/ .nowrap { white-space: nowrap; } @media only screen and (min-width: 1000px) and (max-width: 1400px) { h1, .h1, h2, .h2 { word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } } @media only screen and (max-width: 690px) { h1, .h1, h2, .h2 { word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } } .worttrennung, .nectar-search-results * { word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } h1, h2, h3, h4, h5, h6, p, li, a, i { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; } body, html { font-size: 18px; line-height: 1.5em; letter-spacing: 0; } #purfit h1, #purfit .h1 { font-size: clamp(50px, 7vw, 130px) !important; font-weight: 700 !important; letter-spacing: 0 !important; text-transform: none !important; line-height: 1.03em !important; } #purfit .nectar-split-heading.h1 { line-height: 1.1em !important; } #purfit h1 strong, #purfit .h1 strong { font-weight: 700; color: var(--blau) !important; } #purfit h1 i *, #purfit .h1 i * { font-weight: 300; } #purfit h2, #purfit .h2, #purfit .nectar-inherit-h2 { font-size: clamp(46px, 4vw, 57px) !important; font-weight: 300 !important; letter-spacing: 0em !important; text-transform: none !important; line-height: 1.2em !important; } #purfit h2 strong, #purfit .h2 strong { font-weight: 700; color: var(--blau); } #purfit.single-post h2 { font-size: clamp(28px, 3vw, 40px) !important; font-weight: 700 !important; line-height: 1.23em !important; letter-spacing: 0 !important; text-transform: none !important; margin-bottom: 1em; margin-top: 2em; } #purfit h3, #purfit .h3, #purfit .nectar-inherit-h3 { font-size: clamp(20px, 2vw, 25px) !important; font-weight: 700 !important; line-height: 1.23em !important; letter-spacing: 0 !important; text-transform: none !important; } #purfit .big-h3, #purfit .big-h3 * { font-size: clamp(22px, 2.5vw, 26px) !important; line-height: 1.3em; } /* #purfit h3 i, #purfit .h3 i { font-weight: normal; color: var(--dunkelgrau); } #purfit .light h3 i, #purfit .light .h3 i { color: #ffffff; }*/ #purfit h4, #purfit .h4, #purfit .nectar-inherit-h4 { font-size: clamp(13px, 1vw, 16px) !important; font-weight: 400 !important; text-transform: uppercase !important; line-height: 1.2em !important; letter-spacing: 0.14em !important; opacity: 0.5 !important; } #purfit h5, #purfit .h5, #purfit .nectar-inherit-h5 { font-size: clamp(13px, 1vw, 16px) !important; text-transform: uppercase !important; font-weight: 500 !important; letter-spacing: 0 !important; line-height: 1.375em !important; } #purfit h6, #purfit .h6, #purfit .nectar-inherit-h6 {} #purfit .light>*, #purfit .light { font-weight: normal !important; } #purfit .bigtext p, #purfit .bigtext { font-size: clamp(18px, 1.25vw, 21px) !important; line-height: 1.5em !important; letter-spacing: 0 !important; } #purfit .whitetext>*, #purfit .whitetext, #purfit .whitetext p b, #purfit .whitetext p strong { color: white !important; } #purfit .texttransform-none>*, #purfit .texttransform-none, #purfit .texttransform-none p b, #purfit .texttransform-none p strong { text-transform: none !important; } #purfit .smalltext { font-size: 14px; line-height: 1.3em; } #purfit .bigheadline * { font-size: clamp(44px, 12vw, 140px) !important; line-height: 1em !important; } .color-blau, .color-blau * { color: var(--blau) !important; } .font-light { font-weight: 300 !important; } .font-bold { font-weight: 700 !important; } /* /\ / \/\ _____/___/__\______________________________________________________________ FORCE MOBILE VIDEO ___________________________________________________________________________*/ .column-video { opacity: 1; width: 100%; height: 100%; } .nectar-video-bg { visibility: visible; opacity: 1; } /* /\ / \/\ _____/___/__\______________________________________________________________ LAYOUT ___________________________________________________________________________*/ .padding-top-s { padding-top: min(5vw, 5vh) !important; } .padding-top-m { padding-top: min(10vw, 10vh) !important; } .padding-top-l { padding-top: min(15vw, 15vh) !important; } .padding-top-xl { padding-top: min(20vw, 20vh) !important; } .padding-bottom-s { padding-bottom: 5vh !important; } .padding-bottom-m { padding-bottom: min(10vw, 10vh) !important; } .padding-bottom-l { padding-bottom: min(15vw, 15vh) !important; } .padding-bottom-xl { padding-bottom: min(20vw, 20vh) !important; } .margin-top-s { margin-top: min(5vw, 5vh) !important; } .margin-top-m { margin-top: min(10vw, 10vh) !important; } .margin-top-l { margin-top: min(15vw, 15vh) !important; } .margin-top-xl { margin-top: min(20vw, 20vh) !important; } .margin-bottom-s { margin-bottom: min(5vw, 5vh) !important; } .margin-bottom-m { margin-bottom: min(10vw, 10vh) !important; } .margin-bottom-l { margin-bottom: min(15vw, 15vh) !important; } .margin-bottom-xl { margin-bottom: min(20vw, 20vh) !important; } #fit-pageheader { margin-top: clamp(65px, 6vw, 140px) !important; margin-bottom: clamp(25px, 4vw, 75px) !important; } .main-content .featured-media-under-header { padding: clamp(65px, 6vw, 140px) 0; } .maxwidth1280 { max-width: 1280px; margin-left: auto; margin-right: auto; } /*/////////////////////////////////////////////////////////////////// CONTACT FORM 7 */ /* Purfit */ .rpcf7-contact-form .rpcf7-row { margin-bottom: 1em; } .rpcf7-contact-form .rpcf7-row.no-bottom-margin { margin-bottom: 0; } .wpcf7-form-control .wpcf7-list-item .wpcf7-list-item-label { color: var(--grau); } /* Anpassung der Checkbox-Größe */ .rpcf7-contact-form input[type="checkbox"] { display: block; margin-bottom: 1em; float: left; margin-right: 1em; } .rpcf7-contact-form label { font-family: heebo; font-size: 14px !important; line-height: 1em; font-weight: 500; margin-bottom: 0.5em; display: inline-block; } input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea { padding: 10px; width: 100%; font-size: 18px !important; font-family: inherit; color: var(--dunkelgrau); background-color: rgba(0, 0, 0, 0.025); border: 2px solid rgba(0,0,0,0.3); line-height: 1.5em; font-weight: 500; margin-bottom: 1em; } .wpcf7 form.sent .wpcf7-response-output { border-color: var(--blau); } input[type=submit] { text-transform: uppercase; color: var(--dunkelgrau); font-size: clamp(14px, 1vw, 18px); font-weight: 600; letter-spacing: -0.01em; line-height: 1.6em; font-weight: 600 !important; } /* Standards*/ /* Basis-Styles für das Kontaktformular mit Präfix */ .rpcf7-contact-form .rpcf7-row { overflow: hidden; clear: both; /* Abstand zwischen den Zeilen */ } .rpcf7-contact-form .rpcf7-column { float: left; width: 50%; box-sizing: border-box; } /* Entfernt den linken Abstand von der ersten Spalte */ .rpcf7-contact-form .rpcf7-column:first-child { padding-right: 10px; padding-left: 0; } /* Entfernt den rechten Abstand von der zweiten Spalte */ .rpcf7-contact-form .rpcf7-column:last-child { padding-left: 10px; padding-right: 0; } /* Anpassungen für Mobilgeräte */ @media (max-width: 768px) { .rpcf7-contact-form .rpcf7-column { width: 100%; float: none; padding: 0; } } /* Stil für das Nachrichtenfeld, um es auf volle Breite zu strecken */ .rpcf7-contact-form textarea { width: 100%; margin-bottom: 20px; /* Abstand nach der Textarea */ } /* Anpassung für das Einverständnis-Label */ .rpcf7-contact-form .wpcf7-form-control.wpcf7-acceptance label { display: block; margin-bottom: 10px; } .rpcf7-row p { padding-bottom: 0 !important; } .wpcf7-form-control .wpcf7-list-item { margin: 0; } /* TEAM BOX */ .team-member-image { border-radius: 500px; } /* Center Margin */ .center-margin { margin: 0 auto; display: block !important; } /* /\ / \/\ _____/___/__\______________________________________________________________ HEADER ___________________________________________________________________________*/ #header-outer .kostenlostesten>a:before { border: 2px solid; opacity: 1; } /* /\ / \/\ _____/___/__\______________________________________________________________ STARTSEITE ___________________________________________________________________________*/ /*/////////////////////////////////////////////////////////////////////////////////// Home Hero Animation */ @media only screen and (min-width: 100px) { .home #header-space { display: none; } } body.home #header-outer, body.home [data-header-color="dark"] #header-outer { background-color: rgba(255, 255, 255, 0); } body.home #header-outer.scrolled-down, body.home [data-header-color="dark"] #header-outer.scrolled-down { background-color: rgba(255, 255, 255, 1); } #home-hero .nectar-fancy-ul li { text-transform: uppercase; font-weight: 500; } #home-hero .iwithtext .iwt-icon { top: 6px; } .iwithtext .iwt-text { padding-left: 49px; } #home-hero .home-innerwrap { padding-top: calc(10vw + 92px) !important; padding-bottom: 10vw !important; } @media only screen and (max-width: 1000px) { #home-hero .home-innerwrap { padding-top: calc(10vw + 92px) !important; padding-bottom: 10vw !important; } } .mobile-hero-videoimage .nectar-video-wrap { border-radius: 15px; } /*/////////////////////////////////////////////////////////////////////////////////// Home Msg */ #purfit h3.home-msg { font-weight: 300 !important; color: var(--blau); } /* Erstes : "beste & modernste" */ #purfit h3.home-msg span:first-of-type { font-weight: 700 !important; margin-left: 1em; } /* Zweites : "Gym-Feeling!" */ #purfit h3.home-msg span:last-of-type { margin-left: 0.5em; } /* /\ / \/\ _____/___/__\______________________________________________________________ FONTS ___________________________________________________________________________*/ /* /\ / \/\ _____/___/__\______________________________________________________________ TEMPLATES ___________________________________________________________________________*/ /*/////////////////////////////////////////////////////////////////////////////////// VORTEILE */ #vorteile .nectar-fancy-box p, #angebot .nectar-fancy-box p { color: var(--dunkelgrau) !important; opacity: 1 !important; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } #vorteile .nectar-fancy-box[data-style="color_box_hover"] .box-inner-wrap, #angebot .nectar-fancy-box[data-style="color_box_hover"] .box-inner-wrap { padding: 10% 10%; } /*/////////////////////////////////////////////////////////////////////////////////// MAP*/ .nectar-google-map { border-radius: 20px; } /*/////////////////////////////////////////////////////////////////////////////////// POST HORIZONTAL */ .nectar-post-grid.vert_list_counter .item-main:before { border: 2px solid var(--orange); color: white; } .nectar-post-grid-wrap[data-style="vertical_list"] .nectar-post-grid>div:not(:last-child):after { background-color: rgba(47, 46, 47, 0.2); } #purfit .nectar-post-grid[data-text-color=dark] .nectar-post-grid-item h4.post-heading { font-size: clamp(20px, 1vw, 27px) !important; text-transform: none !important; font-weight: 400 !important; opacity: 1 !important; line-height: 1.25em !important; letter-spacing: 0 !important; } .nectar-post-grid-item:hover .nectar-link-underline span { background-size: 100% 2px; } /* /\ / \/\ _____/___/__\______________________________________________________________ PREISTABELLE ___________________________________________________________________________*/ /* Tabs */ #purfit #abos .tabbed>ul.wpb_tabs_nav { background: #f9f9f9; border-radius: 20px; padding: 18px; } #purfit #abos .tabbed>ul li:first-child a { color: #41434A; background-color: transparent; padding: 0.555em 0; transition: all .3s cubic-bezier(.12, .75, .4, 1); border: none !important; border-radius: 0; margin: 0.5em; cursor: default; font-size: 18px !important; } #purfit #abos .tabbed>ul li a { color: #41434A; background-color: transparent; padding: 0.555em 1.6em; transition: all .3s cubic-bezier(.12, .75, .4, 1); border: 2px solid #41434A !important; border-radius: 100px; margin: 0.2em 0.5em; font-size: 18px !important; } #purfit #abos .tabbed>ul li:not(:first-child) a:hover, #purfit #abos .tabbed>ul li:not(:first-child).active-tab a { background-color: var(--blau); border-color: var(--blau) !important; color: white; } /* Table */ :root { --abo-table-width: 1000px; } @media only screen and (min-width: 1100px) { :root { --abo-table-width: 1000px; } } .purfit-abo-table-outer { overflow: auto; position: relative; } .purfit-abo-table-inner { min-width: var(--abo-table-width); } #purfit table.purfit-abo-table { border-collapse: separate; border-spacing: 0 10px; /* Spacing auf Wunsch angepasst */ border-spacing: 0; width: 100%; min-width: var(--abo-table-width); text-align: center; border: none !important; } #purfit table.purfit-abo-table th, #purfit table.purfit-abo-table td { border: none !important; background-color: white; } #purfit table.purfit-abo-table thead tr { background-color: #ffffff !important; } #purfit table.purfit-abo-table thead th { position: sticky; top: 0; z-index: 10; background-color: red; background-color: #ffffff; font-size: 1rem; border: none !important; padding: 10px 10px 20px 0; } #purfit table.purfit-abo-table colgroup col:first-child { width: 40%; } #purfit table.purfit-abo-table colgroup col:nth-child(n+2) { width: 20%; } #purfit table.sticky-header { table-layout: fixed; opacity: 0; pointer-events: none; /* Verhindert Klicks auf den Klon */ transition: opacity 0.2s ease; } #purfit table.sticky-header.visible { opacity: 1; pointer-events: auto; } #purfit table.sticky-header { min-width: var(--abo-table-width); } #purfit table.sticky-header th { background-color: transparent; } .purfit-abo-header-box { background-color: #f9f9f9; border-radius: 20px; padding: 20px 10px 10px 10px; } table.purfit-abo-table > thead > tr > th:nth-child(3) .purfit-abo-header-box { background-color: var(--orange); } .purfit-abo-bestseller { font-size: 20px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; text-align: center; margin-bottom: 0.5em; color: var(--orange); } .purfit-abo-price { padding-left: 10px; font-size: 18px; font-weight: 400; color: var(--textgrau); } .purfit-abo-price span { font-size: 40px; font-weight: 700; color: var(--textgrau); line-height: 1em; display: block; margin-top: 28px; } .purfit-abo-price span::after, #hero .purfit-abo-price:after { content: "*"; font-size: 0.6em; vertical-align: super; margin-left: 0.2em; } .purfit-abo-bonus { padding-left: 10px; font-size: 13px; color: var(--textgrau); margin-top: 0.35em; margin-bottom: 22px; font-weight: 400; } .purfit-abo-button { background-color: var(--blau); color: white; padding: 0.55em 1.6em; border: 2px solid var(--blau); border-radius: 100px; font-weight: bold; cursor: pointer; display: block; text-align: center; font-size: 12px; } .purfit-abo-button:hover { background-color: transparent; color: var(--blau); border: 2px solid var(--blau); cursor: pointer; } .purfit-abo-button:focus { background-color: var(--orange); color: var(--textgrau); border: 2px solid var(--orange); } .purfit-abo-button:active { background-color: var(--dunkelblau); border: 2px solid var(--dunkelblau); color: white; } #purfit table.purfit-abo-table tbody tr:nth-child(odd) { background-color: transparent !important; } #purfit table.purfit-abo-table tbody tr:nth-child(odd):not(.cta-row) td { background-color: #f9f9f9 !important; } #purfit table.purfit-abo-table tbody tr:nth-child(odd) td:first-child { border-top-left-radius: 8px; border-bottom-left-radius: 8px; } #purfit table.purfit-abo-table tbody tr:nth-child(odd) td:last-child { border-top-right-radius: 8px; border-bottom-right-radius: 8px; } #purfit table.purfit-abo-table tbody tr td { min-height: 44px; height: 44px; vertical-align: middle; padding: 20px; /* Spacing auf Wunsch angepasst */ min-height: 28px; height: 28px; padding: 12px 20px; } #purfit table.purfit-abo-table .td-inner { display: flex; align-items: center; } #purfit table.purfit-abo-table tbody tr td .abo-leistung { display: inline-block; font-size: clamp(14px, 2vw, 18px); line-height: 1.25em; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } #purfit table.purfit-abo-table tbody tr td .icon { display: inline-block; width: 32px; min-width: 32px; height: 30px; background-repeat: no-repeat; background-size: contain; background-position: center center; background-color: transparent; margin-right: 20px; margin-left: 10px; } #purfit table.purfit-abo-table tbody tr td .icon-abo-kraft { background-image: url("/wp-content/uploads/2025/05/icon-abo-kraft.svg"); background-size: 32px auto; } #purfit table.purfit-abo-table tbody tr td .icon-abo-trainer { background-image: url("/wp-content/uploads/2025/05/icon-abo-trainer.svg"); background-size: 26px auto; } #purfit table.purfit-abo-table tbody tr td .icon-abo-functional-zone { background-image: url("/wp-content/uploads/2025/06/icon-abo-functionalzone.svg"); background-size: 21px auto; } #purfit table.purfit-abo-table tbody tr td .icon-abo-power-plate { background-image: url("/wp-content/uploads/2025/05/icon-abo-power-plate.svg"); background-size: 24px auto; } #purfit table.purfit-abo-table tbody tr td .icon-abo-dusche { background-image: url("/wp-content/uploads/2025/06/icon-abo-dusche.svg"); background-size: 22px auto; } #purfit table.purfit-abo-table tbody tr td .icon-abo-salzburg { background-image: url("/wp-content/uploads/2025/05/icon-abo-salzburg.svg"); background-size: 20px auto; } #purfit table.purfit-abo-table tbody tr td .icon-abo-getraenke { background-image: url("/wp-content/uploads/2025/06/icon-abo-mineraldrinks.svg"); background-size: 21px auto; } #purfit table.purfit-abo-table tbody tr td .icon-abo-cup { background-image: url("/wp-content/uploads/2025/06/icon-abo-flasche.svg"); background-size: 20px auto; } #purfit table.purfit-abo-table tbody tr td .icon-abo-handtuch { background-image: url("/wp-content/uploads/2025/05/icon-abo-handtuch.svg"); background-size: 30px auto; } #purfit table.purfit-abo-table tbody tr td .icon-abo-solarium { background-image: url("/wp-content/uploads/2025/05/icon-abo-solarium.svg"); background-size: 24px auto; } #purfit table.purfit-abo-table tbody tr td .icon-abo-paket { background-image: url("/wp-content/uploads/2025/05/icon-abo-paket.svg"); background-size: 20px auto; } #purfit table.purfit-abo-table tbody tr td .icon-abo-kurs { background-image: url("/wp-content/uploads/2025/09/icon-abo-kurs.svg"); background-size: 27px auto; } .purfit-abo-table tbody tr td small { font-size: 14px; } .purfit-abo-table tbody tr td.check .svgbg, .purfit-abo-table tbody tr td.cross .svgbg { height: 25px; background-repeat: no-repeat; background-size: contain; background-position: center center; background-color: transparent; } .purfit-abo-table tbody tr td.check .svgbg { background-image: url("/wp-content/uploads/2025/05/icon-abo-check.svg"); background-size: 25px auto; } .purfit-abo-table tbody tr td.cross .svgbg { background-image: url("/wp-content/uploads/2025/05/icon-abo-x.svg"); background-size: 21px auto; } .purfit-abo-table tbody tr.cta-row td { padding: 20px 0 0 0 !important; } /* Seekirchen Kursabo Zeile */ #purfit table.purfit-abo-table td.bluebg { background: var(--blau) !important; color: white; font-weight: 700; font-size: clamp(14px, 1.3vw, 18px); text-align: center; position: relative; top: 10px; } #purfit table.purfit-abo-table td.bluebg:first-child { border-top-left-radius: 8px; border-bottom-left-radius: 8px; text-align: left; } #purfit table.purfit-abo-table td.bluebg:last-child { border-top-right-radius: 8px; border-bottom-right-radius: 8px; } #purfit table.purfit-abo-table td.bluebg .abo-leistung { font-weight: normal; } #purfit table.purfit-abo-table td.bluebg .abo-leistung small { margin-top: 0.5em; line-height: 1.2em; max-width: 300px; display: block; } /* ENDER - Seekirchen Kursabo Zeile */ .purfit-abo-table tbody tr.cta-row td .purfit-abo-cta-cell { border-top: 2px solid var(--blau) !important; border-bottom: 2px solid var(--blau) !important; padding: 20px; font-size: clamp(14px, 1.3vw, 18px); font-weight: 700; color: var(--blau); } .purfit-abo-table tbody tr.cta-row td:not(:first-child) .purfit-abo-cta-cell { text-align: center; } .purfit-abo-table tbody tr.cta-row td .purfit-abo-cta-cell span.check { background-repeat: no-repeat; background-size: contain; background-position: left center; background-color: transparent; background-image: url("/wp-content/uploads/2025/05/icon-abo-check.svg"); background-size: 25px auto; padding-left: 35px; } .purfit-abo-table tbody tr.cta-row td:first-child .purfit-abo-cta-cell { border-top-left-radius: 8px; border-bottom-left-radius: 8px; border: 2px solid var(--blau) !important; border-right: none !important; } .purfit-abo-table tbody tr.cta-row td:last-child .purfit-abo-cta-cell { border-top-right-radius: 8px; border-bottom-right-radius: 8px; border: 2px solid var(--blau) !important; border-left: none !important; } @media only screen and (max-width: 1000px) { #purfit table.purfit-abo-table colgroup col:first-child { width: 34%; } #purfit table.purfit-abo-table colgroup col:nth-child(n+2) { width: 22%; } } @media only screen and (max-width: 800px) { #purfit table.purfit-abo-table colgroup col:first-child { width: 31%; } #purfit table.purfit-abo-table colgroup col:nth-child(n+2) { width: 23%; } #purfit table.purfit-abo-table tbody tr td { padding: 4vw 2.5vw; } #purfit table.purfit-abo-table tbody tr td small { font-size: 12px; font-weight: 200; line-height: 1em; } } @media only screen and (max-width: 550px) { #purfit table.purfit-abo-table colgroup col:first-child { width: 25%; } #purfit table.purfit-abo-table colgroup col:nth-child(n+2) { width: 25%; } } @media only screen and (max-width: 460px) { #purfit table.purfit-abo-table colgroup col:first-child { width: 19%; } #purfit table.purfit-abo-table colgroup col:nth-child(n+2) { width: 27%; } } /* /\ / \/\ _____/___/__\______________________________________________________________ MOBILE ABOS ___________________________________________________________________________*/ /* Toggle-Farben */ .toggle.open.extra-color-2 > .toggle-title a { background-color: var(--blau) !important; color: #fff !important; } .toggle>.toggle-title a { background-color: var(--blau) !important; color: #fff !important; } .toggle>.toggle-title a { line-height: 1.2em; } .toggle>.toggle-title a i { color: white; } /* MOBILE PREISTABELLE – nur purfit premium (kleine Screens) */ #purfit .main-content .purfit-abo-table-mobile { width: 100%; border-collapse: collapse; border-spacing: 0; margin-top: 20px; display: none; /* Standard: versteckt */ border: none; /* feiner grauer Rahmen außen */ border-radius: 6px; } /* allgemeine Zellen – ohne vertikale Linien */ #purfit .main-content .purfit-abo-table-mobile th, #purfit .main-content .purfit-abo-table-mobile td { padding: 8px 10px; background-color: #ffffff; font-size: 13px !important; font-weight: 400 !important; border: none !important; } #purfit .main-content .purfit-abo-table-mobile td:first-child { padding: 8px 10px 8px 0; } /* Header links (leer) */ #purfit .main-content .purfit-abo-table-mobile thead th:first-child { background: #ffffff; border-left: none !important; } /* Header rechts – blaue Fläche wie im Layout */ #purfit .main-content .purfit-abo-table-mobile thead th:last-child { background-color: var(--blau); color: #ffffff; text-align: center !important; font-weight: 700 !important; font-size: 14px !important; border-top: 2px solid var(--blau) !important; border-right: 2px solid var(--blau) !important; border-left: 2px solid var(--blau) !important; border-bottom: none !important; line-height: 1.1em; width: 80px; } #purfit .main-content .purfit-abo-table-mobile thead th:last-child span { font-weight: 400 !important; } /* keine Linie links bei erster Spalte im Body */ #purfit .main-content .purfit-abo-table-mobile tbody td:first-child { border-left: none !important; } /* zweite Spalte: blaue Umrandung */ #purfit .main-content .purfit-abo-table-mobile tbody td:last-child { width: 52px; text-align: center; border-left: 2px solid var(--blau) !important; border-right: 2px solid var(--blau) !important; } /* unterer Abschluss der blauen Spalte */ #purfit .main-content .purfit-abo-table-mobile tbody tr:last-child td:last-child { border-bottom: 2px solid var(--blau) !important; } /* horizontale graue Linie nur zwischen den Zeilen */ #purfit .main-content .purfit-abo-table-mobile tbody tr:not(:last-child) td { border-bottom: 1px solid #E0E0E0 !important; } #purfit .main-content .purfit-abo-table-mobile tbody tr.yellow td { background-color: var(--orange); display: table-cell; vertical-align: middle !important; padding-top: 8px; padding-bottom: 8px; } /* Icons & Texte – etwas kleiner */ #purfit .main-content .purfit-abo-table-mobile .td-inner { display: flex; align-items: center; } #purfit .main-content .purfit-abo-table-mobile .icon { display: inline-block; width: 26px; min-width: 26px; height: 24px; background-repeat: no-repeat; background-size: contain; background-position: center center; background-color: transparent; margin-right: 10px; margin-left: 4px; } #purfit .main-content .purfit-abo-table-mobile .abo-leistung { display: inline-block; font-size: 12px; line-height: 1.3em; } #purfit .main-content .purfit-abo-table-mobile .kursabo-leistung { font-size: 12px; line-height: 1.2em; } /* Icon-Zuweisungen aus großer Tabelle übernommen */ #purfit .main-content .purfit-abo-table-mobile .icon-abo-kraft { background-image: url("/wp-content/uploads/2025/05/icon-abo-kraft.svg"); background-size: 26px auto; } #purfit .main-content .purfit-abo-table-mobile .icon-abo-trainer { background-image: url("/wp-content/uploads/2025/05/icon-abo-trainer.svg"); background-size: 22px auto; } #purfit .main-content .purfit-abo-table-mobile .icon-abo-functional-zone { background-image: url("/wp-content/uploads/2025/06/icon-abo-functionalzone.svg"); background-size: 18px auto; } #purfit .main-content .purfit-abo-table-mobile .icon-abo-dusche { background-image: url("/wp-content/uploads/2025/06/icon-abo-dusche.svg"); background-size: 18px auto; } #purfit .main-content .purfit-abo-table-mobile .icon-abo-salzburg { background-image: url("/wp-content/uploads/2025/05/icon-abo-salzburg.svg"); background-size: 18px auto; } #purfit .main-content .purfit-abo-table-mobile .icon-abo-getraenke { background-image: url("/wp-content/uploads/2025/06/icon-abo-mineraldrinks.svg"); background-size: 18px auto; } #purfit .main-content .purfit-abo-table-mobile .icon-abo-cup { background-image: url("/wp-content/uploads/2025/06/icon-abo-flasche.svg"); background-size: 16px auto; } #purfit .main-content .purfit-abo-table-mobile .icon-abo-handtuch { background-image: url("/wp-content/uploads/2025/05/icon-abo-handtuch.svg"); background-size: 22px auto; } #purfit .main-content .purfit-abo-table-mobile .icon-abo-power-plate { background-image: url("/wp-content/uploads/2025/05/icon-abo-power-plate.svg"); background-size: 20px auto; } #purfit .main-content .purfit-abo-table-mobile .icon-abo-solarium { background-image: url("/wp-content/uploads/2025/05/icon-abo-solarium.svg"); background-size: 20px auto; } #purfit .main-content .purfit-abo-table-mobile .icon-abo-paket { background-image: url("/wp-content/uploads/2025/05/icon-abo-paket.svg"); background-size: 16px auto; } #purfit .main-content .purfit-abo-table-mobile .icon-abo-kurs { background-image: url("/wp-content/uploads/2025/11/icon-abo-kurs-neg.svg"); background-size: 22px auto; } /* Check-Icon kleiner + dunkler */ #purfit .main-content .purfit-abo-table-mobile td.check .svgbg, #purfit .main-content .purfit-abo-table-mobile td.cross .svgbg { width: 26px !important; height: 20px !important; margin: 0 auto !important; background-repeat: no-repeat; background-position: center center; background-color: transparent; } #purfit .main-content .purfit-abo-table-mobile td.check .svgbg { background-image: url("/wp-content/uploads/2025/05/icon-abo-check.svg"); background-size: 26px auto !important; } #purfit .main-content .purfit-abo-table-mobile td.cross .svgbg { background-image: url("/wp-content/uploads/2025/05/icon-abo-x.svg"); background-size: 21px auto; } /* nur auf Mobile anzeigen */ @media only screen and (max-width: 690px) { #purfit .main-content .purfit-abo-table-mobile { display: table; } /* große Tabelle auf Mobile ausblenden */ #purfit .purfit-abo-table-outer { display: none; } } /* /\ / \/\ _____/___/__\______________________________________________________________ BLOG ___________________________________________________________________________*/ .featured-media-under-header__excerpt { display: none !important; } /* /\ / \/\ _____/___/__\______________________________________________________________ FOOTER ___________________________________________________________________________*/ .footer-logo { max-width: 210px !important; } .footer-menu ul, .footer-horz-menu ul { margin: 0; } .footer-menu ul li, .footer-horz-menu ul li { list-style: none; } .footer-menu ul li { list-style: none; padding: 5px 0; } .footer-horz-menu ul li { display: inline-block; padding: 0 10px; } .footer-horz-menu ul li a { opacity: 0.5; } /*/////////////////////////////////////////////////////////////////////////////////// reCAPTCHA */ body:not(.page-id-6) .grecaptcha-badge { display: none !important; } .grecaptcha-badge { -webkit-filter: grayscale(100%); filter: grayscale(100%); bottom: 70px !important; } /* Formular */ .light .wpcf7-acceptance span { color: #ffffff !important; } .wpcf7-acceptance span { line-height: 1.25em } .wpcf7-acceptance .wpcf7-list-item { margin-left: 0; } @media only screen and (max-width: 768px) { .rpcf7-contact-form .rpcf7-column:last-child { padding-left: 0; padding-right: 10px; padding-top: 30px } } /* /\ / \/\ _____/___/__\______________________________________________________________ COOKIEBOT ___________________________________________________________________________*/ .CookiebotWidget, #CookiebotWidget { display: none !important; } h2#CybotCookiebotDialogBodyContentTitle { font-size: clamp(20px, 3vw, 30px) !important; } #CybotCookiebotDialogPoweredbyImage, #CybotCookiebotDialogPoweredbyCybot { display: none !important; } #CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive { border-bottom-color: var(--cookiebot) !important; color: var(--cookiebot) !important; } #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonAccept, #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonAccept, #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll { background-color: var(--cookiebot) !important; border-color: var(--cookiebot) !important; } #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonCustomize, #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection { border-color: var(--cookiebot) !important; } #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection, #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonDecline { background: transparent !important; color: var(--cookiebot) !important; } #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton { border-color: var(--cookiebot) !important; } #CybotCookiebotDialog input:checked+.CybotCookiebotDialogBodyLevelButtonSlider { background-color: var(--cookiebot) !important; } #CybotCookiebotDialog #CybotCookiebotDialogBodyContentText a, #CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonIABHeaderViewPartnersLink, #CybotCookiebotDialog #CybotCookiebotDialogDetailBulkConsentList dt a, #CybotCookiebotDialog #CybotCookiebotDialogDetailFooter a, #CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonIABDescription a, #CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieLink, #CybotCookiebotDialogDetailBodyContentTextAbout a { color: var(--cookiebot) !important; } #CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink:hover { color: var(--cookiebot) !important; } #CybotCookiebotDialog .CookieCard .CybotCookiebotDialogDetailBodyContentCookieContainerButton:hover, #CybotCookiebotDialog .CookieCard .CybotCookiebotDialogDetailBodyContentIABv2Tab:hover, #CybotCookiebotDialogDetailBodyContentCookieContainerTypes .CybotCookiebotDialogDetailBodyContentCookieProvider:not(.CybotCookiebotDialogDetailBodyContentCookieInfoCount):hover { color: var(--cookiebot) !important; } #CybotCookiebotDialog a:hover:after, #CybotCookiebotDialog a:hover:before, #CybotCookiebotDialog button:hover:after, #CybotCookiebotDialog button:hover:before { border-color: var(--cookiebot) !important; } #CybotCookiebotDialog ul li { list-style: inherit; } table.CookieDeclarationTable { background-color: transparent !important; } table.CookieDeclarationTable tr:nth-child(2n+1) { background-color: transparent !important; }