:root { --accent: #0d314f; } @keyframes spin3 { 0%, 100% { box-shadow: 10px 10px rgba(13, 49, 79, 1), -10px 10px rgba(13, 49, 79, 0.2), -10px -10px rgba(13, 49, 79, 1), 10px -10px rgba(13, 49, 79, 0.2); } 25% { box-shadow: -10px 10px rgba(13, 49, 79, 0.2), -10px -10px rgba(13, 49, 79, 1), 10px -10px rgba(13, 49, 79, 0.2), 10px 10px rgba(13, 49, 79, 1); } 50% { box-shadow: -10px -10px rgba(13, 49, 79, 1), 10px -10px rgba(13, 49, 79, 0.2), 10px 10px rgba(13, 49, 79, 1), -10px 10px rgba(13, 49, 79, 0.2); } 75% { box-shadow: 10px -10px rgba(13, 49, 79, 0.2), 10px 10px rgba(13, 49, 79, 1), -10px 10px rgba(13, 49, 79, 0.2), -10px -10px rgba(13, 49, 79, 1); } } #wpadminbar { top: 0 !important; } #c27-site-wrapper { background-color: #f4f4f4 }/* ========================================= HEADER-HÖHENKONTROLLE -> Steuert Header- und Logo-Höhen für Desktop, Tablet und Mobile sauber getrennt ========================================= */ .featured-section.featured-section-gallery { height: 300px; } /* Gallerie Bilder beim Listing. */ .header-gallery-carousel .item { height: 300px; } /* Desktop */ .header{ height:65px !important; } .header.header-scroll{ height:65px !important; } /* Desktop Logo */ .header .header-logo img, .header .site-logo img, .header .logo img{ width:auto !important; max-height:none !important; display:block !important; object-fit:contain !important; } /* Tablet */ @media(min-width:769px) and (max-width:1024px){ .header{ height:75px !important; } .header.header-scroll{ height:75px !important; } .header .header-logo img, .header .site-logo img, .header .logo img{ height:60px !important; width:auto !important; max-height:none !important; display:block !important; object-fit:contain !important; } } /* Mobile */ @media(max-width:768px){ .header{ height:80px !important; } .header.header-scroll{ height:80px !important; } .header .header-logo img, .header .site-logo img, .header .logo img{ height:60px !important; width:auto !important; max-height:none !important; display:block !important; object-fit:contain !important; } } /* ========================================= USER-BEREICH AUSBLENDEN -> Blendet den kompletten eingeloggten Benutzerbereich im Header aus ========================================= */ .user-area { display: none !important; } /* ========================================= HEADER NAVIGATION GRADIENT -> Nur auf /deals/ Seiten aktiv ========================================= */ .header{ position:relative; z-index:20; } body.is-deals-page .header::before{ content:""; position:absolute; top:0; left:18px; width:calc(100% - 36px); height:90px; border-radius:18px 18px 0 0; background:linear-gradient( to bottom, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0.35) 50%, rgba(0,0,0,0) 100% ); pointer-events:none; z-index:-1; transition:opacity .25s ease; } /* GRADIENT VERSTECKEN */ body.is-deals-page .header.gradient-hidden::before{ opacity:0; } /* ========================================= COUPY PARTNER PAGE - FULL WIDTH BASIS -> gesamte Seite bricht aus dem Theme- Container aus, Inhalt bleibt boxed ========================================= */ .coupy-partner-page{ position:relative; left:50%; right:50%; margin-left:-50vw; margin-right:-50vw; width:100vw; background:#fffdf7; color:#1f2328; font-family:inherit; overflow:hidden; } .coupy-partner-container{ width:min(1180px, calc(100% - 40px)); margin:0 auto; } .coupy-partner-section-label{ display:inline-block; margin-bottom:10px; font-size:13px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:#a07a00; } .coupy-partner-section-title{ margin:0 0 14px; font-size:38px; line-height:1.1; font-weight:800; color:#1f2328; } .coupy-partner-section-text{ max-width:760px; margin:0 auto; font-size:17px; line-height:1.7; color:#5f6773; } .coupy-partner-heading{ max-width:760px; margin:0 auto 48px; text-align:center; } .coupy-partner-heading__badge{ display:inline-flex; align-items:center; justify-content:center; padding:8px 14px; border-radius:999px; background:rgba(255,216,77,.22); border:1px solid rgba(255,216,77,.55); color:#7a6000; font-size:13px; font-weight:700; margin-bottom:16px; } .coupy-partner-heading h2{ margin:0 0 14px; font-size:42px; line-height:1.12; font-weight:800; color:#1f2328; } .coupy-partner-heading p{ margin:0; font-size:17px; line-height:1.7; color:#5f6773; } /* ========================================= BUTTONS ========================================= */ .coupy-partner-btn{ display:inline-flex; align-items:center; justify-content:center; min-height:56px; padding:0 22px; border-radius:16px; text-decoration:none; font-size:16px; font-weight:700; transition:.25s ease; cursor:pointer; border:none; } .coupy-partner-btn--primary{ background:#ffd84d; color:#1f2328; box-shadow:0 14px 30px rgba(255,216,77,.28); } .coupy-partner-btn--primary:hover{ transform:translateY(-2px); box-shadow:0 18px 34px rgba(255,216,77,.34); } .coupy-partner-btn--secondary{ background:#fff; color:#1f2328; border:1px solid rgba(31,35,40,.12); } .coupy-partner-btn--secondary:hover{ transform:translateY(-2px); border-color:rgba(31,35,40,.22); } .coupy-partner-btn--full{ width:100%; } /* ========================================= HERO ========================================= */ .coupy-partner-hero{ position:relative; overflow:hidden; padding:90px 0 70px; background: radial-gradient(circle at top left, rgba(255,216,77,.28), transparent 35%), radial-gradient(circle at bottom right, rgba(255,216,77,.18), transparent 30%), linear-gradient(180deg, #fffdf7 0%, #ffffff 100%); } .coupy-partner-hero__inner{ width:min(1180px, calc(100% - 40px)); margin:0 auto; display:grid; grid-template-columns:1.1fr .9fr; gap:40px; align-items:center; } .coupy-partner-hero__badge{ display:inline-flex; align-items:center; padding:9px 16px; margin-bottom:18px; border-radius:999px; background:#1f2328; color:#ffffff; font-size:13px; font-weight:700; letter-spacing:.02em; } .coupy-partner-hero__title{ margin:0 0 18px; font-size:62px; line-height:1.02; font-weight:900; letter-spacing:-.03em; color:#1f2328; } .coupy-partner-hero__title span{ color:#d39e00; } .coupy-partner-hero__text{ max-width:640px; margin:0 0 28px; font-size:19px; line-height:1.7; color:#58606c; } .coupy-partner-hero__actions{ display:flex; flex-wrap:wrap; gap:14px; margin-bottom:24px; } .coupy-partner-hero__notes{ display:flex; flex-wrap:wrap; gap:12px; } .coupy-partner-hero__note{ padding:10px 14px; border-radius:14px; background:#fff; border:1px solid rgba(31,35,40,.08); font-size:14px; font-weight:600; color:#47505c; } .coupy-partner-hero__card-wrap{ display:flex; justify-content:flex-end; } .coupy-partner-hero__card{ width:100%; max-width:470px; padding:28px; border-radius:28px; background:#ffffff; border:1px solid rgba(31,35,40,.08); box-shadow:0 24px 60px rgba(31,35,40,.08); } .coupy-partner-hero__card-top{ display:flex; justify-content:space-between; align-items:center; gap:14px; margin-bottom:18px; } .coupy-partner-hero__pill{ display:inline-flex; padding:8px 12px; border-radius:999px; background:#ffd84d; color:#1f2328; font-size:12px; font-weight:800; } .coupy-partner-hero__mini{ font-size:13px; font-weight:700; color:#7a8088; } .coupy-partner-hero__card-title{ margin:0 0 18px; font-size:26px; line-height:1.2; font-weight:800; color:#1f2328; } .coupy-partner-hero__list{ margin:0; padding:0; list-style:none; } .coupy-partner-hero__list li{ padding:11px 0; border-bottom:1px solid rgba(31,35,40,.08); font-size:15px; line-height:1.5; color:#4f5762; } .coupy-partner-hero__stats{ display:grid; grid-template-columns:repeat(3, 1fr); gap:12px; margin-top:24px; } .coupy-partner-hero__stat{ padding:16px 12px; border-radius:18px; background:#fff9db; text-align:center; } .coupy-partner-hero__stat strong{ display:block; margin-bottom:5px; font-size:24px; font-weight:900; color:#1f2328; } .coupy-partner-hero__stat span{ display:block; font-size:13px; color:#6b7280; line-height:1.4; } /* ========================================= TRUST ========================================= */ .coupy-partner-trust{ padding:30px 0 70px; text-align:center; background:#ffffff; } .coupy-partner-logos{ display:grid; grid-template-columns:repeat(5, 1fr); gap:16px; margin-top:34px; } .coupy-partner-logo{ display:flex; align-items:center; justify-content:center; min-height:78px; padding:16px; border-radius:18px; border:1px solid rgba(31,35,40,.08); background:#ffffff; color:#8a919b; font-size:16px; font-weight:700; } /* ========================================= BENEFITS ========================================= */ .coupy-partner-benefits{ padding:85px 0; background:#ffffff; } .coupy-partner-grid{ display:grid; grid-template-columns:repeat(3, 1fr); gap:22px; } .coupy-partner-box{ padding:28px; border-radius:24px; background:#fffdf7; border:1px solid rgba(31,35,40,.07); box-shadow:0 10px 24px rgba(31,35,40,.04); } .coupy-partner-box__icon{ width:56px; height:56px; display:flex; align-items:center; justify-content:center; margin-bottom:18px; border-radius:16px; background:#fff3bf; font-size:25px; } .coupy-partner-box h3{ margin:0 0 12px; font-size:22px; line-height:1.2; font-weight:800; color:#1f2328; } .coupy-partner-box p{ margin:0; font-size:16px; line-height:1.7; color:#5d6672; } /* ========================================= STEPS ========================================= */ .coupy-partner-steps{ padding:85px 0; background:linear-gradient(180deg, #fffaf0 0%, #ffffff 100%); } .coupy-partner-steps__grid{ display:grid; grid-template-columns:repeat(4, 1fr); gap:20px; } .coupy-step-card{ position:relative; padding:28px 24px; border-radius:24px; background:#ffffff; border:1px solid rgba(31,35,40,.08); } .coupy-step-card__number{ width:48px; height:48px; display:flex; align-items:center; justify-content:center; margin-bottom:18px; border-radius:14px; background:#ffd84d; color:#1f2328; font-size:18px; font-weight:900; } .coupy-step-card h3{ margin:0 0 10px; font-size:21px; font-weight:800; color:#1f2328; } .coupy-step-card p{ margin:0; font-size:15px; line-height:1.7; color:#5f6773; } /* ========================================= PROMISE ========================================= */ .coupy-partner-promise{ padding:90px 0; background:#1f2328; } .coupy-partner-promise__card{ display:grid; grid-template-columns:1.1fr .9fr; gap:26px; padding:34px; border-radius:30px; background:linear-gradient(180deg, rgba(255,255,255,.06) 0%, rgba(255,255,255,.03) 100%); border:1px solid rgba(255,255,255,.08); } .coupy-partner-promise__content h2{ margin:0 0 14px; font-size:42px; line-height:1.1; font-weight:800; color:#ffffff; } .coupy-partner-promise__content p{ margin:0 0 24px; font-size:17px; line-height:1.7; color:rgba(255,255,255,.78); } .coupy-partner-checks{ margin:0; padding:0; list-style:none; } .coupy-partner-checks li{ padding:10px 0; font-size:16px; line-height:1.6; color:#ffffff; border-bottom:1px solid rgba(255,255,255,.08); } .coupy-partner-promise__side{ display:grid; gap:16px; } .coupy-promise-mini-card{ padding:22px; border-radius:22px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.08); } .coupy-promise-mini-card strong{ display:block; margin-bottom:8px; font-size:20px; color:#ffd84d; } .coupy-promise-mini-card span{ display:block; font-size:15px; line-height:1.7; color:rgba(255,255,255,.78); } /* ========================================= FAQ ========================================= */ .coupy-partner-faq{ padding:85px 0; background:#ffffff; } .coupy-faq-list{ display:grid; grid-template-columns:repeat(2, 1fr); gap:20px; } .coupy-faq-item{ padding:26px; border-radius:22px; background:#fffdf7; border:1px solid rgba(31,35,40,.07); } .coupy-faq-item h3{ margin:0 0 10px; font-size:22px; line-height:1.25; font-weight:800; color:#1f2328; } .coupy-faq-item p{ margin:0; font-size:16px; line-height:1.7; color:#5f6773; } /* ========================================= CTA / FORM ========================================= */ .coupy-partner-cta{ padding:90px 0 110px; background:linear-gradient(180deg, #fff8df 0%, #fffdf7 100%); } .coupy-partner-cta__grid{ display:grid; grid-template-columns:1fr 1fr; gap:28px; align-items:start; } .coupy-partner-cta__content h2{ margin:0 0 14px; font-size:48px; line-height:1.08; font-weight:900; color:#1f2328; } .coupy-partner-cta__content p{ margin:0 0 22px; font-size:18px; line-height:1.75; color:#5c6570; } .coupy-partner-cta__points{ display:grid; gap:12px; font-size:16px; font-weight:700; color:#3f4650; } .coupy-partner-form{ padding:28px; border-radius:28px; background:#ffffff; border:1px solid rgba(31,35,40,.08); box-shadow:0 20px 50px rgba(31,35,40,.07); } .coupy-form-row{ margin-bottom:16px; } .coupy-form-row--2{ display:flex; gap:14px; } .coupy-form-row--2 > *{ flex:1; } .coupy-form-row--2 .wpcf7-form-control-wrap{ display:block; width:100%; } .coupy-form-row--2 .coupy-input{ width:100%; } .coupy-form-row--2 .wpcf7-form-control-wrap input{ width:100%; } .coupy-partner-form input, .coupy-partner-form textarea{ width:100%; min-height:56px; padding:0 16px; border-radius:16px; border:1px solid rgba(31,35,40,.12); background:#fff; color:#1f2328; font-size:15px; outline:none; box-sizing:border-box; } .coupy-partner-form textarea{ min-height:150px; padding:16px; resize:vertical; } .coupy-partner-form input:focus, .coupy-partner-form textarea:focus{ border-color:#ffd84d; box-shadow:0 0 0 4px rgba(255,216,77,.18); } /* ========================================= RESPONSIVE ========================================= */ @media (max-width: 1100px){ .coupy-partner-hero__inner, .coupy-partner-promise__card, .coupy-partner-cta__grid{ grid-template-columns:1fr; } .coupy-partner-grid{ grid-template-columns:repeat(2, 1fr); } .coupy-partner-steps__grid{ grid-template-columns:repeat(2, 1fr); } .coupy-partner-hero__card-wrap{ justify-content:flex-start; } } @media (max-width: 768px){ .coupy-partner-page{ margin-left:calc(-50vw + 50%); margin-right:calc(-50vw + 50%); width:100vw; } .coupy-partner-hero{ padding:70px 0 56px; } .coupy-partner-hero__title{ font-size:42px; } .coupy-partner-heading h2, .coupy-partner-section-title, .coupy-partner-promise__content h2, .coupy-partner-cta__content h2{ font-size:32px; } .coupy-partner-grid, .coupy-faq-list, .coupy-partner-logos, .coupy-partner-steps__grid, .coupy-partner-hero__stats{ grid-template-columns:1fr; } .coupy-form-row--2{ flex-direction:column; } .coupy-partner-hero__actions, .coupy-partner-hero__notes{ flex-direction:column; align-items:stretch; } .coupy-partner-btn{ width:100%; } .coupy-partner-box, .coupy-step-card, .coupy-faq-item, .coupy-partner-form, .coupy-partner-hero__card{ border-radius:22px; } .coupy-partner-container, .coupy-partner-hero__inner{ width:calc(100% - 24px); } } /* ========================================= KATEGORIE ICONS AUF DER EXPLORE-SEITE AUSBLENDEN -> Entfernt die Kategorie-Icons im Explore- Kategorien-Tab und räumt den Abstand auf ========================================= */ .explore-tab-content .term-icon, .explore-tab-content .category-icon, .explore-tab-content .icon-circle, .explore-tab-content .icon-container, .explore-tab-content .cts-term-icon, .explore-tab-content .tax-icon, .explore-tab-content .cat-icon, .explore-tab-content li img, .explore-tab-content li svg, .explore-tab-content li i{ display:none !important; } .explore-tab-content li a, .explore-tab-content .category-name, .explore-tab-content .term-name{ padding-left:0 !important; gap:0 !important; } /* ========================================= FALLBACK FÜR PSEUDO-ICONS ========================================= */ .explore-tab-content li a:before, .explore-tab-content li span:before{ display:none !important; content:none !important; } /* ========================================= SO FUNKTIONIERTS - BOX ========================================= */ .coupy-how-it-works__title-row{ display:flex; align-items:center; gap:14px; margin-bottom:12px; } /* COUPY FULLWIDTH BACKGROUND FIX */ .coupy-how-it-works{ position:relative; left:50%; right:50%; margin-left:-50vw; margin-right:-50vw; width:100vw; } /* ========================================= COMMUNITY-FAVORITEN ÜBERSCHRIFT -> Minimaler Bereich mit Badge und Unterüberschrift für die Homeseite ========================================= */ .coupy-community-heading{ width:100%; padding:20px 20px 30px; /* Abstand uber dem Badge */ text-align:left; background:#ffffff; } .coupy-community-heading__eyebrow{ display:inline-flex; align-items:center; justify-content:center; padding:8px 16px; border-radius:999px; background:#FFD84D; color:#2B2F33; font-size:13px; font-weight:700; letter-spacing:0.08em; text-transform:uppercase; } .coupy-community-heading__text{ margin:15px 0 0; /* Abstand zum Badge oben */ color:#5f6368; font-size:18px; line-height:1.25; font-weight:400; } /* MOBILE ANPASSUNG */ @media (max-width:768px){ .coupy-community-heading{ padding:56px 18px 24px; } .coupy-community-heading__eyebrow{ font-size:12px; padding:7px 14px; } .coupy-community-heading__text{ font-size:16px; } } /* ========================================= BELIEBTE BEAUTY SALONS ÜBERSCHRIFT -> Minimaler Bereich mit Badge und Unterüberschrift für Beauty Deals ========================================= */ .coupy-beauty-heading{ width:100%; padding:20px 20px 30px; text-align:left; background:#ffffff; } .coupy-beauty-heading__eyebrow{ display:inline-flex; align-items:center; justify-content:center; padding:8px 16px; border-radius:999px; background:#EC96A4; color:#ffffff; font-size:13px; font-weight:700; letter-spacing:0.08em; text-transform:uppercase; } .coupy-beauty-heading__text{ margin:15px 0 0; color:#5f6368; font-size:18px; line-height:1.25; font-weight:400; } /* MOBILE ANPASSUNG */ @media (max-width:768px){ .coupy-beauty-heading{ padding:56px 18px 24px; } .coupy-beauty-heading__eyebrow{ font-size:12px; padding:7px 14px; } .coupy-beauty-heading__text{ font-size:16px; } } /* ========================================= BELIEBTE FREIZEITAKTIVITÄTEN ÜBERSCHRIFT -> Minimaler Bereich mit Badge und Unterüberschrift für Freizeit Deals ========================================= */ .coupy-freizeit-heading{ width:100%; padding:20px 20px 30px; text-align:left; background:#ffffff; } .coupy-freizeit-heading__eyebrow{ display:inline-flex; align-items:center; justify-content:center; padding:8px 16px; border-radius:999px; background:#A1BE95; color:#ffffff; font-size:13px; font-weight:700; letter-spacing:0.08em; text-transform:uppercase; } .coupy-freizeit-heading__text{ margin:15px 0 0; color:#5f6368; font-size:18px; line-height:1.25; font-weight:400; } /* MOBILE ANPASSUNG */ @media (max-width:768px){ .coupy-freizeit-heading{ padding:56px 18px 24px; } .coupy-freizeit-heading__eyebrow{ font-size:12px; padding:7px 14px; } .coupy-freizeit-heading__text{ font-size:16px; } } /* ========================================= COUPY WAS-IST-SEKTION -> Moderner Video-Bereich im Coupy-Stil mit Badge, Überschrift, Untertext und eingebettetem YouTube-Video ========================================= */ /* COUPY FULLWIDTH BACKGROUND FIX */ .coupy-what-is{ position:relative; left:50%; right:50%; margin-left:-50vw; margin-right:-50vw; width:100vw; overflow:hidden; padding:110px 24px 100px; background: radial-gradient(circle at top left, rgba(255,209,102,0.22) 0%, rgba(255,209,102,0) 32%), radial-gradient(circle at top right, rgba(255,168,76,0.16) 0%, rgba(255,168,76,0) 28%), linear-gradient(180deg,#fffdf8 0%,#fff8ef 100%); } .coupy-what-is::before{ content:""; position:absolute; top:-120px; left:-120px; width:320px; height:320px; border-radius:50%; background:rgba(255,216,77,0.14); filter:blur(40px); pointer-events:none; } .coupy-what-is::after{ content:""; position:absolute; right:-140px; bottom:-140px; width:320px; height:320px; border-radius:50%; background:rgba(255,159,67,0.12); filter:blur(44px); pointer-events:none; } /* CONTAINER */ .coupy-what-is__container{ position:relative; z-index:2; max-width:1320px; margin:0 auto; } /* HEADLINE-BEREICH */ .coupy-what-is__header{ max-width:760px; margin:0 auto 54px; text-align:center; } .coupy-what-is__badge{ display:inline-flex; align-items:center; justify-content:center; min-height:38px; padding:0 18px; border:1px solid rgba(255,186,73,0.24); border-radius:999px; background:rgba(255,209,102,0.18); color:#c97a00; font-size:14px; font-weight:800; letter-spacing:0.01em; box-shadow:0 10px 30px rgba(255,186,73,0.12); } .coupy-what-is__title{ margin:18px 0 14px; color:#111111; font-size:clamp(38px,5vw,66px); line-height:1.02; font-weight:900; letter-spacing:-0.04em; } .coupy-what-is__subtitle{ margin:0; color:#69707d; font-size:clamp(18px,2vw,22px); line-height:1.6; font-weight:500; } /* VIDEO-BEREICH */ .coupy-what-is__video-box{ max-width:520px; margin:0 auto; padding:34px 26px 30px; border:1px solid rgba(17,17,17,0.06); border-radius:32px; background:rgba(255,255,255,0.78); box-shadow: 0 12px 40px rgba(17,17,17,0.06), 0 2px 10px rgba(17,17,17,0.03); } /* 🔥 HOCHFORMAT VIDEO (9:16 SHORTS STYLE) */ .coupy-what-is__video-frame{ position:relative; width:100%; max-width:420px; margin:0 auto; aspect-ratio:9 / 16; overflow:hidden; border-radius:24px; background:#000000; } .coupy-what-is__video-frame iframe{ position:absolute; top:0; left:0; width:100%; height:100%; border:0; } /* TABLET-BEREICH */ @media (max-width:1100px){ .coupy-what-is{ padding:90px 22px 82px; } .coupy-what-is__video-box{ padding:28px 20px 26px; border-radius:28px; } } /* MOBILE-BEREICH */ @media (max-width:767px){ .coupy-what-is{ padding:78px 18px 64px; } .coupy-what-is__header{ margin-bottom:34px; } .coupy-what-is__title{ margin:16px 0 12px; } .coupy-what-is__subtitle{ font-size:17px; line-height:1.55; } .coupy-what-is__video-box{ padding:18px; border-radius:24px; } .coupy-what-is__video-frame{ border-radius:18px; max-width:100%; } } /* ========================================= COUPY GOOGLE MAPS BUTTON ========================================= */ .location-address a{ display:flex; align-items:center; justify-content:center; width:100%; min-height:46px; padding:0 18px; border-radius:999px; background:linear-gradient( to bottom, #FFF4C9 0%, #FFE9A6 55%, #FFD978 100% ); box-shadow: 0 10px 22px rgba(200,160,0,0.18), inset 0 1px 0 rgba(255,255,255,0.55); color:#2B2F33 !important; font-size:14px; font-weight:500; text-align:center; text-decoration:none !important; transition:transform 0.2s ease, box-shadow 0.2s ease; } /* Hover */ .location-address a:hover{ transform:translateY(-2px); background:linear-gradient( to bottom, #FFF4C9 0%, #FFE9A6 55%, #FFD978 100% ) !important; box-shadow: 0 14px 26px rgba(200,160,0,0.22), inset 0 1px 0 rgba(255,255,255,0.65); } /* ========================================= COUPY ÜBER-DAS-RESTAURANT BOX -> Moderne Info-Box mit Beschreibung und drei Highlights untereinander im Stil der Speisekarten-Box ========================================= */ .coupy-about-premium{ display:grid; grid-template-columns:1fr; gap:20px; width:100%; border-radius:28px; background:linear-gradient( to bottom, #ffffff 0%, #f5f7f9 100% ); border:1px solid #e7eaee; box-shadow:0 14px 30px rgba(17,17,17,0.05); padding:28px 24px; } /* Badge */ .coupy-about-premium__badge{ display:inline-flex; align-items:center; justify-content:center; min-height:30px; padding:6px 12px; border-radius:999px; background:#f4f6f8; border:1px solid #e3e7eb; color:#4f5a64; font-size:12px; line-height:1; font-weight:700; white-space:nowrap; margin-bottom:16px; } /* Beschreibung */ .coupy-about-premium__text, .coupy-about-premium__text--small{ margin:0; color:#5f666d; font-size:16px; line-height:1.55; font-weight:500; max-width:100%; } /* Abstand zwischen den beiden Textabsätzen */ .coupy-about-premium__text{ margin-bottom:16px; } /* Container für Highlights */ .coupy-about-premium__right{ display:grid; grid-template-columns:1fr; gap:14px; } /* Einzelnes Highlight */ .coupy-about-premium__item{ display:grid; grid-template-columns:52px minmax(0,1fr); gap:14px; align-items:start; padding:16px; border-radius:20px; background:rgba(255,255,255,0.72); border:1px solid #e8ecf0; } /* Icon */ .coupy-about-premium__icon{ display:flex; align-items:center; justify-content:center; width:52px; height:52px; border-radius:16px; background:#f4f7fa; font-size:24px; line-height:1; } /* Textcontainer */ .coupy-about-premium__content{ min-width:0; } /* Label */ .coupy-about-premium__label{ margin:0 0 4px; color:#8b9299; font-size:12px; line-height:1.2; font-weight:700; letter-spacing:0.05em; text-transform:uppercase; } /* Value */ .coupy-about-premium__value{ color:#2B2F33; font-size:15px; line-height:1.45; font-weight:700; } /* Tablet */ @media (max-width:1024px){ .coupy-about-premium{ padding:30px 26px 22px; border-radius:30px; } .coupy-about-premium__badge{ min-height:34px; padding:8px 14px; font-size:13px; margin-bottom:16px; } .coupy-about-premium__text, .coupy-about-premium__text--small{ font-size:18px; } .coupy-about-premium__text{ margin-bottom:18px; } } /* Mobile */ @media (max-width:767px){ .coupy-about-premium{ padding:22px 18px 18px; border-radius:24px; } .coupy-about-premium__badge{ min-height:32px; padding:7px 12px; font-size:12px; margin-bottom:14px; } .coupy-about-premium__text, .coupy-about-premium__text--small{ font-size:15px; } .coupy-about-premium__text{ margin-bottom:14px; } .coupy-about-premium__item{ grid-template-columns:46px minmax(0,1fr); gap:12px; padding:14px; border-radius:18px; } .coupy-about-premium__icon{ width:46px; height:46px; border-radius:14px; font-size:20px; } .coupy-about-premium__value{ font-size:14px; } } /* ========================================= COUPY MENÜ KARTE -> Neutrale Menü-Box mit weißem Verlaufshintergrund, Badge, Beschreibungstext und blauem Coupy Button ========================================= */ /* LISTING SPEISEKARTE TITEL AUSBLENDEN .title-style-1 i.mi.restaurant_menu, .title-style-1 h5{ display:none !important; }*/ .coupy-menu-card{ position:relative; width:100%; border-radius:28px; background:linear-gradient( to bottom, #ffffff 0%, #f5f7f9 100% ); border:1px solid #e7eaee; box-shadow:0 14px 30px rgba(17,17,17,0.05); } /* Menü Inhalt */ .coupy-menu-card__content{ position:relative; padding:28px 24px 18px; } /* Menü Badges */ .coupy-menu-card__badges{ display:flex; flex-wrap:wrap; gap:8px; margin-bottom:16px; } /* Menü Badge */ .coupy-menu-card__badge{ display:inline-flex; align-items:center; justify-content:center; min-height:30px; padding:6px 12px; border-radius:999px; background:#f4f6f8; border:1px solid #e3e7eb; color:#4f5a64; font-size:12px; line-height:1; font-weight:700; white-space:nowrap; } /* Menü Text */ .coupy-menu-card__text{ margin:0 0 20px; color:#5f666d; font-size:16px; line-height:1.55; font-weight:500; max-width:100%; } /* Menü Button */ .coupy-menu-card__button{ display:flex; align-items:center; justify-content:center; width:100%; min-height:50px; padding:0 18px; border-radius:999px; background:linear-gradient( to bottom, #FFF4C9 0%, #FFE9A6 55%, #FFD978 100% ); box-shadow: 0 10px 22px rgba(200,160,0,0.18), inset 0 1px 0 rgba(255,255,255,0.55); color:#2B2F33 !important; font-size:15px; line-height:0; font-weight:800; text-align:center; text-decoration:none !important; transition:transform 0.2s ease, box-shadow 0.2s ease; } /* Button Hover */ .coupy-menu-card__button:hover{ transform:translateY(-2px); box-shadow: 0 14px 26px rgba(200,160,0,0.22), inset 0 1px 0 rgba(255,255,255,0.65); } /* Tablet Layout */ @media (max-width:1024px){ .coupy-menu-card{ border-radius:30px; } .coupy-menu-card__content{ padding:30px 26px 22px; } .coupy-menu-card__badge{ min-height:34px; padding:8px 14px; font-size:13px; } .coupy-menu-card__text{ margin-bottom:24px; font-size:18px; } .coupy-menu-card__button{ min-height:56px; font-size:17px; } } /* Mobile Layout */ @media (max-width:767px){ .coupy-menu-card{ border-radius:24px; } .coupy-menu-card__content{ padding:22px 18px 18px; } .coupy-menu-card__badges{ margin-bottom:14px; } .coupy-menu-card__badge{ min-height:32px; padding:7px 12px; font-size:12px; } .coupy-menu-card__text{ margin-bottom:18px; font-size:15px; } .coupy-menu-card__button{ min-height:52px; font-size:15px; } } /* ========================================= COUPY GUTSCHEIN GRID -> Zeigt auf Desktop zwei Gutscheine nebeneinander und auf Tablet / Mobile jeweils untereinander ========================================= */ .coupy-voucher-grid{ display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:20px; width:100%; max-width:100%; margin:0 auto; padding:0; } /* Gutschein Karte */ .coupy-voucher-card{ position:relative; overflow:visible; border-radius:28px; background:linear-gradient(180deg,#FFD84D 0%,#FFCB1F 45%,#F4A700 100%); box-shadow: 0 14px 30px rgba(217,141,0,0.18), inset 0 1px 0 rgba(255,255,255,0.35); min-height:300px; /* Gesamthöhe */ } /* Gutschein Inhalt */ .coupy-voucher-card__content{ position:relative; z-index:2; padding:28px 24px 12px; } /* Maskottchen Position */ .coupy-voucher-card__mascot{ position:absolute; top:-60px; right:-12px; z-index:3; } .coupy-voucher-card__mascot img{ display:block; width:120px; height:auto; } /* Gutschein Titel */ .coupy-voucher-card__title{ margin:0 0 16px; color:#B35B00; font-size:24px; line-height:1.1; font-weight:800; letter-spacing:-0.01em; } /* Gutschein Badges */ .coupy-voucher-card__badges{ display:flex; flex-wrap:nowrap; gap:4px; margin-bottom:16px; } /* Gutschein Badge */ .coupy-voucher-card__badge{ display:inline-flex; align-items:center; justify-content:center; min-height:28px; padding:4px 10px; border-radius:999px; background:linear-gradient(180deg,rgba(255,214,58,0.95) 0%,rgba(255,191,0,0.92) 100%); box-shadow: inset 0 2px 4px rgba(255,255,255,0.3), 0 3px 8px rgba(191,125,0,0.12); color:#B35B00; font-size:12px; line-height:1; font-weight:700; white-space:nowrap; } /* Gutschein Beschreibung */ .coupy-voucher-card__text{ margin:0 0 20px; color:#A24F00; font-size:17px; line-height:1.45; font-weight:500; max-width:100%; } /* Gutschein Button */ .coupy-voucher-card__button{ display:flex; align-items:center; justify-content:center; width:100%; min-height:50px; padding:0 18px; border-radius:999px; background:linear-gradient(180deg,#184E77 0%,#133C5B 100%); box-shadow: 0 10px 22px rgba(8,34,58,0.20), inset 0 1px 0 rgba(255,255,255,0.18); color:#ffffff !important; font-size:15px; line-height:0; font-weight:800; text-align:center; text-decoration:none !important; transition:transform 0.2s ease, box-shadow 0.2s ease; } .coupy-voucher-card__button:hover{ transform:translateY(-2px); box-shadow: 0 14px 26px rgba(8,34,58,0.24), inset 0 1px 0 rgba(255,255,255,0.18); } /* Tablet Layout */ @media (max-width:1024px){ .coupy-voucher-grid{ grid-template-columns:1fr; gap:24px; } .coupy-voucher-card{ min-height:auto; border-radius:30px; } .coupy-voucher-card__content{ padding:38px 28px 28px; } .coupy-voucher-card__mascot{ top:-64px; right:14px; } .coupy-voucher-card__mascot img{ width:150px; } .coupy-voucher-card__title{ font-size:46px; margin-bottom:22px; line-height:1.05; } .coupy-voucher-card__badges{ gap:10px; margin-bottom:22px; } .coupy-voucher-card__badge{ font-size:20px; min-height:50px; padding:10px 20px; } .coupy-voucher-card__text{ margin-bottom:26px; font-size:24px; } .coupy-voucher-card__button{ min-height:74px; padding:16px 22px; font-size:24px; } } /* Mobile Layout */ @media (max-width:767px){ .coupy-voucher-grid{ gap:20px; } .coupy-voucher-card{ border-radius:26px; } .coupy-voucher-card__content{ padding:28px 20px 22px; } .coupy-voucher-card__mascot{ top:-48px; right:10px; } .coupy-voucher-card__mascot img{ width:110px; } .coupy-voucher-card__title{ font-size:34px; margin-bottom:18px; padding-right:80px; } .coupy-voucher-card__badges{ gap:6px; margin-bottom:18px; } .coupy-voucher-card__badge{ min-height:32px; padding:6px 12px; font-size:14px; } .coupy-voucher-card__text{ margin-bottom:20px; font-size:18px; } .coupy-voucher-card__button{ min-height:60px; padding:14px 18px; font-size:18px; } } /* ========================================= LISTING TEXTLAYOUT ANPASSEN -> Lässt das Logo an seiner Position und verschiebt nur den Titel leicht nach unten, bei kleinerem Abstand zur Adresse ========================================= */ .lf-item-info .listing-preview-title{ margin-top:4px !important; margin-bottom:0 !important; line-height:1.15 !important; } .lf-item-info .lf-contact{ margin-top:0 !important; margin-bottom:0 !important; } .lf-item-info .lf-contact li{ margin:0 !important; padding:0 !important; line-height:1.2 !important; } /* ========================================= Single LISTING HEADER POSITION (DESKTOP) -> Verschiebt Logo, Titel und Verified Badge nur auf Desktop weiter nach unten ========================================= */ @media (min-width:1025px){ .profile-name{ margin-top:20px !important; } .profile-name .profile-avatar{ margin-top:20px !important; } } /* ===================================================== Haarvergleich – Bekannt aus Marquee ===================================================== */ .hvx2-marquee-8c41 { --hvx2-gap: 44px; --hvx2-logo-h: 58px; --hvx2-speed: 28s; --hvx2-fade: 90px; --hvx2-bg: #ffffff; position: relative; width: 100%; overflow: hidden; background: var(--hvx2-bg); padding: 22px 0; display: flex; align-items: center; } /* LABEL "BEKANNT AUS" */ .hvx2-marquee-label-8c41{ flex: 0 0 auto; font-weight: 700; font-size: 14px; color: #6B7280; margin-right: 28px; padding-left: 20px; white-space: nowrap; } /* VIEWPORT */ .hvx2-marquee-viewport-8c41 { width: 100%; overflow: hidden; } /* LOGO TRACK */ .hvx2-marquee-track-8c41 { display: flex; align-items: center; gap: var(--hvx2-gap); width: max-content; will-change: transform; transform: translate3d(0,0,0); animation: hvx2-scroll-8c41 var(--hvx2-speed) linear infinite; } .hvx2-marquee-8c41:hover .hvx2-marquee-track-8c41 { animation-play-state: paused; } /* LOGO WRAPPER */ .hvx2-logo-8c41 { flex: 0 0 auto; display: flex; align-items: center; justify-content: center; pointer-events: none; user-select: none; } /* LOGO STYLE */ .hvx2-logo-8c41 img { height: var(--hvx2-logo-h); width: auto; max-width: 210px; object-fit: contain; display: block; filter: grayscale(100%); opacity: 0.82; } /* ANIMATION */ @keyframes hvx2-scroll-8c41 { from { transform: translate3d(0,0,0); } to { transform: translate3d(-50%,0,0); } } /* ========================================= COUPY FOOTER BASIS -> Grundlayout des Footers mit Hintergrund, Innenabstand und maximaler Breite ========================================= */ .coupy-footer{ background:#ffffff; padding:72px 24px 34px; border-top:1px solid #e8eaec; } .coupy-footer *{ box-sizing:border-box; } .coupy-footer__inner{ max-width:1280px; margin:0 auto; } /* ========================================= FOOTER GRID -> Oberer Navigationsbereich mit fünf Spalten für Hauptnavigation ========================================= */ .coupy-footer__grid{ display:grid; grid-template-columns:repeat(5,minmax(140px,1fr)); gap:48px 32px; align-items:start; } .coupy-footer__column h4, .coupy-footer__seo-block h4{ margin:0 0 18px; font-size:12px; line-height:1.2; font-weight:700; letter-spacing:1.4px; text-transform:uppercase; color:#8e949a; } .coupy-footer__column ul{ list-style:none; margin:0; padding:0; } .coupy-footer__column li{ margin:0 0 14px; } .coupy-footer__column a{ color:#5f666d; text-decoration:none; font-size:15px; line-height:1.45; font-weight:500; transition:all 0.2s ease; } .coupy-footer__column a:hover{ color:#111111; } /* ========================================= FOOTER SEO BEREICH -> Interne Links für Kategorien und Städte zur SEO-Optimierung ========================================= */ .coupy-footer__seo{ margin-top:56px; padding-top:40px; border-top:1px solid #e7e9ec; display:grid; grid-template-columns:1fr 1fr; gap:32px; } .coupy-footer__tags{ display:flex; flex-wrap:wrap; gap:12px; } .coupy-footer__tags a{ display:inline-flex; align-items:center; justify-content:center; min-height:40px; padding:10px 16px; border-radius:999px; background:#ffffff; border:1px solid #e7eaee; color:#4f565e; text-decoration:none; font-size:14px; font-weight:600; line-height:1.2; transition:all 0.2s ease; } .coupy-footer__tags a:hover{ transform:translateY(-1px); border-color:#d7dce1; color:#111111; box-shadow:0 8px 22px rgba(17,17,17,0.05); } /* ========================================= FOOTER CTA -> Call-to-Action Bereich für Deals entdecken oder Partner werden ========================================= */ .coupy-footer__cta{ margin-top:56px; padding:28px 32px; border-radius:24px; background:#ffffff; border:1px solid #e7eaee; display:flex; justify-content:space-between; align-items:center; gap:24px; } .coupy-footer__cta-text h3{ margin:0 0 8px; font-size:24px; line-height:1.2; font-weight:700; color:#111111; } .coupy-footer__cta-text p{ margin:0; font-size:15px; line-height:1.6; color:#626971; max-width:720px; } .coupy-footer__cta-actions{ display:flex; flex-wrap:wrap; gap:12px; flex-shrink:0; } /* ========================================= FOOTER BUTTONS -> Primärer und sekundärer Button im CTA Bereich ========================================= */ .coupy-footer__button{ display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:12px 20px; border-radius:14px; text-decoration:none; font-size:15px; font-weight:700; transition:all 0.2s ease; } .coupy-footer__button--primary{ background:#2B2F33; color:#ffffff; border:1px solid #2B2F33; } .coupy-footer__button--primary:hover{ transform:translateY(-1px); box-shadow:0 10px 24px rgba(43,47,51,0.18); } .coupy-footer__button--secondary{ background:#ffffff; color:#2B2F33; border:1px solid #d9dde2; } .coupy-footer__button--secondary:hover{ transform:translateY(-1px); border-color:#c9cfd6; } /* ========================================= FOOTER BOTTOM -> Unterer Bereich mit Logo, Sprache, Land und Copyright ========================================= */ .coupy-footer__bottom{ margin-top:40px; padding-top:28px; border-top:1px solid #e7e9ec; display:flex; justify-content:space-between; align-items:center; gap:20px; flex-wrap:wrap; } .coupy-footer__brand-link{ display:inline-flex; align-items:center; gap:10px; text-decoration:none; } /* Footer Logo Größe ändern */ .coupy-footer__logo{ height: 50px !important; width: auto !important; display: block; } .coupy-footer__brand-icon{ width:32px; height:32px; border-radius:10px; background:#2B2F33; color:#ffffff; display:inline-flex; align-items:center; justify-content:center; font-size:17px; font-weight:800; line-height:1; } .coupy-footer__brand-text{ color:#111111; font-size:20px; font-weight:800; line-height:1; } .coupy-footer__meta{ display:flex; align-items:center; gap:18px; flex-wrap:wrap; color:#7a8087; font-size:14px; line-height:1.5; } /* ========================================= TABLET LAYOUT -> Reduziert Grid auf drei Spalten und stapelt CTA sauber ========================================= */ @media (max-width:1100px){ .coupy-footer__grid{ grid-template-columns:repeat(3,minmax(160px,1fr)); } .coupy-footer__seo{ grid-template-columns:1fr; } .coupy-footer__cta{ flex-direction:column; align-items:flex-start; } } /* ========================================= MOBILE LAYOUT -> Einspaltiger Footer für kleine Bildschirme ========================================= */ @media (max-width:767px){ .coupy-footer{ padding:48px 20px 28px; } .coupy-footer__grid{ grid-template-columns:1fr; gap:30px; } .coupy-footer__seo{ margin-top:40px; padding-top:32px; gap:24px; } .coupy-footer__cta{ margin-top:40px; padding:22px 20px; border-radius:20px; } .coupy-footer__cta-text h3{ font-size:20px; } .coupy-footer__cta-actions{ width:100%; flex-direction:column; } .coupy-footer__button{ width:100%; } .coupy-footer__bottom{ margin-top:32px; padding-top:24px; flex-direction:column; align-items:flex-start; } .coupy-footer__meta{ flex-direction:column; align-items:flex-start; gap:8px; } } /* ========================================= MYLISTING FOOTER BACKGROUND FIX -> Entfernt Standard Theme Hintergrund ========================================= */ .site-footer{ background:#ffffff !important; } /* ========================================= COUPY HERO TEXTBLOCK -> Headline + Mutig Badge im Hero-Bereich ========================================= */ /* Wrapper für den gesamten Textblock */ .coupy-hero-slogan-wrap{ position:relative; display:inline-flex; flex-direction:column; align-items:flex-start; gap:6px; max-width:540px; font-family:"Manrope",sans-serif; z-index:3; } /* Container für die Headline */ .coupy-hero-slogan-text{ position:relative; z-index:2; } /* Headline: Date Night ohne Coupy */ .coupy-hero-slogan-line{ display:block; margin:0; color:#ffffff; font-size:clamp(30px,3.7vw,54px); line-height:0.96; font-weight:800; letter-spacing:-0.035em; transform:rotate(-4deg); transform-origin:left center; text-shadow:0 8px 22px rgba(0,0,0,0.22),0 2px 6px rgba(0,0,0,0.10); } /* Abstand zwischen den beiden Textzeilen */ .coupy-hero-slogan-line+.coupy-hero-slogan-line{ margin-top:4px; } /* Badge Box für "Mutig." */ .coupy-hero-slogan-badge{ position:relative; display:flex; align-items:center; justify-content:center; width:240px; height:70px; margin-top:8px; margin-left:14px; transform:rotate(-5deg); background:linear-gradient(to bottom,#2A607E 0%,#153B56 55%,#0F2C40 100%); box-shadow:0 14px 30px rgba(0,0,0,0.25); } /* Text innerhalb der Badge Box */ .coupy-hero-slogan-badge span{ display:block; color:#ffffff; font-family:"Manrope",sans-serif; font-size:50px; font-weight:900; letter-spacing:-0.04em; line-height:1; text-align:center; transform:translateY(-4px); } /* Dekorative Linien links */ .coupy-hero-slogan-spark{ position:absolute; left:-70px; top:40px; } .coupy-hero-slogan-spark span{ display:block; position:absolute; width:40px; height:6px; background:#ffffff; border-radius:100px; } .coupy-hero-slogan-spark span:nth-child(1){ transform:rotate(45deg); top:0; left:20px; } .coupy-hero-slogan-spark span:nth-child(2){ transform:rotate(0deg); top:22px; left:0; } .coupy-hero-slogan-spark span:nth-child(3){ transform:rotate(-40deg); top:44px; left:18px; } /* Responsive Anpassungen */ @media(max-width:768px){ .coupy-hero-slogan-wrap{ max-width:100%; } .coupy-hero-slogan-spark{ left:-40px; transform:scale(.7); } .coupy-hero-slogan-badge{ width:200px; height:60px; } .coupy-hero-slogan-badge span{ font-size:34px; } } /* ========================================= HERO TEXT KONTRAST -> Dunkler Gradient hinter dem Text ========================================= */ .home .hero:before{ content:""; position:absolute; left:0; top:0; width:50%; height:100%; background:linear-gradient( to right, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0.35) 35%, rgba(0,0,0,0.0) 100% ); pointer-events:none; } /* ========================================= COUPY SUCHBUTTON -> Nutzt den gleichen Gradient wie die Mutig-Box ========================================= */ /* Suchbutton */ .buttons.button-2.search{ background:linear-gradient( to bottom, #2A607E 0%, #153B56 55%, #0F2C40 100% ); color:#ffffff; border:none; font-family:"Manrope",sans-serif; font-weight:700; box-shadow:0 10px 24px rgba(0,0,0,0.25); } /* Hover Effekt */ .buttons.button-2.search:hover{ background:linear-gradient( to bottom, #346f8f 0%, #1b4a67 55%, #0c2434 100% ); } /* ========================================= COUPY PARTNER BUTTON -> Nutzt den gleichen Gradient wie die Mutig-Box ========================================= */ /* Partner werden Button */ .buttons.button-2{ background:linear-gradient( to bottom, #2A607E 0%, #153B56 55%, #0F2C40 100% ); color:#ffffff; border:none; font-family:"Manrope",sans-serif; font-weight:700; box-shadow:0 10px 24px rgba(0,0,0,0.25); } /* Hover Effekt */ .buttons.button-2:hover{ background:linear-gradient( to bottom, #346f8f 0%, #1b4a67 55%, #0c2434 100% ); } /* ========================================= COUPY LISTING-GALERIE FEINSCHLIFF ========================================= */ /* Weißer Außenabstand links und rechts */ .header-gallery-carousel{ padding:0 12px !important; box-sizing:border-box !important; } /* Weißer Abstand zwischen den Bildern */ .header-gallery-carousel .owl-item{ padding:0 6px !important; box-sizing:border-box !important; } /* Abgerundete Bilder */ .header-gallery-carousel .item{ border-radius:18px !important; overflow:hidden !important; background-size:cover !important; background-position:center center !important; } /* Dunkles Overlay entfernen */ .header-gallery-carousel .overlay{ display:none !important; } /* Tablet */ @media(min-width:769px) and (max-width:1024px){ .header-gallery-carousel{ padding:0 10px !important; } .header-gallery-carousel .owl-item{ padding:0 5px !important; } .header-gallery-carousel .item{ border-radius:16px !important; } } /* Mobile */ @media(max-width:768px){ .header-gallery-carousel{ padding:0 8px !important; } .header-gallery-carousel .owl-item{ padding:0 4px !important; } .header-gallery-carousel .item{ border-radius:14px !important; } } /* ========================================= COUPY LISTING GALERIE BACKGROUND - weiss ========================================= */ /* Hauptcontainer der Listing-Galerie */ .featured-section.profile-cover.featured-section-gallery, .featured-section.profile-cover.featured-section-gallery.profile-cover-gallery{ background:#ffffff !important; } /* Sicherstellen dass der Carousel Bereich ebenfalls weiß ist */ .header-gallery-carousel{ background:#ffffff !important; } /* Owl Stage Hintergrund neutralisieren */ .header-gallery-carousel .owl-stage{ background:#ffffff !important; } /* ========================================= COUPY TITEL GRADIENT bei Einzellisting ========================================= */ /* Titel selbst */ .profile-cover .profile-name h1{ position:relative; z-index:2; text-shadow:0 2px 6px rgba(0,0,0,0.35); } /* Subtiler Gradient hinter dem Titel */ .profile-cover .profile-name h1:before{ content:""; position:absolute; left:-40px; right:-8px; top:0; bottom:0; background:linear-gradient( to right, rgba(0,0,0,0), rgba(0,0,0,0.18), rgba(0,0,0,0.35), rgba(0,0,0,0.18), rgba(0,0,0,0) ); border-radius:8px; z-index:-1; } /* ========================================= LOGO NÄHER AN DEN TITEL ========================================= */ .profile-cover .profile-avatar{ left:8px !important; } /* ========================================= HEADER AUF LISTINGS WIE HOMEPAGE ========================================= */ .single-job_listing .header.header-transparent{ background:#ffffff !important; } .single-job_listing .header.header-transparent .menu li a{ color:#2B2F33 !important; } .single-job_listing .header.header-transparent .buttons.button-2{ background:linear-gradient( to bottom, #2A607E 0%, #153B56 55%, #0F2C40 100% ) !important; color:#ffffff !important; } /* ========================================= VERIFIED BADGE HERVORHEBEN ========================================= */ /* Badge */ .profile-cover .verified-badge, .profile-cover .verified-icon{ transform:scale(1.1); margin-left:6px; filter:drop-shadow(0 2px 6px rgba(0,194,168,0.35)); transition:all .25s ease; } /* Hover Effekt */ .profile-cover .verified-badge:hover, .profile-cover .verified-icon:hover{ transform:scale(1.2); filter:drop-shadow(0 4px 10px rgba(0,194,168,0.45)); }