:root { --accent: #8224e3; } @keyframes spin3 { 0%, 100% { box-shadow: 10px 10px rgba(255, 255, 255, 1), -10px 10px rgba(255, 255, 255, 0.2), -10px -10px rgba(255, 255, 255, 1), 10px -10px rgba(255, 255, 255, 0.2); } 25% { box-shadow: -10px 10px rgba(255, 255, 255, 0.2), -10px -10px rgba(255, 255, 255, 1), 10px -10px rgba(255, 255, 255, 0.2), 10px 10px rgba(255, 255, 255, 1); } 50% { box-shadow: -10px -10px rgba(255, 255, 255, 1), 10px -10px rgba(255, 255, 255, 0.2), 10px 10px rgba(255, 255, 255, 1), -10px 10px rgba(255, 255, 255, 0.2); } 75% { box-shadow: 10px -10px rgba(255, 255, 255, 0.2), 10px 10px rgba(255, 255, 255, 1), -10px 10px rgba(255, 255, 255, 0.2), -10px -10px rgba(255, 255, 255, 1); } } #wpadminbar { top: 0 !important; } #c27-site-wrapper { background-color: #ffffff }/* ================================ MyListing – Listing Logo (Avatar) Größe + Abstand + Shadow FIX: kein Zoom/Crop ================================ */ /* Platz für das Logo schaffen (verhindert Overlap) */ section.profile-cover .profile-name{ padding-left: 170px; } /* Logo-Container */ section.profile-cover .profile-name .profile-avatar{ width: 160px; height: 160px; top: -10px; border-radius: 4px; background: #fff; box-shadow: 0 10px 30px rgba(0,0,0,0.18); overflow: hidden; /* wichtig: sauberer Rahmen/Shadow */ /* Falls MyListing das Logo als Background setzt */ background-size: contain !important; background-position: center center !important; background-repeat: no-repeat !important; } /* Falls MyListing ein <img> nutzt: NICHT aufblasen/zoomen */ section.profile-cover .profile-name .profile-avatar img{ display: block !important; width: auto !important; height: auto !important; max-width: 100% !important; max-height: 100% !important; object-fit: contain !important; margin: 0 auto !important; } /* Mobile Optimierung */ @media (max-width: 768px){ section.profile-cover .profile-name{ padding-left: 110px; } section.profile-cover .profile-name .profile-avatar{ width: 90px; height: 90px; top: -5px; box-shadow: 0 6px 18px rgba(0,0,0,0.14); } } /* Work hours header: icon + title in one line */ .work-hours-block .title-style-1 { display: flex; align-items: center; gap: 10px; /* Abstand Icon ↔ Text */ } .work-hours-block .title-style-1 h2 { margin: 0; line-height: 1; font-size: 15px; /* deine bereits passende Größe */ } /* Content blocks: icon + h2 in one line */ .content-block .title-style-1 { display: flex; align-items: center; gap: 10px; } .content-block .title-style-1 h2 { margin: 0; line-height: 1; font-size: 20px; /* gleiche Größe wie vorher */ } /* Alle Block-Headlines im Listing */ .pf-head h2 { font-size: 20px; margin: 0; line-height: 1.2; } /* Listing block headings */ .single-job_listing .title-style-1 { display: flex; align-items: center; gap: 12px; /* Abstand Icon ↔ Überschrift */ } .single-job_listing .title-style-1 h2 { font-size: 20px; margin: 0; line-height: 1.2; } .profile-name .profile-avatar, .lf-item-container .lf-avatar { background-size: contain; background-repeat: no-repeat; } /* Menü Schrift etwas größer, aber dezent */ header .menu-item a { font-size: 16px; } .sbf-title p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; height: 66px; } .single-comment .listing-rating i { color: #7bdcb5; } .explore-head .finder-title h3, .explore-head .type-info h3 { font-size: 1rem; line-height: 1.4; margin: 0; } .explore-head .type-info { display: flex; align-items: center; gap: 5px; } .explore-head .type-info svg, .explore-head .type-info i, .explore-head .type-info img, .explore-head .type-info .icon, .explore-head .type-info > *:first-child { position: relative; top: 0px; } .toc-box { padding: 20px; background: #e6f0eb; border-radius: 8px; }