body{font-family:Arial,Helvetica,sans-serif;background:#f5f7fa;color:#46515f}header{background:#fff;color:#0b55a2;border-bottom:1px solid #dce2e8;padding-top:12px;padding-bottom:12px}.brand img{width:228px;height:auto;display:block;max-width:45vw}header nav{display:flex;gap:22px;font-size:14px}header a{color:#0b55a2;text-decoration:none}h1,h2,h3,.route{color:#0b55a2}h1{font-weight:400;font-size:clamp(29px,5vw,42px);letter-spacing:-.6px}.eyebrow,.steps b{color:#087b37}button,.booking-link{background:#087b37}.panel,aside{border-radius:10px;box-shadow:none}.booking-offer{border-color:#087b37;background:#eef8f1}a{color:#087b37}.pill{color:#087b37;background:#eef8f1}.test-recommendation{background:#eef8f1}footer{font-size:12px}@media(max-width:500px){header nav{gap:12px;font-size:12px}}
/* Shared proportions and colour scheme of the IONOS main website. */
body{background:#fff}.site-shell{width:min(920px,calc(100% - 40px));margin-inline:auto}.site-header{padding:8px 0;background:#fff;border:0;display:block;position:relative;z-index:20}.site-header .site-shell{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:49px}.site-header .brand img{width:147px;height:auto;max-width:none}.site-header .site-nav{display:flex;gap:0;align-items:center;font-size:14px;line-height:1.5;flex-wrap:nowrap}.site-nav>a,.site-more summary{padding:10px 12px;color:#090a0a;text-decoration:none;white-space:nowrap}.site-nav>a:hover,.site-more summary:hover{background:#eff7fb;color:#0f76ac}.site-more{position:relative;border:0}.site-more summary{list-style:none;cursor:pointer;font-size:13px}.site-more summary::-webkit-details-marker{display:none}.site-more>div{position:absolute;right:0;top:100%;min-width:230px;background:#fff;box-shadow:0 5px 18px #0002;padding:8px;display:grid}.site-more a{padding:9px 12px;color:#090a0a;text-decoration:none}.site-more a:hover{background:#eff7fb}.site-more a[aria-current]{color:#087b37;font-weight:bold}main{max-width:920px;padding:26px 28px 38px;margin:0 auto;min-height:65vh}.layout{grid-template-columns:minmax(0,1fr) 270px;gap:22px}.panel,aside{border-radius:4px}.panel{padding:24px}aside{padding:22px;background:#f7faf8}.intro{max-width:750px}.data-note{font-size:12px;color:#626b76;margin:25px 0 0}.site-footer{margin:0;background:#00517a;color:#fff;text-align:center;padding:28px 0 32px;font:14px/1.5 Arial,Helvetica,sans-serif}.site-footer nav{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;margin-bottom:22px;font-size:12px}.site-footer a{color:#fff;text-decoration:none}.site-footer a:hover{text-decoration:underline}.site-footer p{margin:12px 0}.site-footer p:last-child{margin-bottom:0}.site-footer p:nth-last-child(2){font-size:13px}a:focus-visible,summary:focus-visible{outline:3px solid #d99d21;outline-offset:3px}@media(max-width:900px){.site-header .site-shell{gap:15px}.site-nav>a,.site-more summary{padding:10px 8px}.site-header .brand img{width:135px}}@media(max-width:760px){.site-header .site-shell{flex-wrap:wrap;justify-content:center;gap:6px}.site-header .site-nav{justify-content:center;flex-wrap:wrap;font-size:13px}.site-header .brand img{width:170px}.site-shell{width:calc(100% - 32px)}main{padding:22px 16px 30px}.layout{grid-template-columns:minmax(0,1fr)}.site-footer nav{gap:12px 20px}.site-footer{padding-inline:12px}.site-footer p{font-size:13px}.site-more>div{right:0}.site-header{padding-bottom:12px}}@media(max-width:400px){.site-nav>a,.site-more summary{padding:8px 6px;font-size:12px}.panel,aside{padding:18px}}

.mobile-site-menu{display:none}@media(max-width:760px){.site-header .site-shell{flex-wrap:nowrap;justify-content:space-between;min-height:70px}.site-header .site-nav{display:none}.mobile-site-menu{display:block;position:relative}.mobile-site-menu summary{font-size:30px;line-height:1;padding:10px;cursor:pointer;list-style:none;color:#090a0a}.mobile-site-menu summary::-webkit-details-marker{display:none}.mobile-site-menu nav{position:absolute;right:0;top:100%;min-width:260px;padding:12px;background:white;box-shadow:0 5px 18px #0002;display:flex;flex-direction:column;gap:0}.mobile-site-menu nav a{padding:12px;color:#090a0a}.mobile-site-menu nav a[aria-current]{background:#eef8f1;color:#087b37}.site-header{padding:8px 0}}
