@charset "utf-8";
/* CSS Document */
.detail-box{width: 100%;
    display: grid !important;
    grid-template-columns: 42% 58%;
    grid-auto-flow: row;
    margin-bottom: 24px;
    border: 1px solid #c9def2;
    background: #fff;
    overflow: hidden;
    box-shadow: 0 10px 24px rgba(23,114,200,.07);
    box-sizing: border-box;}
.detail-box-logo{grid-column: 1 / -1;
    width: 100% !important;
    height: auto !important;
    float: none !important;
    clear: both;
    background: linear-gradient(180deg,#1772c8,#0b4f91);
    border-top: 1px solid #c9def2;
    border-bottom: 2px solid #1772c8;
	text-shadow: 3px 3px 6px rgba(0,0,0,.6);
    box-sizing: border-box;}
.detail-box-logo:first-child{border-top: 0;}
.detail-box-logo-text{display: flex;
    align-items: center;
    gap: 10px;
    width: auto !important;
    float: none !important;
    margin: 0;
    padding: 12px 18px;
    color: #fff;
    font-size: 15px;
    font-weight: 900;
    box-sizing: border-box;}
.detail-box-logo-text::before{content: "";
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    background: currentColor;
    mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M4 4h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Zm0 2v12h16V6H4Zm3 3h10v2H7V9Zm0 4h7v2H7v-2Z'/%3E%3C/svg%3E") center / contain no-repeat;
    -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M4 4h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Zm0 2v12h16V6H4Zm3 3h10v2H7V9Zm0 4h7v2H7v-2Z'/%3E%3C/svg%3E") center / contain no-repeat;}
.detail-box-balken1, .detail-box-balken2, .detail-box-balken1-details, .detail-box-balken2-details{width: auto !important;
    height: auto !important;
    min-height: 42px;
    float: none !important;
    clear: none !important;
    box-sizing: border-box;
    border-bottom: 1px solid #d9e6ec;}
.detail-box-balken1, .detail-box-balken2{grid-column: 1;
    border-right: 1px solid #c9def2;
    background: #edf5fd;}
.detail-box-balken1-details, .detail-box-balken2-details{grid-column: 2;
    background: #fff;}
.detail-box-balken2{background: #f2f7fd;}
.detail-box-balken2-details{background: #f7fbff;}
.detail-box-balken1-text, .detail-box-balken2-text{width: auto !important;
    height: auto !important;
    float: none !important;
    margin: 0;
    padding: 11px 16px;
    color: #243a42;
    font-size: 13px;
    line-height: 1.25;
    font-weight: 700;
    box-sizing: border-box;}
.detail-box-details-text{width: auto !important;
    float: none !important;
    margin: 0;
    padding: 11px 16px;
    color: #155f9f;
    font-size: 13px;
    line-height: 1.25;
    font-weight: 700;
    text-align: center;
    box-sizing: border-box;}
.detail-box a{color: #1772c8;
    font-weight: 900;
    line-height: inherit;}
.detail-box a:hover{color: #1772c8;}
.detail-box .ja-blau, .detail-box .ja-hellblau{width: 22px;
    height: 22px;
    margin: 0 auto;
    border-radius: 50%;
    background: #208a3a !important;
    position: relative;
    box-shadow: 0 2px 6px rgba(32,138,58,.22);}
.detail-box .ja-blau::after, .detail-box .ja-hellblau::after{content: "✓";
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 14px;
    font-weight: 900;}
.detail-box-balken3, .detail-box-balken3-details{width: auto !important;
    height: auto !important;
    min-height: 58px;
    float: none !important;
    padding: 14px;
    background: #f8fbfd;
    border-top: 2px solid #d9e6ec;
    box-sizing: border-box;}
.detail-box-balken3{grid-column: 1;
    border-right: 1px solid #c9def2;}
.detail-box-balken3-details{grid-column: 2;}
.detail-box .button2, .detail-box .button3{width: auto !important;
    height: auto !important;
    float: none !important;
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
    text-align: center;}
.detail-box .button2 a, .detail-box .button3 a{display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 8px 18px;
    border-radius: 7px;
    font-size: 13px;
    font-weight: 900;
    text-decoration: none !important;
    transition: all .22s ease;
    margin: 0 !important;
    width: auto !important;}
.detail-box .button2 a{border: 1px solid #1772c8;
    color: #1772c8 !important;
    background: #fff;}
.detail-box .button2{text-align: left;}
.detail-box .button3{text-align: center;}
.detail-box .button3 a{border: 1px solid #0b4f91;
    background: linear-gradient(180deg,#1772c8,#208a3a);}
.detail-box .button2 a:hover, .detail-box .button3 a:hover{transform: translateY(-2px);
    box-shadow: 0 7px 16px rgba(0,0,0,.16);}
@media (max-width: 760px){
  .detail-box{width: 100%;
        grid-template-columns: 1fr;}
  .detail-box-logo, .detail-box-balken1, .detail-box-balken2, .detail-box-balken1-details, .detail-box-balken2-details, .detail-box-balken3, .detail-box-balken3-details{grid-column: 1;}
  .detail-box-balken1, .detail-box-balken2, .detail-box-balken3{border-right: 0;}
  .detail-box-details-text{text-align: left;}
}
.detail-box-balken1, .detail-box-balken1-details{background: #ffffff;}
.detail-box-balken2, .detail-box-balken2-details{background: #edf5fd;}
.gambio-detail-section{padding-top:35px!important}
.gambio-detail-content{overflow:hidden}
.gambio-detail-section .content-header{margin-bottom:24px}
.gambio-detail-section .content-header h1{margin:0;color:#0b2942}
.gambio-detail-section .icono-h1{color:#1772c8}
.gambio-detail-intro{display:grid;grid-template-columns:74px 1fr;gap:22px;align-items:center;margin:0 0 24px;padding:24px 28px;border:1px solid #dbe8ec;border-left:4px solid #1772c8;border-radius:15px;background:linear-gradient(135deg,#fff,#f7fbff);box-shadow:0 9px 26px rgba(23,114,200,.06)}
.gambio-detail-icon{display:inline-flex;align-items:center;justify-content:center;width:58px;height:58px;border:1px solid #c9def2;border-radius:15px;background:linear-gradient(145deg,#edf5fd,#f8fbff);color:#1772c8;box-shadow:0 6px 14px rgba(23,114,200,.08)}
.gambio-detail-icon svg{width:29px;height:29px}
.gambio-detail-intro span{display:block;margin:0 0 4px;color:#1772c8;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.gambio-detail-intro h2{margin:0 0 7px;color:#0b3e59;font-size:21px;line-height:1.3}
.gambio-detail-intro p{margin:0;color:#526b7b;font-size:13.5px;line-height:1.55}
.gambio-detail-section .detail-box{width:100%!important;margin:0!important;border:1px solid #d9e5ea!important;border-radius:16px!important;box-shadow:0 12px 30px rgba(23,114,200,.08)!important}
.detail-box-logo{background:linear-gradient(135deg,#1772c8,#0b4f91)!important;border-bottom:2px solid #1772c8!important}
.detail-box a{color:#1772c8!important}
.detail-box a:hover{color:#0b4f91!important}
.detail-box .button2 a{border-color:#1772c8!important;color:#155f9f!important}
.detail-box .button3 a{border-color:#0b4f91!important;background:linear-gradient(135deg,#1772c8,#0b4f91)!important;color:#fff!important}
@media (max-width:760px){
  .gambio-detail-section{padding-top:24px!important}
  .gambio-detail-intro{grid-template-columns:1fr;padding:20px}
}
.gambio-vat-note{margin:27px 0 0;
    color:#526b7b;
    font-size:12px;
    line-height:1.4;
    text-align:left;}
.gambio-vat-note .red{color:#d70000;
    font-weight:800;}
.gambio-hosting-preview-section{padding-top:35px !important;}
.gambio-hosting-preview-section .gambio-hosting-content-box{overflow:hidden;}
.gambio-hosting-preview-section .content-header{margin-bottom:24px;}
.gambio-hosting-preview-section .content-header h1{margin:0;
    color:#0b2942;}
.gambio-hosting-preview-section .content-header .icono-h1{color:#1772c8;}
.gambio-hosting-preview-section .content-body{padding-top:0;}
.gambio-page{width:100%;
    max-width:none;
    margin:0;
    padding:0;
    font-family:Arial,Helvetica,sans-serif;
    color:#29465d;
    font-size:14px;
    line-height:1.6;}
.gambio-page *{box-sizing:border-box}
.gambio-page a{color:#1772c8;
    text-decoration:none;}
.gambio-page a:hover{color:#08447d;}
.gambio-hero{width:100%;
    min-height:0;
    aspect-ratio:1240 / 450;
    margin:0 0 24px;
    padding:0;
    overflow:hidden;
    border:1px solid #d6e5f2;
    border-radius:18px;
    background-color:#071b35;
    background-image:url("../images/webhosting/gambio-hosting.webp");
    background-repeat:no-repeat;
    background-position:center center;
    background-size:100% 100%;
    box-shadow:0 14px 34px rgba(23,114,200,.11);}
.gambio-intro{display:grid;
    grid-template-columns:74px 1fr;
    gap:22px;
    align-items:center;
    margin:0 0 24px;
    padding:24px 28px;
    border:1px solid #dbe8f4;
    border-left:4px solid #1772c8;
    border-radius:15px;
    background:linear-gradient(135deg,#ffffff 0,#f7fbff 100%);
    box-shadow:0 9px 26px rgba(23,114,200,.06);}
.gambio-intro p{margin:0 0 8px}
.gambio-intro p:last-child{margin-bottom:0}
.gambio-icon{display:inline-flex;
    align-items:center;
    justify-content:center;
    width:58px;
    height:58px;
    border:1px solid #c9def2;
    border-radius:15px;
    background:linear-gradient(145deg,#edf5fd,#f7fbff);
    color:#155f9f;
    box-shadow:0 6px 14px rgba(23,114,200,.08);}
.gambio-icon svg{width:29px;
    height:29px;}
.gambio-benefits-card{margin:0 0 24px;
    padding:26px 28px 14px;
    border:1px solid #dbe8f4;
    border-radius:16px;
    background:#fff;
    box-shadow:0 10px 28px rgba(23,114,200,.07);}
.gambio-section-title{margin:0 0 20px;
    text-align:left;}
.gambio-section-title span{display:flex;
    align-items:center;
    gap:10px;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    color:#0b3e59;
    font-size:22px;
    font-weight:800;}
.gambio-section-title span::before{content:"";
    width:5px;
    height:28px;
    border-radius:99px;
    background:linear-gradient(180deg,#1772c8,#1772c8);}
.gambio-benefits{display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px;
    margin:0;}
.gambio-benefit{display:grid;
    grid-template-columns:48px minmax(0,1fr);
    gap:16px;
    align-items:center;
    padding:20px;
    border:1px solid #e0eaf4;
    border-radius:14px;
    background:#fbfdff;
    transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;}
.gambio-benefit:hover{transform:translateY(-3px);
    border-color:#b8d3ec;
    box-shadow:0 10px 24px rgba(23,114,200,.09);}
.gambio-benefit .gambio-icon{width:48px;
    height:48px;
    margin:0;}
.gambio-benefit .gambio-icon svg{width:25px;
    height:25px;}
.gambio-benefit > div:last-child{min-width:0;}
.gambio-benefit h3{margin:0 0 6px;
    color:#0b3e59;
    font-size:17px;}
.gambio-benefit p{margin:0;
    color:#526b7b;
    font-size:13.5px;
    line-height:1.55;}
.gambio-package-section{margin:0 0 26px;
    padding:0;
    overflow:hidden;
    border:1px solid #d9e5ea;
    border-radius:16px;
    background:#fff;
    box-shadow:0 12px 30px rgba(23,114,200,.08);}
.gambio-hosting-compare{overflow:hidden;
    border:0;
    border-radius:0;
    background:#fff;
    box-shadow:none;}
.gambio-compare-head, .gambio-compare-row, .gambio-compare-price-row, .gambio-compare-actions{display:grid;
    grid-template-columns:310px repeat(3,minmax(0,1fr));}
.gambio-compare-head{color:#fff;
    background:linear-gradient(135deg,#1772c8,#0b4f91);}
.gambio-compare-feature, .gambio-compare-plan{min-height:58px;
    padding:14px 18px;
    display:flex;
    align-items:center;
    font-weight:800;}
.gambio-compare-feature{justify-content:flex-start;
    font-size:17px;}
.gambio-compare-plan{justify-content:center;
    font-size:15px;
    letter-spacing:.4px;}
.gambio-compare-head>div, .gambio-compare-row>div, .gambio-compare-price-row>div, .gambio-compare-actions>div{border-right:1px solid rgba(215,229,235,.9);}
.gambio-compare-head>div{border-right-color:rgba(255,255,255,.16);}
.gambio-compare-head>div:last-child, .gambio-compare-row>div:last-child, .gambio-compare-price-row>div:last-child, .gambio-compare-actions>div:last-child{border-right:0;}
.gambio-compare-row{border-bottom:1px solid #e6eef2;
    background:#fff;}
.gambio-compare-row:nth-child(even){background:#f8fbfc;}
.gambio-compare-row>div{min-height:54px;
    padding:12px 16px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    color:#3c5668;
    font-size:13px;
    line-height:1.35;}
.gambio-compare-label{justify-content:flex-start !important;
    text-align:left !important;
    color:#29465d !important;
    font-weight:750;
    white-space:nowrap;}
.gambio-feature-mini-icon{display:inline-flex;
    align-items:center;
    justify-content:center;
    width:30px;
    min-width:30px;
    height:30px;
    margin:0 9px 0 0;
    border:1px solid #c9def2;
    border-radius:8px;
    background:#edf5fd;
    color:#155f9f;}
.gambio-feature-mini-icon svg{width:16px;
    height:16px;}
.gambio-compare-eco{color:#198754;
    font-weight:800;}
.gambio-setup-row{border-top:0;}
.gambio-setup-row>div{min-height:56px;
    background:#fffaf4;}
.gambio-compare-price-row{border-bottom:1px solid #dfe9ee;
    background:#f3f8fd;}
.gambio-compare-price-row>div{min-height:104px;
    padding:16px 14px;
    background:linear-gradient(180deg,#f8fbff 0,#edf5fd 100%);}
.gambio-compare-price-row .gambio-price-label{color:#0b3e59 !important;
    background:#f5f9fd;}
.gambio-price-cell .gambio-price-box{position:static;
    width:100%;
    max-width:175px;
    margin:0 auto;
    padding:13px 10px;
    border:1px solid #c9def2;
    border-radius:13px;
    background:linear-gradient(145deg,#f7fbff,#ffffff);
    box-shadow:0 8px 19px rgba(23,114,200,.09);}
.gambio-price-cell .gambio-price-main{display:flex;
    justify-content:center;
    align-items:baseline;
    gap:4px;
    color:#0b4f91;
    white-space:nowrap;}
.gambio-price-cell .gambio-price-value, .gambio-price-cell .gambio-price-currency{color:#0b4f91;
    font-size:25px !important;
    font-weight:800;
    line-height:1;}
.gambio-price-cell .gambio-price-star{color:#d70000;
    font-size:14px !important;}
.gambio-compare-actions>div{min-height:78px;
    padding:13px 10px;
    gap:8px;}
.gambio-btn-ghost, .gambio-btn-primary{display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:36px;
    padding:8px 13px;
    border-radius:8px;
    font-size:12px;
    font-weight:800;
    white-space:nowrap;
    text-decoration:none !important;
    transition:transform .2s ease,box-shadow .2s ease,background .2s ease;}
.gambio-btn-ghost{border:1px solid #a9cceb;
    background:#fff;
    color:#1772c8 !important;}
.gambio-btn-ghost:hover{background:#eef6fd;
    transform:translateY(-1px);}
.gambio-btn-primary{border:1px solid #155f9f;
    background:linear-gradient(135deg,#1772c8,#1772c8) !important;
    color:#fff !important;
    box-shadow:0 6px 14px rgba(23,114,200,.22);}
.gambio-btn-primary:hover{background:linear-gradient(135deg,#0b4f91,#0b4f91) !important;
    transform:translateY(-1px);
    box-shadow:0 8px 18px rgba(23,114,200,.28);}
.gambio-note{margin:18px 28px 22px !important;
    padding:0 4px;
    color:#718493;
    font-size:12px;
    line-height:1.5;}
.gambio-seo-card{margin:0 0 24px;
    padding:26px 30px;
    border:1px solid #e0e9ee;
    border-radius:16px;
    background:#fff;
    box-shadow:0 9px 26px rgba(23,114,200,.055);}
.gambio-seo-card h3{margin:0 0 16px;
    color:#0b3e59;
    font-size:21px;}
.gambio-seo-card .gambio-iconbf, .gambio-seo-card h4.gambio-iconbf{color:#1772c8;}
.gambio-seo-card ul{margin:6px 0 14px 22px;
    padding:0;}
.gambio-seo-card li{margin:3px 0;}
.gambio-link-box{margin:0;
    padding:22px 24px;
    border:1px solid #d9e6f0;
    border-radius:16px;
    background:linear-gradient(135deg,#f8fbff,#f2f7fd);
    box-shadow:none;}
.gambio-link-box h3{margin:0 0 14px;
    color:#0b3e59;
    font-size:19px;}
.gambio-related-grid{display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:10px;}
.gambio-related-grid a{display:flex;
    align-items:center;
    min-height:48px;
    padding:10px 12px;
    border:1px solid #d6e4f0;
    border-radius:9px;
    background:#fff;
    color:#1772c8;
    font-size:12.5px;
    font-weight:750;
    transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;}
.gambio-related-grid a:hover{transform:translateY(-2px);
    border-color:#adcbea;
    box-shadow:0 7px 15px rgba(23,114,200,.07);}
@media (max-width:1100px){
  .gambio-benefits{grid-template-columns:1fr}
  .gambio-related-grid{grid-template-columns:repeat(2,1fr)}
  .gambio-hosting-compare{overflow-x:auto}
  .gambio-compare-head, .gambio-compare-row, .gambio-compare-price-row, .gambio-compare-actions{min-width:900px;grid-template-columns:310px repeat(3,minmax(0,1fr))}
}
@media (max-width:680px){
  .gambio-hero{min-height:0;aspect-ratio:1240 / 450;background-size:100% 100%;border-radius:13px}
  .gambio-intro{grid-template-columns:1fr;padding:20px}
  .gambio-benefits-card{padding:20px}
  .gambio-related-grid{grid-template-columns:1fr}
}
.gambio-red{color:#d70000;
    font-weight:800;
    font-size:10px;
    vertical-align:super;}
.gambio-location-link{font-weight:700;}
.gambio-package-section{--pkg-main:#1772c8;
    --pkg-dark:#0b4f91;
    --pkg-soft:#edf5fd;
    --pkg-soft-2:#f7fbff;
    --pkg-line:#c9def2;
    --pkg-text:#155f9f;
    --pkg-shadow:rgba(23,114,200,.12);}
.gambio-package-section .gambio-compare-head{background:linear-gradient(135deg,var(--pkg-main),var(--pkg-dark)) !important;
    color:#fff;}
.gambio-package-section .gambio-compare-head > div{border-right-color:rgba(255,255,255,.18) !important;}
.gambio-package-section .gambio-compare-plan{color:#fff;}
.gambio-package-section .gambio-compare-row{background:#fff !important;}
.gambio-package-section .gambio-compare-row:nth-child(even){background:var(--pkg-soft-2) !important;}
.gambio-package-section .gambio-compare-row > div{border-right-color:var(--pkg-line) !important;}
.gambio-package-section .gambio-compare-row{border-bottom-color:var(--pkg-line) !important;}
.gambio-package-section .gambio-compare-label{color:#29465d !important;}
.gambio-package-section .gambio-feature-mini-icon{color:var(--pkg-main) !important;
    background:var(--pkg-soft) !important;
    border-color:var(--pkg-line) !important;}
.gambio-package-section .gambio-setup-row > div{background:var(--pkg-soft-2) !important;}
.gambio-package-section .gambio-compare-price-row{
    border-bottom-color:var(--pkg-line) !important;}
.gambio-package-section .gambio-compare-price-row .gambio-price-label{color:var(--pkg-text) !important;
    background:var(--pkg-soft) !important;}
.gambio-package-section .gambio-price-cell .gambio-price-box{border-color:var(--pkg-line) !important;}
.gambio-package-section .gambio-price-cell .gambio-price-main, .gambio-package-section .gambio-price-cell .gambio-price-value, .gambio-package-section .gambio-price-cell .gambio-price-currency{color:var(--pkg-main) !important;}
.gambio-package-section .gambio-compare-actions > div{
    background:var(--pkg-soft-2);}
.gambio-package-section .gambio-btn-primary{border-color:var(--pkg-dark) !important;
    background:linear-gradient(135deg,var(--pkg-main),var(--pkg-dark)) !important;
    box-shadow:0 6px 14px var(--pkg-shadow) !important;}
.gambio-package-section .gambio-btn-primary:hover{filter:brightness(.96);
    box-shadow:0 8px 18px var(--pkg-shadow) !important;}
.gambio-package-section .gambio-btn-ghost{color:var(--pkg-text) !important;
    border-color:var(--pkg-line) !important;}
.gambio-package-section .gambio-btn-ghost:hover{color:var(--pkg-dark) !important;
    background:var(--pkg-soft) !important;}
.gambio-package-section{border-color:var(--pkg-line) !important;
    box-shadow:0 12px 30px var(--pkg-shadow) !important;}
.gambio-package-section::after{content:"";
    display:block;
    height:3px;
    background:linear-gradient(90deg,var(--pkg-main),var(--pkg-dark));}
.gambio-benefit{display:grid !important;
    grid-template-columns:48px minmax(0,1fr) !important;
    gap:16px !important;
    align-items:center !important;}
.gambio-benefit .gambio-icon{margin:0 !important;}
.gambio-package-section .gambio-compare-price-row{background:var(--pkg-main) !important;}
.gambio-package-section .gambio-compare-price-row > div{min-height:72px !important;
    padding:10px 14px 4px !important;
    background:linear-gradient(180deg,var(--pkg-main),var(--pkg-dark)) !important;
    border-right-color:rgba(255,255,255,.22) !important;}
.gambio-package-section .gambio-compare-price-row .gambio-price-label{color:#fff !important;
    background:linear-gradient(180deg,var(--pkg-main),var(--pkg-dark)) !important;}
.gambio-package-section .gambio-price-cell .gambio-price-main, .gambio-package-section .gambio-price-cell .gambio-price-value, .gambio-package-section .gambio-price-cell .gambio-price-currency{color:#fff !important;}
.gambio-package-section .gambio-price-cell .gambio-price-value, .gambio-package-section .gambio-price-cell .gambio-price-currency{font-size:22px !important;}
.gambio-package-section .gambio-compare-actions{background:var(--pkg-dark) !important;}
.gambio-package-section .gambio-compare-actions > div{min-height:78px !important;
    padding:4px 10px 10px !important;
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:7px !important;
    background:linear-gradient(180deg,var(--pkg-dark),var(--pkg-main)) !important;
    border-right-color:rgba(255,255,255,.22) !important;}
.gambio-package-section .gambio-compare-actions .gambio-platzhalter{background:linear-gradient(180deg,var(--pkg-dark),var(--pkg-main)) !important;}
.gambio-package-section .gambio-btn-primary{order:1;
    min-height:34px;
    padding:7px 16px;
    border-color:rgba(0,0,0,.10) !important;
    background:rgba(0,0,0,.14) !important;
    box-shadow:0 5px 12px rgba(0,0,0,.14) !important;}
.gambio-package-section .gambio-btn-primary:hover{background:rgba(0,0,0,.24) !important;}
.gambio-package-section .gambio-btn-ghost{order:2;
    min-height:auto;
    padding:2px 8px;
    border:0 !important;
    background:transparent !important;
    color:#fff !important;
    box-shadow:none !important;}
.gambio-package-section .gambio-btn-ghost::after{content:" →";}
.gambio-package-section .gambio-btn-ghost:hover{color:#fff !important;
    background:transparent !important;
    text-decoration:underline !important;}
.gambio-package-section .gambio-note{margin:12px 28px 18px !important;
    color:#3f4d59;}
@media (max-width:680px){
  .gambio-benefit{grid-template-columns:1fr !important;}
}
.gambio-package-section .gambio-price-period{margin-top:6px;
    color:rgba(255,255,255,.96);
    font-size:12px;
    font-weight:700;}
.gambio-package-section .gambio-compare-price-row{background:var(--pkg-soft) !important;
    border-bottom:0 !important;}
.gambio-package-section .gambio-compare-price-row > div{min-height:118px !important;
    padding:18px 16px 14px !important;
    background:linear-gradient(180deg,var(--pkg-soft-2) 0,var(--pkg-soft) 100%) !important;}
.gambio-package-section .gambio-compare-price-row .gambio-price-label{position:relative;
    flex-direction:column;
    align-items:flex-start !important;
    justify-content:center !important;
    gap:9px;
    color:#253b4b !important;
    font-size:15px;
    font-weight:900;}
.gambio-package-section .gambio-compare-price-row .gambio-price-label::before{
    border-radius:12px;
    box-shadow:0 5px 12px var(--pkg-shadow);}
.gambio-package-section .gambio-price-cell .gambio-price-box{
    max-width:220px !important;
    padding:15px 12px 13px !important;
    border-radius:14px !important;
    background:linear-gradient(145deg,#ffffff 0,var(--pkg-soft) 100%) !important;
    box-shadow:0 8px 20px var(--pkg-shadow) !important;
    text-align:center;}
.gambio-package-section .gambio-price-cell .gambio-price-main{display:flex;
    align-items:baseline;
    justify-content:center;
    gap:4px;}
.gambio-package-section .gambio-price-cell .gambio-price-value, .gambio-package-section .gambio-price-cell .gambio-price-currency{color:var(--pkg-main) !important;
    font-size:27px !important;
    font-weight:900 !important;
    line-height:1 !important;}
.gambio-package-section .gambio-price-cell .gambio-price-star{
    font-size:12px !important;
    top:-8px;}
.gambio-package-section .gambio-price-period{
    color:var(--pkg-text) !important;
    font-weight:800 !important;}
.gambio-package-section .gambio-compare-actions{background:#fff !important;
    border-top:1px solid var(--pkg-line);}
.gambio-package-section .gambio-compare-actions > div{min-height:116px !important;
    padding:15px 14px !important;
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:10px !important;
    align-items:center;
    justify-content:stretch;
    background:linear-gradient(180deg,#ffffff 0,var(--pkg-soft-2) 100%) !important;
    border-right-color:var(--pkg-line) !important;}
.gambio-package-section .gambio-compare-actions .gambio-platzhalter{display:block !important;}
.gambio-package-section .gambio-btn-primary{order:0 !important;
    width:100%;
    min-height:46px !important;
    padding:10px 14px !important;
    border:1px solid var(--pkg-dark) !important;
    border-radius:10px !important;
    background:linear-gradient(180deg,var(--pkg-main),var(--pkg-dark)) !important;
    color:#fff !important;
    font-size:13px !important;
    font-weight:900 !important;
    box-shadow:0 7px 16px var(--pkg-shadow) !important;
    text-decoration:none !important;}
.gambio-package-section .gambio-btn-primary::before{
    font-size:15px;
    line-height:1;}
.gambio-package-section .gambio-btn-primary:hover, .gambio-package-section .gambio-btn-primary:focus-visible{
    box-shadow:0 10px 22px var(--pkg-shadow) !important;}
.gambio-package-section .gambio-btn-ghost{order:0 !important;
    width:100%;
    min-height:46px !important;
    padding:10px 14px !important;
    border:1px solid var(--pkg-main) !important;
    border-radius:10px !important;
    color:var(--pkg-main) !important;
    font-size:13px !important;
    font-weight:900 !important;
    box-shadow:0 4px 10px rgba(18,27,35,.045) !important;
    text-decoration:none !important;}
.gambio-package-section .gambio-btn-ghost::before{
    line-height:1;}
.gambio-package-section .gambio-btn-ghost::after{
    margin-left:4px;}
.gambio-package-section .gambio-btn-ghost:hover, .gambio-package-section .gambio-btn-ghost:focus-visible{transform:translateY(-2px);
    box-shadow:0 8px 16px var(--pkg-shadow) !important;}
.gambio-package-section .gambio-compare-actions > div:not(.gambio-platzhalter) .gambio-btn-primary{grid-column:1;}
.gambio-package-section .gambio-compare-actions > div:not(.gambio-platzhalter) .gambio-btn-ghost{grid-column:2;}
.gambio-package-section .gambio-note{
    padding:0 !important;
    text-align:center;
    color:#52616d;
    font-size:12px;
    line-height:1.5;}
@media (max-width:1100px){
  .gambio-package-section .gambio-compare-actions > div{grid-template-columns:1fr !important;}
  .gambio-package-section .gambio-compare-actions > div:not(.gambio-platzhalter) .gambio-btn-primary, .gambio-package-section .gambio-compare-actions > div:not(.gambio-platzhalter) .gambio-btn-ghost{grid-column:1 !important;}
}
.gambio-package-section .gambio-compare-actions > div:not(.gambio-platzhalter){display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    grid-template-rows:46px !important;
    justify-items:stretch !important;
    padding:16px 14px !important;}
.gambio-package-section .gambio-compare-actions > div:not(.gambio-platzhalter) .gambio-btn-primary{grid-column:1 !important;
    grid-row:1 !important;}
.gambio-package-section .gambio-compare-actions > div:not(.gambio-platzhalter) .gambio-btn-ghost{grid-column:2 !important;
    grid-row:1 !important;
    height:46px !important;
    min-height:46px !important;}
.gambio-package-section .gambio-compare-actions .gambio-platzhalter{min-height:78px !important;
    padding:0 !important;}
@media (max-width:1100px){
  .gambio-package-section .gambio-compare-actions > div:not(.gambio-platzhalter){grid-template-columns:1fr !important;
        grid-template-rows:46px 46px !important;}
  .gambio-package-section .gambio-compare-actions > div:not(.gambio-platzhalter) .gambio-btn-primary{grid-column:1 !important;
        grid-row:1 !important;}
  .gambio-package-section .gambio-compare-actions > div:not(.gambio-platzhalter) .gambio-btn-ghost{grid-column:1 !important;
        grid-row:2 !important;}
}
.gambio-package-section .gambio-compare-price-row .gambio-price-label{display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:12px !important;
    padding:18px 20px !important;
    color:#263d4d !important;
    background:#fff !important;
    font-size:15px !important;
    font-weight:900 !important;
    white-space:nowrap;}
.gambio-package-section .gambio-compare-price-row .gambio-price-label::before{content:"€";
    flex:0 0 42px;
    width:42px;
    height:42px;
    margin:0 !important;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:1px solid var(--pkg-line);
    border-radius:11px;
    background:var(--pkg-soft);
    color:var(--pkg-main);
    font-size:22px;
    font-weight:900;
    box-shadow:0 4px 10px var(--pkg-shadow);}
.gambio-package-section .gambio-compare-price-row > div{min-height:106px !important;
    padding:16px 18px !important;
    background:linear-gradient(180deg,#ffffff 0,var(--pkg-soft-2) 100%) !important;
    border-right-color:var(--pkg-line) !important;}
.gambio-package-section .gambio-price-cell{display:flex !important;
    align-items:center !important;
    justify-content:center !important;}
.gambio-package-section .gambio-price-cell .gambio-price-box{width:auto !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;}
.gambio-package-section .gambio-price-cell .gambio-price-main{display:flex !important;
    align-items:flex-start !important;
    justify-content:center !important;
    gap:4px !important;
    white-space:nowrap;}
.gambio-package-section .gambio-price-cell .gambio-price-value{color:var(--pkg-main) !important;
    font-size:34px !important;
    font-weight:900 !important;
    line-height:1 !important;
    letter-spacing:-.7px;}
.gambio-package-section .gambio-price-cell .gambio-price-currency{color:var(--pkg-main) !important;
    font-size:23px !important;
    font-weight:900 !important;
    line-height:1 !important;
    padding-top:3px;}
.gambio-package-section .gambio-price-cell .gambio-price-star{color:#d70000 !important;
    font-size:11px !important;
    line-height:1 !important;
    position:relative;
    top:-2px;
    margin-left:1px;}
.gambio-package-section .gambio-price-period{margin-top:8px !important;
    color:#63727e !important;
    font-size:12px !important;
    font-weight:700 !important;
    text-align:center;}
.gambio-package-section .gambio-compare-actions > div:not(.gambio-platzhalter){display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:center !important;
    gap:10px !important;
    min-height:128px !important;
    padding:15px 18px !important;
    background:linear-gradient(180deg,#fff 0,var(--pkg-soft-2) 100%) !important;
    border-right-color:var(--pkg-line) !important;}
.gambio-package-section .gambio-compare-actions .gambio-platzhalter{min-height:128px !important;
    background:#fff !important;}
.gambio-package-section .gambio-compare-actions > div:not(.gambio-platzhalter) .gambio-btn-ghost{order:1 !important;
    width:100% !important;
    height:44px !important;
    min-height:44px !important;
    margin:0 !important;
    padding:9px 14px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border:1px solid var(--pkg-main) !important;
    border-radius:9px !important;
    background:#fff !important;
    color:var(--pkg-main) !important;
    font-size:13px !important;
    font-weight:900 !important;
    box-shadow:0 3px 8px rgba(18,27,35,.04) !important;}
.gambio-package-section .gambio-btn-ghost::before{content:"ⓘ";
    margin-right:7px;
    font-size:15px;}
.gambio-package-section .gambio-btn-ghost::after{content:" →" !important;
    margin-left:3px;}
.gambio-package-section .gambio-btn-ghost:hover, .gambio-package-section .gambio-btn-ghost:focus-visible{background:var(--pkg-soft) !important;
    color:var(--pkg-dark) !important;
    transform:translateY(-1px);
    box-shadow:0 6px 13px var(--pkg-shadow) !important;
    text-decoration:none !important;}
.gambio-package-section .gambio-compare-actions > div:not(.gambio-platzhalter) .gambio-btn-primary{order:2 !important;
    width:100% !important;
    height:46px !important;
    min-height:46px !important;
    margin:0 !important;
    padding:10px 14px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border:1px solid var(--pkg-dark) !important;
    border-radius:9px !important;
    background:linear-gradient(180deg,var(--pkg-main),var(--pkg-dark)) !important;
    color:#fff !important;
    font-size:13px !important;
    font-weight:900 !important;
    box-shadow:0 7px 15px var(--pkg-shadow) !important;}
.gambio-package-section .gambio-btn-primary::before{content:"🛒";
    margin-right:7px;
    font-size:14px;}
.gambio-package-section .gambio-btn-primary:hover, .gambio-package-section .gambio-btn-primary:focus-visible{transform:translateY(-2px);
    filter:brightness(1.05);
    box-shadow:0 10px 20px var(--pkg-shadow) !important;}
.gambio-package-section .gambio-compare-actions > div:not(.gambio-platzhalter) .gambio-btn-primary, .gambio-package-section .gambio-compare-actions > div:not(.gambio-platzhalter) .gambio-btn-ghost{grid-column:auto !important;
    grid-row:auto !important;}
@media (max-width:1100px){
  .gambio-package-section .gambio-compare-actions > div:not(.gambio-platzhalter){display:flex !important;}
}
.gambio-package-section .gambio-note{margin:14px 28px 18px !important;
    padding:0 4px !important;
    text-align:left !important;}
.gambio-related-grid a::before{content:"";
    flex:0 0 32px;
    width:32px;
    height:32px;
    margin-right:10px;
    border:1px solid #c9def2;
    border-radius:8px;
    background-color:#f2f7fd;
    background-repeat:no-repeat;
    background-position:center;
    background-size:17px 17px;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23008e95' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 13a5 5 0 0 0 7.07.07l2-2a5 5 0 0 0-7.07-7.07l-1.15 1.15'/%3E%3Cpath d='M14 11a5 5 0 0 0-7.07-.07l-2 2A5 5 0 0 0 12 20l1.15-1.15'/%3E%3C/svg%3E");
    transition:background-color .2s ease,border-color .2s ease,transform .2s ease;}
.gambio-related-grid a:hover::before{border-color:#9bcfd4;
    background-color:#e8f8f8;
    transform:scale(1.04);}
.gambio-seo-card h4.gambio-iconbf{display:block;
    clear:both;
    margin:24px 0 8px !important;
    padding:0;
    color:#1772c8;
    font-size:16px;
    line-height:1.35;
    font-weight:800;}
.gambio-seo-card h4.gambio-iconbf + p{margin-top:0;}
.gambio-seo-card{position:relative;
    overflow:hidden;
    padding:0 !important;
    border:1px solid #dbe7ec !important;
    border-radius:18px !important;
    background:#fff !important;
    box-shadow:0 12px 30px rgba(23,114,200,.07) !important;}
.gambio-seo-card > h3:first-child{position:relative;
    margin:0 !important;
    padding:24px 28px 22px 48px !important;
    color:#0b3e59 !important;
    font-size:22px !important;
    line-height:1.3 !important;
    font-weight:900 !important;
    background:linear-gradient(135deg,#f5fbfc 0,#edf5fd 100%);
    border-bottom:1px solid #dfecef;}
.gambio-seo-card > h3:first-child::before{content:"";
    position:absolute;
    left:28px;
    top:50%;
    width:5px;
    height:30px;
    border-radius:99px;
    background:linear-gradient(180deg,#1772c8,#1772c8);
    transform:translateY(-50%);}
.gambio-seo-card > p{margin:0;
    padding:0 28px;
    color:#405a6b;
    font-size:14px;
    line-height:1.72;}
.gambio-seo-card > h3:first-child + p{padding-top:24px;}
.gambio-seo-card > p + p{margin-top:15px;}
.gambio-seo-card > p > span.gambio-iconbf{display:flex;
    align-items:center;
    gap:10px;
    margin:24px -2px 8px;
    color:#0b3e59 !important;
    font-size:16px;
    line-height:1.35;
    font-weight:900;}
.gambio-seo-card > p > span.gambio-iconbf::before{content:"";
    flex:0 0 8px;
    width:8px;
    height:8px;
    border-radius:50%;
    background:#1772c8;
    box-shadow:0 0 0 4px #e8f7f7;}
.gambio-seo-card h4.gambio-iconbf{position:relative;
    margin:28px 28px 0 !important;
    padding:18px 20px 18px 48px !important;
    color:#0b3e59 !important;
    font-size:18px !important;
    line-height:1.35 !important;
    font-weight:900 !important;
    background:linear-gradient(135deg,#edf5fd,#f7fbff);
    border:1px solid #cfe6e8;
    border-bottom:0;
    border-radius:12px 12px 0 0;}
.gambio-seo-card h4.gambio-iconbf::before{content:"✓";
    position:absolute;
    left:18px;
    top:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    width:22px;
    height:22px;
    border-radius:50%;
    background:#1772c8;
    color:#fff;
    font-size:13px;
    font-weight:900;
    transform:translateY(-50%);}
.gambio-seo-card h4.gambio-iconbf + p{margin:0 28px !important;
    padding:18px 20px 10px !important;
    color:#385467;
    background:#f7fbff;
    border-left:1px solid #cfe6e8;
    border-right:1px solid #cfe6e8;}
.gambio-seo-card h4.gambio-iconbf + p + p{margin:0 28px 28px !important;
    padding:0 20px 20px !important;
    color:#385467;
    background:#f7fbff;
    border:1px solid #cfe6e8;
    border-top:0;
    border-radius:0 0 12px 12px;}
.gambio-seo-card > p:last-child{padding-bottom:28px;}
@media (max-width:760px){
  .gambio-seo-card > h3:first-child{padding:20px 20px 18px 38px !important;
        font-size:19px !important;}
  .gambio-seo-card > h3:first-child::before{left:20px;
        height:26px;}
  .gambio-seo-card > p{padding-left:20px;
        padding-right:20px;}
  .gambio-seo-card h4.gambio-iconbf{margin-left:20px !important;
        margin-right:20px !important;}
  .gambio-seo-card h4.gambio-iconbf + p, .gambio-seo-card h4.gambio-iconbf + p + p{margin-left:20px !important;
        margin-right:20px !important;}
}
@media (max-width: 520px){
  .gambio-link-box h3{font-size: 17px !important;
        line-height: 1.25 !important;
        letter-spacing: -0.3px;}
}
@media (max-width: 520px){
  .gambio-benefits-card{padding:18px 16px 14px !important;}
  .gambio-section-title{margin-bottom:16px !important;}
  .gambio-section-title span{gap:8px !important;
        line-height:1.2 !important;
        white-space:nowrap;
        letter-spacing:-0.2px;}
  .gambio-section-title span::before{width:4px !important;
        height:22px !important;
        flex:0 0 4px;}
  .gambio-link-box{padding:18px 16px !important;}
  .gambio-link-box h3{margin-bottom:14px !important;
        font-size:15px !important;
        line-height:1.2 !important;
        white-space:nowrap;
        letter-spacing:-0.25px;}
}
@media (max-width: 390px){
  .gambio-section-title span{font-size:14px !important;
        letter-spacing:-0.35px;}
  .gambio-link-box h3{font-size:14px !important;
        letter-spacing:-0.35px;}
}
@media (max-width: 520px){
  .gambio-intro{display:block !important;
        padding:18px 16px !important;}
  .gambio-intro > .gambio-icon{float:left !important;
        width:42px !important;
        height:42px !important;
        margin:2px 12px 6px 0 !important;
        border-radius:11px !important;}
  .gambio-intro > .gambio-icon svg{width:22px !important;
        height:22px !important;}
  .gambio-intro > div:last-child{display:block !important;}
  .gambio-intro > div:last-child p{margin:0 0 10px !important;}
  .gambio-intro > div:last-child p:last-child{margin-bottom:0 !important;}
  .gambio-intro::after{content:"";
        display:block;
        clear:both;}
}
@media (max-width: 520px){
  .gambio-section-title span{white-space:normal !important;
        font-size:15px !important;
        line-height:1.3 !important;
        letter-spacing:0 !important;
        align-items:flex-start !important;}
  .gambio-section-title span::before{margin-top:1px;}
}
@media (max-width: 390px){
  .gambio-section-title span{font-size:14.5px !important;
        line-height:1.3 !important;}
}
@media (max-width: 520px){
  .gambio-benefit{display:grid !important;
        grid-template-columns:42px minmax(0,1fr) !important;
        grid-template-rows:auto auto !important;
        column-gap:12px !important;
        row-gap:5px !important;
        align-items:center !important;
        padding:16px !important;}
  .gambio-benefit .gambio-icon{grid-column:1 !important;
        grid-row:1 !important;
        width:40px !important;
        height:40px !important;
        margin:0 !important;
        border-radius:10px !important;}
  .gambio-benefit .gambio-icon svg{width:21px !important;
        height:21px !important;}
  .gambio-benefit > div:last-child{display:contents !important;}
  .gambio-benefit h3{grid-column:2 !important;
        grid-row:1 !important;
        align-self:center !important;
        margin:0 !important;
        font-size:15px !important;
        line-height:1.25 !important;}
  .gambio-benefit p{grid-column:1 / -1 !important;
        grid-row:2 !important;
        margin:4px 0 0 !important;
        font-size:13px !important;
        line-height:1.5 !important;}
}
@media (max-width: 680px){
  .gambio-compare-head, .gambio-compare-row, .gambio-compare-price-row, .gambio-compare-actions{
        grid-template-columns:minmax(0,1.35fr) repeat(3,minmax(0,1fr)) !important;}
  .gambio-compare-feature, .gambio-compare-plan{min-width:0 !important;
        padding:10px 5px !important;}
  .gambio-compare-feature{font-size:11px !important;
        line-height:1.2 !important;}
  .gambio-compare-plan{font-size:11px !important;
        line-height:1.2 !important;
        letter-spacing:0 !important;}
  .gambio-compare-row > div{min-width:0 !important;
        min-height:48px !important;
        padding:8px 4px !important;
        font-size:10px !important;
        line-height:1.25 !important;}
  .gambio-compare-label{
        text-align:left !important;
        font-size:10px !important;}
  .gambio-feature-mini-icon{display:none !important;}
  .gambio-package-section .gambio-compare-price-row > div{min-width:0 !important;
        min-height:88px !important;
        padding:10px 4px !important;}
  .gambio-package-section .gambio-compare-price-row .gambio-price-label{flex-direction:column !important;
        justify-content:center !important;
        gap:5px !important;
        padding:8px 3px !important;
        text-align:center !important;
        font-size:10px !important;
        line-height:1.2 !important;}
  .gambio-package-section .gambio-compare-price-row .gambio-price-label::before{flex:0 0 28px !important;
        width:28px !important;
        height:28px !important;
        font-size:15px !important;}
  .gambio-package-section .gambio-price-cell .gambio-price-value{font-size:20px !important;
        letter-spacing:-.3px !important;}
  .gambio-package-section .gambio-price-cell .gambio-price-currency{font-size:13px !important;
        padding-top:2px !important;}
  .gambio-package-section .gambio-price-period{margin-top:5px !important;
        font-size:9px !important;}
  .gambio-package-section .gambio-compare-actions > div:not(.gambio-platzhalter){min-width:0 !important;
        min-height:112px !important;
        padding:8px 4px !important;
        gap:6px !important;}
  .gambio-package-section .gambio-compare-actions .gambio-platzhalter{min-height:112px !important;}
  .gambio-package-section .gambio-compare-actions > div:not(.gambio-platzhalter) .gambio-btn-ghost, .gambio-package-section .gambio-compare-actions > div:not(.gambio-platzhalter) .gambio-btn-primary{min-width:0 !important;
        width:100% !important;
        height:auto !important;
        min-height:38px !important;
        padding:7px 3px !important;
        font-size:9px !important;
        line-height:1.15 !important;
        text-align:center !important;}
  .gambio-package-section .gambio-btn-ghost::before, .gambio-package-section .gambio-btn-primary::before{display:none !important;}
  .gambio-package-section .gambio-note{margin:12px 14px 16px !important;
        padding:0 !important;
        font-size:10px !important;}
}
@media (max-width: 680px){
  .gambio-hosting-compare{overflow:visible !important;
        width:100% !important;}
  .gambio-mobile-plan-switcher{display:grid;
        grid-template-columns:repeat(3,1fr);
        gap:6px;
        padding:10px;
        background:#f5f8fa;
        border-bottom:1px solid #dce7ec;}
  .gambio-mobile-plan-switcher button{min-height:38px;
        padding:7px 10px;
        border:1px solid var(--pkg-line);
        border-radius:8px;
        background:#fff;
        color:var(--pkg-text);
        font-family:inherit;
        font-size:12px;
        font-weight:900;
        cursor:pointer;
        transition:background .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease;}
  .gambio-mobile-plan-switcher button.gambio-is-active{color:#fff;
        border-color:var(--pkg-dark);
        background:linear-gradient(180deg,var(--pkg-main),var(--pkg-dark));
        box-shadow:0 5px 12px var(--pkg-shadow);}
  .gambio-compare-head, .gambio-compare-row, .gambio-compare-price-row, .gambio-compare-actions{min-width:0 !important;
        width:100% !important;
        grid-template-columns:minmax(0,1.35fr) minmax(0,1fr) !important;}
  .gambio-hosting-compare.gambio-mobile-col-l .gambio-compare-head > :nth-child(3), .gambio-hosting-compare.gambio-mobile-col-l .gambio-compare-head > :nth-child(4), .gambio-hosting-compare.gambio-mobile-col-l .gambio-compare-row > :nth-child(3), .gambio-hosting-compare.gambio-mobile-col-l .gambio-compare-row > :nth-child(4), .gambio-hosting-compare.gambio-mobile-col-l .gambio-compare-price-row > :nth-child(3), .gambio-hosting-compare.gambio-mobile-col-l .gambio-compare-price-row > :nth-child(4), .gambio-hosting-compare.gambio-mobile-col-l .gambio-compare-actions > :nth-child(3), .gambio-hosting-compare.gambio-mobile-col-l .gambio-compare-actions > :nth-child(4){display:none !important;}
  .gambio-hosting-compare.gambio-mobile-col-xl .gambio-compare-head > :nth-child(2), .gambio-hosting-compare.gambio-mobile-col-xl .gambio-compare-head > :nth-child(4), .gambio-hosting-compare.gambio-mobile-col-xl .gambio-compare-row > :nth-child(2), .gambio-hosting-compare.gambio-mobile-col-xl .gambio-compare-row > :nth-child(4), .gambio-hosting-compare.gambio-mobile-col-xl .gambio-compare-price-row > :nth-child(2), .gambio-hosting-compare.gambio-mobile-col-xl .gambio-compare-price-row > :nth-child(4), .gambio-hosting-compare.gambio-mobile-col-xl .gambio-compare-actions > :nth-child(2), .gambio-hosting-compare.gambio-mobile-col-xl .gambio-compare-actions > :nth-child(4){display:none !important;}
  .gambio-hosting-compare.gambio-mobile-col-xxl .gambio-compare-head > :nth-child(2), .gambio-hosting-compare.gambio-mobile-col-xxl .gambio-compare-head > :nth-child(3), .gambio-hosting-compare.gambio-mobile-col-xxl .gambio-compare-row > :nth-child(2), .gambio-hosting-compare.gambio-mobile-col-xxl .gambio-compare-row > :nth-child(3), .gambio-hosting-compare.gambio-mobile-col-xxl .gambio-compare-price-row > :nth-child(2), .gambio-hosting-compare.gambio-mobile-col-xxl .gambio-compare-price-row > :nth-child(3), .gambio-hosting-compare.gambio-mobile-col-xxl .gambio-compare-actions > :nth-child(2), .gambio-hosting-compare.gambio-mobile-col-xxl .gambio-compare-actions > :nth-child(3){display:none !important;}
  .gambio-hosting-compare.gambio-mobile-col-l .gambio-compare-head > :nth-child(2), .gambio-hosting-compare.gambio-mobile-col-l .gambio-compare-row > :nth-child(2), .gambio-hosting-compare.gambio-mobile-col-l .gambio-compare-price-row > :nth-child(2), .gambio-hosting-compare.gambio-mobile-col-l .gambio-compare-actions > :nth-child(2), .gambio-hosting-compare.gambio-mobile-col-xl .gambio-compare-head > :nth-child(3), .gambio-hosting-compare.gambio-mobile-col-xl .gambio-compare-row > :nth-child(3), .gambio-hosting-compare.gambio-mobile-col-xl .gambio-compare-price-row > :nth-child(3), .gambio-hosting-compare.gambio-mobile-col-xl .gambio-compare-actions > :nth-child(3), .gambio-hosting-compare.gambio-mobile-col-xxl .gambio-compare-head > :nth-child(4), .gambio-hosting-compare.gambio-mobile-col-xxl .gambio-compare-row > :nth-child(4), .gambio-hosting-compare.gambio-mobile-col-xxl .gambio-compare-price-row > :nth-child(4), .gambio-hosting-compare.gambio-mobile-col-xxl .gambio-compare-actions > :nth-child(4){grid-column:2 !important;
        display:flex !important;}
  .gambio-compare-feature{grid-column:1 !important;
        padding:11px 10px !important;
        font-size:13px !important;
        line-height:1.25 !important;}
  .gambio-compare-label{grid-column:1 !important;
        padding:10px 8px !important;
        white-space:normal !important;
        font-size:11px !important;
        line-height:1.3 !important;}
  .gambio-feature-mini-icon{display:inline-flex !important;
        width:26px !important;
        min-width:26px !important;
        height:26px !important;
        margin-right:7px !important;}
  .gambio-feature-mini-icon svg{width:14px !important;
        height:14px !important;}
  .gambio-compare-plan{padding:11px 8px !important;
        font-size:13px !important;
        letter-spacing:.2px !important;}
  .gambio-compare-row > div{min-height:52px !important;
        padding:10px 8px !important;
        font-size:11px !important;
        line-height:1.3 !important;
        overflow-wrap:anywhere;}
  .gambio-package-section .gambio-compare-price-row > div{min-height:96px !important;
        padding:12px 8px !important;}
  .gambio-package-section .gambio-compare-price-row .gambio-price-label{flex-direction:row !important;
        align-items:center !important;
        justify-content:flex-start !important;
        gap:8px !important;
        padding:12px 8px !important;
        white-space:normal !important;
        text-align:left !important;
        font-size:11px !important;}
  .gambio-package-section .gambio-compare-price-row .gambio-price-label::before{flex:0 0 30px !important;
        width:30px !important;
        height:30px !important;
        font-size:16px !important;
        border-radius:8px !important;}
  .gambio-package-section .gambio-price-cell .gambio-price-value{font-size:28px !important;}
  .gambio-package-section .gambio-price-cell .gambio-price-currency{font-size:18px !important;}
  .gambio-package-section .gambio-price-period{font-size:11px !important;}
  .gambio-package-section .gambio-compare-actions .gambio-platzhalter{grid-column:1 !important;
        min-height:122px !important;
        display:block !important;}
  .gambio-package-section .gambio-compare-actions > div:not(.gambio-platzhalter){min-height:122px !important;
        padding:12px 8px !important;
        gap:8px !important;}
  .gambio-package-section .gambio-compare-actions > div:not(.gambio-platzhalter) .gambio-btn-ghost, .gambio-package-section .gambio-compare-actions > div:not(.gambio-platzhalter) .gambio-btn-primary{min-height:42px !important;
        padding:8px 8px !important;
        font-size:11px !important;
        white-space:normal !important;}
  .gambio-package-section .gambio-btn-ghost::before, .gambio-package-section .gambio-btn-primary::before{display:inline !important;}
}
@media (min-width: 681px){
  .gambio-mobile-plan-switcher{display:none !important;}
}
@media (max-width: 680px){
  .gambio-mobile-plan-switcher{position:relative;
        padding:42px 10px 34px !important;
        border-bottom:1px solid var(--pkg-line) !important;
        background:linear-gradient(180deg,var(--pkg-soft-2),#fff) !important;}
  .gambio-mobile-plan-switcher::before{content:"Paketgröße auswählen:";
        position:absolute;
        top:12px;
        left:10px;
        right:10px;
        color:#263f50;
        font-size:12px;
        line-height:1.2;
        font-weight:900;
        text-align:left;}
  .gambio-mobile-plan-switcher::after{content:"Aktuell angezeigt: " attr(data-active-label);
        position:absolute;
        left:10px;
        right:10px;
        bottom:10px;
        color:var(--pkg-text);
        font-size:10px;
        line-height:1.2;
        font-weight:800;
        text-align:center;}
  .gambio-mobile-plan-switcher button{position:relative;
        min-height:42px !important;
        font-size:13px !important;
        box-shadow:0 3px 8px rgba(18,27,35,.05);}
  .gambio-mobile-plan-switcher button:not(.gambio-is-active)::after{content:"";
        position:absolute;
        right:7px;
        top:50%;
        width:5px;
        height:5px;
        border-right:2px solid var(--pkg-main);
        border-bottom:2px solid var(--pkg-main);
        transform:translateY(-60%) rotate(-45deg);
        opacity:.65;}
  .gambio-mobile-plan-switcher button.gambio-is-active{transform:translateY(-1px);
        box-shadow:0 7px 15px var(--pkg-shadow) !important;}
}
@media (min-width: 700px) and (max-width: 1200px) and (orientation: landscape){
  .gambio-section-title span{font-size:15px !important;
        line-height:1.2 !important;
        letter-spacing:-0.2px !important;
        white-space:nowrap !important;}
  .gambio-section-title span::before{height:22px !important;}
}
@media (min-width: 700px) and (max-width: 1200px) and (orientation: landscape){
  .gambio-seo-card > h3:first-child{font-size:18px !important;
        line-height:1.25 !important;
        letter-spacing:-0.2px !important;
        padding-top:19px !important;
        padding-bottom:18px !important;}
}
@media (min-width: 521px) and (max-width: 1200px) and (orientation: landscape){
  .gambio-mobile-plan-switcher{display:none !important;}
  .gambio-hosting-compare{width:100% !important;
        overflow:visible !important;}
  .gambio-compare-head, .gambio-compare-row, .gambio-compare-price-row, .gambio-compare-actions{display:grid !important;
        width:100% !important;
        min-width:0 !important;
        grid-template-columns:190px repeat(3,minmax(0,1fr)) !important;}
  .gambio-hosting-compare .gambio-compare-head > *, .gambio-hosting-compare .gambio-compare-row > *, .gambio-hosting-compare .gambio-compare-price-row > *, .gambio-hosting-compare .gambio-compare-actions > *{display:flex !important;
        grid-column:auto !important;
        grid-row:auto !important;
        min-width:0 !important;}
  .gambio-compare-feature, .gambio-compare-plan{min-height:46px !important;
        padding:9px 8px !important;}
  .gambio-compare-feature{justify-content:flex-start !important;
        font-size:13px !important;
        line-height:1.2 !important;}
  .gambio-compare-plan{justify-content:center !important;
        font-size:12px !important;
        line-height:1.2 !important;
        letter-spacing:.2px !important;}
  .gambio-compare-row > div{min-height:46px !important;
        padding:8px 6px !important;
        font-size:10.5px !important;
        line-height:1.25 !important;
        overflow-wrap:anywhere;}
  .gambio-compare-label{justify-content:flex-start !important;
        text-align:left !important;
        white-space:normal !important;
        font-size:10.5px !important;
        line-height:1.25 !important;}
  .gambio-feature-mini-icon{display:inline-flex !important;
        width:24px !important;
        min-width:24px !important;
        height:24px !important;
        margin-right:6px !important;
        border-radius:7px !important;}
  .gambio-feature-mini-icon svg{width:13px !important;
        height:13px !important;}
  .gambio-package-section .gambio-compare-price-row > div{min-height:82px !important;
        padding:10px 6px !important;}
  .gambio-package-section .gambio-compare-price-row .gambio-price-label{flex-direction:row !important;
        align-items:center !important;
        justify-content:flex-start !important;
        gap:7px !important;
        padding:10px 8px !important;
        white-space:normal !important;
        text-align:left !important;
        font-size:10.5px !important;}
  .gambio-package-section .gambio-compare-price-row .gambio-price-label::before{flex:0 0 28px !important;
        width:28px !important;
        height:28px !important;
        font-size:15px !important;
        border-radius:8px !important;}
  .gambio-package-section .gambio-price-cell{justify-content:center !important;
        align-items:center !important;}
  .gambio-package-section .gambio-price-cell .gambio-price-value{font-size:22px !important;
        letter-spacing:-.35px !important;}
  .gambio-package-section .gambio-price-cell .gambio-price-currency{font-size:14px !important;
        padding-top:2px !important;}
  .gambio-package-section .gambio-price-period{margin-top:5px !important;
        font-size:9.5px !important;}
  .gambio-package-section .gambio-compare-actions > div:not(.gambio-platzhalter){display:flex !important;
        flex-direction:column !important;
        align-items:stretch !important;
        justify-content:center !important;
        gap:6px !important;
        min-height:104px !important;
        padding:8px 7px !important;}
  .gambio-package-section .gambio-compare-actions .gambio-platzhalter{display:block !important;
        min-height:104px !important;
        padding:0 !important;}
  .gambio-package-section .gambio-compare-actions > div:not(.gambio-platzhalter) .gambio-btn-ghost, .gambio-package-section .gambio-compare-actions > div:not(.gambio-platzhalter) .gambio-btn-primary{width:100% !important;
        height:auto !important;
        min-height:36px !important;
        margin:0 !important;
        padding:7px 5px !important;
        font-size:9.5px !important;
        line-height:1.15 !important;
        white-space:normal !important;
        text-align:center !important;}
  .gambio-package-section .gambio-btn-ghost::before, .gambio-package-section .gambio-btn-primary::before{display:none !important;}
  .gambio-package-section .gambio-note{margin:10px 16px 14px !important;
        font-size:10px !important;}
}
@media (min-width: 521px) and (max-width: 760px) and (orientation: landscape){
  .gambio-compare-head, .gambio-compare-row, .gambio-compare-price-row, .gambio-compare-actions{grid-template-columns:165px repeat(3,minmax(0,1fr)) !important;}
  .gambio-compare-feature{font-size:11.5px !important;}
  .gambio-compare-plan{font-size:11px !important;}
  .gambio-compare-row > div, .gambio-compare-label{font-size:9.5px !important;}
  .gambio-feature-mini-icon{width:21px !important;
        min-width:21px !important;
        height:21px !important;
        margin-right:5px !important;}
  .gambio-feature-mini-icon svg{width:11px !important;
        height:11px !important;}
  .gambio-package-section .gambio-price-cell .gambio-price-value{font-size:19px !important;}
  .gambio-package-section .gambio-price-cell .gambio-price-currency{font-size:12px !important;}
  .gambio-package-section .gambio-compare-actions > div:not(.gambio-platzhalter) .gambio-btn-ghost, .gambio-package-section .gambio-compare-actions > div:not(.gambio-platzhalter) .gambio-btn-primary{font-size:8.5px !important;
        padding-left:3px !important;
        padding-right:3px !important;}
}
@media (max-width: 520px) and (orientation: portrait){
  .gambio-package-section .gambio-btn-ghost, .gambio-package-section .gambio-btn-primary{font-size:0 !important;
        white-space:nowrap !important;}
  .gambio-package-section .gambio-btn-ghost::before{content:"Details" !important;
        display:inline !important;
        margin:0 !important;
        font-size:11px !important;
        line-height:1.2 !important;}
  .gambio-package-section .gambio-btn-ghost::after{content:"" !important;
        display:none !important;}
  .gambio-package-section .gambio-btn-primary::before{content:"Bestellen" !important;
        display:inline !important;
        margin:0 !important;
        font-size:11px !important;
        line-height:1.2 !important;}
}
:root{
    --gambio-blue:#1772c8;
    --gambio-blue-dark:#0b4f91;
    --gambio-navy:#123c63;
    --gambio-soft:#f7fbfb;
    --gambio-blue-soft:#edf5fd;
    --gambio-line:#d9e6e9;}
.gambio-hosting-preview-section .content-header h1{color:var(--gambio-navy) !important;}
.gambio-hosting-preview-section .content-header .icono-h1{color:var(--gambio-blue) !important;}
.gambio-page{color:#243a42 !important;}
.gambio-page a{color:var(--gambio-blue);}
.gambio-page a:hover{color:var(--gambio-blue-dark);}
.gambio-hero{background-color:var(--gambio-navy) !important;
    background-image:url("../images/webhosting/gambio-hosting.webp") !important;
    background-size:cover !important;
    background-position:center center !important;
    border-color:#d0e8eb !important;
    box-shadow:0 14px 34px rgba(0,74,86,.12) !important;}
.gambio-intro{border-color:var(--gambio-line) !important;
    border-left-color:var(--gambio-blue) !important;
    background:linear-gradient(135deg,#fff 0,#f7fbff 100%) !important;
    box-shadow:0 9px 26px rgba(0,74,86,.055) !important;}
.gambio-icon{color:var(--gambio-blue) !important;
    border-color:#d0e8eb !important;
    background:linear-gradient(145deg,#e7f4f5,#edf5fd) !important;
    box-shadow:0 6px 14px rgba(0,111,127,.08) !important;}
.gambio-section-title span, .gambio-benefit h3, .gambio-seo-card h3, .gambio-link-box h3{color:var(--gambio-navy) !important;}
.gambio-section-title span::before{background:linear-gradient(180deg,var(--gambio-blue),var(--gambio-blue-dark)) !important;}
.gambio-benefits-card, .gambio-benefit, .gambio-seo-card, .gambio-link-box{border-color:var(--gambio-line) !important;}
.gambio-benefit{background:#fbfdff !important;}
.gambio-benefit:hover{border-color:#a9cceb !important;
    box-shadow:0 10px 24px rgba(23,114,200,.09) !important;}
.gambio-package-section .gambio-compare-head{background:linear-gradient(180deg,var(--gambio-blue),var(--gambio-blue-dark)) !important;}
.gambio-package-section .gambio-feature-mini-icon{color:var(--gambio-blue) !important;
    background:#e7f4f5 !important;
    border-color:#d0e8eb !important;}
.gambio-package-section .gambio-compare-eco{color:var(--gambio-blue) !important;}
.gambio-package-section .gambio-compare-row:nth-child(even){background:#f7fbff !important;}
.gambio-package-section .gambio-compare-price-row > div{background:linear-gradient(180deg,#fff 0,#edf5fd 100%) !important;}
.gambio-package-section .gambio-compare-price-row .gambio-price-label::before{color:var(--gambio-blue) !important;
    background:#e8f2fc !important;
    border-color:#c9def2 !important;}
.gambio-package-section .gambio-price-cell .gambio-price-value, .gambio-package-section .gambio-price-cell .gambio-price-currency{color:var(--gambio-blue-dark) !important;}
.gambio-package-section .gambio-btn-primary{border-color:var(--gambio-blue-dark) !important;
    background:linear-gradient(180deg,var(--gambio-blue),var(--gambio-blue-dark)) !important;
    box-shadow:0 7px 15px rgba(23,114,200,.20) !important;}
.gambio-package-section .gambio-btn-ghost{color:var(--gambio-blue) !important;
    border-color:var(--gambio-blue) !important;
    background:#fff !important;}
.gambio-package-section .gambio-btn-ghost:hover{color:var(--gambio-blue-dark) !important;
    background:#edf8f9 !important;}
.gambio-info-card > h3:first-child{background:linear-gradient(135deg,#f7fbfb 0,#edf5fd 100%) !important;}
.gambio-info-card > h3:first-child::before{background:linear-gradient(180deg,var(--gambio-blue),var(--gambio-blue-dark)) !important;}
.gambio-related-grid a{color:var(--gambio-blue) !important;
    background:#fbfdff !important;
    border-color:var(--gambio-line) !important;}
.gambio-related-grid a::before{color:var(--gambio-blue) !important;
    border-color:#d0e8eb !important;
    background-color:#e7f4f5 !important;}
.gambio-related-grid a:hover{border-color:#a9cceb !important;
    box-shadow:0 7px 15px rgba(23,114,200,.08) !important;}
.gambio-info-card > p{padding-left:28px !important;
    padding-right:28px !important;}
.gambio-info-card > p:first-of-type{padding-top:24px !important;}
.gambio-info-card > p:last-child{padding-bottom:28px !important;}
@media (max-width:760px){
  .gambio-info-card > p{padding-left:20px !important;
        padding-right:20px !important;}
}
@media (max-width:680px){
  .gambio-mobile-plan-switcher{background:linear-gradient(180deg,#f7fbff,#fff) !important;
        border-bottom-color:#c9def2 !important;}
  .gambio-mobile-plan-switcher button{border-color:#c9def2 !important;
        color:#155f9f !important;}
  .gambio-mobile-plan-switcher button.gambio-is-active{color:#fff !important;
        border-color:var(--gambio-blue-dark) !important;
        background:linear-gradient(180deg,var(--gambio-blue),var(--gambio-blue-dark)) !important;
        box-shadow:0 5px 12px rgba(23,114,200,.18) !important;}
}
.gambio-shop-notice{margin-top:10px;
    padding:10px 12px;
    border:1px solid #c9def2;
    border-radius:8px;
    background:#f7fbff;
    color:#526b7b;
    font-size:13px;
    line-height:1.5;}
.gambio-red2{display:inline-block;
    margin-right:6px;
    padding:2px 6px;
    border-radius:4px;
    background:linear-gradient(180deg,#ff3b3b,#b30000);
    color:#fff;
    font-size:10px;
    font-weight:900;
    letter-spacing:.5px;
    text-transform:uppercase;
    vertical-align:middle;}
@media (max-width: 520px) and (orientation: portrait){
  .gambio-package-section .gambio-btn-ghost, .gambio-package-section .gambio-btn-primary{font-size:11px !important;}
  .gambio-package-section .gambio-btn-ghost::before, .gambio-package-section .gambio-btn-primary::before, .gambio-package-section .gambio-btn-ghost::after{content:none !important;
        display:none !important;}
}
.gambio-link-box h3{display:flex !important;
    align-items:center !important;
    gap:7px !important;
    max-width:100% !important;
    font-size:17px !important;
    line-height:1.3 !important;
    white-space:normal !important;
    overflow:visible !important;
    text-overflow:clip !important;}
.gambio-link-box h3::before{flex:0 0 auto !important;
    width:24px !important;
    height:24px !important;
    min-width:24px !important;
    font-size:13px !important;
    background-size:13px 13px !important;}
@media (max-width:680px){
  .gambio-link-box h3{gap:6px !important;
        font-size:15px !important;
        line-height:1.3 !important;}
  .gambio-link-box h3::before{width:21px !important;
        height:21px !important;
        min-width:21px !important;
        background-size:12px 12px !important;}
}
.gambio-package-section .gambio-price-cell .gambio-price-box{
    border:1px solid var(--pkg-line) !important;
    box-shadow:0 8px 19px var(--pkg-shadow) !important;}
.gambio-package-section .gambio-compare-eco{color:#1f8f3a !important;
    font-weight:900 !important;}
.gambio-package-section .gambio-price-cell .gambio-price-main, .gambio-package-section .gambio-price-cell .gambio-price-value, .gambio-package-section .gambio-price-cell .gambio-price-currency{color:var(--gambio-blue) !important;}
.gambio-package-section .gambio-price-cell .gambio-price-box{width:100% !important;
    max-width:175px !important;
    margin:0 auto !important;
    padding:13px 10px !important;
    border:1px solid #c9def2 !important;
    border-radius:13px !important;
    background:#fff !important;
    box-shadow:0 8px 19px rgba(0,111,127,.12) !important;
    text-align:center !important;}
.gambio-package-section .gambio-setup-row, .gambio-package-section .gambio-setup-row > div{background:#fff !important;}
.gambio-package-section{box-shadow:0 10px 28px rgba(8,63,82,.07) !important;}
.gambio-compare-plan .gambio-plan-link{display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    min-height:100%;
    color:#fff !important;
    font:inherit;
    font-weight:inherit;
    letter-spacing:inherit;
    text-decoration:none !important;
    transition:opacity .2s ease,text-shadow .2s ease;}
.gambio-compare-plan .gambio-plan-link:hover, .gambio-compare-plan .gambio-plan-link:focus-visible{color:#fff !important;
    opacity:.9;
    text-shadow:0 2px 5px rgba(0,0,0,.28);
    text-decoration:none !important;}
.gambio-compare-feature, .gambio-compare-feature *, .gambio-compare-plan, .gambio-compare-plan *, .gambio-compare-plan .gambio-plan-link{text-shadow:0 2px 4px rgba(0,0,0,.32) !important;}
.gambio-compare-plan .gambio-plan-link:hover, .gambio-compare-plan .gambio-plan-link:focus-visible{text-shadow:0 2px 4px rgba(0,0,0,.38) !important;}