/* /\ /**\ /****\ /\ / \ /**\ / /\ / \ / / \ / \ / / \/ /\ \ / / \/ \/\ \ __/__/_______/___/__\___\______________________________ Made with Passion by GIPFELGOLD // www.gipfelgold.com _______________________________________________________ VERSION: 250813 */ /* ///////////////////////////////////////////////////////////////////////////////////////// WEBFONTS */ /*@import url("//hello.myfonts.net/count/3cdb7a");*/ @font-face { font-family: 'HelveticaNeueLTPro-Roman'; font-display: swap; src: url('webFonts/HelveticaNeueLTPro-Roman/font.woff2') format('woff2'), url('webFonts/HelveticaNeueLTPro-Roman/font.woff') format('woff'); } @font-face { font-family: 'NeueHelvetica'; font-style: normal; font-weight: bold; font-stretch: normal; font-display: swap; src: url('webFonts/NeueHelvetica/normal_normal_bold.woff2') format('woff2'), url('webFonts/NeueHelvetica/normal_normal_bold.woff') format('woff'); } @font-face { font-family: 'NeueHelvetica'; font-style: normal; font-weight: normal; font-stretch: normal; font-display: swap; src: url('webFonts/NeueHelvetica/normal_normal_normal.woff2') format('woff2'), url('webFonts/NeueHelvetica/normal_normal_normal.woff') format('woff'); } @font-face { font-family: 'Velour-medium'; font-display: swap; src: url('webFonts/Velour-medium/font.woff2') format('woff2'), url('webFonts/Velour-medium/font.woff') format('woff'); } @font-face { font-family: 'velour-bold'; font-display: swap; src: url('webFonts/Velour-bold/velour_bold-webfont.woff2') format('woff2'), url('webFonts/Velour-bold/velour_bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'HelveticaNeueLTPro-Lt'; font-display: swap; src: url('webFonts/HelveticaNeueLTPro-Lt/font.woff2') format('woff2'), url('webFonts/HelveticaNeueLTPro-Lt/font.woff') format('woff'); } @font-face { font-family: 'next_southerland_scriptRg'; font-display: swap; src: url('webFonts/southerland/next_southerland_script-webfont.woff2') format('woff2'), url('webFonts/southerland/next_southerland_script-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } :root { --gold: #D2A445; --dunkelgold: #a37b27; --gruen: #032d32; --cookiebot: #032d32; } /* ///////////////////////////////////////////////////////////////////////////////////////// FONTS */ body, html, p, ul, li, pre, .pre { font-family: 'HelveticaNeueLTPro-Lt'; font-weight: normal; font-style: normal; letter-spacing: 0.1em; color: #032d32; } pre, .pre { white-space: normal; } .break { word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } @media (max-width: 460px) { .hero-h1, .hero-h2 { word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } } .align-center { text-align: center; } h1, h2, h3, h4, h5, h6, p, li, a, i { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; } h1, h2, h3 { font-family: 'Velour-medium' !important; font-weight: normal !important; font-style: normal !important; letter-spacing: 0 !important; color: #032d32; } .smallheadline h1, .smallheadline h2 { font-size: 1.4em; } .thb-slidetype h1 { line-height: 1.4em; } h2, .h2, .thb-accordion.style2 .vc_tta-panel-heading h4, p.woocommerce-thankyou-order-received { font-size: clamp(30px, 2vw, 40px); line-height: 1.1em; margin-bottom: 0.85em; } h2 .thb-slidetype-entry { line-height: 1.3em; } h4, h5, h6 { font-family: 'NeueHelvetica'; font-weight: normal !important; font-style: normal !important; letter-spacing: 0.1em; color: #032d32; } pre, .pre { background: inherit; font-family: inherit; font-size: inherit; font-size: inherit; line-height: inherit; margin-bottom: inherit; max-width: inherit; overflow: inherit; padding: inherit; font-family: 'NeueHelvetica' !important; font-style: normal !important; font-weight: bold !important; font-stretch: normal !important; } #h1pre { font-weight: normal !important; text-transform: uppercase; letter-spacing: 0.12em !important; font-size: 12px; margin-bottom: 1em; } strong, b { font-family: 'NeueHelvetica'; font-style: normal; font-weight: bold; font-stretch: normal; } .bold { font-weight: 600 !important; } #wrapper .thb-light-column p, #wrapper .thb-light-column ul, #wrapper .thb-light-column li, #wrapper .thb-light-column pre, #wrapper .thb-light-column .pre, #wrapper .thb-light-column h1, #wrapper .thb-light-column h2, #wrapper .thb-light-column h3, #wrapper .thb-light-column h4, #wrapper .thb-light-column h5, #wrapper .thb-light-column h6, #wrapper .thb-light-column p, #wrapper .thb-light-column li, #wrapper .thb-light-column i, #wrapper .columns.thb-light-column h1, #wrapper .columns.thb-light-column h2, #wrapper .columns.thb-light-column h3, #wrapper .columns.thb-light-column h4, #wrapper .columns.thb-light-column h5, #wrapper .columns.thb-light-column h6, #wrapper .columns.thb-light-column .thb-portfolio .type-portfolio h1, #wrapper .columns.thb-light-column .thb-portfolio .type-portfolio h2, #wrapper .columns.thb-light-column .thb-portfolio .type-portfolio.style6 .portfolio-holder, #wrapper .columns.thb-light-column .thb-awards-parent, #wrapper .columns.thb-light-column .thb-awards .award-container .thb-award-description strong, #wrapper .columns.thb-light-column .thb-awards .award-container .thb-award-description b, #wrapper .columns.thb-light-column .thb-experience .thb-experience-description strong, #wrapper .columns.thb-light-column .thb-experience .thb-experience-position strong, #wrapper .columns.thb-light-column .thb-experience .thb-experience-description b, #wrapper .columns.thb-light-column .thb-experience .thb-experience-position b, #wrapper .columns.thb-light-column .thb-experience, #wrapper .columns.thb-light-column label, #wrapper .columns.thb-light-column .thb-counter { color: #ffffff; } .heroheadline { height: auto; color: rgba(255, 255, 255, 0); line-height: 0.85em !important; -webkit-text-stroke: 0.01em rgb(215, 169, 90); text-shadow: rgba(255, 255, 255, 0.5) 0.0417em 0.025em 0px; letter-spacing: 1px; font-weight: 400; font-family: "velour-bold" !important; white-space: unset !important; margin-left: auto; margin-right: auto; font-size: clamp(60px, 9vw, 120px); width: 60vw; max-width: 800px; min-width: 280px; } /* /\ / \/\ _____/___/__\______________________________________________________________ LAYOUT ___________________________________________________________________________*/ .max500 > .vc_column-inner { max-width: 600px; padding-left: 0 !important; padding-right: 0 !important; margin-left: auto; margin-right: auto; } /* Scroll Magic Debug */ #gg-color-debug { position: fixed; top: 10px; right: 10px; z-index: 99999; background: rgba(0,0,0,0.7); color: #fff; padding: 6px 10px; font-size: 12px; border-radius: 3px; font-family: Arial, sans-serif; pointer-events: none; } /* /\ / \/\ _____/___/__\______________________________________________________________ ELEMENTS ___________________________________________________________________________*/ /* //////////////////////////////////////////////////////////////////////////////////////////////// Button */ .btn-text.style1 { font-weight: bold; font-family: 'NeueHelvetica'; } /* //////////////////////////////////////////////////////////////////////////////////////////////// Cascading Images */ /* Der neue äußere Wrapper ist unsere Bühne */ .verschachtelte-bilder-wrapper { position: relative; width: 100%; margin: 0 auto; height: 47vw; overflow: visible; } /* Inneres VC-Zeug soll NICHT zum Positionierungs-Referenzpunkt werden */ .verschachtelte-bilder-wrapper .vc_column-inner, .verschachtelte-bilder-wrapper .wpb_wrapper { position: static !important; } /* Grund-Style für alle drei Bilder */ .verschachtelte-bilder-wrapper .verschachtelte-bilder { position: absolute !important; } :root { --scale: 1; --abstand-links: 28.8vw; } @media (max-width: 1024px) { :root { --scale: 1.8; --abstand-links: 6.25vw; } } /* Bild 01 */ .verschachtelte-bilder-wrapper .bild-01 { top: 0; left: calc(var(--abstand-links) + 14vw); width: 21vw; max-width: 21vw; z-index: 100; animation-delay: 0.2s !important; } /* Bild 02 */ .verschachtelte-bilder-wrapper .bild-02 { top: 11.5vw; left: calc(var(--abstand-links) + 16.15vw); width: 32vw; max-width: 32vw; z-index: 200; animation-delay: 0.4s !important; } /* Bild 03 */ .verschachtelte-bilder-wrapper .bild-03 { top: 5vw; left: calc(var(--abstand-links) + 0vw); width: 13vw; max-width: 13vw; z-index: 300; animation-delay: 0.6s !important; } /* Bild 04 */ .verschachtelte-bilder-wrapper .bild-04 { top: 23vw; left: calc(var(--abstand-links) + 3.6vw); width: 16vw; max-width: 16vw; z-index: 400; animation-delay: 0.8s !important; } /* H2 */ .verschachtelte-bilder-wrapper h2 { font-family: 'next_southerland_scriptRg' !important; font-weight: normal !important; font-style: normal !important; position: absolute !important; z-index: 500; left: calc(var(--abstand-links) + 37.5vw); top: 33.9vw; animation-delay: 1s !important; font-size: clamp(36px, 2.4vw, 48px); line-height: 1.1em; margin-bottom: 0; } /* Button */ .verschachtelte-bilder-wrapper .btn-text { position: absolute !important; z-index: 500; left: calc(var(--abstand-links) + 31.75vw); top: 36.5vw; trasformation-delay: 1.2s !important; } @media (max-width: 1024px) { .verschachtelte-bilder-wrapper { height: calc(47vw * var(--scale)); } /* Bild 01 */ .verschachtelte-bilder-wrapper .bild-01 { top: calc(0 * var(--scale)); /* bleibt 0 */ left: calc(var(--abstand-links) + (14vw * var(--scale))); width: calc(21vw * var(--scale)); /* 37.8vw */ max-width: calc(21vw * var(--scale)); /* 37.8vw */ } /* Bild 02 */ .verschachtelte-bilder-wrapper .bild-02 { top: calc(11.5vw * var(--scale)); /* 20.7vw */ left: calc(var(--abstand-links) + (16.15vw * var(--scale))); width: calc(32vw * var(--scale)); /* 57.6vw */ max-width: calc(32vw * var(--scale)); /* 57.6vw */ } /* Bild 03 */ .verschachtelte-bilder-wrapper .bild-03 { top: calc(5vw * var(--scale)); /* 9vw */ left: calc(var(--abstand-links) + (0vw * var(--scale))); width: calc(13vw * var(--scale)); /* 23.4vw */ max-width: calc(13vw * var(--scale)); /* 23.4vw */ } /* Bild 04 */ .verschachtelte-bilder-wrapper .bild-04 { top: calc(23vw * var(--scale)); /* 41.4vw */ left: calc(var(--abstand-links) + (3.6vw * var(--scale))); width: calc(16vw * var(--scale)); /* 28.8vw */ max-width: calc(16vw * var(--scale)); /* 28.8vw */ } /* H2 */ .verschachtelte-bilder-wrapper h2 { left: calc(var(--abstand-links) + (37.5vw * var(--scale))); top: calc(33.9vw * var(--scale)); /* 61.02vw */ } /* Button */ .verschachtelte-bilder-wrapper .btn-text { left: calc(var(--abstand-links) + (31.75vw * var(--scale))); top: calc(37.3vw * var(--scale)); /* 67.14vw */ } } /* Untertitel rechts oben positionieren */ .verschachtelte-bilder .vc_figure-caption { position: absolute; font-weight: bold; font-family: 'NeueHelvetica'; top: 1vw; right: 1vw; margin: 0; padding-left: 40px; /* Platz für die Linie */ font-size: 12px; letter-spacing: 0.1px; text-transform: uppercase; color: #ffffff; /* oder #000, je nach Bild */ z-index: 10; pointer-events: none; /* damit Links im Bild klickbar bleiben */ } /* Linie davor (wie Revolution Buttons) */ .verschachtelte-bilder .vc_figure-caption::before { content: ""; position: absolute; left: 0; top: 50%; width: 35px; /* Startbreite – wie Button */ height: 1px; background: #ffffff; transform: translateY(-50%); opacity: 0.9; transition: width .3s ease, background-color .3s ease, left .3s; } /* Standard-Hover: Linie wird länger + dunkler */ .verschachtelte-bilder figure:hover .vc_figure-caption::before { width: 60px; background: #ffffff; left: -25px; } /* -------------- HOVER EFFEKTE FÜR ALLE BILDER -------------- */ /* IMG smooth transition */ .verschachtelte-bilder-wrapper .verschachtelte-bilder img { transition: transform .4s ease, filter .4s ease; transform-origin: center center; } /* Hover: Bild im Vordergrund */ .verschachtelte-bilder-wrapper .verschachtelte-bilder:hover { z-index: 2000 !important; } /* Hover: Zoom nur auf dem IMG */ .verschachtelte-bilder-wrapper .verschachtelte-bilder:hover img { transform: scale(1.08); filter: brightness(1.05); } /* //////////////////////////////////////////////////////////////////////////////////////////////// Content CArousel */ /* --- Grundlayout: rechtsbündig --- */ .thb-fancy-box.thb-bottom-center .thb-fancy-content { align-items: flex-end; } .thb-fancy-box .thb-fancy-text-content { text-align: right; } /* --- Link Weiß + Linie davor --- */ .thb-fancy-box .thb-fancy-text-content > a { font-weight: bold; font-family: 'NeueHelvetica'; position: relative; display: inline-block; color: #ffffff !important; font-size: 12px; letter-spacing: 0.1em; text-transform: uppercase; text-decoration: none; padding-left: 45px; /* Platz für Linie */ } /* Linie davor – wie btn-text.style1 */ .thb-fancy-box .thb-fancy-text-content > a::before { content: ""; position: absolute; left: 0; top: 50%; width: 35px; /* Startbreite */ height: 1px; background: var(--gold); transform: translateY(-50%); transition: width .3s ease, left .3s ease; } /* Hover → Linie wird länger */ .thb-fancy-box:hover .thb-fancy-text-content > a::before { width: 60px; background: var(--gold); left: -25px; } /* --- Untertext bleibt normal, aber rechtsbündig --- */ .thb-fancy-box .thb-fancy-text-content p { color: rgba(255, 255, 255, 0.85); text-align: right; font-size: 12px; margin-bottom: 0; letter-spacing: 0.08em; } /* //////////////////////////////////////////////////////////////////////////////////////////////// Color gradient for header image */ .parallax_bg.animate-scale-in::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: inline-block; background: linear-gradient(0deg, rgba(3, 45, 50, 0.8), rgba(3, 45, 50, 0.95)); } .hidden { display: none; } .thb_post_nav.style2 { display: none !important; } /* MAP */ .gm-style .gm-style-iw-c { color: #; box-shadow: 0 2px 7px 1px rgba(0, 0, 0, 0.3); } .gm-style .gm-style-iw-t::after { box-shadow: -2px 2px 2px 0 rgba(178, 178, 178, .4); } /* Figcaption */ .wpb_gallery_slides figcaption { display: none; } /* Unknown*/ .add-prescription-wrapper { padding-bottom: 20px; } .childnumber { margin-bottom: 0px !important; padding-bottom: 0px !important; } /* //////////////////////////////////////////////////////////////////////////////////////////////// LINKS */ /* dunkler hintergrund */ #wrapper .thb-light-column a:not(.btn):not(.button), #wrapper .columns.thb-light-column .post .post-title a:not(.btn):not(.button), #wrapper .columns.thb-light-column .post .post-category a:not(.btn):not(.button), #wrapper .columns.thb-light-column .thb-accordion.style1 .vc_tta-panel-heading h4 a:not(.btn):not(.button), #wrapper .columns.thb-light-column .post.style9 .style9-content .style9-readmore, #wrapper .columns.thb-light-column .thb_twitter_container .thb_tweet_time, #wrapper .columns.thb-light-column .thb_twitter_container p a:not(.btn):not(.button), #wrapper .columns.thb-light-column .thb_twitter_container .thb_follow_us a:not(.btn):not(.button) { color: #d2a445; -webkit-transition: color 1s; -moz-transition: color 1s; -o-transition: color 1s; transition: color 1s; } /* heller hintergrund */ #wrapper .thb-dark-column a:not(.btn):not(.button):not(.btn-text), #wrapper .columns.thb-dark-column .post .post-title a:not(.btn):not(.button):not(.btn-text), #wrapper .columns.thb-dark-column .post .post-category a:not(.btn):not(.button):not(.btn-text), #wrapper .columns.thb-dark-column .thb-accordion.style1 .vc_tta-panel-heading h4 a:not(.btn):not(.button):not(.btn-text), #wrapper .columns.thb-dark-column .post.style9 .style9-content .style9-readmore, #wrapper .columns.thb-dark-column .thb_twitter_container .thb_tweet_time, #wrapper .columns.thb-dark-column .thb_twitter_container p a:not(.btn):not(.button):not(.btn-text), #wrapper .columns.thb-dark-column .thb_twitter_container .thb_follow_us a:not(.btn):not(.button):not(.btn-text) { color: #a37b27; -webkit-transition: color 1s; -moz-transition: color 1s; -o-transition: color 1s; transition: color 1s; } /* Standard dunkelgrüner Hintergrund - aber heller MagicScroll */ #wrapper .magicwrap .thb-light-column a:not(.btn):not(.button), #wrapper .magicwrap .columns.thb-light-column .post .post-title a:not(.btn):not(.button), #wrapper .magicwrap .columns.thb-light-column .post .post-category a:not(.btn):not(.button), #wrapper .magicwrap .columns.thb-light-column .thb-accordion.style1 .vc_tta-panel-heading h4 a:not(.btn):not(.button), #wrapper .magicwrap .columns.thb-light-column .post.style9 .style9-content .style9-readmore, #wrapper .magicwrap .columns.thb-light-column .thb_twitter_container .thb_tweet_time, #wrapper .magicwrap .columns.thb-light-column .thb_twitter_container p a:not(.btn):not(.button), #wrapper .magicwrap .columns.thb-light-column .thb_twitter_container .thb_follow_us a:not(.btn):not(.button) { color: #f0efec; } /* Standard heller Hintergrund - aber dark MagicScroll */ #wrapper.hgdark .magicwrap .thb-dark-column a:not(.btn):not(.button), #wrapper.hgdark .magicwrap .columns.thb-dark-column .post .post-title a:not(.btn):not(.button), #wrapper.hgdark .magicwrap .columns.thb-dark-column .post .post-category a:not(.btn):not(.button), #wrapper.hgdark .magicwrap .columns.thb-dark-column .thb-accordion.style1 .vc_tta-panel-heading h4 a:not(.btn):not(.button), #wrapper.hgdark .magicwrap .columns.thb-dark-column .post.style9 .style9-content .style9-readmore, #wrapper.hgdark .magicwrap .columns.thb-dark-column .thb_twitter_container .thb_tweet_time, #wrapper.hgdark .magicwrap .columns.thb-dark-column .thb_twitter_container p a:not(.btn):not(.button), #wrapper.hgdark .magicwrap .columns.thb-dark-column .thb_twitter_container .thb_follow_us a:not(.btn):not(.button) { color: #032d32; } /* Standard dunkelgrüner Hintergrund - aber heller MagicScroll */ #wrapper.hgdark .magicwrap .thb-light-column a:not(.btn):not(.button), #wrapper.hgdark .magicwrap .columns.thb-light-column .post .post-title a:not(.btn):not(.button), #wrapper.hgdark .magicwrap .columns.thb-light-column .post .post-category a:not(.btn):not(.button), #wrapper.hgdark .magicwrap .columns.thb-light-column .thb-accordion.style1 .vc_tta-panel-heading h4 a:not(.btn):not(.button), #wrapper.hgdark .magicwrap .columns.thb-light-column .post.style9 .style9-content .style9-readmore, #wrapper.hgdark .magicwrap .columns.thb-light-column .thb_twitter_container .thb_tweet_time, #wrapper.hgdark .magicwrap .columns.thb-light-column .thb_twitter_container p a:not(.btn):not(.button), #wrapper.hgdark .magicwrap .columns.thb-light-column .thb_twitter_container .thb_follow_us a:not(.btn):not(.button) { color: #d2a445; } .wpb_text_column a:not(.btn):not(.button):after { border-bottom: 1px solid #a37b27; margin-top: -5px; } #wrapper.hgdark .magicwrap .thb-dark-column .style1.btn-text:before { background: var(--gruen); } /* //////////////////////////////////////////////////////////////////////////////////////////////// BUTTONS */ input[type="submit"].style3, .button.style3, .btn.style3 { border-width: 1px; } input[type="submit"].large, .button.large, .btn.large { font-size: 14px; } /* arrow left */ #wrapper a.btn-text.style3 span:after { background: #d2a445 !important; } /* line left Text Button */ /* dark bg*/ #wrapper.hgdark .magicwrap .thb-light-column a.btn-text { color: white !important; } .light-button-text.style1:before, .columns.thb-light-column .style1.btn-text:before, .footer.dark .style1.btn-text:before { background: rgba(210, 164, 69, 1); } #wrapper.hgdark .magicwrap .thb-light-column a.btn-text:hover { color: rgba(210, 164, 69, 1) !important; } .light-button-text.style1:hover:before, .columns.thb-light-column .style1.btn-text:hover:before, .footer.dark .style1.btn-text:hover:before { background: rgba(210, 164, 69, 1); } /* light bg */ #wrapper .magicwrap .thb-dark-column a.btn-text { color: #032d32 !important; } .dark-button-text.style1:before, .columns.thb-dark-column .style1.btn-text:before, .footer.light .style1.btn-text:before { background: rgba(210, 164, 69, 1); } #wrapper .magicwrap .thb-dark-column a.btn-text:hover { color: #032d32 !important; } .dark-button-text.style1:hover:before, .columns.thb-dark-column .style1.btn-text:hover:before, .footer.light .style1.btn-text:hover:before { background: rgba(210, 164, 69, 1); } /* //////////////////////////////////////////////////////////////////////////////////////////////// LIST */ .wpb_text_column ul, .wpb_text_column ol { margin-left: 0; } .wpb_text_column ul { list-style: none; font-size: 14px; } .wpb_text_column ul li { line-height: 1.35em; margin-bottom: .5em; margin-left: 1.5em; } .wpb_text_column ul li:before { content: ""; width: 1.5em; background-image: url("/wp-content/themes/hofgut-child-259/assets/icons/ok.svg"); background-repeat: no-repeat; background-position: left center; height: .7em; display: inline-block; background-size: contain; opacity: 1; margin-left: -1.5em; } .biglist ul { font-size: 1.25em; } /* MagicScroll - Dunkler Bereich */ #wrapper:not(hgdark):not(hgyellow) .thb-light-column .wpb_text_column ul.roombenefits li:before { opacity: 0; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; transition: all 1s; } #wrapper.hgdark .thb-light-column .wpb_text_column ul.roombenefits li:before { opacity: 1; } /* MagicScroll - Heller Bereich*/ #wrapper.hgdark .thb-dark-column .wpb_text_column ul li:before { opacity: 0; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; transition: all 1s; } #wrapper.transparent .thb-dark-column .wpb_text_column ul.freizeitangebot li:before { opacity: 1; } /* //////////////////////////////////////////////////////////////////////////////////////////////// Slider */ .thb-carousel .slick-dots-wrapper { justify-content: left; } .thb-carousel .slick-dots { margin: 20px 0 0 30px; } .thb-animated-arrow.circular { border: 1px solid rgba(255, 255, 255, 0.7); background: rgba(0, 0, 0, 0.1); } .slick-nav.circular { opacity: 1; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .slick-nav.circular.slick-disabled { opacity: 0; } /* //////////////////////////////////////////////////////////////////////////////////////////////// Slider SOMMER WINTER*/ #extrasslider-sommer-winter .thb-portfolio .type-portfolio.style4 { margin-bottom: 0; } #extrasslider-sommer-winter .thb-carousel .slick-dots { margin: 20px 0 0 12px; } @media (min-width: 1024px) { #extrasslider-sommer-winter .slick-prev, #extrasslider-sommer-winter .slick-next { position: absolute; top: 40%; transform: translateY(-50%); z-index: 10; background-color: #032d32; /* Dunkelgrün */ width: 40px; /* Kreisdurchmesser */ height: 40px; /* Kreisdurchmesser */ border-radius: 50%; /* Kreisform */ display: flex; align-items: center; justify-content: center; border: none; cursor: pointer; text-indent: -10000px; box-shadow: 0 0 5px rgba(255, 255, 255, 0.2); } #extrasslider-sommer-winter .slick-prev { display: block !important; left: 0; background-image: url('/wp-content/themes/hofgut-child-259/assets/svg/Arrow_Prev_Icon.svg'); background-repeat: no-repeat; background-position: center; } #extrasslider-sommer-winter .slick-next { display: block !important; right: 0; background-image: url('/wp-content/themes/hofgut-child-259/assets/svg/Arrow_Next_Icon.svg'); background-repeat: no-repeat; background-position: center; } } /* //////////////////////////////////////////////////////////////////////////////////////////////// Scroll to Top */ #scroll_to_top .thb-animated-arrow.circular { background: #d2a445; } @media (min-width: 640px) { .onlymobile { display: none !important; } } /* //////////////////////////////////////////////////////////////////////////////////////////////// COUNTDOWN */ .thb-countdown { text-align: center; } .thb-countdown .thb-countdown-ul { display: inline-flex; justify-content: normal; flex-direction: row; } .thb-countdown .thb-countdown-ul li { padding: 0 0.5em; margin-bottom: 0; } .thb-countdown .thb-countdown-ul li .timestamp { font-weight: normal; font-size: clamp(18px, 2vw, 30px); font-family: 'Velour-medium'; margin-bottom: 0; } .thb-countdown .thb-countdown-ul li .timelabel { font-weight: normal; font-size: clamp(8px, 1vw, 12px); text-transform: uppercase; } /* //////////////////////////////////////////////////////////////////////////////////////////////// CASCADING IMAGES */ .thb_cascading_images .cascading_image:not(:first-child) img { max-width: 100%; } #wrapper .thb-portfolio .type-portfolio .thb-categories, #wrapper .thb-portfolio .type-portfolio h2 { color: #ffffff; } /* //////////////////////////////////////////////////////////////////////////////////////////////// PAUSCHALEN KARTEN */ .thb-portfolio .type-portfolio.style1 .thb-portfolio-image:before, /* Startseite 3D Karten*/ .thb-portfolio .type-portfolio.style10 .thb-portfolio-image:before { /* Pauschalen Seite */ content: ''; width: 100%; height: 100%; position: absolute; background: rgba(3, 45, 50, 0.8); background: linear-gradient(-180deg, rgba(3, 45, 50, 0) 30%, rgba(3, 45, 50, 0.8) 100%); } /* Headlines */ .thb-portfolio .type-portfolio.style1 .thb-portfolio-content h2, .thb-portfolio .type-portfolio.style10 .thb-portfolio-content h3 { font-size: 30px !important; line-height: 1em; color: #ffffff !important; } /* Kategorien ausblenden */ .thb-portfolio .type-portfolio.style10 .thb-portfolio-content .thb-categories { display: none; } .thb-portfolio-hover { background: rgba(3, 45, 50, 0.8) !important; background: linear-gradient(-180deg, rgba(3, 45, 50, 0.5) 20%, rgba(3, 45, 50, 0.9) 100%) !important; } .portfolio-attributes.style2 .attribute { border: 1px solid #d2a445; border-radius: 5px; } .portfolio-attributes.style2 .attribute h6 { FONT-WEIGHT: 700 !important; } /* /\ / \/\ _____/___/__\______________________________________________________________ HEADER ___________________________________________________________________________*/ /* Padding links rechts */ header:not(.post-title)>.row>.small-12.columns, header:not(.post-title)>.row { padding-right: 0 !important; padding-left: 0 !important; } /* //////////////////////////////////////////////////////////////////////////////////////////////// Logo */ .logo-holder a { display: block; width: 100%; height: 62px; background-image: url(/wp-content/uploads/2020/12/Hofgut-Logo-RGB-neg-long-v1.svg); position: absolute; background-position: calc(50vw - 480px - 1842px) 0; background-size: auto 62px; top: 37px; z-index: 250; } header.dark-header .logo-holder a { background-image: url(/wp-content/uploads/2020/12/Hofgut-Logo-RGB-pos-long-v1.svg); } .logo-holder a img { display: none; } /* //////////////////////////////////////////////////////////////////////////////////////////////// Menü */ .secondary-area { /*padding-right: calc(50vw - 480px); New Header 2023 */ padding-right: 50px; margin-top: 50px; position: relative; z-index: 300; } .secondary-area>ul+div { margin-left: 0; } .thb-full-menu>li+li { margin-left: 1em; } .thb-full-menu>li>a, .thb-header-menu>li>a { font-size: 12px; text-transform: uppercase; letter-spacing: 0.2em; font-weight: 700; } .thb-full-menu>li>a:hover, .thb-header-menu>li>a:hover { color: #fff; opacity: 0.7; } .thb-full-menu>li>a:active, .thb-header-menu>li>a:active, .thb-full-menu>li>a:visited, .thb-header-menu>li>a:visited, .thb-full-menu.thb-standard>li.current-menu-item:not(.has-hash)>a { color: #fff; } .thb-full-menu li.menu-item-has-children>a:after { margin-left: 0px; } @media only screen and (max-width: 470px) { .secondary-area>ul:not(.thb-language-switcher) { display: none; } } /*Home*/ .menu-item-2098 a { font-size: 14px !important; } /* //////////////////////////////////////////////////////////////////////////////////////////////// Menü Hover Effekt */ .thb-full-menu.thb-line-through>li>a:before { height: 1px; background: #d2a445 !important; } /* //////////////////////////////////////////////////////////////////////////////////////////////// Burger Menu Icon */ .mobile-toggle-holder { height: 50px; width: 50px; padding-left: 17px; } .mobile-toggle-holder .mobile-toggle { width: 33px; height: 14px; } .mobile-toggle-holder .mobile-toggle span { background: #076f7a; width: 33px; height: 1px; } .mobile-toggle-holder .mobile-toggle span:nth-child(1) { top: 0px; } .mobile-toggle-holder .mobile-toggle span:nth-child(2) { top: 6px; } .mobile-toggle-holder .mobile-toggle span:nth-child(3) { top: 12px; } /* //////////////////////////////////////////////////////////////////////////////////////////////// Overlay Menü */ #mobile-menu { background-color: #032d32 !important; } #mobile-menu.style3 .thb-mobile-menu>li>a { font-size: clamp(20px, 5.5vw, 40px); text-transform: uppercase; letter-spacing: 0.1em; } /*Home*/ .nav-homeitem a { font-size: 14px !important; } /* Submenü */ .thb-mobile-menu .sub-menu { margin-bottom: 30px; margin-left: 0; } .thb-mobile-menu .sub-menu a { padding: 4px 0; } #mobile-menu.dark .sub-menu a { color: white; font-size: 14px; text-transform: uppercase; } /* Submenü Submenü */ .thb-mobile-menu .sub-menu .sub-menu { padding-left: 1em; margin-bottom: 20px; border-left: 1px solid #d2a445; } /* Submenü Submenü Submenü*/ .thb-mobile-menu .sub-menu .sub-menu .sub-menu { border-left: none; margin-top: 0px; margin-bottom: 10px } .thb-mobile-menu .sub-menu .sub-menu .sub-menu li a { font-weight: bold; font-size: 12px !important; } /* Menüfooter */ @media only screen and (max-width: 639px) { #mobile-menu.style3 { padding: 10% 10% 20% 10%; } } #mobile-menu .menu-footer p { color: #ffffff; font-size: 14px; } .menu-footer a, #mobile-menu.dark .menu-footer a, #mobile-menu.dark .thb-secondary-menu a { color: #d2a445; letter-spacing: 0.1em; font-size: 18px; line-height: 1.5em; font-weight: 700; } .menu-footer li a, #mobile-menu.dark .menu-footer li a, #mobile-menu.dark .thb-secondary-menu li a { text-transform: uppercase; } .menu-footer a:hover, #mobile-menu.dark .menu-footer a:hover, #mobile-menu.dark .thb-secondary-menu a:hover { color: rgba(210, 164, 69, 0.8) } #mobile-menu.dark .socials a { color: rgba(255, 255, 255, 1); padding: 10px; margin-right: 5px; } #mobile-menu.dark .socials a:hover { color: rgba(210, 164, 69, 1); } /* Tiktok Icon statt Flickr */ #mobile-menu.dark .socials .fa-flickr:before { content: "\e07b"; } /* Trip Advisor Icon */ #mobile-menu.dark .socials .fa-tripadvisor:before { content: ""; display: block; width: 20px; height: 14px; background-image: url(/wp-content/themes/hofgut-child-259/assets/icons/tripadvisor.svg); background-size: contain; background-repeat: no-repeat; background-position: center center; } /* Impressum DAtenschutz */ @media only screen and (min-width: 640px) { #mobile-menu.style3 .mobile-menu-bottom .thb-secondary-menu li { display: block; } } #mobile-menu.style3 .mobile-menu-bottom .thb-secondary-menu li a { padding: 0; line-height: 1.6em; } @media only screen and (min-width: 640px) { #mobile-menu.style3 .custom_scroll { padding: 15vh 6%; } } @media only screen and (max-width: 640px) { #mobile-menu.style3 .thb-mobile-menu>li:first-child>a { padding-top: 2em !important; } } /* Menü Logo */ .hofgutlogo { display: block; width: 140px; height: 65px; background: url("/wp-content/themes/hofgut-child-259/assets/Hofgut-Logo-RGB-neg.svg"); background-position: left center; background-repeat: no-repeat; background-size: contain; font-size: 0 !important; color: transparent; } /* //////////////////////////////////////////////////////////////////////////////////////////////// RESPONSIVE MENü */ /* Menü ausblenden verhindern */ @media only screen and (max-width: 1024px) { .secondary-area .thb-header-button, .secondary-area .thb-search-holder, .secondary-area .socials, .secondary-area .quick_cart, .secondary-area .thb-header-secondary, .secondary-area .header-secondary-text { display: block; } .thb-full-menu.thb-language-switcher { display: block; } } /* Mobile */ @media only screen and (max-width: 990px) { .logo-holder a { background-position: -1827px 0; } .secondary-area { padding-right: 0.9375rem; } } @media only screen and (max-width: 420px) { .thb-full-menu.thb-language-switcher { display: none; } } /* //////////////////////////////////////////////////////////////////////////////////////////////// Fixed header */ .header.fixed { box-shadow: 0px 4px 5px rgb(0 0 0 / 10%); padding-bottom: 0px !important; } .header.fixed.light-header { background: #032d32 !important } .header.fixed.dark-header { background: #f0efec !important; } .header.fixed .logo-holder a { top: 10px; } .header.fixed .secondary-area { margin-top: 18px; } .header.fixed .thb-full-menu:not(.thb-language-switcher)>li a:not(.logolink) { padding: 20px 0; color: #04434a; } .header.fixed.light-header .thb-full-menu:not(.thb-language-switcher)>li a:not(.logolink) { color: #ffffff; } @media only screen and (max-width: 420px) { .thb-full-menu>li+li { margin-left: 0; } .thb-full-menu>li>a, .thb-header-menu>li>a { display: block; width: 35px; height: 50px; background-image: url("/wp-content/themes/hofgut-child-259/assets/icons/buchen-neg.svg"); background-position: center center; background-size: 24px auto; background-repeat: no-repeat; font-size: 0px !important; color: transparent !important; } .thb-full-menu>li+li>a, .thb-header-menu>li+li>a { background-image: url("/wp-content/themes/hofgut-child-259/assets/icons/anfragen-neg.svg"); } .thb-full-menu>li>a:before, .thb-header-menu>li>a:before { display: none !important; } .dark-header .thb-full-menu>li>a, .dark-header .thb-header-menu>li>a { background-image: url("/wp-content/themes/hofgut-child-259/assets/icons/buchen-pos.svg"); } .dark-header .thb-full-menu>li+li>a, .dark-header .thb-header-menu>li+li>a { background-image: url("/wp-content/themes/hofgut-child-259/assets/icons/anfragen-neg.svg"); } } /* /\ / \/\ _____/___/__\______________________________________________________________ Slider + Textoverlay ___________________________________________________________________________*/ @media only screen and (min-width: 640px) { .z100 { position: relative; z-index: 100; } .z200 { position: relative; z-index: 200; } .z100 .slick-slide { position: relative; } .z100 .slick-slide:before { content: ""; display: block; width: 90%; height: 100%; position: absolute; z-index: 300; top: 0; right: 1.25rem; background: rgb(240, 239, 236); background: linear-gradient(90deg, rgba(240, 239, 236, 0) 0%, rgba(240, 239, 236, 0.90) 100%); } .kulinariktext { position: relative; z-index: 200; } .kulinarikslider { margin-left: calc(-101% / 6); position: relative; z-index: 100; } .kulinarikslider .slick-nav.slick-prev { display: none !important; } .kulinarikslider .slick-slide { position: relative; } .kulinarikslider .slick-slide:before { content: ""; display: block; width: 50%; height: 100%; position: absolute; z-index: 300; top: 0; left: 1.25rem; left: 0; background: rgb(0, 0, 0, 0); background: linear-gradient(90deg, rgba(3, 45, 50, 0.8) 0%, rgba(3, 45, 50, 0) 100%); } .thb-dark-column .kulinarikslider .slick-slide:before { content: ""; background: linear-gradient(90deg, rgba(240, 239, 236, 0.9) 0%, rgba(208, 203, 195, 0) 100%) } } @media print, screen and (min-width: 40em) { .kulinarikslider .slick-slide:before { content: ""; left: .9375rem; } } @media print, screen and (min-width: 64em) { .kulinarikslider .slick-slide:before { content: ""; left: 1.25rem; } } .thb-full-menu.thb-underline>li>a:before { height: 2px; } .thb-iconbox p { font-size: 13px; } .thb-iconbox.left h5, .thb-iconbox.right h5 { font-size: 12px; } .vc_custom_nlform { padding-right: 0px !important; padding-left: 0px !important; } @media (max-width: 639px) { .z100 .slick-list:after { display: none; } } @media (max-width: 1023px) { .z200 { margin-top: 5vh !important; padding-bottom: 0px !important; } } /* /\ / \/\ _____/___/__\______________________________________________________________ PAGES ___________________________________________________________________________*/ /* //////////////////////////////////////////////////////////////////////// Hero */ .hero { padding-top: calc(130px + 7vh) !important } @media only screen and (max-height: 700px) { .hero { padding-top: 130px !important; } } .hero video { filter: grayscale(0.5); -webkit-filter: grayscale(0.5); filter: grayscale(50%); } #heroslider-headline, .heroslider-headline { font-family: "velour-bold" !important; white-space: unset !important; } /* //////////////////////////////////////////////////////////////////////// Hero Headline */ .hero h1 { font-size: clamp(30px, 6.3vw, 48px); } /* //////////////////////////////////////////////////////////////////////// hero button */ .hero .btn.white.style1 { background: #fff; color: #032d32; } .hero .btn.white.style1:hover { background: #d2a445; color: #ffffff !important; } /* //////////////////////////////////////////////////////////////////////// Text Button */ .btn-text.btn-text-large { font-size: 1em; } .hf-btn { margin: 0 2em; font-weight: normal; text-transform: uppercase !important; letter-spacing: 0.2em; font-family: 'NeueHelvetica'; line-height: 1em; font-size: 1em !important; } .hf-btn.nomargin { margin: 0; } .hero .hf-btn { padding: 2.2vw 3.8vw !important; font-weight: 600; text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.85); } .hero .hf-btn.book span { display: block; background-image: url(/wp-content/themes/hofgut-child-259/assets/icons/buchen-neg.svg); background-position: left center; background-size: auto 100%; background-repeat: no-repeat; padding: 0.25em 0 0 2em; } .hero .hf-btn:hover { text-shadow: none; } .hero .hf-btn:hover span { color: #032d32 !important; } .hero .hf-btn.book:hover span { background-image: url(/wp-content/themes/hofgut-child-259/assets/icons/buchen-pos.svg); } .hero input[type="submit"].large, .hero .button.large, .hero .btn.large {} .hero input[type="submit"].large:hover, .hero .button.large:hover, .hero .btn.large:hover { color: #076f7a !important; } .hero input[type="submit"].large:hover span, .hero .button.large:hover span, .hero .btn.large:hover span { color: #076f7a !important; } .herobuttons { margin-top: -2.2vw !important; margin-bottom: 2.2vw !important; } @media (max-width: 900px) { .herobuttons { margin-top: -28px !important; margin-bottom: 28px !important; } } /* //////////////////////////////////////////////////////////////////////// Visual */ .hofgutvisual { background-position: center center !important; position: relative; } /* @media (max-width: 900px) { .hf-btn { margin: 0 1vw !important; padding: 0 4vw !important; font-size: 12px !important; margin-left: 0 !important; } } @media (max-width: 490px) { .hf-btn { margin-bottom: 10px !important; } } */ .hofgutvisual h1+p { font-size: 14px; letter-spacing: 0.05em; font-weight: 600; text-transform: uppercase; } .hofgutvisual h1+p a { color: #032D32 !important; } #wrapper:NOT(.hgdark) .thb-light-column a:not(.btn):not(.button):not(.flockler-btn-load-more) { color: #ffffff !important; } .hofgutvisual h1+p a:not(.btn):not(.button):after { border-bottom: 2px solid #032D32; } /* //////////////////////////////////////////////////////////////////////// HERO BADGE */ .hofgutvisual .wpb_raw_code { margin-bottom: 0; } .herobadge { display: block; position: absolute; width: 198px; height: 198px; background-repeat: no-repeat; background-position: center center; background-size: contain; text-indent: -100000px; position: absolute; right: -99px; top: 10vh; -webkit-transition: all 150ms ease-in-out !important; -moz-transition: all 150ms ease-in-out !important; -ms-transition: all 150ms ease-in-out !important; -o-transition: all 150ms ease-in-out !important; transition: all 150ms ease-in-out !important; } .herobadge:after { display: none; } .herobadge:hover { cursor: pointer; -moz-transform: scale(0.95); -webkit-transform: scale(0.95); -o-transform: scale(0.95); -ms-transform: scale(0.95); transform: scale(0.95); } .herobadge { max-width: 198px; } @media only screen and (max-width: 1670px) { .herobadge { width: 198px; height: 198px; right: -6vw; top: 15vh; } } @media only screen and (max-width: 920px) { .herobadge { bottom: -15vw; right: 178px; width: 40vw; height: 40vw; top: unset; } } /* //////////////////////////////////////////////////////////////////////// BOOOKING BADGE */ #bookingbadge { background-image: url("/wp-content/themes/hofgut-child-259/assets/svg/book-btn-de.svg"); } html[lang="en-US"] #bookingbadge { background-image: url("/wp-content/themes/hofgut-child-259/assets/svg/book-btn-en.svg"); } html[lang="pl-PL"] #bookingbadge { background-image: url("/wp-content/themes/hofgut-child-259/assets/svg/book-btn-pl.svg"); } html[lang="da-DK"] #bookingbadge { background-image: url("/wp-content/themes/hofgut-child-259/assets/svg/book-btn-da.svg"); } html[lang="it-IT"] #bookingbadge { background-image: url("/wp-content/themes/hofgut-child-259/assets/svg/book-btn-it.svg"); } html[lang="cs-CZ"] #bookingbadge { background-image: url("/wp-content/themes/hofgut-child-259/assets/svg/book-btn-cz.svg"); } html[lang="nl-NL"] #bookingbadge { background-image: url("/wp-content/themes/hofgut-child-259/assets/svg/book-btn-nl.svg"); } @media only screen and (max-width: 1670px) { #bookingbadge { top: 15vh; } } @media only screen and (max-width: 920px) { #bookingbadge { right: 178px; top: unset; } } @media only screen and (max-width: 492px) { #bookingbadge { right: 36vw; } } /* //////////////////////////////////////////////////////////////////////// PACKAGE BADGE */ #packagebadge { background-image: url("/wp-content/themes/hofgut-child-259/assets/svg/minisweek-btn-de-34.svg"); top: calc(10vh + 198px); } html[lang="en-US"] #packagebadge { background-image: url("/wp-content/themes/hofgut-child-259/assets/svg/minisweek-btn-en-34.svg"); } html[lang="pl-PL"] #packagebadge { background-image: url("/wp-content/themes/hofgut-child-259/assets/svg/minisweek-btn-pl-34.svg"); } html[lang="da-DK"] #packagebadge { background-image: url("/wp-content/themes/hofgut-child-259/assets/svg/minisweek-btn-da-34.svg"); } html[lang="it-IT"] #packagebadge { background-image: url("/wp-content/themes/hofgut-child-259/assets/svg/minisweek-btn-it-34.svg"); } html[lang="cs-CZ"] #packagebadge { background-image: url("/wp-content/themes/hofgut-child-259/assets/svg/minisweek-btn-cz-34.svg"); } html[lang="nl-NL"] #packagebadge { background-image: url("/wp-content/themes/hofgut-child-259/assets/svg/minisweek-btn-nl-34.svg"); } @media only screen and (max-width: 1670px) { #packagebadge { top: calc(15vh + 198px); } } @media only screen and (max-width: 920px) { #packagebadge { right: 0; top: unset; } } /* /\ / \/\ _____/___/__\______________________________________________________________ ANIMIERTE SVGS ___________________________________________________________________________*/ .st0, .st1, .st2, .swimmer-svg, .sauna-svg, .familie-svg, .sportler-svg, .freunde-svg { fill: none; stroke: #D2A345; stroke-width: 4px; stroke-linecap: round; stroke-linejoin: round; stroke-miterlimit: 10; stroke-dasharray: 47556.0390625px; stroke-dashoffset: 47556.0390625px; animation: move 15s linear forwards; } @keyframes move { 100% { stroke-dashoffset: 0; } } /* HOMEPAGE SVG */ #hofgut-aquaworldsvg-homepage { max-width: 300px; margin: 0 auto; margin-bottom: 2vh; } /* IN OUTDOOR */ #hofgut-aquaworldsvg-inoutdoorpool, #hofgut-saunasvg-sauna { max-width: 500px; } /* /\ / \/\ _____/___/__\______________________________________________________________ LOGO ___________________________________________________________________________*/ #hofgut-logo-path_2_ { opacity: 0; animation: wavy 1s 1.8s ease forwards; transform: translateY(16px); } #hofgut-logo-path_1_ { opacity: 0; animation: wavy 1s 1.7s ease forwards; transform: translateY(14px); } #hofgut-logo-path { opacity: 0; animation: wavy 1s 1.6s ease forwards; transform: translateY(14px); } #hofgut-logo-path_line_ { opacity: 0; animation: wavy 1s 1.5s ease forwards; transform: translateY(10px); } .letter { opacity: 0; animation: wavy 1s 1.9s ease forwards; } #hofgut-logo-path_3_ { stroke-dasharray: 4021.849853515625; stroke-dashoffset: 4021.849853515625; animation: logoh 3.5s ease-in forwards; } @keyframes wavy { 0% { opacity: 0; } 50% { opacity: 0.5; } 100% { transform: translateY(0px); opacity: 1; } } @keyframes logoh { 100% { stroke-dashoffset: 8043.69970703125; } } /* Custom Header */ .gipfelgold-header svg { /*left: calc(50vw - 580px - 1836px); New Header 2023*/ left: -1886px; position: absolute; height: 62px; } .gipfelgold-header .logolink { background: none; } @media only screen and (max-width: 990px) { .gipfelgold-header svg { /*left: calc(-1930px + .9375rem); New Header 2023*/ left: calc(-1950px + .9375rem); } } .vertical-center .vc_column-inner { display: flex; align-items: center; } /* /\ / \/\ _____/___/__\______________________________________________________________ QUICKNAV ___________________________________________________________________________*/ #quicknav-desktop.deutsch, #contacts-mobile.deutsch, #quicknav-desktop.englisch, #contacts-mobile.englisch { display: none; } @media only screen and (min-width: 768px) { html[lang="de-DE"] #quicknav-desktop.deutsch, html:not([lang="de-DE"]) #quicknav-desktop.englisch { display: block; } } @media only screen and (max-width: 767px) { html[lang="de-DE"] #contacts-mobile.deutsch, html:not([lang="de-DE"]) #contacts-mobile.englisch { display: block; } } @media (min-width: 768px) { .quicknav * { box-sizing: border-box; } .quicknav { list-style-type: none; position: fixed; top: calc(100vh / 2 - 90px); left: 100%; margin: 0; padding: 0; box-sizing: border-box; z-index: 200; display: block; } .quicknav li { margin: 0 0 20px 0; padding: 0; height: 56px; position: relative; } .quicknav li a { display: block; width: 266px; height: 56px; border-radius: 3px; background-color: #D7A95A; box-shadow: 0 -3px 15px 1px rgb(0 0 0 / 16%); padding: 0 0 0 55px; line-height: 62px; color: #ffffff; font-size: 15px; text-decoration: none; position: absolute; left: -55px; top: 0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; background-repeat: no-repeat; background-position: 10px center; background-size: auto 20px; font-weight: 700; } .quicknav li a:hover { left: -180px; -webkit-transition: left 0.5s; -moz-transition: left 0.5s; -o-transition: left 0.5s; transition: left 0.5s; } .quicknav li a.quick-book { background-image: url(/wp-content/themes/hofgut-child-259/assets/svg/icon-book.svg); background-position: 18px center; } .quicknav li a.quick-specials { background-image: url(/wp-content/themes/hofgut-child-259/assets/svg/icon-specials.svg); background-position: 18px center; } .quicknav li a.quick-voucher { background-image: url(/wp-content/themes/hofgut-child-259/assets/svg/icon-voucher.svg); background-position: 18px center; } } @media (max-width: 767px) { #contacts-mobile * { box-sizing: border-box; } #contacts-mobile { display: block; position: fixed; left: 0; bottom: 0; width: 100%; height: 60px; padding: 0 2vw; box-sizing: border-box; z-index: 200; background: transparent; margin-bottom: 0; } #contacts-mobile li { display: inline-block; width: calc((96vw - 14px) / 3); padding: 0; margin: 0; vertical-align: top; } #contacts-mobile li a { display: block; width: 100%; height: 60px; background-position: center center; background-repeat: no-repeat; background-size: 25px 25px; cursor: pointer; background-color: #D7A95A; border-radius: 3px 3px 0 0; box-shadow: 0px -3px 15px 1px rgb(0 0 0 / 16%); } #contacts-mobile li a span { display: none; } #contacts-mobile li.mobile-book a { background-image: url(/wp-content/themes/hofgut-child-259/assets/svg/icon-book.svg); } #contacts-mobile li.mobile-specials a { background-image: url(/wp-content/themes/hofgut-child-259/assets/svg/icon-specials.svg); } #contacts-mobile li.mobile-voucher a { background-image: url(/wp-content/themes/hofgut-child-259/assets/svg/icon-voucher.svg); } #scroll_to_top.active { bottom: 75px; } /* Footer Abstand unten */ #footer { background-color: #afa999 !important; padding-bottom: 50px !important; } } /* /\ / \/\ _____/___/__\______________________________________________________________ ONLINE BUCHUNG ___________________________________________________________________________*/ .infotext h3, .infotext p { font-size: 0.8em; margin-bottom: 1.5em; } /* /\ / \/\ _____/___/__\______________________________________________________________ FORMULARE ___________________________________________________________________________*/ /* Google Recaptacha */ .grecaptcha-badge { -webkit-filter: grayscale(100%); filter: grayscale(100%); bottom: 70px !important; } @media only screen and (max-width: 767px) { .grecaptcha-badge { bottom: 130px !important; } } /* form fieldset { padding-left: 1.25rem; padding-right: 1.25rem; }*/ label { margin-bottom: 0; } .wpcf7-form-control-wrap input[type=text], .wpcf7-form-control-wrap input[type=password], .wpcf7-form-control-wrap input[type=date], .wpcf7-form-control-wrap input[type=datetime], .wpcf7-form-control-wrap input[type=email], .wpcf7-form-control-wrap input[type=number], .wpcf7-form-control-wrap input[type=search], .wpcf7-form-control-wrap input[type=tel], .wpcf7-form-control-wrap input[type=time], .wpcf7-form-control-wrap input[type=url], .wpcf7-form-control-wrap input[type=file], .wpcf7-form-control-wrap textarea { margin-bottom: 0; } .wpcf7-spinner { float: left; } /* //////////////////////////////////////////////////////////////////////////////////////////////// PLACEHOLDER */ #footer input[type="text"]:-moz-placeholder, input[type="password"]:-moz-placeholder, input[type="date"]:-moz-placeholder, input[type="datetime"]:-moz-placeholder, input[type="email"]:-moz-placeholder, input[type="number"]:-moz-placeholder, input[type="search"]:-moz-placeholder, input[type="tel"]:-moz-placeholder, input[type="time"]:-moz-placeholder, input[type="url"]:-moz-placeholder, textarea:-moz-placeholder { font-weight: normal !important; color: rgba(40, 42, 45, 0.5) !important; font-size: 1em; letter-spacing: 0.02em; } #footer input[type="text"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="date"]::-moz-placeholder, input[type="datetime"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="search"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="time"]::-moz-placeholder, input[type="url"]::-moz-placeholder, textarea::-moz-placeholder { font-weight: normal !important; color: rgba(40, 42, 45, 0.5) !important; font-size: 1em; letter-spacing: 0.02em; } #footer input[type="text"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="date"]:-ms-input-placeholder, input[type="datetime"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="search"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="time"]:-ms-input-placeholder, input[type="url"]:-ms-input-placeholder, textarea:-ms-input-placeholder { font-weight: normal !important; color: rgba(40, 42, 45, 0.5) !important; font-size: 1em; letter-spacing: 0.02em; } #footer input[type="text"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="date"]::-webkit-input-placeholder, input[type="datetime"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="time"]::-webkit-input-placeholder, input[type="url"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder { font-weight: normal !important; color: rgba(40, 42, 45, 0.5) !important; font-size: 1em; letter-spacing: 0.02em; } #footer input[type="text"]::placeholder, input[type="password"]::placeholder, input[type="date"]::placeholder, input[type="datetime"]::placeholder, input[type="email"]::placeholder, input[type="number"]::placeholder, input[type="search"]::placeholder, input[type="tel"]::placeholder, input[type="time"]::placeholder, input[type="url"]::placeholder, textarea::placeholder { font-weight: normal !important; color: rgba(40, 42, 45, 0.5) !important; font-size: 1em; letter-spacing: 0.02em; } /* //////////////////////////////////////////////////////////////////////////////////////////////// EINGABEFELDER */ #footer input[type="text"], #footer input[type="password"], #footer input[type="date"], #footer input[type="datetime"], #footer input[type="email"], #footer input[type="number"], #footer input[type="search"], #footer input[type="tel"], #footer input[type="time"], #footer input[type="url"], #footer textarea { border: 1px solid #282a2d; border-width: 0 0 1px 0; border-radius: 0; font-size: 1em; font-family: 'NeueHelvetica'; padding: 15px 0; background: none; font-weight: bold; background: rgba(40, 42, 45, 0); color: #282a2d; letter-spacing: 0.02em; } #footer input[type="text"]:not(:focus), #footer input[type="password"]:not(:focus), #footer input[type="date"]:not(:focus), #footer input[type="datetime"]:not(:focus), #footer input[type="email"]:not(:focus), #footer input[type="number"]:not(:focus), #footer input[type="search"]:not(:focus), #footer input[type="tel"]:not(:focus), #footer input[type="time"]:not(:focus), #footer input[type="url"]:not(:focus), #footer textarea:not(:focus) { border-color: #282a2d; } #footer .share_container .product_copy form, #footer input[type="text"]:focus, #footer input[type="password"]:focus, #footer input[type="date"]:focus, #footer input[type="datetime"]:focus, #footer input[type="email"]:focus, #footer input[type="number"]:focus, #footer input[type="search"]:focus, #footer input[type="tel"]:focus, #footer input[type="time"]:focus, #footer input[type="url"]:focus, #footer textarea:focus { border-color: #282a2d; background: transparent; color: #282a2d; } #footer label:hover:before { border: 2px solid #d2a445 !important; background: transparent } #footer input[type="submit"] { background-color: transparent; border: 1px solid #282a2d; color: #282a2d; font-size: 14px; border-radius: 3px; height: 56px; padding: 0 45px; font-weight: normal; text-transform: uppercase; letter-spacing: 0.1em; } #footer input[type="submit"]:hover, #footer input[type="submit"]:focus, #footer input[type="submit"]:active { background-color: #282a2d; color: #fff; } #footer .wpcf7-form [type="checkbox"]:not(:checked), #footer .wpcf7-form [type="checkbox"]:checked { position: absolute; left: -9999px; } #footer .wpcf7-form [type="checkbox"]:not(:checked)+span, #footer .wpcf7-form [type="checkbox"]:checked+span { position: relative; padding-left: 22px; cursor: pointer; margin-bottom: 10px; display: inline-block; font-size: 14px; } #footer .wpcf7-form [type="checkbox"]:not(:checked)+span:before, #footer .wpcf7-form [type="checkbox"]:checked+span:before { content: ''; position: absolute; left: 0px; top: 0px; width: 16px; height: 16px; border: 1px solid #282a2d; background: transparent; border-radius: 2px; box-shadow: none; } #footer .wpcf7-form [type="checkbox"]:checked+span:before { border: 1px solid #d2a445; } #footer .wpcf7-form [type="checkbox"]:checked+span:before { background: #d2a445; } #footer .wpcf7-form [type="checkbox"]:not(:checked)+span:after, #footer .wpcf7-form [type="checkbox"]:checked+span:after { content: '✓'; position: absolute; top: 2px; left: 4px; font-size: 11px; line-height: 1.4; color: #fff; transition: all .2s; } #footer .wpcf7-form [type="checkbox"]:not(:checked)+span:after { opacity: 0; transform: scale(0); } #footer .wpcf7-form [type="checkbox"]:checked+span:after { opacity: 1; transform: scale(1); } #footer .wpcf7-form [type="checkbox"]:disabled:not(:checked)+span:before, #footer .wpcf7-form [type="checkbox"]:disabled:checked+span:before { box-shadow: none; border-color: #d0cdc3; background-color: transparent; } #footer .wpcf7-form [type="checkbox"]:disabled:checked+span:after { color: #d0cdc3; } #footer .wpcf7-form [type="checkbox"]:disabled+span { color: #d0cdc3; } #footer .wpcf7-form [type="checkbox"]:checked:focus+span:before, #footer .wpcf7-form [type="checkbox"]:not(:checked):focus+span:before { border: 2px dotted #d2a445; } /* //////////////////////////////////////////////////////////////////////////////////////////////// OUTPUT */ .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.sent .wpcf7-response-output, .wpcf7 form .wpcf7-response-output { border-color: rgba(0, 0, 0, 0); max-width: 960px !important; margin-left: auto; margin-right: auto; border: 0 !important; background: #fff; color: #afa999; margin-top: 3em; font-weight: bold; text-transform: none; font-size: 14px; line-height: 1.2em; } div.wpcf7 .ajax-loader::before { display: none; } div.wpcf7 .ajax-loader { margin-top: 30px !important; margin-left: auto; margin-right: auto; background-color: transparent; } div.wpcf7 .ajax-loader { background-image: url('/wp-content/themes/hofgut-child-259/assets/icons/loading.gif'); background-size: contain; width: 24px; height: 24px; } /* /\ / \/\ _____/___/__\______________________________________________________________ ACCORDION ___________________________________________________________________________*/ /* HELL */ /*Hintergrund*/ .thb-accordion.style3 .vc_tta-panel.active { background: rgba(4, 67, 74, 0.02); -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } /*Rahmen*/ .columns.thb-dark-column .thb-accordion.style3 .vc_tta-panel { border-color: rgba(4, 67, 74, 0.08); } /* Title */ #wrapper .vc_tta-panel-title a, #wrapper .thb-light-column .vc_tta-panel-title a { font-weight: 600; text-transform: uppercase; font-size: 12px; letter-spacing: 0.1em; } #wrapper .magicwrap .thb-dark-column .vc_tta-panel-title a, #wrapper.hgdark .magicwrap .thb-light-column .vc_tta-panel-title a { color: #d2a445; color: #a37b27; font-weight: 600; text-transform: uppercase; font-size: 12px; letter-spacing: 0.1em; } .thb-accordion .vc_tta-panel-heading h4 a { opacity: 1; } /* DUNKEL */ /* Hintegrund */ .columns.thb-light-column .thb-accordion.style3 .vc_tta-panel.active { background: rgba(255, 255, 255, 0.03); -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } /*Rahmen*/ .columns.thb-light-column .thb-accordion.style3 .vc_tta-panel { border-color: rgba(255, 255, 255, 0.1); } #wrapper.hgdark .magicwrap .thb-light-column .vc_tta-panel-title a { color: #d2a445; } /* /\ / \/\ _____/___/__\______________________________________________________________ ACCORDION STYLE 2 - mehr lesen ___________________________________________________________________________*/ #wrapper .thb-accordion.style2 .vc_tta-panel { border-bottom: 0; font-size: unset; } #wrapper .thb-accordion.style2 .vc_tta-panel-heading { padding-left: 0; } #wrapper .thb-accordion.style2 .vc_tta-panel-heading:before { display: none; } #wrapper .thb-accordion.style2 .vc_tta-panel-heading h4 { font-size: inherit; line-height: 1.35em; margin: 0; padding: 0 0 1em 0; letter-spacing: 0; } #wrapper .thb-accordion.style2 .vc_tta-panel-heading h4 a { font-weight: 400 !important; text-transform: none !important; font-size: inherit !important; letter-spacing: 0 !important; } #wrapper .thb-accordion.style2 .vc_tta-panel-heading h4 a span:after { content: " +"; color: #a37b27; } #wrapper .thb-accordion.style2 .vc_tta-panel.active .vc_tta-panel-heading h4 a span:after { content: " –"; } /* Color for HGDark */ #wrapper.hgdark .magicwrap .thb-light-column .thb-accordion.style2 .vc_tta-panel .vc_tta-panel-heading h4 a span:after { color: white; } /* acitve*/ #wrapper .thb-accordion.style2 .vc_tta-panel.active .vc_tta-panel-heading h4 a:after, #wrapper .thb-accordion.style2 .vc_tta-panel.active .vc_tta-panel-heading h4 a:before { display: none; } #wrapper .thb-accordion.style2 .vc_tta-panel-body { padding-left: 0; } /* /\ / \/\ _____/___/__\______________________________________________________________ HALF ROW ___________________________________________________________________________*/ .half-row-bg { background-repeat: repeat-y; background-size: 100% auto; } /* //////////////////////////////////////////////////////////////////////////////////////////////// HELL */ /* PLACEHOLDER */ #footer .columns.thb-light-column textarea:-moz-placeholder, #footer .columns.thb-light-column input[type="text"]:-moz-placeholder, #footer .columns.thb-light-column input[type="password"]:-moz-placeholder, #footer .columns.thb-light-column input[type="date"]:-moz-placeholder, #footer .columns.thb-light-column input[type="datetime"]:-moz-placeholder, #footer .columns.thb-light-column input[type="email"]:-moz-placeholder, #footer .columns.thb-light-column input[type="number"]:-moz-placeholder, #footer .columns.thb-light-column input[type="search"]:-moz-placeholder, #footer .columns.thb-light-column input[type="tel"]:-moz-placeholder, #footer .columns.thb-light-column input[type="time"]:-moz-placeholder, #footer .columns.thb-light-column input[type="url"]:-moz-placeholder, #footer .columns.thb-light-column textarea:-moz-placeholder { font-weight: normal !important; color: rgba(255, 255, 255, 0.5) !important; font-size: 1em; letter-spacing: 0.02em; } #footer .columns.thb-light-column textarea::-moz-placeholder, #footer .columns.thb-light-column input[type="text"]::-moz-placeholder, #footer .columns.thb-light-column input[type="password"]::-moz-placeholder, #footer .columns.thb-light-column input[type="date"]::-moz-placeholder, #footer .columns.thb-light-column input[type="datetime"]::-moz-placeholder, #footer .columns.thb-light-column input[type="email"]::-moz-placeholder, #footer .columns.thb-light-column input[type="number"]::-moz-placeholder, #footer .columns.thb-light-column input[type="search"]::-moz-placeholder, #footer .columns.thb-light-column input[type="tel"]::-moz-placeholder, #footer .columns.thb-light-column input[type="time"]::-moz-placeholder, #footer .columns.thb-light-column input[type="url"]::-moz-placeholder, #footer .columns.thb-light-column textarea::-moz-placeholder { font-weight: normal !important; color: rgba(255, 255, 255, 0.5) !important; font-size: 1em; letter-spacing: 0.02em; } #footer .columns.thb-light-column textarea:-ms-input-placeholder, #footer .columns.thb-light-column input[type="text"]:-ms-input-placeholder, #footer .columns.thb-light-column input[type="password"]:-ms-input-placeholder, #footer .columns.thb-light-column input[type="date"]:-ms-input-placeholder, #footer .columns.thb-light-column input[type="datetime"]:-ms-input-placeholder, #footer .columns.thb-light-column input[type="email"]:-ms-input-placeholder, #footer .columns.thb-light-column input[type="number"]:-ms-input-placeholder, #footer .columns.thb-light-column input[type="search"]:-ms-input-placeholder, #footer .columns.thb-light-column input[type="tel"]:-ms-input-placeholder, #footer .columns.thb-light-column input[type="time"]:-ms-input-placeholder, #footer .columns.thb-light-column input[type="url"]:-ms-input-placeholder, #footer .columns.thb-light-column textarea:-ms-input-placeholder { font-weight: normal !important; color: rgba(255, 255, 255, 0.5) !important; font-size: 1em; letter-spacing: 0.02em; } #footer .columns.thb-light-column textarea::-webkit-input-placeholder, #footer .columns.thb-light-column input[type="text"]::-webkit-input-placeholder, #footer .columns.thb-light-column input[type="password"]::-webkit-input-placeholder, #footer .columns.thb-light-column input[type="date"]::-webkit-input-placeholder, #footer .columns.thb-light-column input[type="datetime"]::-webkit-input-placeholder, #footer .columns.thb-light-column input[type="email"]::-webkit-input-placeholder, #footer .columns.thb-light-column input[type="number"]::-webkit-input-placeholder, #footer .columns.thb-light-column input[type="search"]::-webkit-input-placeholder, #footer .columns.thb-light-column input[type="tel"]::-webkit-input-placeholder, #footer .columns.thb-light-column input[type="time"]::-webkit-input-placeholder, #footer .columns.thb-light-column input[type="url"]::-webkit-input-placeholder, #footer .columns.thb-light-column textarea::-webkit-input-placeholder { font-weight: normal !important; color: rgba(255, 255, 255, 0.5) !important; font-size: 1em; letter-spacing: 0.02em; } /* PLACEHOLDER */ #footer .columns.thb-light-column textarea:-moz-placeholder { color: rgba(40, 42, 45, 0.5) !important; } #footer .columns.thb-light-column textarea::-moz-placeholder { color: rgba(40, 42, 45, 0.5) !important; } #footer .columns.thb-light-column textarea:-ms-input-placeholder { color: rgba(40, 42, 45, 0.5) !important; } #footer .columns.thb-light-column textarea::-webkit-input-placeholder { color: rgba(40, 42, 45, 0.5) !important; } #footer .columns.thb-light-column input[type="text"], #footer .columns.thb-light-column input[type="password"], #footer .columns.thb-light-column input[type="date"], #footer .columns.thb-light-column input[type="datetime"], #footer .columns.thb-light-column input[type="email"], #footer .columns.thb-light-column input[type="number"], #footer .columns.thb-light-column input[type="search"], #footer .columns.thb-light-column input[type="tel"], #footer .columns.thb-light-column input[type="time"], #footer .columns.thb-light-column input[type="url"], #footer .columns.thb-light-column textarea { border: 1px solid #fff; border-width: 0 0 1px 0; background: rgba(255, 255, 255, 0); color: #ffffff; } #footer .columns.thb-light-column input[type="text"]:not(:focus), #footer .columns.thb-light-column input[type="password"]:not(:focus), #footer .columns.thb-light-column input[type="date"]:not(:focus), #footer .columns.thb-light-column input[type="datetime"]:not(:focus), #footer .columns.thb-light-column input[type="email"]:not(:focus), #footer .columns.thb-light-column input[type="number"]:not(:focus), #footer .columns.thb-light-column input[type="search"]:not(:focus), #footer .columns.thb-light-column input[type="tel"]:not(:focus), #footer .columns.thb-light-column input[type="time"]:not(:focus), #footer .columns.thb-light-column input[type="url"]:not(:focus), #footer .columns.thb-light-column textarea:not(:focus) { border-color: rgba(255, 255, 255, 1); } #footer .columns.thb-light-column input[type="text"]:focus, #footer .columns.thb-light-column input[type="password"]:focus, #footer .columns.thb-light-column input[type="date"]:focus, #footer .columns.thb-light-column input[type="datetime"]:focus, #footer .columns.thb-light-column input[type="email"]:focus, #footer .columns.thb-light-column input[type="number"]:focus, #footer .columns.thb-light-column input[type="search"]:focus, #footer .columns.thb-light-column input[type="tel"]:focus, #footer .columns.thb-light-column input[type="time"]:focus, #footer .columns.thb-light-column input[type="url"]:focus, #footer .columns.thb-light-column textarea:focus { color: #ffffff; } /* //////////////////////////////////////////////////////////////////////////////////////////////// CHECKBOX */ #footer .columns.thb-light-column .wpcf7-form [type="checkbox"]:not(:checked), #footer .columns.thb-light-column .wpcf7-form [type="checkbox"]:checked { position: absolute; left: -9999px; } #footer .columns.thb-light-column .wpcf7-form [type="checkbox"]:not(:checked)+span, #footer .columns.thb-light-column .wpcf7-form [type="checkbox"]:checked+span { position: relative; padding-left: 22px; cursor: pointer; margin-bottom: 10px; display: inline-block; font-size: 14px; } #footer .columns.thb-light-column .wpcf7-form [type="checkbox"]:not(:checked)+span a, #footer .columns.thb-light-column .wpcf7-form [type="checkbox"]:checked+span a { color: #ffffff !important; text-decoration: underline; } /* checkbox aspect */ #footer .columns.thb-light-column .wpcf7-form [type="checkbox"]:not(:checked)+span:before, #footer .columns.thb-light-column .wpcf7-form [type="checkbox"]:checked+span:before { content: ''; position: absolute; left: 0px; top: 0px; width: 16px; height: 16px; border: 1px solid #ffffff; background: transparent; border-radius: 2px; box-shadow: none; } #footer .columns.thb-light-column .wpcf7-form [type="checkbox"]:checked+span:before { border: 1px solid #d2a445; } #footer .columns.thb-light-column .wpcf7-form [type="checkbox"]:checked+span:before { background: #d2a445; } /* checked mark aspect */ #footer .columns.thb-light-column .wpcf7-form [type="checkbox"]:not(:checked)+span:after, #footer .columns.thb-light-column .wpcf7-form [type="checkbox"]:checked+span:after { content: '✓'; position: absolute; top: 2px; left: 4px; font-size: 11px; line-height: 1.4; color: #fff; transition: all .2s; } /* checked mark aspect changes */ #footer .columns.thb-light-column .wpcf7-form [type="checkbox"]:not(:checked)+span:after { opacity: 0; transform: scale(0); } #footer .columns.thb-light-column .wpcf7-form [type="checkbox"]:checked+span:after { opacity: 1; transform: scale(1); } /* disabled checkbox */ #footer .columns.thb-light-column .wpcf7-form [type="checkbox"]:disabled:not(:checked)+span:before, #footer .columns.thb-light-column .wpcf7-form [type="checkbox"]:disabled:checked+span:before { box-shadow: none; border-color: #d0cdc3; background-color: transparent; } #footer .columns.thb-light-column .wpcf7-form [type="checkbox"]:disabled:checked+span:after { color: #d0cdc3; } #footer .columns.thb-light-column .wpcf7-form [type="checkbox"]:disabled+span { color: #d0cdc3; } #footer .columns.thb-light-column .wpcf7-form [type="checkbox"]:checked:focus+span:before, #footer .columns.thb-light-column .wpcf7-form [type="checkbox"]:not(:checked):focus+span:before { border: 2px dotted #d2a445; } /* //////////////////////////////////////////////////////////////////////////////////////////////// SENDEN BUTTON */ #footer .submitbtn { text-align: right; } #footer .columns.thb-light-column input[type="submit"] { border-color: #fff; color: #fff; } #footer .columns.thb-light-column input[type="submit"]:hover, #footer .columns.thb-light-column input[type="submit"]:focus, #footer .columns.thb-light-column input[type="submit"]:active { background-color: #fff; border: 1px solid #fff; color: #282a2d; } #footer .columns.thb-light-column .submitbtn { text-align: right; } .columns.thb-light-column div.wpcf7 .ajax-loader { margin-top: 30px; margin-left: 0; margin-right: 0; } .columns.thb-light-column div.wpcf7 .ajax-loader { background-image: url('/wp-content/themes/hofgut-child-259/assets/icons/loading-neg.gif'); } @media only screen and (min-width: 760px) { .halfinput .wpcf7-form-control-wrap { display: inline-block; width: 48%; } .halfinput .wpcf7-form-control-wrap:nth-child(odd) { margin-right: 3%; } .wpcf7-form-control-wrap input.half[type="text"], .wpcf7-form-control-wrap input.half[type="password"], .wpcf7-form-control-wrap input.half[type="date"], .wpcf7-form-control-wrap input.half[type="datetime"], .wpcf7-form-control-wrap input.half[type="email"], .wpcf7-form-control-wrap input.half[type="number"], .wpcf7-form-control-wrap input.half[type="search"], .wpcf7-form-control-wrap input.half[type="tel"], .wpcf7-form-control-wrap input.half[type="time"], .wpcf7-form-control-wrap input.half[type="url"], .wpcf7-form-control-wrap textarea.half { margin-bottom: 10px; } } /* /\ / \/\ _____/___/__\______________________________________________________________ BLOG ___________________________________________________________________________*/ /* Adjustments for single blog article */ /* decrease height of header image */ .post-detail .post-gallery-detail { min-height: 30vh; } /* override align-center from hofgut.css */ .post-detail .align-center { text-align: initial; } .post-detail { padding-bottom: 4rem; } .single-post h1 { font-size: clamp(32px, 4vw, 40px); } /* sidebar blog title*/ .post.listing .listing_content .post-title h6 { font-size: 18px; } /* blog sidebar datum */ .post.listing .listing_content .post-meta { font-size: 13px; font-weight: 700; letter-spacing: 0; color: rgba(0, 0, 0, 0.3); } /* Tag Buttons */ [class^="tag-cloud-link"] { border: 2px solid rgba(0, 0, 0, 0.2); color: rgba(0, 0, 0, 0.7); font-size: 13px !important; } /* Links */ .post-template-default.single.single-post .post-content a { color: #d2a445; text-decoration: underline; } .post-template-default.single.single-post .post-content a:hover { color: #d2a445; text-decoration: none; } .post-template-default.single.single-post .post-content h2 a, .post-template-default.single.single-post .post-content h3 a, .post-template-default.single.single-post .post-content h4 a, .post-template-default.single.single-post .post-content h5 a, .post-template-default.single.single-post .post-content h6 a { color: #032d32; text-decoration: none; border-bottom: 1px solid #032d32; } .post-template-default.single.single-post .post-content h2 a:hover, .post-template-default.single.single-post .post-content h3 a:hover, .post-template-default.single.single-post .post-content h4 a:hover, .post-template-default.single.single-post .post-content h5 a:hover, .post-template-default.single.single-post .post-content h6 a:hover { color: #d2a445; text-decoration: none; border-bottom: none; } /* //////////////////////////////////////////////////////////////////////////////////////////////// BLOG ARCHIV */ /* Dark green header on blog-archive-page */ .archive .gipfelgold-header .logolink, .error404 .gipfelgold-header .logolink { background: none; } .archive .header, .error404 .header { background: #032d32 !important; } .archive .header .thb-full-menu>li>a:not(:hover), .error404 .header .thb-full-menu>li>a:not(:hover) { color: #FFF !important; } .archive .header .mobile-toggle span, .error404 .header .mobile-toggle span { background: #FFF !important; } /* /\ / \/\ _____/___/__\______________________________________________________________ FOOTER ___________________________________________________________________________*/ footer { background-color: #f0efec !important; } footer:not(.article-tags) { padding: 0 !important; } #menu-footer-de li, #menu-footer-da li, #menu-footer-pl li, #menu-footer-cs li, #menu-footer-en li, #menu-footer-da li a, #menu-footer-pl li a, #menu-footer-cs li a, #menu-footer-de li a, #menu-footer-en li a, .footer .widget a { font-family: 'NeueHelvetica'; color: #ffffff !important; font-size: 11px; text-transform: uppercase; font-weight: bold; } #menu-footer-de li, #menu-footer-pl li, #menu-footer-da li, #menu-footer-cs li, #menu-footer-en li { margin-right: 1em; display: inline-block; } #menu-footer-de li a:hover, #menu-footer-en li a:hover, #menu-footer-pl li a:hover, #menu-footer-da li a:hover, #menu-footer-cs li a:hover, .footer .widget a:hover { color: #ffffff !important; } .footer-underline-link:after, .footer .columns .widget.widget_text a:not([class*="btn"]):after, .footer .columns .widget.widget_categories ul li a:not([class*="btn"]):after, .footer .columns .widget.widget_nav_menu ul li a:not([class*="btn"]):after { background: #ffffff; } /* /\ / \/\ _____/___/__\______________________________________________________________ dark/light ___________________________________________________________________________*/ .thb-light-column p, .thb-light-column ul, .thb-light-column li, .thb-light-column pre, .thb-light-column .pre, .thb-light-column h1, .thb-light-column h2, .thb-light-column h3, .thb-light-column h4, .thb-light-column h5, .thb-light-column h6, .thb-light-column p, .thb-light-column li, .thb-light-column a, .thb-light-column i { color: #ffffff; } #wrapper div[role="main"] { background-color: #ffffff !important; -webkit-transition: background-color 1s; -moz-transition: background-color 1s; -o-transition: background-color 1s; transition: background-color 1s; } #wrapper .hero .thb-row-overlay, #wrapper .page div:first-child .vc_parallax-inner { -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; transition: all 1s; opacity: 0; } #wrapper .hero .thb-row-overlay { background: linear-gradient(0deg, rgba(3, 45, 50, 1) 0%, rgba(3, 45, 50, 0) 25%) !important; } #wrapper.hgyellow div[role="main"] { background-color: #d2a445 !important; } #wrapper.hgdark div[role="main"] { background-color: #032d32 !important; } #wrapper.hgdark .hero .thb-row-overlay, #wrapper.hgdark .page div:first-child .vc_parallax-inner { -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; transition: all 1s; opacity: 1; } #wrapper.hgbeige div[role="main"] { background-color: #afa999 !important; } #wrapper.hgdark .thb-dark-column a.hof-linebutton { color: #032d32 !important; } #wrapper.hgdark .thb-dark-column a.hof-linebutton:before { background: #032d32 !important; } #wrapper.hgdark .thb-dark-column a:not(.btn):not(.button) { color: #032d32 !important; } #wrapper:NOT(.hgdark) .thb-light-column a.hof-linebutton { color: #ffffff !important; } #wrapper:NOT(.hgdark) .thb-light-column a.hof-linebutton:before { background: #ffffff !important; } #wrapper:NOT(.hgdark) .thb-light-column a:not(.btn):not(.button):not(.flockler-btn-load-more) { color: #ffffff !important; } @media (min-width: 440px) { .animation { transition-delay: 0.25s; transition-duration: 0.5s; } footer .animation, .hero .animation { transition-delay: 0s; } } #scroll-to-top { display: none !important; } .columns.thb-dark-column .thb-image-slider .thb-animated-arrow.circular svg { fill: white; } .columns.thb-dark-column .thb-image-slider .thb-animated-arrow.circular { border-color: white; } h1.hero-h1 { font-size: 13px; font-family: 'NeueHelvetica' !important; letter-spacing: 0.1em !important; font-weight: 700 !important; line-height: 1.35em; } h2.hero-h2 { font-size: clamp(30px, 3.5vw, 48px); line-height: 1.2em; } .row.justifytop .vc_column-inner { justify-content: normal; } .mfp-title { display: none; } /* Video BG */ .video-bg-row { background-repeat: repeat-y; background-position: center; background-size: contain; } /* ///////////////////////////////////////////////////////////////////////////////////////// POPUP */ .popupcontent h1.hero-h1 { font-size: ; margin-bottom: 0; } .popupcontent h2.hero-h2 { font-size: 3em; margin-bottom: 1em; } .popupcontent p { letter-spacing: 0 !important; line-height: 1.55em !important; } .popupcontent a:not(.elementor-button) { text-decoration: underline; } .popupcontent a:hover { text-decoration: none; color: #032d32; } .post-detail { padding-bottom: 0; } /* /\ / \/\ _____/___/__\______________________________________________________________ BUCHBARE EXTRAS ___________________________________________________________________________*/ .thb-tabs.style2 a { color: var(--gruen) !important; } .thb-tabs.style2 a i { color: var(--gold) !important; font-size: 1.5em; padding-right: 0.3em; } .thb-tabs.style2 .vc_tta-panel-heading h4 { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .thb-tabs.style2 .vc_tta-panel-heading h4 a.active { -moz-box-shadow: inset 0 -3px 0 var(--gold), 0 1px 0 var(--gold); -webkit-box-shadow: inset 0 -3px 0 var(--gold), 0 1px 0 var(--gold); box-shadow: inset 0 -3px 0 var(--gold), 0 1px 0 var(--gold); } .thb-tabs.style2 a { color: var(--gruen) !important; } .thb-tabs.style2 a i { color: var(--gold) !important; font-size: 1.5em; padding-right: 0.3em; } .thb-tabs.style2 .vc_tta-panel-heading h4 { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .thb-tabs.style2 .vc_tta-panel-heading h4 a.active { -moz-box-shadow: inset 0 -3px 0 var(--gold), 0 1px 0 var(--gold); -webkit-box-shadow: inset 0 -3px 0 var(--gold), 0 1px 0 var(--gold); box-shadow: inset 0 -3px 0 var(--gold), 0 1px 0 var(--gold); } /* Portfolio */ .type-portfolio.style4 .thb-portfolio-content h5 { font-weight: 700 !important; font-size: 14px; letter-spacing: 0.05em; } .type-portfolio.style4 .thb-categories { display: none; } .type-portfolio.style4 .thb-portfolio-content svg, .type-portfolio.style4 .thb-portfolio-content svg .bar { fill: var(--gold) !important; } /* /\ / \/\ _____/___/__\______________________________________________________________ GIGGL ___________________________________________________________________________*/ .gi-filters { display: none !important; } .hgdark .stream__title, .hgdark .by-giggle { color: #ffffff !important; } /* guest */ .gn-powered-by { display: none; } .gn-treatments.gn-widget-modal .gn-read-more { height: calc(1.4em + 15px); line-height: 1.4em; margin-top: 30px; margin-bottom: 30px; } /* /\ / \/\ _____/___/__\______________________________________________________________ outdooractive ___________________________________________________________________________*/ .oax * { letter-spacing: 0; } .oax .oax-part-singleviewpage, .oax .oax_snippet_bg { background-color: #f0efec; padding: 0; } .wpb_raw_code.wpb_content_element.wpb_raw_html { margin-bottom: 0; } .oax_singlePage .oax_list_header_part, .oax_singlePage .oax_author_header, .oax_detail_main .oax_marg_top_20 { display: none !important; } .oax .oax_head_bar, .oax .oax_detail_tabs, .oax .oax_detail_tabs>input[type=radio]:checked+div { background: #f0efec !important; } .oax-back-native a:not(.btn):not(.button):not(.btn-text) { background-color: #D7A95A; border-color: #D7A95A; padding: 0.75em 1.5em; color: #fff !important; } .oax-back-native a:not(.btn):not(.button):not(.btn-text):hover { background-color: #032d32; border-color: #032d32; color: #fff !important; } /* /\ / \/\ _____/___/__\______________________________________________________________ vaMoos Gault Millau falstaff Auszeichnung ___________________________________________________________________________*/ .auszeichnung img { height: 105px; width: auto; } .auszeichnung:hover img { opacity: 1 !important; -webkit-transform: scale(0.93, 0.93) !important; -moz-transform: scale(0.93, 0.93) !important; -ms-transform: scale(0.93, 0.93) !important; -o-transform: scale(0.93, 0.93) !important; transform: scale(0.93, 0.93) !important; } /* /\ / \/\ _____/___/__\______________________________________________________________ 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; }