@import url(‚https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap‘);
:root {
–r-yellow: #FDD835;
–r-yellow-dark: #F9C800;
–r-blue: #2E5F7A;
–r-blue-dark: #1E4A62;
–r-dark: #1A1A2E;
–r-gray-100: #F8F9FA;
–r-gray-200: #E9ECEF;
–r-gray-500: #6C757D;
}
/* ===== BASIS ===== */
body {
font-family: ‚Inter‘, -apple-system, BlinkMacSystemFont, ‚Segoe UI‘, sans-serif;
color: var(–r-dark);
line-height: 1.6;
}
h1,h2,h3,h4,h5,h6 { font-family:’Inter‘,sans-serif; font-weight:800; color:var(–r-dark); line-height:1.2; }
/* Startseite: volle Breite, kein Standard-Padding, keine Sidebar/Titel */
.home .entry-title, .home .page-title, .home .breadcrumb-trail { display:none !important; }
.home .widget-area, .home #secondary, .home .sidebar { display:none !important; }
.home .content-area, .home #primary { width:100% !important; max-width:100% !important; float:none !important; }
.home .inside-article, .home .entry-content, .home .site-main { padding:0 !important; margin:0 !important; max-width:100% !important; }
.home .entry-content > * { margin-top:0 !important; margin-bottom:0 !important; }
.home article.page { border:none; }
/* ===== HEADER ===== */
.renatos-site-header { position:sticky; top:0; z-index:999; background:#fff; box-shadow:0 2px 16px rgba(0,0,0,.08); }
.renatos-topbar { background:var(–r-blue); color:rgba(255,255,255,.9); font-size:13px; font-weight:500; padding:9px 0; }
.renatos-topbar-inner { max-width:1200px; margin:0 auto; padding:0 24px; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:8px; }
.renatos-topbar-contacts { display:flex; gap:20px; flex-wrap:wrap; }
.renatos-topbar-item, .renatos-topbar-location { font-size:13px; }
.renatos-topbar a { color:rgba(255,255,255,.9); text-decoration:none; transition:color .2s; }
.renatos-topbar a:hover { color:var(–r-yellow); }
.renatos-topbar-location { color:rgba(255,255,255,.9); }
.renatos-header-bar { max-width:1200px; margin:0 auto; padding:0 24px; display:flex; justify-content:space-between; align-items:center; height:76px; }
.renatos-logo-link { display:flex; align-items:center; }
.renatos-logo-img { max-height:52px; width:auto; }
.renatos-nav-right { display:flex; align-items:center; gap:6px; }
.renatos-nav-links { display:flex; align-items:center; gap:2px; }
.renatos-nav-item a { font-weight:600; font-size:13.5px; text-transform:uppercase; letter-spacing:.3px; color:var(–r-dark); text-decoration:none; padding:7px 13px; border-radius:6px; transition:all .2s; display:block; }
.renatos-nav-item a:hover { color:var(–r-blue); background:var(–r-gray-100); }
.renatos-header-cta .gb-button, a.renatos-header-cta { display:inline-flex; align-items:center; gap:7px; background:var(–r-yellow); color:var(–r-dark)!important; font-weight:700; font-size:13.5px; padding:10px 20px; border-radius:6px; text-decoration:none!important; transition:all .2s; margin-left:10px; box-shadow:0 2px 10px rgba(253,216,53,.3); }
.renatos-header-cta .gb-button:hover, a.renatos-header-cta:hover { background:var(–r-yellow-dark); transform:translateY(-1px); }
/* ===== BUTTONS ===== */
.renatos-btn { display:inline-flex; align-items:center; justify-content:center; gap:8px; font-weight:700; font-size:15px; padding:14px 28px; border-radius:8px; text-decoration:none!important; transition:all .2s; border:none; cursor:pointer; }
.renatos-btn-primary { background:var(–r-yellow); color:var(–r-dark)!important; box-shadow:0 4px 16px rgba(253,216,53,.35); }
.renatos-btn-primary:hover { background:var(–r-yellow-dark); transform:translateY(-2px); }
.renatos-btn-outline { background:transparent; color:#fff!important; border:2px solid rgba(255,255,255,.4); }
.renatos-btn-outline:hover { border-color:#fff; background:rgba(255,255,255,.1); }
.renatos-btn-dark { background:var(–r-blue); color:#fff!important; }
.renatos-btn-dark:hover { background:var(–r-blue-dark); transform:translateY(-2px); }
/* ===== HERO ===== */
.renatos-hero { background:linear-gradient(135deg,#1E4A62 0%,#2E5F7A 100%); position:relative; overflow:hidden; }
.renatos-hero::before { content:“; position:absolute; top:-100px; right:-100px; width:500px; height:500px; background:radial-gradient(circle,rgba(253,216,53,.12) 0%,transparent 70%); border-radius:50%; }
.renatos-hero-inner { max-width:1200px; margin:0 auto; padding:80px 24px; display:grid; grid-template-columns:1.1fr .9fr; gap:56px; align-items:center; position:relative; z-index:1; }
.renatos-hero-badge { display:inline-block; background:rgba(253,216,53,.18); color:var(–r-yellow); font-size:13px; font-weight:600; padding:8px 16px; border-radius:50px; margin-bottom:24px; border:1px solid rgba(253,216,53,.3); }
.renatos-hero-title { font-size:52px; font-weight:900; color:#fff; line-height:1.1; margin-bottom:22px; letter-spacing:-1px; }
.renatos-hero-subtitle { font-size:18px; color:rgba(255,255,255,.85); line-height:1.7; margin-bottom:32px; max-width:520px; }
.renatos-hero-buttons { display:flex; gap:14px; flex-wrap:wrap; margin-bottom:36px; }
.renatos-hero-trust { display:flex; gap:24px; flex-wrap:wrap; }
.renatos-trust-item { color:rgba(255,255,255,.85); font-size:14px; font-weight:500; display:inline-flex; align-items:center; gap:8px; }
.renatos-trust-item::before { content:’✓‘; color:var(–r-yellow); font-weight:800; }
.renatos-hero-cards { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.renatos-hero-card { display:flex!important; flex-direction:column; padding:24px; border-radius:14px; text-decoration:none!important; transition:all .25s; min-height:140px; }
.renatos-hero-card.card-blue { background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.12); backdrop-filter:blur(8px); }
.renatos-hero-card.card-yellow { background:var(–r-yellow); }
.renatos-hero-card:hover { transform:translateY(-4px); }
.renatos-hero-card-title { font-size:17px; font-weight:700; margin-bottom:8px; }
.renatos-hero-card.card-blue .renatos-hero-card-title { color:#fff; }
.renatos-hero-card.card-yellow .renatos-hero-card-title { color:var(–r-dark); }
.renatos-hero-card-desc { font-size:13.5px; line-height:1.5; }
.renatos-hero-card.card-blue .renatos-hero-card-desc { color:rgba(255,255,255,.7); }
.renatos-hero-card.card-yellow .renatos-hero-card-desc { color:rgba(26,26,46,.75); }
/* ===== USP-STRIP ===== */
.renatos-usp { background:var(–r-yellow); }
.renatos-usp-inner { max-width:1200px; margin:0 auto; padding:20px 24px; display:flex; justify-content:center; gap:36px; flex-wrap:wrap; }
.renatos-usp-item { color:var(–r-dark); font-size:14px; font-weight:700; display:inline-flex; align-items:center; gap:8px; }
.renatos-usp-item::before { content:’★‘; color:var(–r-blue); }
/* ===== SECTION GENERELL ===== */
.renatos-section-eyebrow { display:inline-block; color:var(–r-blue); font-size:13px; font-weight:700; text-transform:uppercase; letter-spacing:1.5px; margin-bottom:12px; }
.renatos-eyebrow-center { display:block; text-align:center; }
.renatos-section-title { font-size:38px; font-weight:800; margin-bottom:16px; }
.renatos-title-center { text-align:center; }
.renatos-section-intro { font-size:17px; color:var(–r-gray-500); line-height:1.7; max-width:680px; }
/* ===== LEISTUNGEN ===== */
.renatos-services { background:#fff; }
.renatos-services-inner { max-width:1200px; margin:0 auto; padding:88px 24px; }
.renatos-section-header { text-align:center; display:flex; flex-direction:column; align-items:center; margin-bottom:56px; }
.renatos-section-header .renatos-section-intro { margin:0 auto; }
.renatos-services-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:24px; }
.renatos-service-card { background:#fff; border:1px solid var(–r-gray-200); border-radius:16px; padding:32px 26px; transition:all .25s; }
.renatos-service-card:hover { box-shadow:0 16px 40px rgba(46,95,122,.12); transform:translateY(-6px); border-color:transparent; }
.renatos-service-title { font-size:19px; font-weight:700; margin-bottom:12px; }
.renatos-service-desc { font-size:14px; color:var(–r-gray-500); line-height:1.65; margin-bottom:18px; }
.renatos-service-link a { color:var(–r-blue); font-weight:700; font-size:14px; text-decoration:none; transition:gap .2s; }
.renatos-service-link a:hover { color:var(–r-blue-dark); }
/* ===== CTA ===== */
.renatos-cta { background:linear-gradient(135deg,#1A1A2E 0%,#2E5F7A 100%); position:relative; overflow:hidden; }
.renatos-cta-inner { max-width:900px; margin:0 auto; padding:72px 24px; text-align:center; position:relative; z-index:1; }
.renatos-cta-eyebrow { display:inline-block; color:var(–r-yellow); font-size:13px; font-weight:700; text-transform:uppercase; letter-spacing:1.5px; margin-bottom:14px; }
.renatos-cta-title { font-size:34px; font-weight:800; color:#fff; margin-bottom:18px; }
.renatos-cta-text { font-size:17px; color:rgba(255,255,255,.85); line-height:1.7; margin-bottom:32px; max-width:640px; margin-left:auto; margin-right:auto; }
.renatos-cta-actions { display:flex; align-items:center; justify-content:center; gap:24px; flex-wrap:wrap; }
.renatos-cta-phone a { color:#fff; font-size:24px; font-weight:800; text-decoration:none; }
.renatos-cta-phone a:hover { color:var(–r-yellow); }
/* ===== ÜBER UNS ===== */
.renatos-about { background:var(–r-gray-100); }
.renatos-about-inner { max-width:1200px; margin:0 auto; padding:88px 24px; display:grid; grid-template-columns:1.3fr .7fr; gap:56px; align-items:center; }
.renatos-about-text { font-size:16px; color:#444; line-height:1.75; margin-bottom:24px; }
.renatos-about-list { list-style:none; padding:0; margin:0 0 28px; }
.renatos-about-list li { position:relative; padding-left:30px; margin-bottom:12px; font-size:15px; font-weight:500; color:var(–r-dark); }
.renatos-about-list li::before { content:’✓‘; position:absolute; left:0; top:0; width:20px; height:20px; background:var(–r-yellow); color:var(–r-dark); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:12px; font-weight:800; }
.renatos-about-right { display:flex; justify-content:center; }
.renatos-exp-badge { background:var(–r-blue); color:#fff; width:200px; height:200px; border-radius:24px; display:flex; flex-direction:column; align-items:center; justify-content:center; box-shadow:0 20px 50px rgba(46,95,122,.3); }
.renatos-badge-number { font-size:56px; font-weight:900; color:var(–r-yellow); line-height:1; }
.renatos-badge-label { font-size:15px; font-weight:600; margin-top:8px; text-align:center; }
/* ===== EINSATZGEBIET ===== */
.renatos-area { background:#fff; }
.renatos-area-inner { max-width:900px; margin:0 auto; padding:72px 24px; text-align:center; }
.renatos-region-tags { display:flex; flex-wrap:wrap; justify-content:center; gap:12px; margin-top:32px; }
.renatos-region-tag { background:var(–r-gray-100); border:1px solid var(–r-gray-200); color:var(–r-blue); font-size:14px; font-weight:600; padding:9px 20px; border-radius:50px; transition:all .2s; }
.renatos-region-tag:hover { background:var(–r-blue); color:#fff; border-color:var(–r-blue); }
/* ===== FOOTER ===== */
.renatos-site-footer { background:var(–r-dark); color:rgba(255,255,255,.75); }
.renatos-footer-main { max-width:1200px; margin:0 auto; padding:64px 24px 40px; display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:48px; }
.renatos-footer-logo { max-height:48px; width:auto; margin-bottom:18px; filter:brightness(0) invert(1); opacity:.9; }
.renatos-footer-desc { font-size:13.5px; line-height:1.75; color:rgba(255,255,255,.6); margin-bottom:20px; max-width:280px; }
.renatos-footer-contact { font-size:13.5px; margin:0 0 8px; }
.renatos-footer-contact a { color:rgba(255,255,255,.7); text-decoration:none; transition:color .2s; }
.renatos-footer-contact a:hover { color:var(–r-yellow); }
.renatos-footer-col-title { font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:1.5px; color:rgba(255,255,255,.4); margin-bottom:18px; }
.renatos-footer-links { display:flex; flex-direction:column; gap:9px; }
.renatos-footer-links a { font-size:13.5px; color:rgba(255,255,255,.6); text-decoration:none; transition:color .2s; display:block; }
.renatos-footer-links a:hover { color:var(–r-yellow); }
.renatos-footer-bottom { border-top:1px solid rgba(255,255,255,.08); }
.renatos-footer-bottom-inner { max-width:1200px; margin:0 auto; padding:20px 24px; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px; }
.renatos-footer-copy { font-size:12px; color:rgba(255,255,255,.35); }
.renatos-footer-legal { display:flex; gap:20px; }
.renatos-footer-legal a { font-size:12px; color:rgba(255,255,255,.35); text-decoration:none; transition:color .2s; }
.renatos-footer-legal a:hover { color:rgba(255,255,255,.7); }
/* GeneratePress Standard-Footer/Header ausblenden (wir nutzen eigene Template-Parts) */
.site-footer .footer-widgets, .site-info, .inside-footer-widgets { display:none !important; }
/* ===== RESPONSIVE ===== */
@media (max-width:1024px){
.renatos-hero-inner{ grid-template-columns:1fr; gap:40px; }
.renatos-services-grid{ grid-template-columns:repeat(2,1fr); }
.renatos-about-inner{ grid-template-columns:1fr; gap:40px; }
.renatos-footer-main{ grid-template-columns:1fr 1fr; gap:36px; }
.renatos-hero-title{ font-size:42px; }
}
@media (max-width:768px){
.renatos-nav-links{ display:none; }
.renatos-hero-cards{ grid-template-columns:1fr 1fr; }
.renatos-hero-title{ font-size:34px; }
.renatos-section-title{ font-size:28px; }
.renatos-cta-title{ font-size:26px; }
}
@media (max-width:600px){
.renatos-services-grid{ grid-template-columns:1fr; }
.renatos-hero-cards{ grid-template-columns:1fr; }
.renatos-footer-main{ grid-template-columns:1fr; gap:28px; }
.renatos-footer-bottom-inner{ flex-direction:column; align-items:flex-start; }
.renatos-topbar-inner{ justify-content:center; }
.renatos-cta-actions{ flex-direction:column; gap:16px; }
}