.forminator-ui.forminator-poll#forminator-module-797 { border-color: rgba(0,0,0,0); background-color: rgba(255,255,255,0); box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .forminator-ui.forminator-poll#forminator-module-797 { padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; } #forminator-module-797 { border-width: 0; border-style: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; } #forminator-module-797 .forminator-poll--grid { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -10px; } #forminator-module-797 .forminator-poll--column { width: 50%; display: block; -ms-flex: 0 0 auto; flex: 0 0 auto; box-sizing: border-box; padding: 10px; } #forminator-module-797 .forminator-poll--column .forminator-radio.forminator-has_image { position: relative; padding-top: calc(150px + 15px); } #forminator-module-797 .forminator-poll--column .forminator-radio.forminator-has_image .forminator-radio-bullet { align-self: flex-start; } #forminator-module-797 .forminator-poll--column .forminator-radio.forminator-has_image:not(.forminator-has_bullet) { margin-bottom: 0; } #forminator-module-797 .forminator-poll--column .forminator-radio.forminator-has_image .forminator-radio-bullet { margin-left: 0; } #forminator-module-797 .forminator-poll--column .forminator-radio.forminator-has_image .forminator-radio-image { width: 100%; position: absolute; top: 0; left: 0; } #forminator-module-797 .forminator-poll--column .forminator-radio.forminator-has_image .forminator-radio-image span { width: 100%; height: 140px; background-size: cover; background-position: center; } /* START: Desktop only */ @media (min-width: 783px) { #forminator-module-797:not(.forminator-size--small) .forminator-poll--column { width: 33.333333333333%; } #forminator-module-797:not(.forminator-size--small) .forminator-poll--column .forminator-radio.forminator-has_image { padding-top: calc(250px + 15px); } #forminator-module-797:not(.forminator-size--small) .forminator-poll--column .forminator-radio.forminator-has_image .forminator-radio-image span { height: 240px; } } /* END: Desktop only */ .forminator-ui.forminator-poll#forminator-module-797 .forminator-chart-legend li { color: #777771; } .forminator-ui#forminator-module-797 .forminator-poll-footer { margin-top: 30px; } .forminator-ui#forminator-module-797 .forminator-question { color: #333333; } .forminator-ui#forminator-module-797 .forminator-question { font-size: 15px; font-family: inherit; font-weight: 600; } .forminator-ui#forminator-module-797 .forminator-description { color: #4D4D4D; } .forminator-ui#forminator-module-797 .forminator-description { font-size: 13px; font-family: inherit; font-weight: 400; } .forminator-ui#forminator-module-797.forminator-design--material .forminator-radio { color: #000000; } .forminator-ui#forminator-module-797.forminator-design--material .forminator-radio span[aria-hidden] { border-color: #777771; } .forminator-ui#forminator-module-797.forminator-design--material .forminator-radio span[aria-hidden]:before { background-color: #097BAA; } .forminator-ui#forminator-module-797.forminator-design--material .forminator-radio span[aria-hidden]:after { background-color: #097BAA; } .forminator-ui#forminator-module-797.forminator-design--material .forminator-radio input:checked + span[aria-hidden] { border-color: #097BAA; } .forminator-ui#forminator-module-797.forminator-design--material .forminator-has_error .forminator-radio span[aria-hidden] { border-color: #E51919; } .forminator-ui#forminator-module-797.forminator-design--material .forminator-radio span:not([aria-hidden]) { font-size: 16px; font-family: inherit; font-weight: 400; } .forminator-ui#forminator-module-797.forminator-design--material .forminator-input, .forminator-ui#forminator-module-797.forminator-design--material .forminator-input:hover, .forminator-ui#forminator-module-797.forminator-design--material .forminator-input:focus, .forminator-ui#forminator-module-797.forminator-design--material .forminator-input:active { border-color: #777771; color: #000000; } .forminator-ui#forminator-module-797.forminator-design--material .forminator-input::placeholder { color: #888888; } .forminator-ui#forminator-module-797.forminator-design--material .forminator-input:-moz-placeholder { color: #888888; } .forminator-ui#forminator-module-797.forminator-design--material .forminator-input::-moz-placeholder { color: #888888; } .forminator-ui#forminator-module-797.forminator-design--material .forminator-input:-ms-input-placeholder { color: #888888; } .forminator-ui#forminator-module-797.forminator-design--material .forminator-input::-webkit-input-placeholder { color: #888888; } .forminator-ui#forminator-module-797.forminator-design--material .forminator-input--wrap:after { background-color: #097BAA; } .forminator-ui#forminator-module-797.forminator-design--material .forminator-is_active .forminator-input--wrap:after { background-color: #097BAA; } .forminator-ui#forminator-module-797.forminator-design--material .forminator-has_error .forminator-input--wrap:after { background-color: #E51919; } .forminator-ui#forminator-module-797.forminator-design--material .forminator-input { font-size: 16px; font-family: inherit; font-weight: 400; } .forminator-ui#forminator-module-797.forminator-design--material .forminator-button-submit { background-color: #097BAA; color: #FFFFFF; } .forminator-ui#forminator-module-797.forminator-design--material .forminator-button-submit:hover { background-color: #086A91; color: #FFFFFF; } .forminator-ui#forminator-module-797.forminator-design--material .forminator-button-submit:focus, .forminator-ui#forminator-module-797.forminator-design--material .forminator-button-submit:active { background-color: #086A91; color: #FFFFFF; } .forminator-ui#forminator-module-797.forminator-design--material .forminator-button-submit { font-size: 14px; font-family: inherit; font-weight: 500; } .forminator-ui#forminator-module-797.forminator-design--material .forminator-button-back { background-color: #097BAA; color: #FFFFFF; } .forminator-ui#forminator-module-797.forminator-design--material .forminator-button-back:hover { background-color: #086A91; color: #FFFFFF; } .forminator-ui#forminator-module-797.forminator-design--material .forminator-button-back:focus, .forminator-ui#forminator-module-797.forminator-design--material .forminator-button-back:active { background-color: #086A91; color: #FFFFFF; } .forminator-ui#forminator-module-797.forminator-design--material .forminator-button-back { font-size: 14px; font-family: inherit; font-weight: 500; } .forminator-ui#forminator-module-797.forminator-design--material .forminator-link { color: #097BAA; } .forminator-ui#forminator-module-797.forminator-design--material .forminator-link:visited { color: #097BAA; } .forminator-ui#forminator-module-797.forminator-design--material .forminator-link:hover { color: #086A91; } .forminator-ui#forminator-module-797.forminator-design--material .forminator-link:active { color: #086A91; } .forminator-ui#forminator-module-797.forminator-design--material .forminator-link { font-size: 13px; font-family: inherit; font-weight: 500; } .forminator-ui#forminator-module-797.forminator-design--material .forminator-note { color: #333333; } .forminator-ui#forminator-module-797.forminator-design--material .forminator-note { font-size: 13px; font-family: inherit; font-weight: 400; } .forminator-ui#forminator-module-797.forminator-design--material .forminator-response-message.forminator-success { box-shadow: inset 4px 0 0 0 #067963, 1px 1px 4px 0 rgba(0,0,0,0.3); -moz-box-shadow: inset 4px 0 0 0 #067963, 1px 1px 4px 0 rgba(0,0,0,0.3); -webkit-box-shadow: inset 4px 0 0 0 #067963, 1px 1px 4px 0 rgba(0,0,0,0.3); } .forminator-ui#forminator-module-797.forminator-design--material .forminator-response-message.forminator-success:hover, .forminator-ui#forminator-module-797.forminator-design--material .forminator-response-message.forminator-success:focus, .forminator-ui#forminator-module-797.forminator-design--material .forminator-response-message.forminator-success:active { box-shadow: inset 4px 0 0 0 #067963, 1px 1px 4px 0 rgba(0,0,0,0.3); -moz-box-shadow: inset 4px 0 0 0 #067963, 1px 1px 4px 0 rgba(0,0,0,0.3); -webkit-box-shadow: inset 4px 0 0 0 #067963, 1px 1px 4px 0 rgba(0,0,0,0.3); } .forminator-ui#forminator-module-797.forminator-design--material .forminator-response-message.forminator-success, .forminator-ui#forminator-module-797.forminator-design--material .forminator-response-message.forminator-success p { color: #333333; } .forminator-ui#forminator-module-797.forminator-design--material .forminator-response-message.forminator-error { box-shadow: inset 4px 0 0 0 #E51919, 1px 1px 4px 0 rgba(0,0,0,0.3); -moz-box-shadow: inset 4px 0 0 0 #E51919, 1px 1px 4px 0 rgba(0,0,0,0.3); -webkit-box-shadow: inset 4px 0 0 0 #E51919, 1px 1px 4px 0 rgba(0,0,0,0.3); } .forminator-ui#forminator-module-797.forminator-design--material .forminator-response-message.forminator-error:hover, .forminator-ui#forminator-module-797.forminator-design--material .forminator-response-message.forminator-error:focus, .forminator-ui#forminator-module-797.forminator-design--material .forminator-response-message.forminator-error:active { box-shadow: inset 4px 0 0 0 #E51919, 1px 1px 4px 0 rgba(0,0,0,0.3); -moz-box-shadow: inset 4px 0 0 0 #E51919, 1px 1px 4px 0 rgba(0,0,0,0.3); -webkit-box-shadow: inset 4px 0 0 0 #E51919, 1px 1px 4px 0 rgba(0,0,0,0.3); } .forminator-ui#forminator-module-797.forminator-design--material .forminator-response-message.forminator-error, .forminator-ui#forminator-module-797.forminator-design--material .forminator-response-message.forminator-error p { color: #333333; } .forminator-ui#forminator-module-797.forminator-design--material .forminator-response-message p { font-size: 15px; font-family: inherit; font-weight: 400; }.forminator-ui.forminator-poll-797 /* * H&A Hyperaudio – Timbre MF Voting * Für Forminator Polls > Appearance > Custom CSS * * Zweck: * - vollständige Bilder statt Forminator-Zuschnitt (background-size: cover) * - drei gleichwertige Karten auf breiten Seiten * - eine gut lesbare Spalte in schmalen Containern und auf Mobilgeräten * - funktioniert mit Default/Flat/Bold/Material sowie Basic/None */ /* Grundfläche des Abstimmungsfensters */ .forminator-poll-header,.forminator-ui.forminator-poll-797 .forminator-poll-body,.forminator-ui.forminator-poll-797 .forminator-poll-footer{width: 100% !important;max-width: none !important;box-sizing: border-box !important;}.forminator-ui.forminator-poll-797 .forminator-poll--question{margin-bottom: 12px !important;text-align: center !important;font-size: clamp(25px, 3vw, 42px) !important;line-height: 1.15 !important;letter-spacing: -0.02em !important;}.forminator-ui.forminator-poll-797 .forminator-poll-header .forminator-description{max-width: 760px !important;margin-right: auto !important;margin-left: auto !important;text-align: center !important;line-height: 1.6 !important;}.forminator-ui.forminator-poll-797 /* Drei gleich breite Karten; Forminator-eigene negative Ränder entfernen */ .forminator-poll--grid{Forminator-eigene negative Ränder entfernen */ .forminator-poll--grid { display: flex !important;flex-wrap: wrap !important;align-items: stretch !important;gap: 24px !important;margin: 0 !important;}.forminator-ui.forminator-poll-797 .forminator-poll--column{width: calc((100% - 48px) / 3) !important;min-width: 0 !important;flex: 0 0 calc((100% - 48px) / 3) !important;padding: 0 !important;box-sizing: border-box !important;border: 1px solid rgba(25, 32, 38, 0.14) !important;border-radius: 14px !important;background: #f4f1ed !important;box-shadow: 0 10px 30px rgba(20, 25, 30, 0.08) !important;overflow: hidden !important;transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease !important;}.forminator-ui.forminator-poll-797 .forminator-poll--column:hover{transform: translateY(-3px) !important;border-color: rgba(151, 105, 63, 0.55) !important;box-shadow: 0 16px 38px rgba(20, 25, 30, 0.13) !important;}.forminator-ui.forminator-poll-797 /* * Forminator positioniert die Bildfläche absolut und reserviert nur 240 px. * Wir machen daraus eine normale,.forminator-ui.forminator-poll-797 vollständig sichtbare Kartenfläche. */ .forminator-poll--column .forminator-radio.forminator-has_image{width: 100% !important;min-height: 100% !important;display: flex !important;flex-wrap: wrap !important;align-content: flex-start !important;align-items: center !important;position: relative !important;margin: 0 !important;padding: 0 0 16px !important;box-sizing: border-box !important;}.forminator-ui.forminator-poll-797 /* Bildwrapper in allen normalen Forminator-Designs */ .forminator-poll--column .forminator-radio.forminator-has_image .forminator-radio-image{width: 100% !important;max-width: 100% !important;flex: 0 0 100% !important;order: 1 !important;position: static !important;top: auto !important;left: auto !important;display: block !important;margin: 0 !important;padding: 0 !important;border: 0 !important;border-radius: 0 !important;box-sizing: border-box !important;overflow: hidden !important;background: #f4f1ed !important;}.forminator-ui.forminator-poll-797 /* Default / Flat / Bold / Material: Bild liegt als CSS-Hintergrund vor */ .forminator-poll--column .forminator-radio-image > span{width: 100% !important;height: auto !important;aspect-ratio: 1 / 1 !important;display: block !important;background-color: #f4f1ed !important;background-repeat: no-repeat !important;background-position: center center !important;background-size: contain !important;}.forminator-ui.forminator-poll-797 /* Basic / None: Bild liegt als echtes img-Element vor */ .forminator-poll--column img.forminator-radio-image{width: 100% !important;height: auto !important;aspect-ratio: 1 / 1 !important;max-height: none !important;object-fit: contain !important;object-position: center center !important;}.forminator-ui.forminator-poll-797 /* Radiobutton und Modellname unter dem Bild */ .forminator-poll--column .forminator-radio-bullet{order: 2 !important;flex: 0 0 auto !important;margin: 16px 10px 0 16px !important;}.forminator-ui.forminator-poll-797 .forminator-poll--column .forminator-radio-label{order: 3 !important;flex: 1 1 0 !important;margin: 16px 16px 0 0 !important;color: #1d252b !important;font-size: 17px !important;font-weight: 650 !important;line-height: 1.3 !important;}.forminator-ui.forminator-poll-797 /* Gut sichtbarer Auswahlzustand */ .forminator-poll--column:has(input:checked){border-color: #9a6b3f !important;box-shadow: 0 0 0 3px rgba(154, 107, 63, 0.18), 0 16px 38px rgba(20, 25, 30, 0.14) !important;}.forminator-ui.forminator-poll-797 .forminator-poll--column input:checked ~ .forminator-radio-image{background-color: #eee8e1 !important;}.forminator-ui.forminator-poll-797 /* Abstimmen-Schaltfläche */ .forminator-poll-footer .forminator-button{width: min(100%, 440px) !important;min-height: 52px !important;display: block !important;margin: 30px auto 0 !important;padding: 14px 24px !important;border-radius: 999px !important;background: #1d252b !important;color: #ffffff !important;font-size: 16px !important;font-weight: 700 !important;letter-spacing: 0.02em !important;}.forminator-ui.forminator-poll-797 .forminator-poll-footer .forminator-button:hover,.forminator-ui.forminator-poll-797 .forminator-poll-footer .forminator-button:focus-visible{background: #9a6b3f !important;box-shadow: 0 8px 22px rgba(29, 37, 43, 0.22) !important;}.forminator-ui.forminator-poll-797 /* Tastaturbedienung sichtbar halten */ .forminator-poll--column:focus-within{outline: 3px solid rgba(154, 107, 63, 0.42) !important;outline-offset: 3px !important;}.forminator-ui.forminator-poll-797 /* * Forminator markiert schmale Einbettungen selbst mit .forminator-size--small. * Dann werden die Karten auch auf einem breiten Monitor untereinander gezeigt,.forminator-ui.forminator-poll-797 * wenn die WordPress-Inhaltsspalte für drei Bilder zu schmal ist. */ .forminator-size--small .forminator-poll--grid{gap: 20px !important;}.forminator-ui.forminator-poll-797 .forminator-size--small .forminator-poll--column{width: 100% !important;flex-basis: 100% !important;}.forminator-ui.forminator-poll-797 .forminator-poll--column{width: 100% !important;flex-basis: 100% !important;}.forminator-ui.forminator-poll-797 .forminator-poll--column .forminator-radio-bullet{margin-left: 14px !important;} /* Tablet und Smartphone: eine Karte pro Zeile */ @media (max-width: 900px) { .forminator-ui.forminator-poll-797 .forminator-poll--grid{gap: 20px !important;}.forminator-ui.forminator-poll-797 .forminator-poll--question{font-size: clamp(25px, 7vw, 36px) !important;} } /* Sehr kleine Smartphones */ @media (max-width: 480px) { .forminator-ui.forminator-poll-797 .forminator-poll--column{border-radius: 10px !important;}.forminator-ui.forminator-poll-797 .forminator-poll--column .forminator-radio-label{margin-right: 14px !important;font-size: 16px !important;} } /* Weniger Bewegung, wenn der Besucher das im System eingestellt hat */ @media (prefers-reduced-motion: reduce) { .forminator-ui.forminator-poll-797 .forminator-poll--column{transition: none !important;} }