@font-face{font-family:"Baloo 2 UP";src:url("../fonts/baloo-2.woff2") format("woff2");font-weight:400 800;font-display:swap}
@font-face{font-family:"Nunito UP";src:url("../fonts/nunito.woff2") format("woff2");font-weight:300 900;font-display:swap}

:root{
  --up-blue:#0754b8;--up-blue-dark:#063370;--up-blue-soft:#dff1ff;
  --up-orange:#ff7a18;--up-orange-dark:#ce4c00;--up-cream:#fff9ec;
  --up-ink:#102640;--up-muted:#4b647c;--up-white:#fff;
  --up-shadow:0 18px 48px rgba(7,52,112,.14);--up-radius:28px;
}
.up-brand-site{color:var(--up-ink);font-family:"Nunito UP",Arial,sans-serif}
.up-brand-site h1,.up-brand-site h2,.up-brand-site h3,.up-brand-site .site-title{font-family:"Baloo 2 UP",Arial,sans-serif}
.up-page,.up-page *{box-sizing:border-box}
.up-page{overflow:hidden;background:var(--up-cream);color:var(--up-ink);font-size:18px;line-height:1.62}
.up-page img{max-width:100%;height:auto}
.up-page a{color:var(--up-blue);text-decoration-thickness:2px;text-underline-offset:3px}
.up-page a:hover{color:var(--up-orange-dark)}
.up-page :focus-visible{outline:4px solid #ffbf47;outline-offset:4px}
.up-shell{width:min(1120px,calc(100% - 36px));margin-inline:auto}
.up-section{padding:96px 0}
.up-section--white{background:var(--up-white)}
.up-section--blue{background:var(--up-blue-dark);color:var(--up-white)}
.up-section--ice{background:#eef8ff}
.up-kicker{display:inline-flex;align-items:center;gap:9px;margin:0 0 14px;color:var(--up-blue);font-size:.78rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.up-kicker:before{content:"";width:11px;height:11px;border-radius:50%;background:var(--up-orange)}
.up-section--blue .up-kicker{color:#b8ddff}
.up-title{max-width:850px;margin:0 0 22px;color:var(--up-blue-dark);font-size:clamp(2.5rem,5vw,4.6rem);line-height:.98;letter-spacing:-.035em}
.up-section--blue .up-title{color:var(--up-white)}
.up-title span{color:var(--up-orange)}
.up-lead{max-width:760px;margin:0 0 32px;color:var(--up-muted);font-size:clamp(1.08rem,2vw,1.3rem);font-weight:650}
.up-section--blue .up-lead{color:#d8ebff}
.up-center{text-align:center}.up-center .up-title,.up-center .up-lead{margin-inline:auto}
.up-button{display:inline-flex;min-height:52px;padding:0 25px;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;background:var(--up-orange);color:#fff!important;font-weight:900;text-decoration:none!important;box-shadow:0 8px 0 var(--up-orange-dark);transition:transform .18s,box-shadow .18s}
.up-button:hover{transform:translateY(-2px);box-shadow:0 10px 0 var(--up-orange-dark)}
.up-button:active{transform:translateY(4px);box-shadow:0 4px 0 var(--up-orange-dark)}
.up-button--blue{background:var(--up-blue);box-shadow:0 8px 0 var(--up-blue-dark)}
.up-button--light{background:#fff;color:var(--up-blue-dark)!important;box-shadow:0 8px 0 #b9d5ee}
.up-actions{display:flex;flex-wrap:wrap;gap:17px;margin-top:30px}
.up-tags{display:flex;flex-wrap:wrap;gap:9px;padding:0;margin:24px 0 0;list-style:none}
.up-tags li{padding:7px 12px;border:1px solid #b9d7ef;border-radius:999px;background:rgba(255,255,255,.75);font-size:.82rem;font-weight:850}

.up-hero{position:relative;min-height:690px;display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;background:linear-gradient(135deg,#eaf7ff,#fff9ec)}
.up-hero__copy{padding:80px 30px 95px max(18px,calc((100vw - 1120px)/2))}
.up-hero__copy h1{margin:0 0 24px;color:var(--up-blue-dark);font-size:clamp(3.2rem,6.2vw,5.7rem);line-height:.92;letter-spacing:-.05em}
.up-hero__copy h1 span{color:var(--up-orange)}
.up-hero__art{align-self:stretch;min-height:610px;background:url("../images/hero-umzugspinguin.png") 55% center/cover no-repeat}
.up-trust{position:relative;z-index:2;width:min(1060px,calc(100% - 36px));margin:-35px auto 0;display:grid;grid-template-columns:repeat(4,1fr);padding:17px;border-radius:24px;background:#fff;box-shadow:var(--up-shadow)}
.up-trust div{padding:8px 16px;text-align:center;border-right:1px dashed #bdd3e7}.up-trust div:last-child{border:0}
.up-trust strong{display:block;color:var(--up-orange-dark);font:800 1.2rem/1.1 "Baloo 2 UP",sans-serif}.up-trust span{color:var(--up-muted);font-size:.78rem;font-weight:800}

.up-grid{display:grid;gap:22px}.up-grid--2{grid-template-columns:repeat(2,1fr)}.up-grid--3{grid-template-columns:repeat(3,1fr)}.up-grid--4{grid-template-columns:repeat(4,1fr)}
.up-card{padding:30px;border:2px solid #dceaf5;border-radius:var(--up-radius);background:#fff;box-shadow:0 11px 28px rgba(7,52,112,.07)}
.up-card h2,.up-card h3{margin:0 0 11px;color:var(--up-blue-dark);line-height:1.08}
.up-card h3{font-size:1.55rem}.up-card p{margin:0;color:var(--up-muted)}
.up-card__icon{display:grid;width:58px;height:58px;margin-bottom:20px;place-items:center;border-radius:18px;background:var(--up-blue-soft);font-size:1.7rem}
.up-card__link{display:inline-block;margin-top:18px;font-weight:900}
.up-card--orange{border-color:#ffd1ad;background:#fff7ef}
.up-card--blue{border-color:#afd6ff;background:#eff8ff}

.up-split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.up-mascot{min-height:560px;border-radius:45% 45% 28px 28px;background:url("../images/maskottchen-umzugspinguin.png") center bottom/contain no-repeat,radial-gradient(circle at 50% 43%,#58a7f6,var(--up-blue) 64%,var(--up-blue-dark) 65%)}
.up-service-art{min-height:480px;border-radius:var(--up-radius);background:url("../images/verpackungsservice-umzugspinguin.webp") 67% center/cover no-repeat;box-shadow:var(--up-shadow)}
.up-checks{display:grid;gap:13px;padding:0;margin:26px 0;list-style:none}
.up-checks li{position:relative;padding-left:42px;font-weight:750}.up-checks li:before{content:"✓";position:absolute;left:0;top:0;display:grid;width:29px;height:29px;place-items:center;border-radius:50%;background:var(--up-orange);color:#fff;font-weight:900}
.up-number-list{display:grid;gap:16px;padding:0;list-style:none;counter-reset:upstep}
.up-number-list li{position:relative;min-height:55px;padding-left:72px}.up-number-list li:before{counter-increment:upstep;content:counter(upstep);position:absolute;left:0;top:0;display:grid;width:52px;height:52px;place-items:center;border-radius:50%;background:var(--up-orange);color:#fff;font:800 1.5rem "Baloo 2 UP",sans-serif}
.up-number-list strong{display:block;color:inherit;font-size:1.08rem}

.up-banner{padding:50px;border-radius:36px;background:var(--up-blue);color:#fff;box-shadow:var(--up-shadow)}
.up-banner h2{margin:0 0 12px;color:#fff;font-size:clamp(2.1rem,4vw,3.5rem);line-height:1}
.up-banner p{max-width:760px;margin:0;color:#d8ebff}.up-banner .up-actions{margin-bottom:8px}
.up-quote{margin:0;padding:28px;border-left:7px solid var(--up-orange);border-radius:0 22px 22px 0;background:#fff;color:var(--up-blue-dark);font:700 1.35rem/1.45 "Baloo 2 UP",sans-serif}
.up-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.up-fact{padding:22px;border-radius:20px;background:rgba(255,255,255,.1);text-align:center}.up-fact strong{display:block;color:#fff;font:800 2rem "Baloo 2 UP",sans-serif}.up-fact span{font-size:.85rem}

.up-faq{display:grid;gap:13px}.up-faq details{padding:20px 23px;border:2px solid #dae9f5;border-radius:18px;background:#fff}.up-faq summary{cursor:pointer;color:var(--up-blue-dark);font-weight:900}.up-faq summary::marker{color:var(--up-orange)}.up-faq details p{margin:13px 0 0;color:var(--up-muted)}
.up-contact-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:28px}.up-contact-box{padding:30px;border-radius:var(--up-radius);background:#fff;box-shadow:var(--up-shadow)}.up-contact-box h2{color:var(--up-blue-dark)}.up-contact-list{display:grid;gap:18px;padding:0;list-style:none}.up-contact-list strong{display:block;color:var(--up-blue-dark)}.up-placeholder{padding:17px;border:2px dashed var(--up-orange);border-radius:16px;background:#fff8e9;color:#613a16;font-weight:800}
.up-cta-strip{padding:65px 0;background:linear-gradient(135deg,var(--up-blue),var(--up-blue-dark));color:#fff}.up-cta-strip .up-shell{display:flex;align-items:center;justify-content:space-between;gap:30px}.up-cta-strip h2{margin:0;color:#fff;font-size:clamp(2rem,4vw,3.2rem)}.up-cta-strip p{margin:8px 0 0;color:#d8ebff}
.up-note{padding:20px 23px;border-left:6px solid var(--up-orange);border-radius:0 16px 16px 0;background:#fff3d8}
.up-table-wrap{overflow-x:auto}.up-table{width:100%;border-collapse:collapse;background:#fff}.up-table th,.up-table td{padding:15px;text-align:left;border:1px solid #d8e6f1}.up-table th{background:var(--up-blue-dark);color:#fff}
.up-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* Astra-Anpassungen */
.up-brand-site .site-content .ast-container{max-width:none;padding:0}.up-brand-site .entry-content{margin:0}.up-brand-site .entry-header{display:none}.up-brand-site .content-area{width:100%;margin:0}.up-brand-site .site-main>.ast-article-single{padding:0;background:transparent}
.up-brand-site .main-header-menu>.menu-item>a{font-weight:800}.up-brand-site .ast-builder-button-wrap .ast-custom-button{border-radius:999px;background:var(--up-orange);font-weight:900}
.up-brand-site #colophon{background:#061d37;color:#cce0f4}

@media(max-width:1024px){
  .up-hero{grid-template-columns:1fr}.up-hero__copy{padding:65px max(22px,calc((100vw - 760px)/2)) 30px}.up-hero__art{min-height:480px}
  .up-grid--4{grid-template-columns:repeat(2,1fr)}.up-grid--3{grid-template-columns:repeat(2,1fr)}
  .up-split{grid-template-columns:1fr}.up-contact-grid{grid-template-columns:1fr}
}
@media(max-width:720px){
  .up-page{font-size:16px}.up-section{padding:70px 0}.up-shell{width:calc(100% - 28px)}
  .up-hero__copy{padding:45px 18px 24px}.up-hero__copy h1{font-size:clamp(2.8rem,14vw,4.2rem)}.up-hero__art{min-height:335px;background-position:61% center}
  .up-trust{width:calc(100% - 22px);grid-template-columns:1fr 1fr;padding:10px}.up-trust div{padding:9px 5px}.up-trust div:nth-child(2){border-right:0}
  .up-grid--2,.up-grid--3,.up-grid--4,.up-facts{grid-template-columns:1fr}.up-card{padding:24px}
  .up-mascot{min-height:410px}.up-service-art{min-height:300px}
  .up-banner{padding:32px 24px}.up-actions{display:grid}.up-button{width:100%}
  .up-cta-strip .up-shell{display:grid}.up-cta-strip .up-button{width:100%}
}
@media(prefers-reduced-motion:reduce){.up-page *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media(prefers-contrast:more){.up-card,.up-faq details{border-color:currentColor}.up-page a{text-decoration:underline}}