body.ra3-home-page { background:#fff !important; }
body.ra3-home-page .entry-header,
body.ra3-home-page .page-header,
body.ra3-home-page .entry-title,
body.ra3-home-page #secondary,
body.ra3-home-page .sidebar,
body.ra3-home-page .widget-area { display:none !important; }
body.ra3-home-page #content,
body.ra3-home-page .site-content,
body.ra3-home-page .content-area,
body.ra3-home-page .site-main,
body.ra3-home-page .content-container {
width:100% !important; max-width:none !important; margin:0 !important; padding:0 !important;
} body.ra3-home-page #masthead,
body.ra3-home-page .site-header,
body.ra3-home-page .thunk-header,
body.ra3-home-page .header-main,
body.ra3-home-page .main-header,
body.ra3-home-page .header-main-inner,
body.ra3-home-page .thunk-header-main,
body.ra3-home-page .thunk-header-wrap {
max-width:100% !important;
}
body.ra3-home-page .site-header .custom-logo,
body.ra3-home-page #masthead .custom-logo,
body.ra3-home-page .thunk-header .custom-logo,
body.ra3-home-page .site-header .custom-logo-link img,
body.ra3-home-page #masthead .custom-logo-link img {
width:auto !important; max-width:min(310px,38vw) !important; max-height:92px !important; object-fit:contain;
}
body.ra3-home-page .site-header .header-main,
body.ra3-home-page #masthead .header-main,
body.ra3-home-page .thunk-header .header-main,
body.ra3-home-page .thunk-header-main,
body.ra3-home-page .header-main-inner {
min-height:112px !important; height:auto !important; padding-top:12px !important; padding-bottom:12px !important;
}
body.ra3-home-page .site-header .container,
body.ra3-home-page #masthead .container,
body.ra3-home-page .thunk-header .container {
max-width:1240px !important; margin-left:auto !important; margin-right:auto !important;
}
body.ra3-home-page .site-header input[type="search"],
body.ra3-home-page #masthead input[type="search"],
body.ra3-home-page .thunk-header input[type="search"] {
max-width:440px;
}
body.ra3-home-page .site-header nav,
body.ra3-home-page #masthead nav,
body.ra3-home-page .thunk-header nav {
min-height:56px;
}
body.ra3-home-page .site-header nav ul,
body.ra3-home-page #masthead nav ul,
body.ra3-home-page .thunk-header nav ul {
align-items:center;
} body.ra3-home-page .main-navigation,
body.ra3-home-page #site-navigation,
body.ra3-home-page .primary-navigation,
body.ra3-home-page .thunk-menu,
body.ra3-home-page .thunk-menu-wrap {
position:relative !important;
z-index:20;
overflow:visible !important;
margin-bottom:22px !important;
}
body.ra3-home-page .main-navigation::after,
body.ra3-home-page #site-navigation::after,
body.ra3-home-page .primary-navigation::after,
body.ra3-home-page .thunk-menu::after,
body.ra3-home-page .thunk-menu-wrap::after {
content:"";
position:absolute;
z-index:2;
pointer-events:none;
left:-1%;
right:-1%;
bottom:-22px;
height:28px;
background:linear-gradient(100deg,#75bd00 0%,#a0e500 52%,#5eaa00 100%);
clip-path:ellipse(72% 100% at 50% 0%);
}
body.ra3-home-page .main-navigation::before,
body.ra3-home-page #site-navigation::before,
body.ra3-home-page .primary-navigation::before,
body.ra3-home-page .thunk-menu::before,
body.ra3-home-page .thunk-menu-wrap::before {
content:"";
position:absolute;
z-index:1;
pointer-events:none;
left:-1%;
right:-1%;
bottom:-27px;
height:31px;
background:rgba(168,233,0,.55);
clip-path:ellipse(72% 100% at 50% 0%);
} .ra3-home { --ra-green:#65b900; --ra-lime:#a8e900; color:#14251b; width:100%; overflow:hidden; background:#fff; }
.ra3-home * { box-sizing:border-box; }
.ra3-home a { text-decoration:none; }
.ra3-hero {
min-height:510px; padding:54px clamp(22px,6.5vw,88px) 0; color:#fff;
background:#064019 url(//retourenandy.de/wp-content/plugins/retourenandy-modern-homepage-v3-2/assets/hero-green-laptop.png) center/cover no-repeat;
position:relative; isolation:isolate; overflow:hidden;
}
.ra3-hero:before {
content:""; position:absolute; inset:0; z-index:-1;
background:linear-gradient(90deg,rgba(0,48,14,.78),rgba(0,56,17,.30) 54%,rgba(0,25,10,.02));
}
.ra3-hero-inner { max-width:1200px; min-height:456px; margin:0 auto; display:flex; flex-direction:column; justify-content:space-between; }
.ra3-hero-copy { padding-top:40px; max-width:780px; }
.ra3-eyebrow { display:block; color:#e1f6ad; font-size:12px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; margin-bottom:18px; }
.ra3-hero h1 { color:#fff; margin:0; font-size:clamp(38px,4.7vw,62px); line-height:1.05; font-weight:850; letter-spacing:-.035em; }
.ra3-hero h1 em { color:#a8ed00; font-style:normal; }
.ra3-hero-copy p { color:#fff; font-size:clamp(18px,2vw,24px); margin:18px 0 8px; }
.ra3-accent-line { display:block; width:142px; height:4px; background:#a8e900; margin:12px 0 22px; border-radius:4px; }
.ra3-button { display:inline-flex; align-items:center; gap:14px; padding:14px 25px; border-radius:999px; color:#fff !important; background:linear-gradient(100deg,#8bd500,#4c9d00); font-weight:800; box-shadow:0 7px 18px rgba(0,0,0,.2); }
.ra3-button b { font-size:24px; line-height:12px; }
.ra3-benefits { width:min(100%,1120px); margin:0 auto; padding:17px 0 25px; border-top:1px solid rgba(255,255,255,.38); display:flex; justify-content:space-between; gap:12px; }
.ra3-benefits div { flex:1; display:flex; align-items:center; justify-content:center; gap:12px; padding:0 12px; border-right:1px solid rgba(255,255,255,.5); }
.ra3-benefits div:last-child { border:0; }
.ra3-benefits i { color:#b8f44b; font-style:normal; font-size:34px; }
.ra3-benefits span { color:#fff; font-size:13px; font-weight:700; line-height:1.35; } .ra3-trust {
width:calc(100% - 76px) !important; max-width:1160px; min-height:132px; margin:34px auto 42px !important;
padding:18px 28px; display:flex; align-items:center; gap:24px; border-radius:22px;
background:linear-gradient(110deg,#f0f8df,#e1f2c5); box-shadow:0 9px 22px rgba(30,80,15,.17);
}
.ra3-trust-icon { flex:0 0 88px; color:#559d13; font-size:58px; text-align:center; }
.ra3-trust-copy { flex:1; border-left:2px solid #75b932; padding-left:24px; }
.ra3-trust-copy strong { color:#173c1c; font-size:20px; }
.ra3-trust-copy p { margin:7px 0 0; color:#28442b; font-size:14px; line-height:1.5; }
.ra3-trust-seal { width:104px; height:104px; flex:0 0 104px; border:2px solid #9acb45; border-radius:50%; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; color:#44860e; transform:rotate(5deg); }
.ra3-trust-seal span { font-size:9px; font-weight:800; }
.ra3-trust-seal b { font-size:14px; line-height:1.1; }
.ra3-discover { width:calc(100% - 76px) !important; max-width:1160px; margin:0 auto 24px !important; text-align:center; }
.ra3-section-heading { display:flex; align-items:center; justify-content:center; gap:26px; }
.ra3-section-heading span { flex:1; max-width:220px; height:2px; background:#73bd18; }
.ra3-section-heading h2 { margin:0; color:#172338; font-size:clamp(32px,4vw,46px); font-weight:850; letter-spacing:-.03em; white-space:nowrap; }
.ra3-section-heading h2 em { color:#5cae09; font-style:normal; }
.ra3-discover p { margin:7px 0 17px; font-size:19px; color:#172338; }
.ra3-button-small { padding:12px 24px; font-size:14px; text-transform:uppercase; }
.ra3-category-panel {
width:calc(100% - 76px) !important; max-width:1160px; margin:0 auto 28px !important;
overflow:hidden; border-radius:22px; background:linear-gradient(180deg,#f7faef,#fff);
box-shadow:0 8px 22px rgba(0,0,0,.10);
}
.ra3-category-bar { min-height:58px; padding:10px 24px; display:flex; align-items:center; justify-content:space-between; gap:18px; color:#fff; background:linear-gradient(100deg,#4b9d00,#9be000); }
.ra3-category-bar > div { display:flex; align-items:center; gap:14px; }
.ra3-category-bar strong { color:#fff; font-size:22px; }
.ra3-tag-icon { display:inline-grid; place-items:center; width:30px; height:30px; color:#fff; font-size:27px; transform:rotate(-35deg); }
.ra3-category-bar a { color:#fff !important; font-size:13px; font-weight:800; }
.ra3-category-bar a b { font-size:20px; }
.ra3-category-track { display:flex; align-items:flex-start; justify-content:space-around; gap:12px; padding:20px 18px 22px; }
.ra3-category { flex:1 1 0; min-width:0; max-width:150px; display:flex; flex-direction:column; align-items:center; gap:9px; text-align:center; color:#26362a !important; font-size:12px; line-height:1.35; }
.ra3-cat-image { width:112px; height:112px; display:grid; place-items:center; overflow:hidden; border-radius:50%; background:#fff; box-shadow:0 3px 15px rgba(0,0,0,.11); border:8px solid #f0f5e8; }
.ra3-cat-image img { width:100% !important; height:100% !important; object-fit:cover; margin:0 !important; }
.ra3-cat-fallback { color:#69b719; font-size:44px; }
.ra3-category strong { color:#26362a; font-weight:600; }
.ra3-empty { padding:20px; text-align:center; }
.ra3-leaf-footer {
height:260px; width:100%; margin-top:36px;
background:url(//retourenandy.de/wp-content/plugins/retourenandy-modern-homepage-v3-2/assets/leafy-footer.png) center bottom/cover no-repeat;
}
@media(max-width:900px) {
body.ra3-home-page .site-header .custom-logo,
body.ra3-home-page #masthead .custom-logo,
body.ra3-home-page .thunk-header .custom-logo,
body.ra3-home-page .site-header .custom-logo-link img,
body.ra3-home-page #masthead .custom-logo-link img { max-height:72px !important; max-width:260px !important; }
.ra3-hero { min-height:490px; padding-left:28px; padding-right:28px; }
.ra3-hero-inner { min-height:436px; }
.ra3-trust,.ra3-discover,.ra3-category-panel { width:calc(100% - 40px) !important; }
.ra3-category-track { overflow-x:auto; justify-content:flex-start; scroll-snap-type:x mandatory; }
.ra3-category { flex:0 0 120px; scroll-snap-align:start; }
.ra3-cat-image { width:96px; height:96px; }
}
@media(max-width:600px) {
body.ra3-home-page .main-navigation,
body.ra3-home-page #site-navigation,
body.ra3-home-page .primary-navigation,
body.ra3-home-page .thunk-menu,
body.ra3-home-page .thunk-menu-wrap { margin-bottom:16px !important; }
body.ra3-home-page .main-navigation::after,
body.ra3-home-page #site-navigation::after,
body.ra3-home-page .primary-navigation::after,
body.ra3-home-page .thunk-menu::after,
body.ra3-home-page .thunk-menu-wrap::after { height:20px; bottom:-16px; }
body.ra3-home-page .main-navigation::before,
body.ra3-home-page #site-navigation::before,
body.ra3-home-page .primary-navigation::before,
body.ra3-home-page .thunk-menu::before,
body.ra3-home-page .thunk-menu-wrap::before { height:22px; bottom:-19px; }
body.ra3-home-page .site-header .custom-logo,
body.ra3-home-page #masthead .custom-logo,
body.ra3-home-page .thunk-header .custom-logo,
body.ra3-home-page .site-header .custom-logo-link img,
body.ra3-home-page #masthead .custom-logo-link img { max-height:58px !important; max-width:190px !important; }
.ra3-hero { min-height:510px; padding:28px 18px 0; background-position:57% center; }
.ra3-hero-inner { min-height:480px; }
.ra3-hero-copy { padding-top:34px; }
.ra3-eyebrow { font-size:9px; letter-spacing:.08em; }
.ra3-hero h1 { font-size:clamp(30px,8vw,40px); }
.ra3-hero-copy p { font-size:16px; max-width:280px; }
.ra3-benefits { display:grid; grid-template-columns:1fr 1fr; padding:13px 0 17px; gap:8px; }
.ra3-benefits div { justify-content:flex-start; border:0; padding:5px 3px; gap:8px; }
.ra3-benefits i { font-size:25px; }
.ra3-benefits span { font-size:10px; }
.ra3-trust { width:calc(100% - 28px) !important; min-height:0; margin:22px auto 32px !important; padding:13px; gap:9px; border-radius:16px; }
.ra3-trust-icon { flex-basis:34px; font-size:31px; }
.ra3-trust-copy { padding-left:11px; }
.ra3-trust-copy strong { font-size:12px; }
.ra3-trust-copy p { font-size:10px; }
.ra3-trust-seal { width:58px; height:58px; flex-basis:58px; }
.ra3-trust-seal span { font-size:6px; }
.ra3-trust-seal b { font-size:9px; }
.ra3-discover { width:calc(100% - 28px) !important; margin-bottom:20px !important; }
.ra3-section-heading { gap:8px; }
.ra3-section-heading span { max-width:34px; }
.ra3-section-heading h2 { font-size:27px; }
.ra3-discover p { font-size:14px; }
.ra3-button-small { padding:10px 19px; font-size:11px; }
.ra3-category-panel { width:calc(100% - 28px) !important; border-radius:16px; }
.ra3-category-bar { min-height:48px; padding:8px 13px; }
.ra3-category-bar strong { font-size:17px; }
.ra3-category-bar a { font-size:10px; }
.ra3-category-track { gap:8px; padding:15px 10px 17px; }
.ra3-category { flex-basis:104px; font-size:10px; }
.ra3-cat-image { width:82px; height:82px; border-width:6px; }
.ra3-leaf-footer { height:180px; margin-top:20px; }
}  body.ra3-home-page .ra3-home {
position: relative !important;
left: 50% !important;
width: 100vw !important;
max-width: 100vw !important;
margin-left: 0 !important;
margin-right: 0 !important;
transform: translateX(-50%) !important;
overflow: clip !important;
} body.ra3-home-page .ra3-hero,
body.ra3-home-page .ra3-leaf-footer {
width: 100% !important;
max-width: none !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
body.ra3-home-page .ra3-hero-inner {
width: min(100% - 64px, 1200px) !important;
max-width: 1200px !important;
margin-inline: auto !important;
}
body.ra3-home-page .ra3-trust,
body.ra3-home-page .ra3-discover,
body.ra3-home-page .ra3-category-panel {
width: min(100% - 64px, 1160px) !important;
max-width: 1160px !important;
margin-left: auto !important;
margin-right: auto !important;
} body.ra3-home-page .ra3-hero {
isolation: isolate;
overflow: hidden !important;
padding-bottom: 44px !important;
}
body.ra3-home-page .ra3-hero::after {
content: "";
position: absolute;
z-index: 5;
left: 0;
right: 0;
bottom: -1px;
height: 54px;
pointer-events: none;
background: #fff;
box-shadow: 0 -5px 0 rgba(168, 233, 0, .72);
clip-path: polygon(
0 43%, 8% 58%, 18% 68%, 29% 72%, 40% 65%,
50% 48%, 60% 31%, 70% 23%, 80% 29%, 90% 42%,
100% 48%, 100% 100%, 0 100%
);
} body.ra3-home-page .ra3-home img {
max-width: 100%;
height: auto;
} @media (max-width: 900px) {
body.ra3-home-page .ra3-hero-inner {
width: min(100% - 44px, 760px) !important;
}
body.ra3-home-page .ra3-trust,
body.ra3-home-page .ra3-discover,
body.ra3-home-page .ra3-category-panel {
width: calc(100% - 40px) !important;
}
body.ra3-home-page .ra3-hero {
min-height: 470px !important;
background-position: center center !important;
}
body.ra3-home-page .ra3-hero-inner {
min-height: 420px !important;
}
body.ra3-home-page .ra3-hero-copy {
max-width: 70%;
}
body.ra3-home-page .ra3-hero h1 {
font-size: clamp(34px, 5.2vw, 52px) !important;
}
body.ra3-home-page .ra3-benefits {
width: 100% !important;
gap: 5px !important;
}
body.ra3-home-page .ra3-benefits div {
padding-inline: 6px !important;
}
body.ra3-home-page .ra3-benefits span {
font-size: 11px !important;
}
body.ra3-home-page .ra3-trust {
min-height: 112px !important;
}
} @media (max-width: 600px) {
body.ra3-home-page .ra3-hero {
min-height: 500px !important;
padding: 24px 16px 42px !important;
background-position: 58% center !important;
}
body.ra3-home-page .ra3-hero-inner {
width: 100% !important;
min-height: 430px !important;
}
body.ra3-home-page .ra3-hero-copy {
max-width: 100% !important;
padding-top: 20px !important;
}
body.ra3-home-page .ra3-eyebrow {
font-size: 9px !important;
letter-spacing: .06em !important;
margin-bottom: 12px !important;
}
body.ra3-home-page .ra3-hero h1 {
font-size: clamp(29px, 8vw, 39px) !important;
line-height: 1.08 !important;
overflow-wrap: anywhere;
}
body.ra3-home-page .ra3-hero-copy p {
font-size: 16px !important;
line-height: 1.35 !important;
}
body.ra3-home-page .ra3-benefits {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
width: 100% !important;
gap: 8px !important;
padding: 12px 0 8px !important;
}
body.ra3-home-page .ra3-benefits div {
justify-content: flex-start !important;
border: 0 !important;
padding: 5px 2px !important;
gap: 7px !important;
}
body.ra3-home-page .ra3-benefits i {
font-size: 23px !important;
}
body.ra3-home-page .ra3-benefits span {
font-size: 10px !important;
}
body.ra3-home-page .ra3-hero::after {
height: 36px !important;
box-shadow: 0 -3px 0 rgba(168, 233, 0, .72) !important;
clip-path: polygon(
0 42%, 15% 58%, 30% 68%, 45% 62%,
60% 42%, 75% 28%, 88% 34%, 100% 45%,
100% 100%, 0 100%
) !important;
}
body.ra3-home-page .ra3-trust {
width: calc(100% - 28px) !important;
min-height: 0 !important;
padding: 13px !important;
gap: 9px !important;
margin-top: 20px !important;
}
body.ra3-home-page .ra3-trust-icon {
flex: 0 0 30px !important;
font-size: 28px !important;
}
body.ra3-home-page .ra3-trust-copy {
padding-left: 10px !important;
}
body.ra3-home-page .ra3-trust-copy strong {
font-size: 13px !important;
}
body.ra3-home-page .ra3-trust-copy p {
font-size: 11px !important;
}
body.ra3-home-page .ra3-trust-seal {
flex: 0 0 54px !important;
width: 54px !important;
height: 54px !important;
}
body.ra3-home-page .ra3-trust-seal b {
font-size: 8px !important;
}
body.ra3-home-page .ra3-discover {
width: calc(100% - 28px) !important;
margin-bottom: 20px !important;
}
body.ra3-home-page .ra3-section-heading {
gap: 8px !important;
}
body.ra3-home-page .ra3-section-heading span {
max-width: 32px !important;
}
body.ra3-home-page .ra3-section-heading h2 {
font-size: clamp(25px, 7vw, 32px) !important;
white-space: nowrap !important;
}
body.ra3-home-page .ra3-discover p {
font-size: 14px !important;
}
body.ra3-home-page .ra3-category-panel {
width: calc(100% - 28px) !important;
border-radius: 15px !important;
}
body.ra3-home-page .ra3-category-bar {
min-height: 46px !important;
padding: 8px 12px !important;
}
body.ra3-home-page .ra3-category-bar strong {
font-size: 15px !important;
}
body.ra3-home-page .ra3-category-bar a {
font-size: 10px !important;
}
body.ra3-home-page .ra3-category-track {
overflow-x: auto !important;
justify-content: flex-start !important;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
padding: 14px 10px 18px !important;
}
body.ra3-home-page .ra3-category {
flex: 0 0 94px !important;
scroll-snap-align: start;
font-size: 10px !important;
}
body.ra3-home-page .ra3-cat-image {
width: 76px !important;
height: 76px !important;
border-width: 5px !important;
}
body.ra3-home-page .ra3-leaf-footer {
height: 130px !important;
margin-top: 22px !important;
background-position: center center !important;
}
}